* VRFS-404; styles added only
This commit is contained in:
parent
3756dcf218
commit
f84f41c228
|
|
@ -87,7 +87,8 @@
|
|||
}
|
||||
|
||||
function navToEditAudio() {
|
||||
|
||||
resetForm()
|
||||
window.location = "#/account/audio"
|
||||
}
|
||||
|
||||
// handle update avatar event
|
||||
|
|
|
|||
|
|
@ -0,0 +1,68 @@
|
|||
(function(context,$) {
|
||||
|
||||
"use strict";
|
||||
|
||||
context.JK = context.JK || {};
|
||||
context.JK.AccountAudioProfile = function(app) {
|
||||
var self = this;
|
||||
var logger = context.JK.logger;
|
||||
var rest = context.JK.Rest();
|
||||
var userId;
|
||||
var user = {};
|
||||
var tmpUploadPath = null;
|
||||
var userDetail = null;
|
||||
var avatar;
|
||||
var selection = null;
|
||||
var targetCropSize = 88;
|
||||
var updatingAvatar = false;
|
||||
|
||||
function beforeShow(data) {
|
||||
userId = data.id;
|
||||
}
|
||||
|
||||
|
||||
function afterShow(data) {
|
||||
resetForm();
|
||||
renderAudioProfileScreen()
|
||||
}
|
||||
|
||||
function renderAudioProfileScreen() {
|
||||
populateAccountAudio()
|
||||
}
|
||||
|
||||
function populateAccountAudio() {
|
||||
var template = context.JK.fillTemplate($('#template-account-audio').html(), {
|
||||
});
|
||||
|
||||
appendAudio(template);
|
||||
}
|
||||
|
||||
function appendAudio(template) {
|
||||
$('#account-audio-content-scroller').html(template);
|
||||
}
|
||||
|
||||
function resetForm() {
|
||||
}
|
||||
|
||||
// events for main screen
|
||||
function events() {
|
||||
// wire up main panel clicks
|
||||
//$('#account-profile-avatar-content-scroller').on('click', '#account-edit-avatar-upload', function(evt) { evt.stopPropagation(); handleFilePick(); return false; } );
|
||||
}
|
||||
|
||||
function initialize() {
|
||||
var screenBindings = {
|
||||
'beforeShow': beforeShow,
|
||||
'afterShow': afterShow
|
||||
};
|
||||
app.bindScreen('account/audio', screenBindings);
|
||||
events();
|
||||
}
|
||||
|
||||
this.initialize = initialize;
|
||||
this.beforeShow = beforeShow;
|
||||
this.afterShow = afterShow;
|
||||
return this;
|
||||
};
|
||||
|
||||
})(window,jQuery);
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
@import 'common.css.scss';
|
||||
|
||||
#account-content-scroller, #account-identity-content-scroller, #account-profile-content-scroller, #account-profile-avatar-content-scroller {
|
||||
.account-content-scroller {
|
||||
|
||||
.content-wrapper {
|
||||
padding:10px 35px;
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
<!-- end header -->
|
||||
|
||||
<!-- profile scrolling area -->
|
||||
<div id="account-content-scroller" class="content-scroller">
|
||||
<div id="account-content-scroller" class="content-scroller account-content-scroller">
|
||||
|
||||
</div>
|
||||
<!-- end content scrolling area -->
|
||||
|
|
|
|||
|
|
@ -0,0 +1,68 @@
|
|||
<!-- Account Summary Dialog -->
|
||||
<div layout="screen" layout-id="account/audio" class="screen secondary">
|
||||
<!-- header -->
|
||||
<div class="content-head">
|
||||
|
||||
<!-- icon -->
|
||||
<div class="content-icon">
|
||||
<%= image_tag "content/icon_account.png", {:width => 27, :height => 20} %>
|
||||
</div>
|
||||
|
||||
<!-- section head text -->
|
||||
<h1>my account</h1>
|
||||
|
||||
<!-- section navigation -->
|
||||
<div class="content-nav">
|
||||
<a href="#" class="home-icon"><%= image_tag "content/icon_home.png", {:width => 20, :height => 15} %></a>
|
||||
<a class="arrow-left" href="#"></a>
|
||||
<a class="arrow-right op50" href="#"></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- end header -->
|
||||
|
||||
<!-- profile scrolling area -->
|
||||
<div id="account-audio-content-scroller" class="content-scroller account-content-scroller">
|
||||
|
||||
</div>
|
||||
<!-- end content scrolling area -->
|
||||
</div>
|
||||
|
||||
<script type="text/template" id="template-account-audio">
|
||||
<!-- content wrapper -->
|
||||
<div class="content-wrapper account-audio">
|
||||
<br />
|
||||
|
||||
<div class="account-left">
|
||||
<h2>audio profiles:</h2>
|
||||
</div>
|
||||
|
||||
<table class="generaltable f14" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<th align="left">NAME</th>
|
||||
<th align="left">DESCRIPTION</th>
|
||||
<th class="noborder">DELETE</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>HK 1</td>
|
||||
<td>Harmon-Kardon USB Audio Capture</td>
|
||||
<td align="center"><a href="#" class="button-orange">DELETE</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Built-In Audio</td>
|
||||
<td>Built-in digital audio capture</td>
|
||||
<td align="center"><a href="#" class="button-orange">DELETE</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Zephra 1</td>
|
||||
<td>Zephra digital catpure PCI board</td>
|
||||
<td align="center"><a href="#" class="button-orange">DELETE</a></td>
|
||||
</tr>
|
||||
</table>
|
||||
<br clear="all" />
|
||||
<div class="left"><a href="#" class="button-orange">ADD NEW PROFILE</a></div><div class="right"><a href="javascript:history.go(-1)" class="button-grey">BACK</a></div>
|
||||
</div>
|
||||
|
||||
<!-- end content wrapper -->
|
||||
|
||||
</script>
|
||||
|
|
@ -22,7 +22,7 @@
|
|||
<!-- end header -->
|
||||
|
||||
<!-- profile scrolling area -->
|
||||
<div id="account-identity-content-scroller" class="content-scroller">
|
||||
<div id="account-identity-content-scroller" class="content-scroller account-content-scroller">
|
||||
|
||||
</div>
|
||||
<!-- end content scrolling area -->
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@
|
|||
<!-- end header -->
|
||||
|
||||
<!-- profile scrolling area -->
|
||||
<div id="account-profile-content-scroller" class="content-scroller">
|
||||
<div id="account-profile-content-scroller" class="content-scroller account-content-scroller">
|
||||
|
||||
</div>
|
||||
<!-- end content scrolling area -->
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@
|
|||
<!-- end header -->
|
||||
|
||||
<!-- profile scrolling area -->
|
||||
<div id="account-profile-avatar-content-scroller" class="content-scroller">
|
||||
<div id="account-profile-avatar-content-scroller" class="content-scroller account-content-scroller">
|
||||
|
||||
</div>
|
||||
<!-- end content scrolling area -->
|
||||
|
|
|
|||
|
|
@ -24,6 +24,7 @@
|
|||
<%= render "account_identity" %>
|
||||
<%= render "account_profile" %>
|
||||
<%= render "account_profile_avatar" %>
|
||||
<%= render "account_audio_profile" %>
|
||||
<%= render "notify" %>
|
||||
<%= render "client_update" %>
|
||||
<%= render "overlay_small" %>
|
||||
|
|
@ -107,6 +108,9 @@
|
|||
var accountProfileAvatarScreen = new JK.AccountProfileAvatarScreen(JK.app);
|
||||
accountProfileAvatarScreen.initialize();
|
||||
|
||||
var accountAudioProfile = new JK.AccountAudioProfile(JK.app);
|
||||
accountAudioProfile.initialize();
|
||||
|
||||
var searchResultScreen = new JK.SearchResultScreen(JK.app);
|
||||
searchResultScreen.initialize();
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue