Генератор пароля для пользователей

InstantCMS 2.X

простая фича для пользователей сайта

#1 7 августа 2022 в 16:10

Может кому интересно и пригодится...

Панель управления / Виджеты и страницы / Все страницы
В меню нажать Страницы, выбрать — Пользовательские.
Страницы — Создать страницу.

Заголовок — Управление аккаунтом (пароль)

Фильтрация URL — Положительные маски — users/*/edit/password (если у вас не users то пишите свое название)

Доступ — на свое усмотрение.

Сохранить.

Далее выбрать Виджет HTML блок, Заголовок — Генератор пароля.

Содержимое HTML блока

Спойлер

<div class="container">
    <div class="row">
      <div class="col-sm-12 col-md-6">
        <p class="p-3 p-content">Используйте псевдослучайные пароли, нажмите на кнопку чтобы создать новый пароль с применением в комбинации служебных символов, букв, цифр.</p>
      </div>
      <div class="col-xs-12 col-sm-12 col-md-6">
        <div class="form-group p-2 p-content">
            <div class="input-group">
              <input type="text" class="border-dark form-control form-control-sm input-sm" rel="gp" data-size="12" data-character-set="a-z,A-Z,0-9,#">
              <span class="input-group-append input-group-btn"><button type="button" class="btn btn-dark btn-sm getNewPass"><span class="fa fa-refresh"></span>&nbsp;Пароль на 12 (+спецсимволы)</button></span>
            </div>
        </div>
        <div class="form-group p-2 p-content">
            <div class="input-group">
              <input type="text" class="form-control form-control-sm input-sm" rel="gp" data-size="6" data-character-set="a-z,A-Z,0-9">
              <span class="input-group-append input-group-btn"><button type="button" class="btn btn-sm getNewPass"><span class="fa fa-refresh"></span>&nbsp;Простой пароль на 6</button></span>
            </div>
        </div>
      </div>
    </div>
</div>

Вкладка Java/CSS

JavaScript код

Спойлер

function randString(c) {
    var a = $(c).attr("data-character-set").split(",");
    var d = "";
    if ($.inArray("a-z", a) >= 0) {
        d += "abcdefghijklmnopqrstuvwxyz"
    }
    if ($.inArray("A-Z", a) >= 0) {
        d += "ABCDEFGHIJKLMNOPQRSTUVWXYZ"
    }
    if ($.inArray("0-9", a) >= 0) {
        d += "0123456789"
    }
    if ($.inArray("#", a) >= 0) {
        d += "![]{}()%&*$#^<>~@|"
    }
    var e = "";
    for (var b = 0; b < $(c).attr("data-size"); b++) {
        e += d.charAt(Math.floor(Math.random() * d.length))
    }
    return e
}
$('input[rel="gp"]').each(function() {
    $(this).val(randString($(this)))
});
$(".getNewPass").click(function() {
    var a = $(this).closest("div").find('input[rel="gp"]');
    a.val(randString(a))
});
$('input[rel="gp"]').on("click", function() {
    $(this).select()
});