milas/jellyfish-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Feature: manually add subtitle

Browse source
This commit is contained in:
redSpoutnik 2020-05-08 21:25:23 +02:00
parent f45a4d1a8c
commit 6bb1cf3554
6 changed files with 282 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

45
src/components/subtitleuploader/subtitleuploader.template.html Normal file
View file

@ -0,0 +1,45 @@
<div class="formDialogHeader">
<button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1"><i class="material-icons arrow_back"></i></button>
<h3 class="formDialogHeaderTitle">
${HeaderUploadSubtitle}
</h3>
</div>
<div class="formDialogContent">
<div class="dialogContentInner">
<form class="uploadSubtitleForm">
<div class="flex align-items-center" style="margin:1.5em 0;">
<h2 style="margin:0;">${HeaderAddUpdateSubtitle}</h2>
<button is="emby-button" type="button" class="raised raised-mini btnBrowse" style="margin-left:1.5em;">
<i class="material-icons">folder</i>
<span>${Browse}</span>
</button>
</div>
<div>
<div class="subtitleEditor-dropZone fieldDescription">
<div id="labelDropSubtitle">${LabelDropSubtitleHere}</div>
<output id="subtitleOutput" 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=".sub,.srt,.vtt,.ass,.ssa" id="uploadSubtitle" name="uploadSubtitle" style="position: absolute;top:0;left:0;right:0;bottom:0;width:100%;opacity:0;"/>
</div>
<div id="fldUpload" class="hide">
<br />
<div class="checkboxContainer">
<label>
<input type="checkbox" is="emby-checkbox" id="chkIsForced" />
<span>${LabelIsForced}</span>
</label>
</div>
<div class="selectContainer flex-grow">
<select is="emby-select" id="selectLanguage" required="required" label="${LabelLanguage}" autofocus></select>
</div>
<button is="emby-button" type="submit" class="raised button-submit block">
<span>${Upload}</span>
</button>
</div>
</div>
</form>
</div>
</div>