@tulmash/tm-access-restrictor v2.0.2

Access Restriction Plugin

Описание

Плагин для реализации единообразного применения ограничений доступа к элементам управления и фрагментам кода

Установка

    npm install @tulmash/tm-access-restrictor

Использование

    //импортируем
    import { createRestrictor} from "@tulmash/tm-access-restrictor";

    /**
     * описываем правила:
     *  - приидумайте уникальное имя для ограничения
     *  - укажите для него одно из возможных действий:
     *  - - disabled - элемент управления должн быть недоступен
     *  - - invisible - элемент управления должн быть скрыт
     *  - - readonly - элемент управления должн быть доступен только для чтения
     *  - - true\false - ограничение включено\отключено (применяется только в коде)
    */

    const restrictions = {
        button_1: "disabled",         
        input: "readonly",
        show_time: true,
    };

    //создаем экземпляр ограничителя
    const restrictor = createRestrictor(restrictions);

    // подключаем

    // Vue 2
    Vue.use(restrictor) // перед 'new Vue()'

    // Vue 3
    app.use(restrictor)

Использование в шаблоне

    <button v-restriction="'button_1'">Кнопка №1</button>
    <input type="text" value="some text" v-restriction-name="'input'">

Использование в коде

    if(this.$restrictor.restrictedBy('show_time')) {
        // ограничение действует
    }else{
        // доступ к этой части разрешен
    }