Создан  demius PM 3 года назад; Обновил  demius PM год и 7 месяцев назад

Разное полезное по фронту. Разрастется - поделим на поддокументы. (Ну, или когда появятся категории и будет дерево оных)

Сборка фронта

Однократная сборка фронтенда:

make front_build

Открыть процесс слежения за изменениями файлов и непрерывной сборки для отладки стилей:

make front_build watch

Структура

  • templates
    • auth - страницы логина
    • bundles - переопределение шаблонов бандлов
      • AdminLTE
    • comment - виджет комментариев
    • doc
    • error - страницы ошибок
    • home
    • project
    • task
    • user

Шаблоны начинающиеся с base

Стили

Используется scss. Не потому, что он лучше less, в потому ,что он используется нашим bootstrap и adminLTE

Js

Комментарии могут оставлять только авторизованные пользователи
 demius год и 7 месяцев назад

Кажется он почти актуален. но стоит актуализировтаь и перепроверить

 demius 2 года назад

Да, он уже от symgfony 6 отходит, а у меня пока 5.4, и так что или обновляться до 6, или пока откладывать смену фронта

 demius 2 года назад

Если мы выбираем tabler, нам вновь или заязываться на обретку от kevin-papst, (который уже забросил adminLTE, и к его event’ам, layout и прочему), или писать это все самостоятельно. https://github.com/kevinpapst/TablerBundle/blob/main/composer.json

 demius 2 года назад
  • Пагинация
    • CoreUI https://coreui.io/demos/bootstrap/4.3/default-v3/base/pagination.html
    • Tabler https://preview.tabler.io/pagination.html# таблер тут компактнее
  • модальные окна
  • https://coreui.io/demos/bootstrap/4.3/default-v3/notifications/modals.html какие-то кривоватые
  • https://preview.tabler.io/modals.html - красивые, немного facebook style
  • страница задачи
  • вобще нет
  • https://preview.tabler.io/datagrid.html очень клево
  • прогесс
  • https://coreui.io/demos/bootstrap/4.3/default-v3/base/progress.html - в целом все что надо
  • https://preview.tabler.io/form-elements.html - здесь как-то не очень
 demius 2 года назад

CoreUI

  • Проще и компактнее. Сильнее интегрирован с vue.
  • Более поддается кастомизации
  • Но при этом требует больше работы TablerUI
  • Все уже готово и настроено натянуть на наши шаблоны
  • Есть интересные шаблоны
  • Автор уже забросил прошлый шаблон.
 demius 2 года назад

Сам автор AdminLTE рекомендует переходить на https://github.com/kevinpapst/TablerBundle https://preview.tabler.io/layout-horizontal.html Возможно это повод еще из вертиклаьного сделать вертикальные кнопки сайдбара. (тут впрочем стоит подумать, как это будет выглядеть на мобилке (возможно спрятать за гамбургером). В это месть некоторый смысл, так как по горизонтали у нас что-то да не вмещается, а чтобы вернуться к управлению, стоит или приклеивтаь первую строку, или сделать кнопку вверх

 demius 3 года назад

У нас коллизия с именем badge.

  • Есть twig-функция badge рисующая системные баджи, как важные заметки о сущности, например заблокированности пользователя, или критичности задачи.
  • Есть макросы badge(), как один из часто встречающихся выводов сущности, например mTask.badge выводящий форматированный номер и заголовок задачи

Хорошо бы их развести по именам. И вобще навести порядок в макросах

 demius 3 года назад

Альтернативы adminLTE:

  • CoreUI https://coreui.io/
    • Есть версия CoreUI на ванильном js, без фреймворков, с sass, выглядит как без зависимостей. Надо разбираться но выглядит так, ставится https://github.com/coreui/coreui вобще без зависимостей. Причем там можно взять исходные scss и js файлы.
    • Если надо к ним доставляются отдельно и явно компоненты bootstrap https://github.com/coreui/coreui-free-bootstrap-admin-template
    • Если надо к ним доставляются компоненты vue.js https://github.com/coreui/coreui-free-vue-admin-template/blob/main/package.json
 demius 3 года назад

И так в пакете AdminLTEBundle лежит код построения из бекенда для

  • sidebar, который нам не очень нравится. Который мы уже самостоятельно сворачиваем, и частично переверстали
  • breadcrumb, который мы переверстали
  • navbar который мы так же почти весь переорпеделяем.
  • tasks - который пока не понятно нужен ли вобще нам.
  • messeges - фактически внутренний notifier который нам понадобится когда-нибудь сильно позже и скорее всего мы будем делать его по своему

Нам нужно придумать свои методы заполнения общих блоков и виджетов. (или вызовом контроллеров на каждый, или вызовов twig-функций и может быть презентационных event для гибкости заполняния. После этого можно будет отказаться от adminLTE

 demius 3 года назад

Да, и stimulus-bridge убрать, врядли мы будем изучать и добавлять этот еще один js-фреймворк

 demius 3 года назад

Кстати много зависимостей они могут тянуть через интеграцию с php, надо поресерчить а не отказаться ли нам от AdminLTEBundle, сборку меню мы и сами можем сделать. Без бандла, на ручном управлении можно подумать над тем, чтобы заменить adminLTE на что-то иное.

 demius 3 года назад

Основной аргумент, кстати - adminLTE как и bootstrrap тянут очень много js-зависимостей, которые нам не нужны, и если с bootstrap нам придется смириться, если мы не хотим сами рисовать и верстать все, то adminLTE например зависит от ckEditor, который мы не планируем использовать, так как принуждаем к md.

 demius 3 года назад

Дополнительный аргумент в пользу избавления от AdminLTE - он нас ограничивает в проектировании интерфейса, например нас вынудили заполнять sidebar, и реально в нем мы пользуемся только тремя верхними пунктами, остальные больше повторяют хлебные крошки и командные блоки. Из-за схожести пунктов там, у нас повторяются иконки, из-за чего мы не держим его свернутым, так как по иконкам не понятно какую выбирать. (Ну тут мы еще ограничены встроенными иконками, и невозможностью нарисовать свои)