Как работать со статусами в frontend?

Question

[Денис]

Добрый вечер.
Поделитесь,пожалуйста, опытом кто и как работает со статусами во фронтенде. К примеру, есть форма заказа, она должна отображаться для нескольких ролей (пользователей), статусов, одинаково, однако каждая из ролей имеет свои возможности работы с данной формой, разные кнопки отображения, input'ы, disabled/readonly аттрибуты и т.п (взависимости от статуса и роли пользователя).
Может существует унифицированное решение, которое позволяет работать с формой во фронтенде, чтобы не хардокодить if'ы для разных ролей,статусов?
Поделитесь, кто как решает подобные задачи.

Comments

[Sergej]

Вопрос не совсем по теме.
У вас в подписи PHP developer, каким боков вы относитесь к фронтендеру?
Это головная боль фронтенда, как реализовать объект который будет все распределять.
Вы же отдаете список ролей в jwt токене и соответственно каждый API объект имеет пермишены на то или иное действие.

[Денис]

Я работаю не только с фронтендом, а занимаюсь полностью full-stack'ом, в связи с этим реализацию такого функционала должен делать тоже я.

[Денис]

допустим, использую фреймворк symfony для backend'a в связке с angular'ом, куда копать чтобы почитать о той логике, которую описал в первом посте?

[morricone85]

пиши через if для разных ролей;

[Денис]

Неподходит с if'ами, так как в реализуемой системе 3 роли и около 10 различных статусов, которые также зависят от определенных условий. Использование обычных if'ов в моем случае крайне нежелательно, т.к. затрудняет программирование и порождает множество багов. В связи с этим ищу вариант попроще и более многофункциональный...

[morricone85]

просто, нужно, внимательно написать; альтернатива, вряд ли, имеется

[vasIvas]

В лоб только ифы. Можно написать и размазать все по Вuilder's, которые будут строить деревья. Можно с помощью обычных декораторов. Можно попробовать написать письмо Деду Морозу.

Answer 1

[Myroslav Berlad]

В одном из наших проектов мы просто сделали api endpoint который возвращал все доступные статусы для которые могут быть использованы для построения front-end или mobile application. Нашы mobile програмисты были очень довольны, так как не надо было постоянно лезть в доки или спрашивать backend`щиков что, где и как.
Вот примерный ответ с такого endpoint`a:

{
    "constatns" :  {
         "post" :  {
              "POST_CREATED" : 1,
              "POST_DELETED": 2,
              // .....
         },

         //...
     }
}

и так вот в JS можна использовать:

if (constants.post.POST_CREATED  == post.status ) {
           //.. что то очень важное
}