Added translate to english

compile.sh

@@ -0,0 +1 @@
+web-ext -s firefox run -f "C:\Program Files\Firefox Developer Edition\firefox.exe" -p "C:\Users\Пользователь\AppData\Roaming\Mozilla\Firefox\Profiles\development" --profile-create-if-missing --keep-profile-changes --verbose

firefox/_locales/en/messages.json

@@ -0,0 +1,52 @@
+{
+    "extensionName": {
+      "message": "Menu demo",
+      "description": "Name of the extension."
+    },
+
+    "extensionDescription": {
+      "message": "Demonstrates the menus API.",
+      "description": "Description of the add-on."
+    },
+
+    "menuItemSelectionLogger": {
+      "message": "Log '%s' to the browser console",
+      "description": "Title of context menu item that logs the selected text when clicked."
+    },
+
+    "menuItemRemoveMe": {
+      "message": "Remove me!",
+      "description": "Title of context menu item that removes itself when clicked."
+    },
+
+    "menuItemGreenify": {
+      "message": "Greenify",
+      "description": "Title of context menu item that adds a green border when clicked."
+    },
+
+    "menuItemBluify": {
+      "message": "Bluify",
+      "description": "Title of context menu item that adds a green border when clicked."
+    },
+
+    "menuItemCheckMe": {
+      "message": "Check me",
+      "description": "Title of context menu item when the item is checked."
+    },
+
+    "menuItemUncheckMe": {
+      "message": "Uncheck me",
+      "description": "Title of context menu item when the item is unchecked."
+    },
+
+    "menuItemOpenSidebar": {
+      "message": "Open sidebar",
+      "description": "Title of context menu item that opens a sidebar."
+    },
+
+    "menuItemToolsMenu": {
+      "message": "Click me!",
+      "description": "Title of tools menu item."
+    }
+
+  }

firefox/manifest.json

@@ -52,7 +52,7 @@
         "webRequestBlocking"
     ],
     "options_ui": {
-        "page": "/system/settings/index.html"
+        "page": "/settings/index.html"
     },
     "content_scripts": [
         {
@@ -60,10 +60,10 @@
                 "https://*.vk.com/*"
             ],
             "js": [
-                "/system/log.js",
+                "/log.js",
-                "/system/settings.js",
+                "/settings.js",
-                "/system/core.js",
+                "/core.js",
-                "/system/modules/module.js"
+                "/modules/module.js"
             ],
             "run_at": "document_start"
         },
@@ -72,8 +72,18 @@
                 "https://*.vk.com/*"
             ],
             "js": [
-                "/system/modules/visor/core.js",
+                "/modules/visor/core.js",
-                "/system/modules/killer/core.js"
+                "/modules/killer/core.js"
+            ],
+            "run_at": "document_end"
+        },
+        {
+            "matches": [
+                "https://vk.com/*"
+            ],
+            "js": [
+                "/modules/visor/core.js",
+                "/modules/killer/core.js"
             ],
             "run_at": "document_end"
         },
@@ -82,7 +92,7 @@
                 "https://vk.com/settings?act=nadrez"
             ],
             "js": [
-                "/system/pages/settings/index.js"
+                "/pages/settings/index.js"
             ],
             "run_at": "document_end"
         },
@@ -91,7 +101,7 @@
                 "https://vk.com/im?sel=*"
             ],
             "js": [
-                "/system/modules/killer/conversation.js"
+                "/modules/killer/conversation.js"
             ],
             "run_at": "document_end"
         }

firefox/modules/killer/core.js

@@ -5,42 +5,6 @@
  */
 class killer {
     constructor() {
-        // /**
-        //  * Генерация списка пользователей
-        //  *
-        //  * @param {string} id Идентификатор
-        //  * @param {string} page Идентификатор страницы настроек
-        //  *
-        //  * @return {Function} Функция для выполнения в генераторе группы
-        //  */
-        // this.list = function (id, page = 'nadrez') {
-        //     /**
-        //      * Запись в группу (подразумевается выполнение в функции генерирующую группу)
-        //      *
-        //      * @param {string} group Группа
-        //      *
-        //      * @return {bool} Статус выполнения
-        //      */
-        //     return function (group) {
-        //         if (typeof page === 'string' && typeof id === 'string' && typeof group === 'string') {
-        //             // Пройдена проверка входных параметров
-
-        //             // Инициализация блока
-        //             let block = document.getElementById('block_' + group);
-
-        //             // Инициализация верхнего колонтинула блока
-        //             let header = block.getElementsByClassName('page_block_header')[0];
-
-        //             // Инициализация элемента со статусом
-        //             let status = header.getElementsByClassName('page_block_saved')[0];
-
-        //             // Инициализация тела блока
-        //             let body = block.getElementsByClassName('settings_panel clear_fix settings_' + core.id + ' settings_section_' + core.id)[0];
-        //         }
-        //         return false;
-        //     }
-        // }
-
         /**
          * Обработка группы сообщений
          *
@@ -49,9 +13,12 @@ class killer {
          * @param {string} group Группа для обработки
          *
          * @return {bool} Статус выполнения
+         *
+         * @todo 1. Добавить режим в котором проверяется не каждая группа сообщений, а
+         * сначала читаются все найденные группы сообщений и только потом обрабатываются все вместе
          */
         this.tribunal = async function (group = this.last(), list = this.list()) {
-            if (await this.search(this.account(group), this.list())) {
+            if (await this.search(await this.account(group), await list)) {
                 // Найдена цель на удаление
 
                 // Инициализация типа действия с группой сообщений заблокированного аккаунта
@@ -78,6 +45,8 @@ class killer {
         /**
          * Обработка всех видимых групп сообщений
          *
+         * Все сообщения загруженные в документе будут обработаны
+         *
          * @return {number} Количество обработанных групп сообщений
          */
         this.genocide = async function () {
@@ -103,6 +72,8 @@ class killer {
         /**
          * Найти элемент-оболочку групп сообщений
          *
+         * Элемент хранит в себе все группы сообщений (окно чата)
+         *
          * @return {Element} Оболочка групп сообщений
          */
         this.wrap = function () {
@@ -112,6 +83,14 @@ class killer {
         /**
          * Найти последнюю группу сообщений
          *
+         * Группа сообщений - элемент-оболочка в котором хранятся
+         * сообщения от одного и того же пользователя. Группу сообщений
+         * закрывает сообщение от другого пользователя или прохождение
+         * некоторого времени, таким образом будет создана отдельная группа.
+         *
+         * Определить группы можно по аватарам пользователей (у каждой группы
+         * аватар отправителя отображается только 1 раз)
+         *
          * @return {Element} Группа сообщений, если найдена
          */
         this.last = function () {
@@ -125,9 +104,9 @@ class killer {
         }
 
         /**
-         * Найти и прочитать пользователя последней группы сообщений
+         * Найти и прочитать пользователя группы сообщений
          *
-         * @param {string} group Группа для обработки
+         * @param {string} group Группа для обработки (иначе самая последняя, новая)
          *
          * @return {number} Идентификатор страницы ВКонтакте (только цифры)
          */
@@ -141,13 +120,20 @@ class killer {
         /**
          * Прочитать список аккаунтов на удаление из реестра
          *
+         * Реестр очищается через определённое в настройках время
+         * он должен быть маленьким, чтобы не проводить длительные поиски аккаунта,
+         * но при этом он должен быть большим, чтобы проверять каждого пользователя
+         * в чате слишком часто, что ещё хуже, посколько выполняет отдельный запрос
+         * и ищет данные о нахождении в чёрном списке.
+         *
+         * Реестр может хранить в себе данные об аккаунтах записанных туда непосредственно,
+         * то есть аккаунты не обязательно находятся в чёрном списке
+         *
          * @return {object} Список аккаунтов на удаление
          */
         this.list = async function () {
             // Инициализация списка аккаунтов на удаление
-            const targets = await settings.read('killer_targets');
+            return await settings.read('killer_targets');
-
-            return targets;
         }
 
         /**
@@ -156,42 +142,32 @@ class killer {
          * @param {number} account Аккаунт для обработки
          *
          * @return {boolean} Статус наличия аккаунта в списке на удаление
+         *
+         * @todo 1. Возможно оно может асинхронно перезаписывать само себя когда сохраняет нового
+         * пользователя в реестр и сразу же после этого сохраняет реестр с другим пользователем без первого
+         * из-за того что оба процесса были запущены одновременно
          */
-        this.search = async function (account = this.account(), targets = await this.list()) {
+        this.search = async function (account = this.account(), targets = this.list()) {
             if (account === this.self()) {
                 // Обрабатывается свой аккаунт
 
                 // Инициализация статуса разрешения блокировки самого себя
-                const self = await settings.read('killer_self');
+                return await settings.read('killer_self') ?? false;
-
-                return self ?? false;
             }
 
-            console.log(targets);
+            if (typeof await targets === 'object') {
-
-            if (typeof targets === 'object') {
                 // Пройдена проверка на тип
 
                 if (Object.keys(targets).length >= await settings.read('killer_targets_limit') ?? 500) {
                     // Достигло ограничения количество аккаунтов в реестре
 
-                    // Полная очистка реестра
+                    // Реинициализация реестра
                     this.purge();
                 } else {
                     // Не достигло ограничения rоличество аккаунтов в ресстре
 
-                    for (const { target, status } in targets) {
+                    // Перебор искомых целей для удаления
-                        // Перебор искомых целей для удаления
+                    for (const target in targets) if (+target === +account) return true;
-
-                        alert(target);
-                        alert(status);
-
-                        if (target === account) {
-                            // Найдена цель
-
-                            return true;
-                        }
-                    }
                 }
             } else {
                 // Не пройдена проверка на тип и пустоту
@@ -324,11 +300,8 @@ class killer {
             // Инициализация кнопки "Заблокировать пользователя"
             const button = page.body.querySelector('a[data-task-click="ProfileAction/toggle_blacklist"]');
 
-            // Проверка на инициализированность кнопки
-            if (typeof button === 'null') return false;
-
             // Возвращает true если заблокирован пользователь (подразумевается наличие текста "Разблокировать {пользователь}")
-            return button.innerText.trim()[0] === 'Р';
+            return (button.innerText.trim()[0] === 'Р') ?? false;
         }
 
         /**
@@ -340,18 +313,18 @@ class killer {
          *
          * @todo Доделать
          */
-        this.forgive = async function (account, targets = await this.list()) {
+        this.forgive = async function (account, targets) {
             if (typeof account !== 'undefined' && typeof account !== 'null') {
                 // Пройдена проверка полученных значений аргументов
 
                 // Инициализация буфера записи в хранилище
                 let buffer = {};
 
-                for (const { target, status } in targets) {
+                for (const target in targets) {
                     // Перебор заблокированных аккаунтов
 
                     // Проверка на совпадение
-                    if (target === account) continue;
+                    if (+target === +account) continue;
 
                     // Запись в буфер записи в хранилище
                     buffer.push(account);

firefox/pages/settings/index.js

@@ -83,11 +83,12 @@ class page {
                 this.blocks.header('Убийца'),
                 // text('Удаление активности выбранных пользователей'),
                 this.blocks.fields.checkbox('activate', 'lightning', 'Активировать'),
-                this.blocks.fields.checkbox('list', 'lightning', 'Заблокированные ВКонтакте', 'Удалять тех кто находится в списке заблокированных ВКонтакте'),
+                this.blocks.fields.text('asdasdasd', 'lightning', 'Активировать', 'asdasdasdasd', 'Тестирование всплывающей подсказки', 'text', 0, 8, 'фффф', 'сюда писать'),
+                this.blocks.fields.checkbox('list', 'group', 'Заблокированные ВКонтакте', 'Удалять тех кто находится в списке заблокированных ВКонтакте', 'Тестирование всплывающей подсказки'),
                 this.blocks.fields.checkbox('target', 'list', 'Отдельный список на удаление', 'Выбрать пользователей вручную'),
+                this.blocks.fields.dropdown('targetasdasd', 'promo', 'Какаято хуитень', 'Выбфывелей вручную', 'Тестирование всплывающей подсказки'),
                 modules.killer.list('asdasd'),
             );
-
         }
 
         /**
@@ -123,7 +124,7 @@ class page {
              */
             header(text = '') {
                 /**
-                 * Запись в группу (подразумевается выполнение в функции генерирующую группу)
+                 * Запись в группу (подразумевается выполнение в функции генерирующей группу)
                  *
                  * @param {string} group Группа
                  *
@@ -134,20 +135,19 @@ class page {
                         // Пройдена проверка входных параметров
 
                         // Инициализация блока куда надо записать заголовок
-                        let block = document.getElementById('block_' + group);
+                        const block = document.getElementById('block_' + group);
 
                         // Инициализация оболочки заголовка
-                        let title = block.getElementsByTagName('h2')[0].getElementsByClassName('page_block_header')[0];
+                        const title = block.getElementsByTagName('h2')[0].getElementsByClassName('page_block_header')[0];
 
                         // Запись содержимого в буфер
-                        let buffer = title.cloneNode(true);
+                        const buffer = title.cloneNode(true);
 
                         // Запись заголовка
                         title.innerText = text;
 
                         // Запись содержимого заголовка из буфера
-                        for (let element of buffer.children)
+                        for (let element of buffer.children) title.appendChild(element);
-                            title.appendChild(element);
 
                         return true;
                     }
@@ -167,7 +167,7 @@ class page {
              */
             header_extra(left = '', center = '', right = '') {
                 /**
-                 * Запись в группу (подразумевается выполнение в функции генерирующую группу)
+                 * Запись в группу (подразумевается выполнение в функции генерирующей группу)
                  *
                  * @param {string} group Группа
                  *
@@ -176,11 +176,12 @@ class page {
                 return function (group) {
                     if (typeof group === 'string' && typeof left === 'string' && typeof center === 'string' && typeof right === 'string') {
                         // Пройдена проверка входных параметров
+
                         // Инициализация блока
-                        let block = document.getElementById('block_' + group);
+                        const block = document.getElementById('block_' + group);
 
                         // Инициализация оболочки заголовка
-                        let title = block.getElementsByTagName('h2')[0].getElementsByClassName('page_block_header')[0];
+                        const title = block.getElementsByTagName('h2')[0].getElementsByClassName('page_block_header')[0];
 
                         // Запись заголовков
                         title.getElementsByClassName('page_block_header_extra_left _header_extra_left')[0].innerText = left;
@@ -295,22 +296,268 @@ class page {
              * Поля
              */
             fields: {
+                macroses: {
+                    /**
+                     * Шаблон для инициализации элементов строки с полем
+                     *
+                     * @param {string} group Группа
+                     * @param {string|null} icon Иконка
+                     * @param {function} content Функция которая будет обрабатывать содержимое макроса
+                     */
+                    row(group, icon, content) {
+                        // Инициализация блока
+                        const block = document.getElementById('block_' + group);
+
+                        // Инициализация головного элемента блока
+                        const header = block.getElementsByClassName('page_block_header')[0];
+
+                        // Инициализация элемента со статусом
+                        const status = header.getElementsByClassName('page_block_saved')[0];
+
+                        // Инициализация тела блока
+                        const body = block.getElementsByClassName('settings_panel clear_fix settings_' + this.core.id + ' settings_section_' + this.core.id)[0];
+
+                        // Инициализация оболочки кнопки активации
+                        const wrap = document.createElement('div');
+                        wrap.classList.add('settings_separated_row', this.core.icons[icon] ?? this.core.icons['lightning'], 'settings_separated_row_iconed');
+
+                        // Инициализация разделителя
+                        const separator = document.createElement('div');
+                        separator.classList.add('settings_separated_row_extra');
+
+                        // Генерация содержимого строки
+                        return content(status, body, wrap, separator);
+                    },
+
+                    dropdown(active, rows) {
+                        if (typeof active === 'string' && typeof rows === 'object') {
+                            // Пройдена проверка входных параметров
+
+                            // Инициализация оболочки
+                            const wrap = document.createElement('div');
+                            wrap.classList.add('privacy_dropdown', 'privacy_dropdown_mail', 'pdd_ralign');
+                            wrap.setAttribute('style', 'opacity: 1; display: none;');
+
+                            // Инициализация списка строк
+                            const list = document.createElement('div');
+                            list.classList.add('rows', 'rows__flex');
+                            wrap.setAttribute('style', 'font-size: 13px;');
+
+                            // Инициализация головной строки
+                            const header = document.createElement('div');
+                            header.classList.add('header');
+                            wrap.setAttribute('onclick', 'Privacy.hide(-1)');
+
+                            // Инициализация активной строки (выбранного параметра)
+                            const active = document.createElement('div');
+                            active.classList.add('header_label');
+                            active.innerHTML = active;
+
+                            // Инициализация основной группы строк
+                            const body = document.createElement('div');
+                            body.classList.add('body', 'body__flex');
+                            body.setAttribute('role', 'list');
+                            body.setAttribute('aria-labelledby', 'privacy_who_can_view');
+
+                            for (const row in rows) {
+                                // Перебор строк для генерации списка
+
+                                // Инициализация кнопки
+                                const button = document.createElement('button');
+                            }
+                        }
+
+                        return null;
+                    }
+                },
+
                 /**
                  * Генерация HTML-элемента настройки с кнопкой активации
                  *
                  * @param {string} id Идентификатор
+                 * @param {string|null} icon Иконка
                  * @param {string|null} name Название
+                 * @param {string|null} description Описание
+                 * @param {string|null} hint Всплывающая подсказка (иконка с вопросительным знаком возле верхнего колонтинула)
+                 * @param {string|null} onchange Код который выполняется после изменения состояния
                  *
-                 * @return {Function} Функция для выполнения в генераторе группы
+                 * @return {function} Функция для выполнения в генераторе группы
                  *
                  * @todo 1. Добавить проверку на существование нижнего колонтинула и записывать перед ним, вместо конца блока
                  */
-                checkbox(id, icon, name, description) {
+                checkbox(id, icon, name, description, hint, onchange) {
                     // Инициализация ядра
-                    let core = this.core;
+                    const core = this.core;
 
                     /**
-                     * Запись в группу (подразумевается выполнение в функции генерирующую группу)
+                     * Запись в группу (подразумевается выполнение в функции генерирующей группу)
+                     *
+                     * @param {string} group Группа
+                     *
+                     * @return {bool} Статус выполнения
+                     */
+                    return function (group) {
+                        if (typeof id === 'string' && typeof core === 'object' && typeof group === 'string') {
+                            // Пройдена проверка входных параметров
+
+                            return core.blocks.fields.macros(group, icon,
+                                function (status, body, wrap, separator) {
+                                    wrap.addEventListener("click", fn => {
+                                        // Инициализация кнопки
+                                        const button = wrap.getElementsByClassName('ui_toggler')[0];
+
+                                        if (button.classList.contains('on')) {
+                                            // Активирована
+                                            if (settings.write(group + '_' + id, false)) {
+                                                // Записан статус активации
+
+                                                // Запуск анимации и переход в состояние деактивации
+                                                button.classList.remove('on');
+
+                                                settings.read(group + '_' + id).then(result => {
+                                                    if (result === false) {
+                                                        // Сохранены изменения
+
+                                                        // Запуск анимации
+                                                        status.style.transition = '0.5s';
+                                                        status.style.opacity = 1;
+                                                        setTimeout(fn => {
+                                                            status.style.transition = '1.5s';
+                                                            status.style.opacity = 0;
+                                                        }, 1000);
+                                                    }
+                                                });
+                                            }
+                                        } else {
+                                            // Деактивирована
+                                            if (settings.write(group + '_' + id, true)) {
+                                                // Записан статус активации
+
+                                                // Запуск анимации и переход в состояние активации
+                                                button.classList.add('on');
+
+                                                settings.read(group + '_' + id).then(result => {
+                                                    if (result === true) {
+                                                        // Сохранены изменения
+
+                                                        // Запуск анимации
+                                                        status.style.transition = '0.5s';
+                                                        status.style.opacity = 1;
+                                                        setTimeout(fn => {
+                                                            status.style.transition = '1.5s';
+                                                            status.style.opacity = 0;
+                                                        }, 1000);
+                                                    }
+                                                });
+                                            }
+                                        }
+                                    });
+
+                                    // Инициализация кнопки активации
+                                    const button = document.createElement('div');
+                                    button.classList.add('ui_toggler_wrap');
+
+                                    // Инициализация элемента-иконки
+                                    const checkbox = document.createElement('div');
+                                    checkbox.classList.add('_ui_toggler', 'ui_toggler', '_settings_ienable');
+                                    if (typeof onchange === 'string') checkbox.setAttribute('onchange', onchange);
+
+                                    settings.read(group + '_' + id).then(result => {
+                                        // Получены данные о значении настройки
+
+                                        // Запись состояния
+                                        if (result) checkbox.classList.add('on');
+                                    });
+
+                                    // Инициализация элемента-иконки
+                                    const label = document.createElement('div');
+                                    label.classList.add('ui_toggler_label');
+
+                                    // Инициализация названия
+                                    const header = document.createElement('div');
+                                    header.classList.add('settings_separated_row_text');
+
+                                    // Инициализация текста названия
+                                    const colonic = document.createElement('div');
+                                    colonic.classList.add('settings_separated_row_text_inner');
+                                    colonic.innerText = name !== undefined && typeof name === 'string' ? name : id;
+
+                                    // Инициализация архитектуры
+                                    button.appendChild(checkbox);
+                                    separator.appendChild(button);
+                                    wrap.appendChild(separator);
+                                    header.appendChild(colonic);
+
+                                    if (typeof hint === 'string') {
+                                        // Получена подсказка
+
+                                        // Инициализация текста-подсказки
+                                        const question = document.createElement('span');
+                                        question.classList.add('hint_icon');
+                                        question.setAttribute('data-title', hint);
+                                        question.setAttribute('onmouseover', 'showHint(this);');
+
+                                        // Инициализация архитектуры
+                                        colonic.appendChild(question);
+                                    }
+
+                                    if (description !== undefined && typeof description === 'string') {
+                                        // Получено описание
+
+                                        // Инициализация текста описания
+                                        const text = document.createElement('div');
+                                        text.classList.add('settings_separated_row_hint');
+                                        text.innerText = description;
+
+                                        // Инициализация архитектуры
+                                        colonic.appendChild(text);
+                                    }
+
+                                    // Инициализация архитектуры
+                                    wrap.appendChild(header);
+
+                                    // Запись в блок
+                                    body.appendChild(wrap);
+
+                                    return true;
+                                }
+                            );
+                        }
+
+                        return false;
+                    };
+                },
+
+                /**
+                * Генерация HTML-элемента настройки с полем для ввода текста
+                *
+                * @param {string} id Идентификатор
+                * @param {string|null} icon Иконка
+                * @param {string|null} name Название
+                * @param {string|null} description Описание
+                * @param {string|null} hint Всплывающая подсказка (иконка с вопросительным знаком возле верхнего колонтинула)
+                * @param {string|null} type Тип поля для ввода (HTML-категории: text, password, email, number)
+                * @param {number|null} min Ограничение по минимальному количеству символов
+                * @param {number|null} max Ограничение по максимальному количеству символов
+                * @param {string|null} title Текст выводимый во всплывающем окне при наведении курсора
+                * @param {string|null} placeholder Текст отображаемый в поле для ввода если оно пустое
+                * @param {string|null} pattern Шаблон значений которые позволено вводить в поле
+                * @param {boolean|null} readonly Запретить редактирование
+                * @param {boolean|null} spellcheck Использовать проверку орфографии
+                * @param {object|null} options Массив со строками для автозаполнения поля
+                * @param {string|null} onchange Код который выполняется после изменения состояния
+                * @param {string|null} oninput Код который выполняется при вводе текста
+                *
+                * @return {function} Функция для выполнения в генераторе группы
+                *
+                * @todo 1. Добавить проверку на существование нижнего колонтинула и записывать перед ним, вместо конца блока
+                */
+                text(id, icon, name, description, hint, type = 'text', min = 0, max = 100, title, placeholder, pattern, readonly, spellcheck, options, onchange, oninput) {
+                    // Инициализация ядра
+                    const core = this.core;
+
+                    /**
+                     * Запись в группу (подразумевается выполнение в функции генерирующей группу)
                      *
                      * @param {string} group Группа
                      *
@@ -320,37 +567,20 @@ class page {
                         if (typeof id === 'string' && typeof icon === 'string' && typeof core === 'object' && typeof group === 'string') {
                             // Пройдена проверка входных параметров
 
-                            // Инициализация блока
+                            return core.blocks.fields.macros(group, icon,
-                            let block = document.getElementById('block_' + group);
+                                function (status, body, wrap, separator) {
+                                    wrap.addEventListener("input", fn => {
+                                        // Инициализация поля ввода
+                                        const input = wrap.getElementsByTagName('input')[0];
 
-                            // Инициализация верхнего колонтинула блока
+                                        if (settings.write(group + '_' + id, input.value)) {
-                            let header = block.getElementsByClassName('page_block_header')[0];
+                                            // Записано значение поля
-
-                            // Инициализация элемента со статусом
-                            let status = header.getElementsByClassName('page_block_saved')[0];
-
-                            // Инициализация тела блока
-                            let body = block.getElementsByClassName('settings_panel clear_fix settings_' + core.id + ' settings_section_' + core.id)[0];
-
-                            settings.read(id).then(result => {
-                                // Инициализация оболочки кнопки активации
-                                let wrap = document.createElement('div');
-                                wrap.classList.add('settings_separated_row', core.icons[icon] ?? core.icons['lightning'], 'settings_separated_row_iconed');
-
-                                wrap.addEventListener("click", fn => {
-                                    // Инициализация кнопки
-                                    let button = wrap.getElementsByClassName('ui_toggler')[0];
-
-                                    if (button.classList.contains('on')) {
-                                        // Активирована
-                                        if (settings.write(group + '_' + id, false)) {
-                                            // Записан статус активации
-                                            // Запуск анимации и переход в состояние деактивации
-                                            button.classList.remove('on');
 
+                                            // Запуск анимации
                                             settings.read(group + '_' + id).then(result => {
-                                                if (result[group + '_' + id] === false) {
+                                                if (result === input.value) {
                                                     // Сохранены изменения
+
                                                     // Запуск анимации
                                                     status.style.transition = '0.5s';
                                                     status.style.opacity = 1;
@@ -361,87 +591,255 @@ class page {
                                                 }
                                             });
                                         }
-                                    } else {
+                                    });
-                                        // Деактивирована
-                                        if (settings.write(group + '_' + id, true)) {
-                                            // Записан статус активации
-                                            // Запуск анимации и переход в состояние активации
-                                            button.classList.add('on');
 
-                                            settings.read(group + '_' + id).then(result => {
+                                    // Инициализация элемента для ввода текста
-                                                if (result[group + '_' + id] === true) {
+                                    const input = document.createElement('input');
-                                                    // Сохранены изменения
+                                    input.classList.add('dark');
-                                                    // Запуск анимации
+                                    input.setAttribute('type', type);
-                                                    status.style.transition = '0.5s';
+                                    input.setAttribute(type === 'number' ? 'min' : 'minlength', min);
-                                                    status.style.opacity = 1;
+                                    input.setAttribute(type === 'number' ? 'max' : 'maxlength', max);
-                                                    setTimeout(fn => {
+                                    if (typeof title === 'string') input.setAttribute('title', title);
-                                                        status.style.transition = '1.5s';
+                                    if (typeof placeholder === 'string') input.setAttribute('placeholder', placeholder);
-                                                        status.style.opacity = 0;
+                                    if (typeof pattern === 'string') input.setAttribute('pattern', pattern);
-                                                    }, 1000);
+                                    if (readonly === true) input.setAttribute('readonly', readonly);
-                                                }
+                                    if (spellcheck === true) input.setAttribute('spellcheck', spellcheck);
-                                            });
+                                    input.setAttribute('list', group + '_' + id + '_datalist');
+                                    settings.read(group + '_' + id).then(result => {
+                                        // Получены данные о значении настройки
+
+                                        // Запись значения в поле
+                                        if (result) input.value = result;
+                                    });
+                                    if (typeof onchange === 'string') input.setAttribute('onchange', onchange);
+                                    if (typeof oninput === 'string') input.setAttribute('oninput', oninput);
+
+
+                                    if (typeof options === 'object' && options.length > 0) {
+                                        // Инициализация элемента-списка для выбора значений автозаполнения
+                                        const datalist = document.createElement('datalist');
+                                        datalist.id = group + '_' + id + '_datalist';
+
+                                        for (const option of options) {
+                                            // Перебор значений для автозаполнения поля
+
+                                            // Инициализация элемента со значением автозаполнения
+                                            const element = document.createElement('option');
+                                            element.setAttribute('value', option);
+
+                                            // Запись в список
+                                            datalist.appendChild(element);
                                         }
                                     }
-                                });
 
-                                // Инициализация разделителя кнопки активации
+                                    // Инициализация элемента-иконки
-                                let separator = document.createElement('div');
+                                    const label = document.createElement('div');
-                                separator.classList.add('settings_separated_row_extra');
+                                    label.classList.add('ui_toggler_label');
-                                separator.checked = result[id] === true || result[id] === 1 || result[id] === '1' ? true : false;
 
-                                // Инициализация кнопки активации
+                                    // Инициализация названия
-                                let button = document.createElement('div');
+                                    const header = document.createElement('div');
-                                button.classList.add('ui_toggler_wrap');
+                                    header.classList.add('settings_separated_row_text');
 
-                                // Инициализация элемента-иконки кнопки активации
+                                    // Инициализация текста названия
-                                let checkbox = document.createElement('div');
+                                    const colonic = document.createElement('div');
-                                checkbox.classList.add('_ui_toggler', 'ui_toggler', '_settings_ienable');
+                                    colonic.classList.add('settings_separated_row_text_inner');
-
+                                    colonic.innerText = name !== undefined && typeof name === 'string' ? name : id;
-                                settings.read(group + '_' + id).then(result => {
-                                    // Получены данные о значении настройки
-                                    // Запись состояния
-                                    if (result[group + '_' + id])
-                                        checkbox.classList.add('on');
-                                });
-
-                                // Инициализация элемента-иконки кнопки активации
-                                let label = document.createElement('div');
-                                label.classList.add('ui_toggler_label');
-
-                                // Инициализация названия кнопки активации
-                                let header = document.createElement('div');
-                                header.classList.add('settings_separated_row_text');
-
-                                // Инициализация текста названия кнопки активации
-                                let title = document.createElement('div');
-                                title.classList.add('settings_separated_row_text_inner');
-                                title.innerText = name !== undefined && typeof name === 'string' ? name : id;
-
-                                // Инициализация архитектуры
-                                button.appendChild(checkbox);
-                                separator.appendChild(button);
-                                wrap.appendChild(separator);
-
-                                if (description !== undefined && typeof description === 'string') {
-                                    // Получено описание
-                                    // Инициализация текста описания кнопки активации
-                                    let text = document.createElement('div');
-                                    text.classList.add('settings_separated_row_hint');
-                                    text.innerText = description;
 
                                     // Инициализация архитектуры
-                                    title.appendChild(text);
+                                    separator.appendChild(input);
+                                    if (typeof datalist === 'object') separator.appendChild(datalist);
+                                    wrap.appendChild(separator);
+                                    header.appendChild(colonic);
+
+                                    if (typeof hint === 'string') {
+                                        // Получена подсказка
+
+                                        // Инициализация текста-подсказки
+                                        const question = document.createElement('span');
+                                        question.classList.add('hint_icon');
+                                        question.setAttribute('data-title', hint);
+                                        question.setAttribute('onmouseover', 'showHint(this);');
+
+                                        // Инициализация архитектуры
+                                        colonic.appendChild(question);
+                                    }
+
+                                    if (description !== undefined && typeof description === 'string') {
+                                        // Получено описание
+
+                                        // Инициализация текста описания
+                                        const text = document.createElement('div');
+                                        text.classList.add('settings_separated_row_hint');
+                                        text.innerText = description;
+
+                                        // Инициализация архитектуры
+                                        colonic.appendChild(text);
+                                    }
+
+                                    // Инициализация архитектуры
+                                    wrap.appendChild(header);
+
+                                    // Запись в блок
+                                    body.appendChild(wrap);
+
+                                    return true;
                                 }
+                            );
+                        }
 
-                                // Инициализация архитектуры
+                        return false;
-                                header.appendChild(title);
+                    };
-                                wrap.appendChild(header);
+                },
 
-                                // Запись в блок
+                /**
-                                body.appendChild(wrap);
+                * Генерация HTML-элемента настройки с всплывающим списком
+                *
+                * @param {string} id Идентификатор
+                * @param {string|null} icon Иконка
+                * @param {string|null} name Название
+                * @param {string|null} description Описание
+                * @param {string|null} hint Всплывающая подсказка (иконка с вопросительным знаком возле верхнего колонтинула)
+                * @param {string|null} type
+                * @param {string|null} button
+                * @param {object|null} options Массив со строками для автозаполнения поля
+                * @param {string|null} onclick
+                * @param {string|null} onchange Код который выполняется после изменения состояния
+                * @param {string|null} oninput Код который выполняется при вводе текста
+                *
+                * @return {function} Функция для выполнения в генераторе группы
+                *
+                * @todo 1. Добавить проверку на существование нижнего колонтинула и записывать перед ним, вместо конца блока
+                */
+                button(id, icon, name, description, hint, type = 'dropdown', value = 'Выбрать', onclick, onchange, oninput) {
+                    // Инициализация ядра
+                    const core = this.core;
 
-                                return true;
+                    /**
-                            });
+                     * Запись в группу (подразумевается выполнение в функции генерирующей группу)
+                     *
+                     * @param {string} group Группа
+                     *
+                     * @return {bool} Статус выполнения
+                     */
+                    return function (group) {
+                        if (typeof id === 'string' && typeof icon === 'string' && typeof core === 'object' && typeof group === 'string') {
+                            // Пройдена проверка входных параметров
+
+                            return core.blocks.fields.macroses.row(group, icon,
+                                function (status, body, wrap, separator) {
+                                    wrap.addEventListener("input", fn => {
+                                        // Инициализация поля ввода
+                                        const input = wrap.getElementsByTagName('input')[0];
+
+                                        if (settings.write(group + '_' + id, input.value)) {
+                                            // Записано значение поля
+
+                                            // Запуск анимации
+                                            settings.read(group + '_' + id).then(result => {
+                                                if (result === input.value) {
+                                                    // Сохранены изменения
+
+                                                    // Запуск анимации
+                                                    status.style.transition = '0.5s';
+                                                    status.style.opacity = 1;
+                                                    setTimeout(fn => {
+                                                        status.style.transition = '1.5s';
+                                                        status.style.opacity = 0;
+                                                    }, 1000);
+                                                }
+                                            });
+                                        }
+                                    });
+
+                                    // Инициализация элемента-кнопки
+                                    const button = document.createElement('a');
+                                    button.innerText = value;
+                                    if (typeof onchange === 'string') button.setAttribute('onchange', onchange);
+                                    if (typeof oninput === 'string') button.setAttribute('oninput', oninput);
+
+                                    if (type === 'dropdown') {
+                                        // Инициализация всплывающего списка
+
+                                        // Инициализация элемента-кнопки
+                                        button.setAttribute('onclick', 'return Privacy.show(this, event, \'mail\');' + typeof onclick === 'string' ? ' ' + onclick : '');
+
+                                        // Инициализация элемента-списка
+                                        const dropdown = core.blocks.fields.macroses.dropdown();
+
+
+                                        // Инициализация архитектуры
+                                        separator.appendChild(button);
+                                    } else if (type === 'popup') {
+                                        // Инициализация всплывающего окна
+
+                                        // Инициализация элемента-кнопки
+                                        button.setAttribute('href', '#');
+                                        button.setAttribute('onclick', 'return Settings.showGroupMessagesNotifyBox(event, \'settings\');' + typeof onclick === 'string' ? ' ' + onclick : '');
+
+                                        // Инициализация архитектуры
+                                        separator.appendChild(button);
+                                    } else if (type === 'button') {
+                                        // Инициализация кнопки
+
+                                        // Инициализация элемента-кнопки
+                                        if (typeof onclick === 'string') button.setAttribute('onclick', onclick);
+
+                                        // Инициализация архитектуры
+                                        separator.appendChild(button);
+                                    }
+
+                                    // Инициализация элемента-иконки
+                                    const label = document.createElement('div');
+                                    label.classList.add('ui_toggler_label');
+
+                                    // Инициализация названия
+                                    const header = document.createElement('div');
+                                    header.classList.add('settings_separated_row_text');
+
+                                    // Инициализация текста названия
+                                    const colonic = document.createElement('div');
+                                    colonic.classList.add('settings_separated_row_text_inner');
+                                    colonic.innerText = name !== undefined && typeof name === 'string' ? name : id;
+
+                                    // Инициализация архитектуры
+                                    separator.appendChild(button);
+                                    wrap.appendChild(separator);
+                                    header.appendChild(colonic);
+
+                                    if (typeof hint === 'string') {
+                                        // Получена подсказка
+
+                                        // Инициализация текста-подсказки
+                                        const question = document.createElement('span');
+                                        question.classList.add('hint_icon');
+                                        question.setAttribute('data-title', hint);
+                                        question.setAttribute('onmouseover', 'showHint(this);');
+
+                                        // Инициализация архитектуры
+                                        colonic.appendChild(question);
+                                    }
+
+                                    if (description !== undefined && typeof description === 'string') {
+                                        // Получено описание
+
+                                        // Инициализация текста описания
+                                        const text = document.createElement('div');
+                                        text.classList.add('settings_separated_row_hint');
+                                        text.innerText = description;
+
+                                        // Инициализация архитектуры
+                                        colonic.appendChild(text);
+                                    }
+
+                                    // Инициализация архитектуры
+                                    wrap.appendChild(header);
+
+                                    // Запись в блок
+                                    body.appendChild(wrap);
+
+                                    return true;
+                                }
+                            );
                         }
 
                         return false;