expo-16 rating, js part is ready

templates/client/includes/accounts/current_user.html

@@ -56,10 +56,10 @@
                     </div>
                 </div>
             </div>
-            <div class="i-rating" title="Рейтинг: 551">551</div>
+            <div class="i-rating" title="{% trans 'Рейтинг' %}: 551" id="profile-rating">551</div>
             <div class="reason_block">
-                <p>Заполните свой<br>профиль, чтобы<br>повысить рейтинг</p>
+                <p>{% trans 'Заполните свой профиль, чтобы повысить рейтинг' %}</p>
-                <p>Чем выше<br>рейтинг —<br>тем больше<br>преимуществ!</p>
+                <p>{% trans 'Чем выше рейтинг — тем больше преимуществ!' %}</p>
             </div>
         </aside>
         {# END avatar #}
@@ -550,6 +550,9 @@
         addCompany:{
             modalId:'pw-company',
             formId:'create_company_form'
+        },
+		rating:{
+			id:'profile-rating'
 		}
 
     });

templates/client/includes/company/company_edit.html

@@ -58,7 +58,7 @@
 
 			</div>
 			<!--!!-->
-            <div class="i-rating" title="Рейтинг: 551">551</div>
+            <div id="profile-rating" class="i-rating" title="{% trans 'Рейтинг' %}: 551">551</div>
         </aside>
 
         <div class="i-info">
@@ -625,10 +625,10 @@
 		// some helper text in current language
 		lang:{
 			workIn:'в'// there must be 'at' in English
+		},
+		rating:{
+			id:'profile-rating'
 		}
-
-
-
 	});
 </script>
 {% endblock %}

templates/client/static_client/js/_modules/page.company.js

@@ -16,6 +16,26 @@ if (EXPO.company){
 	//dependences
 		var $waiter;
 	//private
+		/**
+		 * Rating functional. Object stores data, HTML Instance of rating field, and can refresh its value
+		 * @param {Object} opt - options for rating instance, like HTML Id and other
+		 * @constructor
+		 */
+		function Rating(opt){
+			this.opt = opt;
+			this.$inst = $('#'+opt.id);
+			this.value = this.$inst.text;
+		}
+		Rating.prototype = {
+			/**
+			 * refreshes value of HTML instance with new.
+			 * @param {number} newRating - new profile rating value
+			 */
+			refresh: function (newRating) {
+				this.value = newRating;
+				this.$inst.text(this.value);
+			}
+		};
 		// factory for on page form objects
 		function Forms(){}
 		// methods to perform ajax responses to send and receive data from the server
@@ -34,6 +54,9 @@ if (EXPO.company){
 					contentType: false,
 					success: function(data) {
 						self.pullHandler(data);
+						if(data.success){
+							EXPO.company.rating.refresh(data.rating);
+						}
 						$('#wait-ajax').fadeOut();
 					}
 				});
@@ -400,6 +423,8 @@ if (EXPO.company){
 					$(selector).inputmasks(maskOpts);
 
 				};
+			this.rating = new Rating(this.opt.rating);
+
 			this.forms = {};
 			$(function () {
 				var	$editables = $('.'+self.opt.editableClass);

templates/client/static_client/js/_modules/page.profile.js

@@ -19,9 +19,30 @@ if (EXPO.profile){
 			$waiter;
 
 		//private
-		// factory for on page form objects
+
+		/**
+		 * Rating functional. Object stores data, HTML Instance of rating field, and can refresh its value
+		 * @param {Object} opt - options for rating instance, like HTML Id and other
+		 * @constructor
+		 */
+		function Rating(opt){
+			this.opt = opt;
+			this.$inst = $('#'+opt.id);
+			this.value = this.$inst.text;
+		}
+		Rating.prototype = {
+			/**
+			 * refreshes value of HTML instance with new.
+			 * @param {number} newRating - new profile rating value
+			 */
+			refresh: function (newRating) {
+				this.value = newRating;
+				this.$inst.text(this.value);
+			}
+		};
 		function Forms(){};
 		// methods to perform ajax responses to send and receive data from the server
+		// factory for on page form objects
 		Forms.prototype = {
 			// ajax request realization
 			getajax: function (dataToSend) {
@@ -37,6 +58,9 @@ if (EXPO.profile){
 					contentType: false,
 					success: function(data) {
 						self.pullHandler(data);
+						if(data.success){
+							EXPO.profile.rating.refresh(data.rating);
+						}
 						$('#wait-ajax').fadeOut();
 					}
 				});
@@ -107,6 +131,7 @@ if (EXPO.profile){
 					this.$editable.removeClass('hidden');
 					this.$description.addClass('hidden');
 				}
+
 			}
 		};
 		Forms.factory = function (type, ajaxpath) {
@@ -425,6 +450,7 @@ if (EXPO.profile){
 					$(selector).inputmasks(maskOpts);
 
 				};
+			this.rating = new Rating(this.opt.rating);
 			this.forms = {};
 			$(function () {
 				var	$editables = $('.'+self.opt.editableClass);