jellyfish-web/src/components/imageUploader/imageUploader.template.html

52 lines
2.7 KiB
HTML
Raw Normal View History

2019-01-23 11:33:34 +00:00
<div class="formDialogHeader">
2022-02-24 19:03:42 +03:00
<button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1" title="${ButtonBack}"><span class="material-icons arrow_back" aria-hidden="true"></span></button>
2017-09-19 16:07:18 -04:00
<h3 class="formDialogHeaderTitle">
${HeaderUploadImage}
</h3>
</div>
2020-05-16 23:49:12 +02:00
<div class="formDialogContent smoothScrollY">
2017-09-19 16:07:18 -04:00
<div class="dialogContentInner">
<form class="uploadItemImageForm" style="max-width: 100%;">
<div class="flex align-items-center" style="margin:1.5em 0;">
<h2 style="margin:0;">${HeaderAddUpdateImage}</h2>
2022-07-03 10:13:06 -04:00
<button is="emby-button" type="button" class="raised raised-mini btnBrowse" style="margin-inline-start:1.5em;">
2022-02-24 20:15:24 +03:00
<span class="material-icons folder" aria-hidden="true"></span>
2017-09-19 16:07:18 -04:00
<span>${Browse}</span>
</button>
2015-09-17 12:04:04 -04:00
</div>
2017-09-19 16:07:18 -04:00
<div>
2017-09-23 21:05:13 -04:00
<div class="imageEditor-dropZone fieldDescription">
<div id="dropImageText">${LabelDropImageHere}</div>
2017-09-19 16:07:18 -04:00
<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>
2020-01-10 21:13:02 +00:00
<input type="file" accept="image/*" id="uploadImage" name="uploadImage" style="position: absolute;top:0;left:0;right:0;bottom:0;width:100%;opacity:0;" />
2017-09-19 16:07:18 -04:00
</div>
<div id="fldUpload" class="hide">
<br />
<div class="selectContainer">
<select is="emby-select" id="selectImageType" name="selectImageType" label="${LabelImageType}">
<option value="None"></option>
2017-09-22 16:19:54 -04:00
<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="Menu">${Menu}</option>
<option value="Thumb">${Thumb}</option>
2017-09-19 16:07:18 -04:00
</select>
</div>
<button is="emby-button" type="submit" class="raised button-submit block">
2017-09-22 16:19:54 -04:00
<span>${Upload}</span>
2017-09-19 16:07:18 -04:00
</button>
</div>
</div>
</form>
2015-09-17 12:04:04 -04:00
</div>
2017-09-19 16:07:18 -04:00
</div>