Settings draft

public/javascripts/beathaven/ajax.js

@@ -36,6 +36,13 @@ var Ajax = {
 		})
 	},
 	
+	loadSettingsPage: function() {
+		$.get('/settings.html', function(data){
+			Ajax.setArchor('/settings/');
+			Pages.renderSettings(data);
+		})
+	},
+	
 	loadWheePage: function() {
 		$.get('/demo/whee.html', function(data){
 			$('#data-container .inner').html(data);
@@ -67,6 +74,8 @@ var Ajax = {
 			Ajax.loadArtistData(m[1]);
 		} else if (Ajax.getAnchor() === '' || Ajax.getAnchor().match(/\/search\//)) {
 			Ajax.loadSearchPage();
+		} else if (Ajax.getAnchor().match(/\/settings\//)) {
+			Ajax.loadSettingsPage();
 		} else {
 			Ajax.load404Page();
 		}

public/javascripts/beathaven/pages.js

@@ -84,5 +84,11 @@ var Pages = {
 		
 		yaCounter7596904.hit(Ajax.getAnchor(), 'Artist Search', Ajax.referer);
 		Ajax.setTitle('Artist Search');
+	},
+	
+	renderSettings: function(data) {
+		$('#data-container .inner').html(data);
+		yaCounter7596904.hit(Ajax.getAnchor(), 'Settings', Ajax.referer);
+		Ajax.setTitle('Settings');
 	}
 }

public/javascripts/beathaven/search.js

@@ -5,6 +5,7 @@ var Search = {
 	showSpinner: function() {
 		$('#search-container input').attr('disabled', 'disabled').blur();
 		$('#search-container img').show();
+		$('.autocomplete-container').hide();
 		Search.hideSuggestions();
 	},
 	
@@ -33,7 +34,7 @@ var Search = {
 	
 	showArtistPics: function(pics) {
 		$('.artist_loading, .artist_pics').show();
-		for (var i = 0; i < pics.length; i++) {console.log(Search.pics.indexOf(pics[i]));
+		for (var i = 0; i < pics.length; i++) {
 			if (Search.pics.indexOf(pics[i]) === -1) {
 				Search.pics.push(pics[i]);
 				$('.artist_pics').append('\

public/javascripts/beathaven/session.js

@@ -1,5 +1,20 @@
 var Session = {
 	
 	user_id: null,
-	vkid: null
+	vk_params: {},
+	
+	query: function(url, params, callback) {
+		var q_params = this.vk_params;
+		for (attr in params) {
+			q_params[attr] = params[attr];
+		}
+		$.post(url, q_params, callback);
+	},
+	
+	setVkParams: function(params) {
+		attrs = ['expire', 'mid', 'secret', 'sid', 'sig'];
+		for (var i = 0; i < attrs.length; i++) {
+			this.vk_params[attrs[i]] = params[attrs[i]];
+		}
+	}
 }

public/javascripts/beathaven/settings.js

@@ -0,0 +1,7 @@
+var Settings = {
+	
+}
+
+$('.settings').live('click', function() {
+	Ajax.loadSettingsPage();
+})

public/javascripts/beathaven/vkontakte.js

@@ -1,22 +1,21 @@
 function authInfo(response) {
 	if (typeof response != 'undefined' && response.session) {
+		Session.setVkParams(response.session);
 		$('#vk_login, .auth_notice').hide();
 		$('#vk_logout').css('display', 'block');
 		if ($('#search_field').length > 0) {
 			$('#search_field').focus();
 		}
-		$.post('/user/auth', response.session, function(ar){
+		Session.query('/user/auth', {}, function(ar){
 			if (!ar.username) {
 				VK.Api.call('getVariable', {key: 1281}, function(r) {
-					response.session.name = r.response;
-					$.post('/user/auth', response.session, function(ar2) {
-						$('#header-container .hello').text('Hi there, '+ ar2.username +'!');
+					Session.query('/user/update', {'name': r.response}, function(ar2) {
+						$('#header-container .hello .greating').text('Hi there, '+ ar2.username +'!');
 					});
 				});
 			}
-			$('#header-container .hello').text('Hi there, '+ (ar.username ? ar.username : '%username%') +'!');
+			$('#header-container .hello .greating').text('Hi there, '+ (ar.username ? ar.username : '%username%') +'!');
 			Session.user_id = ar.id;
-			Session.vkid = response.session.mid;
 		});
 	} else {
 		$('#vk_login, .auth_notice').css('display', 'block');