restyling of js/interface_profile-edit.js

js/interface_profile-edit.js

@@ -15,14 +15,14 @@ function initProfileEdit() {
 
     initInterfaceCommon();
 
-    $(".profile-card-photo.forEdition").click( function() { $('#avatar-file').click(); } );
-    $("#avatar-file").bind( "change", handleAvatarFileSelect);
-    $(".submit-changes").click( saveProfile );
-    $(".cancel-changes").click( $.MAL.goHome );
+    $('.profile-card-photo.forEdition').on('click', function() { $('#avatar-file').click(); });
+    $('#avatar-file').on('change', handleAvatarFileSelect);
+    $('.submit-changes').on('click', saveProfile);
+    $('.cancel-changes').on('click', $.MAL.goHome);
 
     initUser(function() {
         if (!defaultScreenName) {
-            alert(polyglot.t("username_undefined"));
+            alert(polyglot.t('username_undefined'));
             $.MAL.goLogin();
             return;
         }
@@ -35,90 +35,85 @@ function initProfileEdit() {
             initDMsCount();
         });
 
-        $(".profile-card-main h2").text("@" + defaultScreenName);
+        $('.profile-card-main h2').text('@' + defaultScreenName);
         loadAvatarForEdit();
         loadProfileForEdit();
 
-        $(".secret-key-container").hide();
+        $('.secret-key-container').hide();
 
-        $(".toggle-priv-key").click(function () {
-          if ($(".secret-key-container").is(":visible")) {
-              $(".secret-key-container").fadeOut(function () {
-                $(".secret-key").text('');
+        $('.toggle-priv-key').on('click', function () {
+            if ($('.secret-key-container').is(':visible')) {
+                $('.secret-key-container').fadeOut(function () {
+                    $('.secret-key').text('');
                 });
             } else {
                 dumpPrivkey(defaultScreenName, function(args, key) {
-              $(".secret-key").text(key);
-              $(".secret-key-container").fadeIn();
+                    $('.secret-key').text(key);
+                    $('.secret-key-container').fadeIn();
                 }, {});
             }
         });
-
     });
 }
 
-function handleAvatarFileSelect(evt) {
-    var files = evt.target.files; // FileList object
-    var f = files[0];
+function handleAvatarFileSelect(event) {
+    var files = event.target.files; // FileList object
+    var file = files[0];
 
      // Only process image files.
-     if (f.type.match('image.*')) {
+     if (file.type.match('image.*')) {
         var reader = new FileReader();
 
-        reader.onload=function(e){
+        reader.onload = function(event) {
             var img = new Image();
             img.onload = function() {
                 var MAXWidthHeight = 64;
-               var r=MAXWidthHeight/Math.max(this.width,this.height),
-               w=Math.round(this.width*r),
-               h=Math.round(this.height*r),
-               c=document.createElement("canvas");
-               c.width=w;c.height=h;
-               c.getContext("2d").drawImage(this,0,0,w,h);
+                var ratio = MAXWidthHeight / Math.max(this.width, this.height);
+                var canvas = document.createElement('canvas');
+                canvas.width = Math.round(this.width * ratio);
+                canvas.height = Math.round(this.height * ratio);
+                canvas.getContext('2d').drawImage(this, 0, 0, canvas.width, canvas.height);
 
                 var imgURL = undefined;
-               for(var q = 0.9; (!imgURL || imgURL.length > 4096) && q > 0.1; q -= 0.01) {
-                   imgURL = c.toDataURL("image/jpeg", q);
+                for (var quality = 1.0; (!imgURL || imgURL.length > 4096) && quality > 0.1; quality -= 0.01) {
+                    imgURL = canvas.toDataURL('image/jpeg', quality);
                 }
-               $(".profile-card-photo.forEdition").attr("src", imgURL );
+                $('.profile-card-photo.forEdition').attr('src', imgURL);
             }
-           img.src=e.target.result;
+            img.src = event.target.result;
         }
 
         // Read in the image file as a data URL.
-        reader.readAsDataURL(f);
+        reader.readAsDataURL(file);
     }
 }
 
 
-function verifyUserAlreadyInBlockchain()
-{
-    $.MAL.disableButton($(".submit-changes"));
+function verifyUserAlreadyInBlockchain() {
+    $.MAL.disableButton($('.submit-changes'));
 
     dumpPubkey(defaultScreenName, function(args, pubkey) {
-                    //pubkey = "";
         if (pubkey.length > 0) {
             follow('twister', true, function() {
-                            $.MAL.enableButton($(".submit-changes"));
+                $.MAL.enableButton($('.submit-changes'));
             });
         } else {
             if (!newUserWarnDisplayed) {
-                            alert(polyglot.t("user_not_yet_accepted"));
+                alert(polyglot.t('user_not_yet_accepted'));
                 newUserWarnDisplayed = true;
             }
-                        setTimeout("verifyUserAlreadyInBlockchain()", 5000);
+            setTimeout(verifyUserAlreadyInBlockchain, 5000);
         }
     }, {});
 }
 
-function localizePlaceholders()
-{
-    $(".input-name").attr("placeholder",polyglot.t("Full name here"));
-    $(".input-description").attr("placeholder",polyglot.t("Describe yourself"));
-    $(".input-city").attr("placeholder",polyglot.t("Location"));
-    $(".input-website").attr("placeholder",polyglot.t("website"));
-    $(".input-tox").attr("placeholder",polyglot.t("Tox address"));
-    $(".input-bitmessage").attr("placeholder",polyglot.t("Bitmessage address"));
+function localizePlaceholders() {
+    $('.input-name').attr('placeholder', polyglot.t('Full name here'));
+    $('.input-description').attr('placeholder', polyglot.t('Describe yourself'));
+    $('.input-city').attr('placeholder', polyglot.t('Location'));
+    $('.input-website').attr('placeholder', polyglot.t('website'));
+    $('.input-tox').attr('placeholder', polyglot.t('Tox address'));
+    $('.input-bitmessage').attr('placeholder', polyglot.t('Bitmessage address'));
 }
 
 $(document).ready(localizePlaceholders);