dashboard-ui/modules/imageuploader/imageuploader.template.html
2023-08-31 15:30:17 +02:00

53 lines
2.9 KiB
HTML

<div class="formDialogHeader formDialogHeader-clear">
<button is="paper-icon-button-light" class="btnCancel hide-mouse-idle-tv" tabindex="-1"><i class="md-icon autortl">&#xE5C4;</i></button>
<h2 class="formDialogHeaderTitle">
${HeaderUploadImage}
</h2>
</div>
<div is="emby-scroller" data-horizontal="false" data-forcescrollbar="true" data-focusscroll="true" class="formDialogContent">
<div class="scrollSlider">
<form class="dialogContentInner dialogContentInner-clearHeader uploadItemImageForm padded-left padded-right" style="max-width: 100%;">
<div class="flex align-items-center" style="margin:0 0 1.5em;">
<h2 style="margin:0;">${HeaderAddUpdateImage}</h2>
<button is="emby-button" type="button" class="raised raised-mini btnBrowse sectionTitleButton">
<i class="md-icon button-icon button-icon-left">&#xE2C7;</i>
<span>${Browse}</span>
</button>
</div>
<div>
<div class="imageEditor-dropZone fieldDescription">
<div>${LabelDropImageHere}</div>
<output id="imageOutput" class="flex align-items-center justify-content-center" style="position: absolute;top:0;left:0;right:0;bottom:0;width:100%;"></output>
<input type="file" accept="image/*" class="uploadImage" name="uploadImage" style="position: absolute;top:0;left:0;right:0;bottom:0;width:100%;opacity:0;" tabindex="-1" />
</div>
<div id="fldUpload" class="hide">
<br />
<div class="selectContainer fldSelectImageType hide">
<select is="emby-select" id="selectImageType" name="selectImageType" label="${LabelImageType}">
<option value="Primary">${Primary}</option>
<option value="Art">${Art}</option>
<option value="Backdrop">${Backdrop}</option>
<option value="Banner">${Banner}</option>
<option value="Box">${Box}</option>
<option value="BoxRear">${BoxRear}</option>
<option value="Disc">${Disc}</option>
<option value="Logo">${Logo}</option>
<option value="LogoLight">${LogoLight}</option>
<option value="LogoLightColor">${LogoLightColor}</option>
<option value="Menu">${Menu}</option>
<option value="Thumb">${Thumb}</option>
</select>
</div>
<button is="emby-button" type="submit" class="raised button-submit block">
<span>${Upload}</span>
</button>
</div>
</div>
</form>
</div>
</div>