Access Restriction Plugin

---

Описание

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

Установка

bash

    npm install @tulmash/tm-access-restrictor





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

js

    //импортируем

    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)





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

html





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

js

    if(this.$restrictor.restrictedBy('show_time')) {

        // ограничение действует

    }else{

        // доступ к этой части разрешен

    }

Установка

bash
npm install @tulmash/tm-access-restrictor

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

js
//импортируем
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)

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

html

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

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