2013-02-20 18:33:05 -07:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html>
|
|
|
|
|
|
<head>
|
2013-10-25 08:52:10 -07:00
|
|
|
|
<title></title>
|
2013-02-20 18:33:05 -07:00
|
|
|
|
</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">
|
2013-12-26 08:40:38 -07:00
|
|
|
|
<a href="#" onclick="Dashboard.navigate('useredit.html', true);" data-role="button">Profile</a>
|
2013-02-20 18:33:05 -07:00
|
|
|
|
<a href="#" data-role="button" class="ui-btn-active">Image</a>
|
2014-02-22 13:20:22 -07:00
|
|
|
|
<a href="#" data-role="button" onclick="Dashboard.navigate('userparentalcontrol.html', true);" id="lnkParentalControl" style="display: none;">Library Access</a>
|
2013-12-26 08:40:38 -07:00
|
|
|
|
<a href="#" data-role="button" onclick="Dashboard.navigate('userpassword.html', true);">Password</a>
|
|
|
|
|
|
<a href="#" data-role="button" onclick="Dashboard.navigate('usersettings.html', true);">Preferences</a>
|
2013-02-20 18:33:05 -07:00
|
|
|
|
</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">
|
2013-04-17 09:45:37 -07:00
|
|
|
|
<p>1:1 Aspect Ratio Recommended. JPG/PNG only.</p>
|
2013-02-20 18:33:05 -07:00
|
|
|
|
<input type="file" accept="image/*" id="uploadUserImage" name="uploadUserImage" onchange="UserImagePage.onFileUploadChange(this);" />
|
|
|
|
|
|
|
|
|
|
|
|
<div id="userImageDropZone" class="imageDropZone">
|
2013-04-29 18:23:48 -07:00
|
|
|
|
<h3>Drop Image Here</h3>
|
2013-02-20 18:33:05 -07:00
|
|
|
|
<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>
|
