* VRFS-404; styles added only

This commit is contained in:
Seth Call 2013-07-02 20:41:00 -05:00
parent 3756dcf218
commit f84f41c228
9 changed files with 147 additions and 6 deletions

View File

@ -87,7 +87,8 @@
}
function navToEditAudio() {
resetForm()
window.location = "#/account/audio"
}
// handle update avatar event

View File

@ -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);

View File

@ -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;

View File

@ -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 -->

View File

@ -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>

View File

@ -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 -->

View File

@ -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 -->

View File

@ -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 -->

View File

@ -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();