1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00

AutoOrganize: Migrate paper controls to emby controls

This commit is contained in:
softworkz 2016-08-21 04:24:43 +02:00
parent 7896d3df4c
commit 50f9d7d4fe
3 changed files with 54 additions and 38 deletions

View file

@ -8,45 +8,51 @@
<p>${AutoOrganizeTvHelp}</p> <p>${AutoOrganizeTvHelp}</p>
<div> <div>
<br /> <label class="checkboxContainer">
<paper-checkbox id="chkEnableTvSorting">${OptionEnableEpisodeOrganization}</paper-checkbox> <input type="checkbox" is="emby-checkbox" id="chkEnableTvSorting" />
<span>${OptionEnableEpisodeOrganization}</span>
</label>
</div> </div>
<div> <div class="inputContainer">
<paper-input id="txtWatchFolder" label="${LabelWatchFolder}" style="width:85%;display:inline-block;"></paper-input> <div style="display:flex; align-items:center;">
<button type="button" is="paper-icon-button-light" id="btnSelectWatchFolder" title="${ButtonSelectDirectory}" class="autoSize"><i class="md-icon">search</i></button> <div style="flex-grow:1;">
<div class="fieldDescription"> <input is="emby-input" id="txtWatchFolder" type="text" label="${LabelWatchFolder}" />
<div>${LabelWatchFolderHelp}</div> <div class="fieldDescription">${LabelWatchFolderHelp}</div>
</div>
<button type="button" is="emby-button" id="btnSelectWatchFolder" title="${ButtonSelectDirectory}" class="autoSize"><i class="md-icon">search</i></button>
</div> </div>
</div> </div>
<div> <div class="inputContainer">
<paper-input type="number" id="txtMinFileSize" name="txtMinFileSize" label="${LabelMinFileSizeForOrganize}" pattern="[0-9]*" min="0" required></paper-input> <input is="emby-input" id="txtMinFileSize" type="number" label="${LabelMinFileSizeForOrganize}" pattern="[0-9]*" min="0" required />
<div class="fieldDescription">${LabelMinFileSizeForOrganizeHelp}</div> <div class="fieldDescription">${LabelMinFileSizeForOrganizeHelp}</div>
</div> </div>
<div> <div class="inputContainer">
<paper-input type="text" id="txtSeasonFolderPattern" name="txtSeasonFolderPattern" label="${LabelSeasonFolderPattern}" required></paper-input> <input is="emby-input" id="txtSeasonFolderPattern" type="text" label="${LabelSeasonFolderPattern}" required />
<div class="fieldDescription seasonFolderFieldDescription"></div> <div class="fieldDescription seasonFolderFieldDescription"></div>
</div> </div>
<div> <div class="inputContainer">
<paper-input type="text" id="txtSeasonZeroName" name="txtSeasonZeroName" label="${LabelSeasonZeroFolderName}" required></paper-input> <input is="emby-input" id="txtSeasonZeroName" type="text" label="${LabelSeasonZeroFolderName}" required />
</div><br /> <div class="fieldDescription"></div>
</div>
<br />
<div is="emby-collapse" title="${HeaderEpisodeFilePattern}"> <div is="emby-collapse" title="${HeaderEpisodeFilePattern}">
<div class="collapseContent"> <div class="collapseContent">
<br /> <br />
<div> <div class="inputContainer">
<paper-input type="text" id="txtEpisodePattern" name="txtEpisodePattern" label="${LabelEpisodePattern}" required></paper-input> <input is="emby-input" id="txtEpisodePattern" type="text" label="${LabelEpisodePattern}" required />
<div class="fieldDescription episodePatternDescription"></div> <div class="fieldDescription episodePatternDescription"></div>
</div> </div>
<br /> <div class="inputContainer">
<div> <input is="emby-input" id="txtMultiEpisodePattern" type="text" label="${LabelMultiEpisodePattern}" required />
<paper-input type="text" id="txtMultiEpisodePattern" name="txtMultiEpisodePattern" label="${LabelMultiEpisodePattern}" required></paper-input>
<div class="fieldDescription multiEpisodePatternDescription"></div> <div class="fieldDescription multiEpisodePatternDescription"></div>
</div> </div>
<br /> <br />
<p>${HeaderSupportedPatterns}</p> <p>${HeaderSupportedPatterns}</p>
<table data-role="table" id="movie-table" data-mode="reflow" class="ui-responsive"> <table id="movie-table" class="ui-responsive">
<thead> <thead>
<tr> <tr>
<th>${HeaderTerm}</th> <th>${HeaderTerm}</th>
@ -126,28 +132,33 @@
</div> </div>
<br /><br /> <br /><br />
<div> <div class="selectContainer">
<label for="copyOrMoveFile" class="selectLabel">${LabelTransferMethod}</label> <select is="emby-select" id="copyOrMoveFile" label="${LabelTransferMethod}">
<select id="copyOrMoveFile" data-mini="true">
<option value="true">${OptionCopy}</option> <option value="true">${OptionCopy}</option>
<option value="false">${OptionMove}</option> <option value="false">${OptionMove}</option>
</select> </select>
<div class="fieldDescription">${LabelTransferMethodHelp}</div> <div class="fieldDescription editorfieldDescription">${LabelTransferMethodHelp}</div>
</div> </div>
<div> <div>
<br /> <label class="checkboxContainer">
<paper-checkbox type="checkbox" id="chkOverwriteExistingEpisodes">${OptionOverwriteExistingEpisodes}</paper-checkbox> <input type="checkbox" is="emby-checkbox" id="chkOverwriteExistingEpisodes" />
<span>${OptionOverwriteExistingEpisodes}</span>
</label>
</div> </div>
<div> <div class="inputContainer">
<paper-input type="text" id="txtDeleteLeftOverFiles" name="txtDeleteLeftOverFiles" label="${LabelDeleteLeftOverFiles}"></paper-input> <input is="emby-input" id="txtDeleteLeftOverFiles" type="text" label="${LabelDeleteLeftOverFiles}" />
<div class="fieldDescription">${LabelDeleteLeftOverFilesHelp}</div> <div class="fieldDescription">${LabelDeleteLeftOverFilesHelp}</div>
</div> </div>
<div> <div class="checkboxContainer checkboxContainer-withDescription">
<paper-checkbox id="chkDeleteEmptyFolders">${LabelDeleteEmptyFolders}</paper-checkbox> <label>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelDeleteEmptyFoldersHelp}</div> <input type="checkbox" is="emby-checkbox" id="chkDeleteEmptyFolders" />
<span>${LabelDeleteEmptyFolders}</span>
</label>
<div class="fieldDescription checkboxFieldDescription">${LabelDeleteEmptyFoldersHelp}</div>
</div>
<div>
<button is="emby-button" type="submit" class="raised submit block"><i class="md-icon">check</i><span>${ButtonSave}</span></button>
</div> </div>
<div><button is="emby-button" type="submit" class="raised submit block"><i class="md-icon">check</i><span>${ButtonSave}</span></button></div>
</form> </form>
</div> </div>

View file

@ -73,9 +73,13 @@
html += '<div class="listItem">'; html += '<div class="listItem">';
html += '<div class="listItemIconContainer">';
html += '<i class="listItemIcon md-icon">folder</i>'; html += '<i class="listItemIcon md-icon">folder</i>';
html += '</div>';
html += (info.DisplayName || info.ItemName); html += '<div class="listItemBody">';
html += "<h2 class='listItemBodyText'>" + (info.DisplayName || info.ItemName) + "</h2>";
html += '</div>';
html += '</div>'; html += '</div>';
@ -84,15 +88,16 @@
html += info.MatchStrings.map(function (m) { html += info.MatchStrings.map(function (m) {
var matchStringHtml = ''; var matchStringHtml = '';
matchStringHtml += '<div class="listItem">'; matchStringHtml += '<div class="listItem">';
matchStringHtml += '<div class="listItemBody">'; matchStringHtml += '<div class="listItemBody" style="padding: .1em 1em .4em 5.5em; min-height: 1.5em;">';
matchStringHtml += "<div class='listItemBodyText secondary'>" + m + "</div>"; matchStringHtml += "<div class='listItemBodyText secondary'>" + m + "</div>";
matchStringHtml += '</div>'; matchStringHtml += '</div>';
matchStringHtml += '<button type="button" is="paper-icon-button-light" class="btnDeleteMatchEntry" data-index="' + i + '" data-matchindex="' + matchStringIndex + '" title="' + Globalize.translate('ButtonDelete') + '"><i class="md-icon">delete</i></button>'; matchStringHtml += '<button type="button" is="emby-button" class="btnDeleteMatchEntry" style="padding: 0;" data-index="' + i + '" data-matchindex="' + matchStringIndex + '" title="' + Globalize.translate('ButtonDelete') + '"><i class="md-icon">delete</i></button>';
matchStringHtml += '</div>'; matchStringHtml += '</div>';
matchStringIndex++; matchStringIndex++;

View file

@ -1913,7 +1913,7 @@ var AppInfo = {};
defineRoute({ defineRoute({
path: '/autoorganizesmart.html', path: '/autoorganizesmart.html',
dependencies: [], dependencies: ['emby-button'],
controller: 'scripts/autoorganizesmart', controller: 'scripts/autoorganizesmart',
autoFocus: false, autoFocus: false,
roles: 'admin' roles: 'admin'
@ -1921,7 +1921,7 @@ var AppInfo = {};
defineRoute({ defineRoute({
path: '/autoorganizetv.html', path: '/autoorganizetv.html',
dependencies: ['jqmtable', 'paper-input', 'paper-checkbox'], dependencies: ['emby-checkbox', 'emby-input', 'emby-button', 'emby-select', 'emby-collapse'],
controller: 'scripts/autoorganizetv', controller: 'scripts/autoorganizetv',
autoFocus: false, autoFocus: false,
roles: 'admin' roles: 'admin'