45 lines
1.0 KiB
JavaScript
45 lines
1.0 KiB
JavaScript
|
/* eslint-disable */
|
||
|
|
((global) => {
|
||
|
|
const HIDDEN_VALUE_TEXT = '******';
|
||
|
|
|
||
|
|
class ProjectVariables {
|
||
|
|
constructor() {
|
||
|
|
this.$reveal = $('.js-btn-toggle-reveal-values');
|
||
|
|
|
||
|
|
this.$reveal.on('click', this.toggleRevealState.bind(this));
|
||
|
|
}
|
||
|
|
|
||
|
|
toggleRevealState(event) {
|
||
|
|
event.preventDefault();
|
||
|
|
|
||
|
|
const $btn = $(event.currentTarget);
|
||
|
|
const oldStatus = $btn.attr('data-status');
|
||
|
|
|
||
|
|
if (oldStatus == 'hidden') {
|
||
|
|
[newStatus, newAction] = ['revealed', 'Hide Values'];
|
||
|
|
} else {
|
||
|
|
[newStatus, newAction] = ['hidden', 'Reveal Values'];
|
||
|
|
}
|
||
|
|
|
||
|
|
$btn.attr('data-status', newStatus);
|
||
|
|
|
||
|
|
$variables = $('.variable-value');
|
||
|
|
|
||
|
|
for (let variable of $variables) {
|
||
|
|
let $variable = $(variable);
|
||
|
|
let newText = HIDDEN_VALUE_TEXT;
|
||
|
|
|
||
|
|
if (newStatus == 'revealed') {
|
||
|
|
newText = $variable.attr('data-value');
|
||
|
|
}
|
||
|
|
|
||
|
|
$variable.text(newText);
|
||
|
|
}
|
||
|
|
|
||
|
|
$btn.text(newAction);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
global.ProjectVariables = ProjectVariables;
|
||
|
|
})(window.gl || (window.gl = {}));
|