webui: password field visibility toggle

one/static/base.less

@@ -225,3 +225,14 @@ textarea {
 .hilight {
 .hilight {
     background-color: #ff6;
     background-color: #ff6;
 }
 }
+
+.hidden-password {
+    padding-right: 25px;
+    background-image: url(icons/eye-half.png);
+    background-repeat: no-repeat;
+    background-position: right center;
+    cursor: pointer;
+    &.shown {
+        background-image: url(icons/eye.png);
+    }
+}

one/static/cloud.js

@@ -142,6 +142,18 @@ $(function() {
     $('#vm-password-show').click(function(){
     $('#vm-password-show').click(function(){
         $('#vm-password-show').hide();
         $('#vm-password-show').hide();
         $('#vm-password').show();
         $('#vm-password').show();
+    });
+    $('.hidden-password').each(function(){
+        $(this).val('******');
+    });
+    $('.hidden-password').click(function(){
+        if(!$(this).hasClass('shown')){
+            $(this).val($(this).data('value'));
+            $(this).addClass('shown');
+        } else {
+            $(this).val('******');
+            $(this).removeClass('shown');
+        }
     })
     })
     toggleDetails.apply($('.selected-summary'));
     toggleDetails.apply($('.selected-summary'));
     toggleDetails.apply($('.selected-summary'));
     toggleDetails.apply($('.selected-summary'));