ÿØÿà JFIF    ÿÛ „  ( %"1!%)+...383,7(-.+  -+++--++++---+-+-----+---------------+---+-++7-----ÿÀ  ß â" ÿÄ     ÿÄ H    !1AQaq"‘¡2B±ÁÑð#R“Ò Tbr‚²á3csƒ’ÂñDS¢³$CÿÄ   ÿÄ %  !1AQa"23‘ÿÚ   ? ôÿ ¨pŸªáÿ —åYõõ\?àÒü©ŠÄï¨pŸªáÿ —åYõõ\?àÓü©ŠÄá 0Ÿªáÿ Ÿå[úƒ ú®ði~TÁbqÐ8OÕpÿ ƒOò¤Oè`–RÂáœá™êi€ßÉ< FtŸI“öÌ8úDf´°å}“¾œ6  öFá°y¥jñÇh†ˆ¢ã/ÃÐ:ªcÈ "Y¡ðÑl>ÿ ”ÏËte:qž\oäŠe÷󲍷˜HT4&ÿ ÓÐü6ö®¿øþßèô Ÿ•7Ñi’•j|“ñì>b…þS?*Óôÿ ÓÐü*h¥£ír¶ü UãS炟[AÐaè[ûª•õ&õj?†Éö+EzP—WeÒírJFt ‘BŒ†Ï‡%#tE Øz ¥OÛ«!1›üä±Í™%ºÍãö]°î(–:@<‹ŒÊö×òÆt¦ãº+‡¦%ÌÁ²h´OƒJŒtMÜ>ÀÜÊw3Y´•牋4ǍýʏTì>œú=Íwhyë,¾Ôò×õ¿ßÊa»«þˆѪQ|%6ž™A õ%:øj<>É—ÿ Å_ˆCbõ¥š±ý¯Ýƒï…¶|RëócÍf溪“t.СøTÿ *Ä¿-{†çàczůŽ_–^XþŒ±miB[X±d 1,é”zEù»& î9gœf™9Ð'.;—™i}!ôšåîqêÛ٤ёý£½ÆA–àôe"A$˝Úsäÿ ÷Û #°xŸëí(l »ý3—¥5m! rt`†0~'j2(]S¦¦kv,ÚÇ l¦øJA£Šƒ J3E8ÙiŽ:cÉžúeZ°€¯\®kÖ(79«Ž:¯X”¾³Š&¡* ….‰Ž(ÜíŸ2¥ª‡×Hi²TF¤ò[¨íÈRëÉ䢍mgÑ.Ÿ<öäS0í„ǹÁU´f#Vß;Õ–…P@3ío<ä-±»Ž.L|kªÀê›fÂ6@»eu‚|ÓaÞÆŸ…¨ááå>åŠ?cKü6ùTÍÆ”†sĤÚ;H2RÚ†õ\Ö·Ÿn'¾ ñ#ºI¤Å´%çÁ­‚â7›‹qT3Iï¨ÖÚ5I7Ë!ÅOóŸ¶øÝñØôת¦$Tcö‘[«Ö³šÒ';Aþ ¸èíg A2Z"i¸vdÄ÷.iõ®§)¿]¤À†–‡É&ä{V¶iŽ”.Ó×Õÿ û?h¬Mt–íª[ÿ Ñÿ ÌV(í}=ibÔ¡›¥¢±b Lô¥‡piη_Z<‡z§èŒ)iÖwiÇ 2hÙ3·=’d÷8éŽ1¦¸c¤µ€7›7Ø ð\á)} ¹fËí›pAÃL%âc2 í§æQz¿;T8sæ°qø)QFMð‰XŒÂ±N¢aF¨…8¯!U  Z©RÊ ÖPVÄÀÍin™Ì-GˆªÅËŠ›•zË}º±ŽÍFò¹}Uw×#ä5B¤{î}Ð<ÙD é©¤&‡ïDbàÁôMÁ.// This file is part of Moodle - http://moodle.org/ // // Moodle is free software: you can redistribute it and/or modify // it under the terms of the GNU General Public License as published by // the Free Software Foundation, either version 3 of the License, or // (at your option) any later version. // // Moodle is distributed in the hope that it will be useful, // but WITHOUT ANY WARRANTY; without even the implied warranty of // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the // GNU General Public License for more details. // // You should have received a copy of the GNU General Public License // along with Moodle. If not, see . /** * Encrypted password functionality. * * @module core_form/encryptedpassword * @copyright 2019 The Open University * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later */ /** * Constructor for EncryptedPassword. * * @class core_form/encryptedpassword * @param {String} elementId The element to apply the encrypted password JS to */ export const EncryptedPassword = function(elementId) { const wrapper = document.querySelector('div[data-encryptedpasswordid="' + elementId + '"]'); this.spanOrLink = wrapper.querySelector('span, a'); this.input = wrapper.querySelector('input'); this.editButtonOrLink = wrapper.querySelector('button[data-editbutton], a'); this.cancelButton = wrapper.querySelector('button[data-cancelbutton]'); // Edit button action. var editHandler = (e) => { e.stopImmediatePropagation(); e.preventDefault(); this.startEditing(true); }; this.editButtonOrLink.addEventListener('click', editHandler); // When it's a link, do some magic to make the label work as well. if (this.editButtonOrLink.nodeName === 'A') { wrapper.parentElement.previousElementSibling.querySelector('label').addEventListener('click', editHandler); } // Cancel button action. this.cancelButton.addEventListener('click', (e) => { e.stopImmediatePropagation(); e.preventDefault(); this.cancelEditing(); }); // If the value is not set yet, start editing and remove the cancel option - so that // it saves something in the config table and doesn't keep repeat showing it as a new // admin setting... if (wrapper.dataset.novalue === 'y') { this.startEditing(false); this.cancelButton.style.display = 'none'; } }; /** * Starts editing. * * @param {Boolean} moveFocus If true, sets focus to the edit box */ EncryptedPassword.prototype.startEditing = function(moveFocus) { this.input.style.display = 'inline'; this.input.disabled = false; this.spanOrLink.style.display = 'none'; this.editButtonOrLink.style.display = 'none'; this.cancelButton.style.display = 'inline'; // Move the id around, which changes what happens when you click the label. const id = this.editButtonOrLink.id; this.editButtonOrLink.removeAttribute('id'); this.input.id = id; if (moveFocus) { this.input.focus(); } }; /** * Cancels editing. */ EncryptedPassword.prototype.cancelEditing = function() { this.input.style.display = 'none'; this.input.value = ''; this.input.disabled = true; this.spanOrLink.style.display = 'inline'; this.editButtonOrLink.style.display = 'inline'; this.cancelButton.style.display = 'none'; // Move the id around, which changes what happens when you click the label. const id = this.input.id; this.input.removeAttribute('id'); this.editButtonOrLink.id = id; };