54 lines
2.4 KiB
HTML
54 lines
2.4 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<title> </title>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div id="userImagePage" data-role="page" class="page type-interior userProfilesConfigurationPage">
|
|||
|
|
|
|||
|
|
<div data-role="content">
|
|||
|
|
<div class="content-primary">
|
|||
|
|
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
|
|||
|
|
<a href="#" onclick="Dashboard.navigate('editUser.html', true);" data-role="button">Profile</a>
|
|||
|
|
<a href="#" data-role="button" class="ui-btn-active">Image</a>
|
|||
|
|
<a href="#" data-role="button" onclick="Dashboard.navigate('updatePassword.html', true);">Password</a>
|
|||
|
|
<a href="#" data-role="button" onclick="Dashboard.navigate('library.html', true);">Media Library</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="readOnlyContent">
|
|||
|
|
<p id="fldImage"></p>
|
|||
|
|
<p id="fldDeleteImage" style="display: none;">
|
|||
|
|
<button id="btnDeleteImage" type="button" data-icon="delete" onclick="UserImagePage.deleteImage();">
|
|||
|
|
Delete Image
|
|||
|
|
</button>
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<h2 id="headerUploadNewImage" style="display: none;">Upload New Image</h2>
|
|||
|
|
<form id="uploadUserImageForm">
|
|||
|
|
<ul data-role="listview" class="ulForm">
|
|||
|
|
<li id="fldNewImage">
|
|||
|
|
<p>1:1 Aspect Ratio Recommended</p>
|
|||
|
|
<input type="file" accept="image/*" id="uploadUserImage" name="uploadUserImage" onchange="UserImagePage.onFileUploadChange(this);" />
|
|||
|
|
|
|||
|
|
<div id="userImageDropZone" class="imageDropZone">
|
|||
|
|
<h3>Drop Image Here (Chrome / Firefox / Safari)</h3>
|
|||
|
|
<output id="userImageOutput"></output>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</li>
|
|||
|
|
<li id="fldNewImagePreview"></li>
|
|||
|
|
<li id="fldUpload" style="display: none;">
|
|||
|
|
<button type="submit" data-icon="picture">Upload</button>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</form>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
$('#uploadUserImageForm').on('submit', UserImagePage.onSubmit);
|
|||
|
|
</script>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
</html>
|