MDL-55657 theme_noname: Use a separate template for passwordunmask

Part of MDL-55071

lib/form/passwordunmask.php

@@ -65,6 +65,7 @@ class MoodleQuickForm_passwordunmask extends MoodleQuickForm_password {
         }
 
         parent::__construct($elementName, $elementLabel, $attributes);
+        $this->setType('passwordunmask');
     }
 
     /**

theme/noname/templates/core_form/element-password.mustache

@@ -12,12 +12,3 @@
                 {{/error}} {{{attributes}}}>
     {{/element}}
 {{/ core_form/element-template }}
-{{#js}}
-require(['core/yui'], function(Y) {
-    Y.use('moodle-form-passwordunmask', function() {
-        M.form.passwordunmask({ formid: {{#quote}}{{element.id}}{{/quote}},
-                                checkboxlabel: {{#quote}}{{#str}}unmaskpassword, form{{/str}}{{/quote}},
-                                checkboxname: {{#quote}}{{element.name}}{{/quote}} });
-    });
-});
-{{/js}}

theme/noname/templates/core_form/element-passwordunmask.mustache

@@ -0,0 +1,23 @@
+{{< core_form/element-template }}
+    {{$element}}
+        <input type="password"
+                {{#element.frozen}}readonly{{/element.frozen}}
+                class="form-control {{#error}}form-control-danger{{/error}}"
+                name="{{element.name}}"
+                id="{{element.id}}"
+                value="{{element.value}}"
+                size="{{element.size}}"
+                {{#error}}
+                    autofocus aria-describedby="id_error_{{element.name}}"
+                {{/error}} {{{attributes}}}>
+    {{/element}}
+{{/ core_form/element-template }}
+{{#js}}
+require(['core/yui'], function(Y) {
+    Y.use('moodle-form-passwordunmask', function() {
+        M.form.passwordunmask({ formid: {{#quote}}{{element.id}}{{/quote}},
+                                checkboxlabel: {{#quote}}{{#str}}unmaskpassword, form{{/str}}{{/quote}},
+                                checkboxname: {{#quote}}{{element.name}}{{/quote}} });
+    });
+});
+{{/js}}