Как создать индивидуальные цвета с помощью flask и BULMA?

#css #flask #bulma

#css #flask #bulma

Вопрос:

В моем приложении есть таблица реального времени, и один из столбцов — это статус порядка строк. Мой вопрос в том, как я мог бы сделать так, чтобы каждый статус (который я получаю на сервере и отправляю как входящий новый идентификатор статуса) мог отображаться как значок и иметь некоторые цвета, привязанные к этому идентификатору.

Моя идея состоит в том, чтобы передавать только идентификатор с сервера (как я делаю сейчас) и иметь статическую файловую папку со всеми svg-файлами, имя файла в которой совпадает с идентификатором. и при каждом новом эмиссии изменяется html href.

Что касается цветовой части, я немного зациклился на том, как настроить bulma, чтобы я мог создавать пользовательские классы, которые представляют цвет для каждого статуса, как бы я это сделал в bulma?

Редактировать:

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

 data_from_sql=PosibleStates.query.filter_by(id=new_satus_id).first()

emit('update_row', {'font_awesome_icon':data_from_sql.icon,
'color':data_from_sql.color, 'abort_button_enabled':data_from_sql.abortable})
  

эти данные взяты из имеющейся у меня таблицы sqlalchemy, которая связывает каждый статус с набором функций, подобных приведенным выше. Я хочу избавиться от этой таблицы и управлять всем через интерфейс. и просто :

 emit('update_row':new_satus_id)
  

а интерфейс управляет остальным…

Комментарии:

1. я отредактировал вопрос, хорошо объясняющий, что я пробовал.

2. Обратите внимание, что в примере, который я отправляю, значки font awesome, я больше этого не делаю, потому что вместо этого я использую файлы svg, как я объяснил в первом абзаце, поэтому мое главное сомнение заключается в том, как отображать пользовательские цвета и пользовательские флаги отключения, которые привязаны к нему во внешнем интерфейсе, отключенная часть заключается только в том, что когда пользователь открывает всплывающее окно, кнопка не может быть нажата, я тоже не знаю, как это сделать.