jellyfin-web/dashboard-ui/edititemimages.html

<!DOCTYPE html>
<html>
<head>
    <title>${TitleMediaBrowser}</title>
</head>
<body>
    <div id="editItemImagesPage" data-role="page" class="page libraryPage metadataEditorPage" data-contextname="${HeaderMetadataManager}">
        <div data-role="content editPageContent">
            <div class="editPageSidebar">
                <div class="libraryTree">
                    <ul>
                    </ul>
                </div>
            </div>

            <div class="editPageInnerContent">
                <h1 class="itemName editPageName">&nbsp;</h1>
                <br />
                <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
                    <a href="#" data-role="button" id="btnEditMetadata">${TabMetadata}</a>
                    <a id="btnEditSubtitles" style="display: none;" href="#" data-role="button">${TabSubtitles}</a>
                    <a id="btnEditCollectionTitles" style="display: none;" href="#" data-role="button">${TabCollectionTitles}</a>
                    <a href="#" data-role="button" class="ui-btn-active">${TabImages}</a>
                </div>

                <div style="margin: -25px 0 1em;">

                    <div style="display: inline-block;">
                        <a class="lnkBrowseImages lnkBrowseAllImages hide" data-rel="popup" data-position-to="window" data-role="button" data-inline="true" data-icon="cloud" data-mini="true">${ButtonBrowseImages}</a>
                    </div>
                    <div style="display: inline-block;">
                        <a href="#popupUpload" data-rel="popup" data-position-to="window" data-role="button" data-inline="true" data-icon="plus" data-mini="true">${ButtonUpload}</a>
                    </div>
                </div>

                <div id="imagesContainer" style="display: none;">
                    <div data-role="collapsible" data-mini="true" data-collapsed="false" class="imageEditorCollapsible" data-content-theme="false">
                        <h3>${HeaderImages}</h3>
                        <div id="images">
                        </div>
                    </div>
                </div>

                <div id="backdropsContainer" style="display: none;">
                    <div data-role="collapsible" data-mini="true" data-collapsed="false" class="imageEditorCollapsible" data-content-theme="false">
                        <h3>${HeaderBackdrops}</h3>
                        <div id="backdrops">
                        </div>
                    </div>
                </div>

                <div id="screenshotsContainer" style="display: none;">
                    <div data-role="collapsible" data-mini="true" data-collapsed="false" class="imageEditorCollapsible" data-content-theme="false">
                        <h3>${Screenshots}</h3>
                        <div id="screenshots">
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <div data-role="popup" id="popupUpload" data-theme="a" data-corners="false">
            <form id="uploadItemImageForm" style="max-width: 100%; margin: 0 1.5em 1.5em;">
                <h2>${HeaderAddUpdateImage}</h2>
                <div>
                    <p>${LabelJpgPngOnly}</p>
                    <input type="file" accept="image/*" id="uploadImage" name="uploadImage" />

                    <div id="imageDropZone" class="imageDropZone">
                        <h3>${LabelDropImageHere}</h3>
                        <output id="imageOutput"></output>
                    </div>
                    <div id="fldUpload" style="display: none;">
                        <p data-role="fieldcontain">
                            <label for="selectImageType">${LabelImageType}</label>
                            <select id="selectImageType" name="selectImageType">
                                <option value="Primary">${OptionPrimary}</option>
                                <option value="Art">${OptionArt}</option>
                                <option value="Backdrop">${OptionBackdrop}</option>
                                <option value="Banner">${OptionBanner}</option>
                                <option value="Box">${OptionBox}</option>
                                <option value="BoxRear">${OptionBoxRear}</option>
                                <option value="Disc">${OptionDisc}</option>
                                <option value="Logo">${OptionLogo}</option>
                                <option value="Menu">${OptionMenu}</option>
                                <option value="Screenshot">${OptionScreenshot}</option>
                                <option value="Thumb">${OptionThumb}</option>
                            </select>
                        </p>
                        <button type="submit" data-icon="check" data-theme="b">${ButtonUpload}</button>
                    </div>
                    <a data-role="button" data-rel="back" data-icon="delete" onclick="$('#uploadImage').val('').trigger('change');">${ButtonCancel}</a>
                </div>
            </form>
        </div>

        <div data-role="popup" class="popup popupDownload" data-theme="a">

            <a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right" data-theme="b">${ButtonClose}</a>
            <div class="ui-bar-b" style="text-align: center; padding: 0 20px;">
                <h3 style="margin: .5em 0;">${HeaderBrowseOnlineImages}</h3>
            </div>

            <div data-role="content">

                <div style="text-align: center;">
                    <div style="margin: 0; display: inline-block;">
                        <label for="selectImageProvider">${LabelSource}</label>
                    </div>
                    <div style="margin: 0; display: inline-block;">
                        <select id="selectImageProvider" name="selectImageProvider" data-mini="true" data-inline="true">
                            <option value="">${OptionAll}</option>
                        </select>
                    </div>
                    <div style="margin: 0; display: inline-block;">
                        <label for="selectBrowsableImageType">${LabelImage}</label>
                    </div>
                    <div style="margin: 0; display: inline-block;">
                        <select id="selectBrowsableImageType" name="selectBrowsableImageType" data-mini="true" data-inline="true">
                            <option value="Primary">${OptionPrimary}</option>
                            <option value="Art">${OptionArt}</option>
                            <option value="Backdrop">${OptionBackdrop}</option>
                            <option value="Banner">${OptionBanner}</option>
                            <option value="Box">${OptionBox}</option>
                            <option value="BoxRear">${OptionBoxRear}</option>
                            <option value="Disc">${OptionDisc}</option>
                            <option value="Logo">${OptionLogo}</option>
                            <option value="Menu">${OptionMenu}</option>
                            <option value="Screenshot">${OptionScreenshot}</option>
                            <option value="Thumb">${OptionThumb}</option>
                        </select>
                    </div>
                    <div class="availableImagesPaging" style="margin: 0; display: inline-block;"></div>
                    <div style="margin: 0; display: inline-block; vertical-align: middle; margin-left: 10px;">
                        <label for="chkAllLanguages">${LabelAllLanguages}</label>
                        <input type="checkbox" id="chkAllLanguages" data-mini="true" />
                    </div>
                </div>

                <div class="availableImagesList"></div>
                <div style="text-align: center;">
                    <a href="#" data-rel="back" data-role="button" data-mini="true" data-inline="true" data-icon="delete">${ButtonClose}</a>
                </div>
            </div>
        </div>

        <script type="text/javascript">
            $('#uploadItemImageForm').on('submit', EditItemImagesPage.onSubmit);
        </script>

    </div>
</body>
</html>
-												add basic ability to upload images for items

											
										
										
											2013-05-04 14:20:27 -07:00
+								<!DOCTYPE html>
 								<html>
 								<head>
-												Add latest translations

											
										
										
											2014-04-01 15:23:07 -07:00
+								    <title>${TitleMediaBrowser}</title>
-												add basic ability to upload images for items

											
										
										
											2013-05-04 14:20:27 -07:00
+								</head>
 								<body>
-												separate provider options

											
										
										
											2015-01-17 22:45:10 -07:00
+								    <div id="editItemImagesPage" data-role="page" class="page libraryPage metadataEditorPage" data-contextname="${HeaderMetadataManager}">
-												added metadata editor sidebar

											
										
										
											2013-08-02 13:36:44 -07:00
+								        <div data-role="content editPageContent">
 								            <div class="editPageSidebar">
 								                <div class="libraryTree">
 								                    <ul>
 								                    </ul>
 								                </div>
 								            </div>
-												add basic ability to upload images for items

											
										
										
											2013-05-04 14:20:27 -07:00
-												added metadata editor sidebar

											
										
										
											2013-08-02 13:36:44 -07:00
+								            <div class="editPageInnerContent">
-												update next/previous buttons

											
										
										
											2014-01-24 11:09:50 -07:00
+								                <h1 class="itemName editPageName">&nbsp;</h1>
-												more on image uploading

											
										
										
											2013-05-04 21:49:49 -07:00
+								                <br />
-												add basic ability to upload images for items

											
										
										
											2013-05-04 14:20:27 -07:00
+								                <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
-												update translations

											
										
										
											2014-04-08 19:12:17 -07:00
+								                    <a href="#" data-role="button" id="btnEditMetadata">${TabMetadata}</a>
-												add subtitle management page

											
										
										
											2014-05-16 21:24:10 -07:00
+								                    <a id="btnEditSubtitles" style="display: none;" href="#" data-role="button">${TabSubtitles}</a>
-												update translations

											
										
										
											2014-04-08 19:12:17 -07:00
+								                    <a id="btnEditCollectionTitles" style="display: none;" href="#" data-role="button">${TabCollectionTitles}</a>
 								                    <a href="#" data-role="button" class="ui-btn-active">${TabImages}</a>
-												add basic ability to upload images for items

											
										
										
											2013-05-04 14:20:27 -07:00
+								                </div>
-												added metadata editor sidebar

											
										
										
											2013-08-02 13:36:44 -07:00
+								                <div style="margin: -25px 0 1em;">
-												hide image buttons when there are no providers

											
										
										
											2013-11-05 08:38:59 -07:00
 								                    <div style="display: inline-block;">
-												update playlist xml saving

											
										
										
											2014-08-04 20:41:56 -07:00
+								                        <a class="lnkBrowseImages lnkBrowseAllImages hide" data-rel="popup" data-position-to="window" data-role="button" data-inline="true" data-icon="cloud" data-mini="true">${ButtonBrowseImages}</a>
-												hide image buttons when there are no providers

											
										
										
											2013-11-05 08:38:59 -07:00
+								                    </div>
 								                    <div style="display: inline-block;">
-												update playlist xml saving

											
										
										
											2014-08-04 20:41:56 -07:00
+								                        <a href="#popupUpload" data-rel="popup" data-position-to="window" data-role="button" data-inline="true" data-icon="plus" data-mini="true">${ButtonUpload}</a>
-												hide image buttons when there are no providers

											
										
										
											2013-11-05 08:38:59 -07:00
+								                    </div>
-												more on image uploading

											
										
										
											2013-05-04 21:49:49 -07:00
+								                </div>
 								                <div id="imagesContainer" style="display: none;">
-												update to jquery mobile 1.4

											
										
										
											2013-12-24 11:37:29 -07:00
+								                    <div data-role="collapsible" data-mini="true" data-collapsed="false" class="imageEditorCollapsible" data-content-theme="false">
-												update playlist xml saving

											
										
										
											2014-08-04 20:41:56 -07:00
+								                        <h3>${HeaderImages}</h3>
-												added stub page to edit metatada for an item

											
										
										
											2013-05-05 18:15:48 -07:00
+								                        <div id="images">
 								                        </div>
-												more on image uploading

											
										
										
											2013-05-04 21:49:49 -07:00
+								                    </div>
 								                </div>
 								                <div id="backdropsContainer" style="display: none;">
-												update to jquery mobile 1.4

											
										
										
											2013-12-24 11:37:29 -07:00
+								                    <div data-role="collapsible" data-mini="true" data-collapsed="false" class="imageEditorCollapsible" data-content-theme="false">
-												update playlist xml saving

											
										
										
											2014-08-04 20:41:56 -07:00
+								                        <h3>${HeaderBackdrops}</h3>
-												added stub page to edit metatada for an item

											
										
										
											2013-05-05 18:15:48 -07:00
+								                        <div id="backdrops">
 								                        </div>
-												add basic ability to upload images for items

											
										
										
											2013-05-04 14:20:27 -07:00
+								                    </div>
-												more on image uploading

											
										
										
											2013-05-04 21:49:49 -07:00
+								                </div>
 								                <div id="screenshotsContainer" style="display: none;">
-												update to jquery mobile 1.4

											
										
										
											2013-12-24 11:37:29 -07:00
+								                    <div data-role="collapsible" data-mini="true" data-collapsed="false" class="imageEditorCollapsible" data-content-theme="false">
-												update playlist xml saving

											
										
										
											2014-08-04 20:41:56 -07:00
+								                        <h3>${Screenshots}</h3>
-												added stub page to edit metatada for an item

											
										
										
											2013-05-05 18:15:48 -07:00
+								                        <div id="screenshots">
 								                        </div>
-												more on image uploading

											
										
										
											2013-05-04 21:49:49 -07:00
+								                    </div>
 								                </div>
-												add basic ability to upload images for items

											
										
										
											2013-05-04 14:20:27 -07:00
+								            </div>
 								        </div>
-												more on image uploading

											
										
										
											2013-05-04 21:49:49 -07:00
-												update to jquery mobile 1.4

											
										
										
											2013-12-24 11:37:29 -07:00
+								        <div data-role="popup" id="popupUpload" data-theme="a" data-corners="false">
-												added stub page to edit metatada for an item

											
										
										
											2013-05-05 18:15:48 -07:00
+								            <form id="uploadItemImageForm" style="max-width: 100%; margin: 0 1.5em 1.5em;">
-												update playlist xml saving

											
										
										
											2014-08-04 20:41:56 -07:00
+								                <h2>${HeaderAddUpdateImage}</h2>
-												more on image uploading

											
										
										
											2013-05-04 21:49:49 -07:00
+								                <div>
-												update playlist xml saving

											
										
										
											2014-08-04 20:41:56 -07:00
+								                    <p>${LabelJpgPngOnly}</p>
-												update to jquery mobile 1.4

											
										
										
											2013-12-24 11:37:29 -07:00
+								                    <input type="file" accept="image/*" id="uploadImage" name="uploadImage" />
-												more on image uploading

											
										
										
											2013-05-04 21:49:49 -07:00
 								                    <div id="imageDropZone" class="imageDropZone">
-												update playlist xml saving

											
										
										
											2014-08-04 20:41:56 -07:00
+								                        <h3>${LabelDropImageHere}</h3>
-												more on image uploading

											
										
										
											2013-05-04 21:49:49 -07:00
+								                        <output id="imageOutput"></output>
 								                    </div>
 								                    <div id="fldUpload" style="display: none;">
 								                        <p data-role="fieldcontain">
-												update playlist xml saving

											
										
										
											2014-08-04 20:41:56 -07:00
+								                            <label for="selectImageType">${LabelImageType}</label>
-												update to jquery mobile 1.4

											
										
										
											2013-12-24 11:37:29 -07:00
+								                            <select id="selectImageType" name="selectImageType">
-												update playlist xml saving

											
										
										
											2014-08-04 20:41:56 -07:00
+								                                <option value="Primary">${OptionPrimary}</option>
 								                                <option value="Art">${OptionArt}</option>
 								                                <option value="Backdrop">${OptionBackdrop}</option>
 								                                <option value="Banner">${OptionBanner}</option>
 								                                <option value="Box">${OptionBox}</option>
 								                                <option value="BoxRear">${OptionBoxRear}</option>
 								                                <option value="Disc">${OptionDisc}</option>
 								                                <option value="Logo">${OptionLogo}</option>
 								                                <option value="Menu">${OptionMenu}</option>
 								                                <option value="Screenshot">${OptionScreenshot}</option>
 								                                <option value="Thumb">${OptionThumb}</option>
-												more on image uploading

											
										
										
											2013-05-04 21:49:49 -07:00
+								                            </select>
 								                        </p>
-												update playlist xml saving

											
										
										
											2014-08-04 20:41:56 -07:00
+								                        <button type="submit" data-icon="check" data-theme="b">${ButtonUpload}</button>
-												more on image uploading

											
										
										
											2013-05-04 21:49:49 -07:00
+								                    </div>
-												update playlist xml saving

											
										
										
											2014-08-04 20:41:56 -07:00
+								                    <a data-role="button" data-rel="back" data-icon="delete" onclick="$('#uploadImage').val('').trigger('change');">${ButtonCancel}</a>
-												more on image uploading

											
										
										
											2013-05-04 21:49:49 -07:00
+								                </div>
 								            </form>
 								        </div>
-												fix directory not found error in episode organization

											
										
										
											2014-02-25 08:40:16 -07:00
+								        <div data-role="popup" class="popup popupDownload" data-theme="a">
-												#551 - Add manual image selection for movies

											
										
										
											2013-10-31 14:03:24 -07:00
-												update playlist xml saving

											
										
										
											2014-08-04 20:41:56 -07:00
+								            <a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right" data-theme="b">${ButtonClose}</a>
-												update to jquery mobile 1.4

											
										
										
											2013-12-24 11:37:29 -07:00
+								            <div class="ui-bar-b" style="text-align: center; padding: 0 20px;">
-												update playlist xml saving

											
										
										
											2014-08-04 20:41:56 -07:00
+								                <h3 style="margin: .5em 0;">${HeaderBrowseOnlineImages}</h3>
-												#551 - Add manual image selection for movies

											
										
										
											2013-10-31 14:03:24 -07:00
+								            </div>
-												ease up on person info downloading

											
										
										
											2013-12-22 21:22:40 -07:00
+								            <div data-role="content">
-												#551 - Add manual image selection for movies

											
										
										
											2013-10-31 14:03:24 -07:00
 								                <div style="text-align: center;">
-												fixes #551 - Add manual image selection for movies

											
										
										
											2013-10-31 18:48:14 -07:00
+								                    <div style="margin: 0; display: inline-block;">
-												update playlist xml saving

											
										
										
											2014-08-04 20:41:56 -07:00
+								                        <label for="selectImageProvider">${LabelSource}</label>
-												fixes #551 - Add manual image selection for movies

											
										
										
											2013-10-31 18:48:14 -07:00
+								                    </div>
 								                    <div style="margin: 0; display: inline-block;">
 								                        <select id="selectImageProvider" name="selectImageProvider" data-mini="true" data-inline="true">
-												update playlist xml saving

											
										
										
											2014-08-04 20:41:56 -07:00
+								                            <option value="">${OptionAll}</option>
-												fixes #551 - Add manual image selection for movies

											
										
										
											2013-10-31 18:48:14 -07:00
+								                        </select>
 								                    </div>
-												#551 - Add manual image selection for movies

											
										
										
											2013-10-31 14:03:24 -07:00
+								                    <div style="margin: 0; display: inline-block;">
-												update playlist xml saving

											
										
										
											2014-08-04 20:41:56 -07:00
+								                        <label for="selectBrowsableImageType">${LabelImage}</label>
-												#551 - Add manual image selection for movies

											
										
										
											2013-10-31 14:03:24 -07:00
+								                    </div>
 								                    <div style="margin: 0; display: inline-block;">
 								                        <select id="selectBrowsableImageType" name="selectBrowsableImageType" data-mini="true" data-inline="true">
-												update playlist xml saving

											
										
										
											2014-08-04 20:41:56 -07:00
+								                            <option value="Primary">${OptionPrimary}</option>
 								                            <option value="Art">${OptionArt}</option>
 								                            <option value="Backdrop">${OptionBackdrop}</option>
 								                            <option value="Banner">${OptionBanner}</option>
 								                            <option value="Box">${OptionBox}</option>
 								                            <option value="BoxRear">${OptionBoxRear}</option>
 								                            <option value="Disc">${OptionDisc}</option>
 								                            <option value="Logo">${OptionLogo}</option>
 								                            <option value="Menu">${OptionMenu}</option>
 								                            <option value="Screenshot">${OptionScreenshot}</option>
 								                            <option value="Thumb">${OptionThumb}</option>
-												#551 - Add manual image selection for movies

											
										
										
											2013-10-31 14:03:24 -07:00
+								                        </select>
 								                    </div>
 								                    <div class="availableImagesPaging" style="margin: 0; display: inline-block;"></div>
-												take photos into the core

											
										
										
											2014-02-12 22:11:54 -07:00
+								                    <div style="margin: 0; display: inline-block; vertical-align: middle; margin-left: 10px;">
-												update playlist xml saving

											
										
										
											2014-08-04 20:41:56 -07:00
+								                        <label for="chkAllLanguages">${LabelAllLanguages}</label>
-												fixes #709 - show all languages

											
										
										
											2014-02-11 20:46:27 -07:00
+								                        <input type="checkbox" id="chkAllLanguages" data-mini="true" />
 								                    </div>
-												#551 - Add manual image selection for movies

											
										
										
											2013-10-31 14:03:24 -07:00
+								                </div>
 								                <div class="availableImagesList"></div>
 								                <div style="text-align: center;">
-												update playlist xml saving

											
										
										
											2014-08-04 20:41:56 -07:00
+								                    <a href="#" data-rel="back" data-role="button" data-mini="true" data-inline="true" data-icon="delete">${ButtonClose}</a>
-												#551 - Add manual image selection for movies

											
										
										
											2013-10-31 14:03:24 -07:00
+								                </div>
 								            </div>
 								        </div>
-												add basic ability to upload images for items

											
										
										
											2013-05-04 14:20:27 -07:00
+								        <script type="text/javascript">
-												added stub page to edit metatada for an item

											
										
										
											2013-05-05 18:15:48 -07:00
+								            $('#uploadItemImageForm').on('submit', EditItemImagesPage.onSubmit);
-												add basic ability to upload images for items

											
										
										
											2013-05-04 14:20:27 -07:00
+								        </script>
 								    </div>
 								</body>
 								</html>