2013-05-04 14:20:27 -07:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<title>Media Browser</title>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
2013-12-24 11:37:29 -07:00
|
|
|
|
<div id="editItemImagesPage" data-role="page" data-theme="b" class="page libraryPage metadataEditorPage">
|
2013-08-02 13:36:44 -07:00
|
|
|
|
<div data-role="content editPageContent">
|
|
|
|
|
|
<div class="editPageSidebar">
|
|
|
|
|
|
<div class="libraryTree">
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2013-05-04 14:20:27 -07:00
|
|
|
|
|
2013-08-02 13:36:44 -07:00
|
|
|
|
<div class="editPageInnerContent">
|
|
|
|
|
|
<h1 class="itemName detailPageName editPageName"> </h1>
|
2013-05-04 21:49:49 -07:00
|
|
|
|
<br />
|
2013-05-04 14:20:27 -07:00
|
|
|
|
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
|
2013-08-02 13:36:44 -07:00
|
|
|
|
<a href="#" data-role="button" id="btnEditMetadata">Metadata</a>
|
2013-11-27 12:04:19 -07:00
|
|
|
|
<a href="#" data-role="button" id="btnEditPeople" style="display: none;">People</a>
|
2013-05-04 14:20:27 -07:00
|
|
|
|
<a href="#" data-role="button" class="ui-btn-active">Images</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
2013-08-02 13:36:44 -07:00
|
|
|
|
<div style="margin: -25px 0 1em;">
|
2013-11-05 08:38:59 -07:00
|
|
|
|
|
|
|
|
|
|
<div style="display: inline-block;">
|
2013-11-28 11:38:54 -07:00
|
|
|
|
<a class="lnkBrowseImages lnkBrowseAllImages hide" href="#popupDownload" data-rel="popup" data-position-to="window" data-role="button" data-inline="true" data-icon="cloud" data-mini="true" data-transition="pop">Browse Online Images</a>
|
2013-11-05 08:38:59 -07:00
|
|
|
|
</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" data-transition="pop">Upload Image</a>
|
|
|
|
|
|
</div>
|
2013-05-04 21:49:49 -07:00
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="imagesContainer" style="display: none;">
|
2013-12-24 11:37:29 -07:00
|
|
|
|
<div data-role="collapsible" data-mini="true" data-collapsed="false" class="imageEditorCollapsible" data-content-theme="false">
|
2013-05-05 18:15:48 -07:00
|
|
|
|
<h3>Images</h3>
|
|
|
|
|
|
<div id="images">
|
|
|
|
|
|
</div>
|
2013-05-04 21:49:49 -07:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="backdropsContainer" style="display: none;">
|
2013-12-24 11:37:29 -07:00
|
|
|
|
<div data-role="collapsible" data-mini="true" data-collapsed="false" class="imageEditorCollapsible" data-content-theme="false">
|
2013-05-05 18:15:48 -07:00
|
|
|
|
<h3>Backdrops</h3>
|
|
|
|
|
|
<div id="backdrops">
|
|
|
|
|
|
</div>
|
2013-05-04 14:20:27 -07:00
|
|
|
|
</div>
|
2013-05-04 21:49:49 -07:00
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="screenshotsContainer" style="display: none;">
|
2013-12-24 11:37:29 -07:00
|
|
|
|
<div data-role="collapsible" data-mini="true" data-collapsed="false" class="imageEditorCollapsible" data-content-theme="false">
|
2013-05-05 18:15:48 -07:00
|
|
|
|
<h3>Screenshots</h3>
|
|
|
|
|
|
<div id="screenshots">
|
|
|
|
|
|
</div>
|
2013-05-04 21:49:49 -07:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
2013-05-04 14:20:27 -07:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2013-05-04 21:49:49 -07:00
|
|
|
|
|
2013-12-24 11:37:29 -07:00
|
|
|
|
<div data-role="popup" id="popupUpload" data-theme="a" data-corners="false">
|
2013-05-05 18:15:48 -07:00
|
|
|
|
<form id="uploadItemImageForm" style="max-width: 100%; margin: 0 1.5em 1.5em;">
|
2013-05-04 21:49:49 -07:00
|
|
|
|
<h2>Add/Update Image</h2>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<p>JPG/PNG only.</p>
|
2013-12-24 11:37:29 -07:00
|
|
|
|
<input type="file" accept="image/*" id="uploadImage" name="uploadImage" />
|
2013-05-04 21:49:49 -07:00
|
|
|
|
|
|
|
|
|
|
<div id="imageDropZone" class="imageDropZone">
|
|
|
|
|
|
<h3>Drop Image Here</h3>
|
|
|
|
|
|
<output id="imageOutput"></output>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div id="fldUpload" style="display: none;">
|
|
|
|
|
|
<p data-role="fieldcontain">
|
|
|
|
|
|
<label for="selectImageType">Image Type:</label>
|
2013-12-24 11:37:29 -07:00
|
|
|
|
<select id="selectImageType" name="selectImageType">
|
2013-05-04 21:49:49 -07: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">Box rear</option>
|
|
|
|
|
|
<option value="Disc">Disc</option>
|
|
|
|
|
|
<option value="Logo">Logo</option>
|
|
|
|
|
|
<option value="Menu">Menu</option>
|
|
|
|
|
|
<option value="Screenshot">Screenshot</option>
|
|
|
|
|
|
<option value="Thumb">Thumb</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</p>
|
|
|
|
|
|
<button type="submit" data-icon="picture" data-theme="b">Upload</button>
|
|
|
|
|
|
</div>
|
2013-12-24 11:37:29 -07:00
|
|
|
|
<a data-role="button" data-rel="back" data-icon="delete" onclick="$('#uploadImage').val('').trigger('change');">Cancel</a>
|
2013-05-04 21:49:49 -07:00
|
|
|
|
</div>
|
|
|
|
|
|
</form>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
2013-12-24 11:37:29 -07:00
|
|
|
|
<div data-role="popup" id="popupDownload" class="popup" data-theme="a">
|
2013-10-31 14:03:24 -07:00
|
|
|
|
|
2013-12-24 11:37:29 -07:00
|
|
|
|
<a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right" data-theme="b">Close</a>
|
|
|
|
|
|
<div class="ui-bar-b" style="text-align: center; padding: 0 20px;">
|
2013-10-31 18:48:14 -07:00
|
|
|
|
<h3 style="margin: .5em 0;">Browse Online Images</h3>
|
2013-10-31 14:03:24 -07:00
|
|
|
|
</div>
|
|
|
|
|
|
|
2013-12-22 21:22:40 -07:00
|
|
|
|
<div data-role="content">
|
2013-10-31 14:03:24 -07:00
|
|
|
|
|
|
|
|
|
|
<div style="text-align: center;">
|
2013-10-31 18:48:14 -07:00
|
|
|
|
<div style="margin: 0; display: inline-block;">
|
|
|
|
|
|
<label for="selectImageProvider">Provider:</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div style="margin: 0; display: inline-block;">
|
|
|
|
|
|
<select id="selectImageProvider" name="selectImageProvider" data-mini="true" data-inline="true">
|
|
|
|
|
|
<option value="">All</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
2013-10-31 14:03:24 -07:00
|
|
|
|
<div style="margin: 0; display: inline-block;">
|
|
|
|
|
|
<label for="selectBrowsableImageType">Image type:</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div style="margin: 0; display: inline-block;">
|
|
|
|
|
|
<select id="selectBrowsableImageType" name="selectBrowsableImageType" data-mini="true" data-inline="true">
|
|
|
|
|
|
<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">Box rear</option>
|
|
|
|
|
|
<option value="Disc">Disc</option>
|
|
|
|
|
|
<option value="Logo">Logo</option>
|
|
|
|
|
|
<option value="Menu">Menu</option>
|
|
|
|
|
|
<option value="Screenshot">Screenshot</option>
|
|
|
|
|
|
<option value="Thumb">Thumb</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="availableImagesPaging" style="margin: 0; display: inline-block;"></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">Close</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
2013-05-04 14:20:27 -07:00
|
|
|
|
<script type="text/javascript">
|
2013-05-05 18:15:48 -07:00
|
|
|
|
$('#uploadItemImageForm').on('submit', EditItemImagesPage.onSubmit);
|
2013-05-04 14:20:27 -07:00
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
