Как ставить темы для Ангуляра?

Question

[Егор Живагин]

Уважаемые, простите за такой вопрос))
Сейчас есть админка на Angular + bootstrap , тема SB2 стоит. Делал не я, я от Ангуляра далёк.

Собственно, вопрос: чтобы поставить другую тему достаточно переподключить файл и сменить названия классам? В шаблонах и ... везде, короче)

Answer 1

[Александр Аксентьев]

нет недостаточно.
А sb-admin-2 говно, вообще все что можно вырезано, неюзабельно :(

Comments

[Егор Живагин]

Та в том и дело, что говно и надо менять)
А как их ставить вообще правильно? В интернете нифига не нашёл

[Stanislav]

Егор Живагин: Вероятность того, что большая часть кода ангуляра зависит от темы равна примерно 99%. Удачи, счастья, здоровья!)

[Александр Аксентьев]

Егор Живагин: удаляешь старую, берешь новую делаешь всё что касается вёрстки(и может даже JS) заново.
Вот так правильно(других вариантов вообще как бы нет)

[Егор Живагин]

Stasgar: серьёзно? .... тут материться можно?) Хотя, это довольно логично, но как-то вообще не хорошо. Спасибо за ответ

[Егор Живагин]

Александр Аксентьев: я даже как-то и не подумал, что тема помимо стилей даёт вагон функционала. Спасибо за ответ.

[Stanislav]

Егор Живагин: ну обычно с темами идет пак с готовыми JavaScript, и соответственно при переходе на новую достаточно немного переработать логику, но я не знаю специфики вашего проекта.

Answer 2

[Олег Драпеза]

Если тема = верстка + отдельные angular компоненты, скорее всего вам надо:

1) Сделать корневой роут, который будет содержать только файл шаблон с версткой общей разметки админки, и там указать место, куда будут выводиться роуты-потомки (контент конкретных страниц)

2) Angular компоненты темы (скорее всего они будут оформлены в один модуль) подключить в зависимость вашего основного модуля приложения

// пример роутов, использую ui-router
$stateProvider.state('admin', {
  template: '...', // содержит <div ui-view></div> для вывода потомков, например роута home
})

$stateProvider.state('home', {
  parent: 'admin',
  template: '...',
  controller: '...'
})

// Пример как выглядит angular тема INSPINIA
export default angular.module('inspinia', [ ])
    .directive('...', ...)
    ...
    .name;