localhots/oldhaven
1
0
Fork 0
Code Releases Activity

Saving settings works ok

Browse Source
This commit is contained in:
magnolia-fan
2011-06-22 03:29:18 +04:00
parent 79c34273c8
commit 9531230f6e
8 changed files with 68 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/index.html
+2 -2
View File
@@ -14,14 +14,14 @@
<script type="text/javascript" charset="utf-8" src="/javascripts/jquery/jquery.autocomplete.js"></script>
<script type="text/javascript" charset="utf-8" src="/javascripts/jquery/jquery.contentchange.js"></script>
<script type="text/javascript" charset="utf-8" src="/javascripts/beathaven/layout.js"></script>
<script type="text/javascript" charset="utf-8" src="/javascripts/beathaven/vkontakte.js"></script>
<script type="text/javascript" charset="utf-8" src="/javascripts/beathaven/session.js"></script>
<script type="text/javascript" charset="utf-8" src="/javascripts/beathaven/ajax.js"></script>
<script type="text/javascript" charset="utf-8" src="/javascripts/beathaven/search.js"></script>
<script type="text/javascript" charset="utf-8" src="/javascripts/beathaven/settings.js"></script>
<script type="text/javascript" charset="utf-8" src="/javascripts/beathaven/pages.js"></script>
<script type="text/javascript" charset="utf-8" src="/javascripts/beathaven/audio.js"></script>
<script type="text/javascript" charset="utf-8" src="/javascripts/beathaven/player.js"></script>
<script type="text/javascript" charset="utf-8" src="/javascripts/beathaven/vkontakte.js"></script>
<script type="text/javascript" charset="utf-8" src="/javascripts/beathaven/session.js"></script>
<script type="text/javascript" charset="windows-1251" src="http://vkontakte.ru/js/api/openapi.js"></script>
</head>
<body>
public/javascripts/beathaven/ajax.js
+1 -1
View File
@@ -88,5 +88,5 @@ $(function(){
Ajax.loadArtistData($(this).html());
return false;
});
$(window).bind('hashchange', Ajax.detectPage);
//$(window).bind('hashchange', Ajax.detectPage);
})
public/javascripts/beathaven/pages.js
+1
View File
@@ -91,5 +91,6 @@ var Pages = {
$('#data-container .inner').html(data);
yaCounter7596904.hit(Ajax.getAnchor(), 'Settings', Ajax.referer);
Ajax.setTitle('Settings');
$('.settings-container .tabs .tab').first().trigger('click');
}
}
public/javascripts/beathaven/settings.js
+30 -1
View File
@@ -1,13 +1,42 @@
var Settings = {
getAccountInfo: function(callback) {
Session.query('/user/update', {}, callback);
},
saveAccountInfo: function(params, callback) {
Session.query('/user/update', params, callback);
},
loadFormData: function(form) {
if (form == 'account') {
this.getAccountInfo(function(data){
$('.settings-container .form input[name$="username"]').val(data.username);
$('.settings-container .form input[name$="email"]').val(data.email);
})
}
}
}
$('.settings').live('click', function() {
Ajax.loadSettingsPage();
})
});
$('.settings-container .tabs .tab').live('click', function(){
if (!$(this).hasClass('active')) {
$('.settings-container .tabs .tab').removeClass('active');
$(this).addClass('active');
$('.form-container').html($('.forms .'+ $(this).attr('data-fieldset')).html());
Settings.loadFormData($(this).attr('data-fieldset'));
}
});
$('.settings-container .form input').live('blur', function(){
params = {
'username': $('.settings-container .form input[name$="username"]').first().val(),
'email': $('.settings-container .form input[name$="email"]').first().val(),
};
Settings.saveAccountInfo(params, function(){
console.log('saved');
});
})
public/settings.html
+13 -11
View File
@@ -1,19 +1,21 @@
<div class="settings-container">
<div class="tabs">
<div class="left-space"></div>
<div class="tab active">Account</div>
<div class="tab" data-fieldset="account">Account</div>
<div class="middle-space"></div>
<div class="tab">Music</div>
</div>
<div class="form-container">
<div class="form">
<div class="field">
<div class="label">Username:</div>
<div class="value"><input name="username" type="text"/></div>
</div>
<div class="field">
<div class="label">Email:</div>
<div class="value"><input name="email" type="text"/></div>
<div class="form-container"></div>
<div class="forms">
<div class="account">
<div class="form">
<div class="field">
<div class="label">Username:</div>
<div class="value"><input name="username" type="text"/></div>
</div>
<div class="field">
<div class="label">Email:</div>
<div class="value"><input name="email" type="text"/></div>
</div>
</div>
</div>
</div>
public/stylesheets/settings.css
+5 -1
View File
@@ -81,4 +81,8 @@
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
width: 300px;
}
.settings-container .forms {
display: none;
}