Django Admin Bootstrap Theme

    Буду краток:



    Подробности, что еще не работает, и как это установить — под катом.

    Спасибо Рождественским выходным, было время прикрутить Bootstrap от Twitter к админке Django. Работает пока не все, тестировалось тоже не везде, выкладываю как есть :)

    Репозиторий: https://bitbucket.org/salvator/django-admintools-bootstrap/

    Ставим с помощью pip (желательно, в virtualenv):

    $ pip install -e hg+https://bitbucket.org/salvator/django-admintools-bootstrap#egg=admintools_bootstrap

    django-admin-tools, если не установлено, установится из зависимостей. Их нужно настроить (мануал).

    Т.к. в текущей версии admintools-bootstrap не работают подменю, желательно создать свою конфигурацию меню admin_tools максимально с двумя уровнями вложенности (мануал).

    После того, как у вас заработает админка на admin_tools, можно подключать bootstrap.

    Редактируем настройки, нужно добавить admintools_bootstrap в начало списка INSTALLED_APPS.

    Если у вас настроены static files, Django подхватит статику из пакета, и все должно сразу заработать. Если нет — пишите багрепорты :)

    Что работает:

    • changelist (поиск появляется в верхней панели)
    • forms
    • changelist filters
    • pagination


    Пока не работают вложенные меню admin tools, но думаю, со временем это исправится.

    Пара скриншотов того, что получилось:

    Список (название сайта выводится из Site.objects.get_current) + еще некоторые навороты интерфейса, пока это последняя версия


    Далее — более старые скрины:

    Логин


    Список


    Dashboard


    Думаю, кому понадобится, допилит приложение под себя. Не волнуйтесь, никто забрасывать не собирается. Багрепорты и патчи приветствуются.

    UPD: адаптирована страница входа, исправлена пара багов, chose для селектов
    UPD2: если у вас подключено приложение django.contrib.sites, то название сайта, выводящееся в навигации и в тайтле, теперь берется из Site.objects.get_current(). Больше не нужно править шалоны, чтобы поменять название сайта в админке.

    UPD3: Ведется работа по портированию Bootstrap 2.0
    Поделиться публикацией
    Похожие публикации
    Ой, у вас баннер убежал!

    Ну. И что?
    Реклама
    Комментарии 41
      +8
      Надо попробовать!

      Думаю, кому понадобится, допилит приложение под себя


      А вот это очень печальный подход. Весь смысл использования сторонних решений в том, чтобы экономить время. Если же автор не собирается поддерживать их, то проще и вообще не ставить чтобы потом не пришлось мучительно больно их пилить при каждом обновлении.
        +1
        Если вам не нужно сильно менять поведение админки — то и допиливать ничего не прийдется. На счет поддержки — я планирую использовать приложение в своих проектах как замену поднадоевшего дизайна admin-tools, я не смогу его не поддерживать :)
        0
        Тема от django-admin-tools, по-моему, приятнее. Да и Бутстрэп уже успел достать. Но за старания спасибо.
          0
          Сколько времени у вас ушло на создание такой темы?
            +1
            тема готовая, twitter bootstrap. на прикручивание ушло пара дней неспешной работы.
              0
              Спасибо, вдохновили поставить такой стиль себе в админку сайта :)
            0
            Небольшой вопрос в bootstap'e по-умолчанию вроде представлено 2 типа расположения:

            1) Контент по середине
            2) На всю ширину + sidebar слева

            Причем, если этот sidebar не использовать все равно контент отступает слева на ширину этого sidebar.

            И простите за может быть глупый вопрос.
            Вы правили как-то css bootstrap'а под свои нужды или оставили его как есть?

              0
              там две сетки — резиновая и фиксированая. Я делал резиновый дизаин без сайдбара на бутстрапе.
                0
                резиновая сетка в twitter bootstrap? покажите куда смотреть, пожалуйста
                  +1
                  Оплашал. Я просто еще один класс сделал который отменяет margin-left.
                    0
                    Спасибо большое за информацию :)
                0
                резиновая сетка + float:right на блок с фильтрами
                  0
                  Благодарю вас за инфу, а то как раз хотел использовать бутстрап для рабочего проекта с картами, но все не ог понять как его нормально на всю ширину окна растянуть
                    0
                    конечно же, не мог
                0
                Для селектов советую воспользоваться chosen — он с Bootstrap'ом смотрится вполне сносно.
                  0
                  Вы правы, действительно, не плохо смотрится



                  Правда, наблюдается глюк с доваблением новых элементов через попап, но его я скоро исправлю.
                  0
                  Доделайте, пожалуйста, до ума! Буду ждать финального релиза тут, чтобы потом поставить себе :) Надоел стандартный диз админки, хочу чего-то нового )
                    0
                    django-admin-tools и grapelli?
                    +1
                    Раз уж багрепорты приветствуются, то включите, пожалуйста, Issues на битбакете!)
                      0
                      сорри, включил
                      +2
                      Круто. Спасибо, мне тут в последнее время тоже bootstrap нравиться начал.
                      Виртуальный плюс в карму, к сожалению реального поставить не могу. :)
                        0
                        Превратил виртуальное в реальное. У самого была точно такая же мысль, как только увидел Бутстрап. Но как известно, надо брать и делать, идеями сыт не будешь.
                        +1
                        А вообще сам давно хотел сделать нечто подобное но все вермени нет =(
                        Буду пользоваться и сообщать об ошибках или исправлять. Мне удобнее конечно было бы на github.com
                        Кстати, я бы посоветовал использовать github.com/addyosmani/jquery-ui-bootstrap раз уж django-admin-tools во всю пользуется jquery-ui.
                          0
                          забыл сказать спасибо за труды! Уже подключил к проекту.
                            0
                            Уже вижу что окументация в адмике не сделана еще.
                            +1
                            За jquery-ui-bootstrap — огромное спасибо, подключу обязательно.

                            На счет документации в админке — появится как доделаю более срочные задачи.
                              0
                              Пожалуйста) Странно вроде проект свежий и делается не со 2-й ветки Bootstrap — там много вкусоного — bootstrap.io/Demo/
                                0
                                Кстати, во второй ветке еще и иконки есть в админке очень пригодится.
                            0
                            разыскивается способ сделать вложенные дропдауны в bootstrap
                              0
                              пока вот так реализовал
                                0
                                Простите, у меняр ругается на эту строку
                                from django.contrib.admin.templatetags.admin_static import static

                                Посмотрел в djnago 1.3.1 — там нет такого импорта. У вас, наверное, джанга из транка?
                                  0
                                  видимо, да. этот импорт не используется на самом деле, уже ублрал.
                                0
                                Есть тема для wordpress, посмотрите как там реализовали: wp.digitalnature.eu
                                0
                                забыл уточнить — в файле models.py
                                  0
                                  Присмотритесь к github.com/MechanisM/django-bootstrapped там сразу Bootstrap 2.0 с удобными шаблонными тэгами типа {% bootstrap_css %} и {% bootstrap_js modal alerts dropdown %} или {% bootstrap_js all %} и поддержкой форм — {{ form|as_bootstrap }} я планирую еще расширить его и добавить виджеты.
                                    0
                                    можно было бы как-то объединить все вместе. тогда польза будет не только в админке)
                                      0
                                      Переименовал для наглядности github.com/MechanisM/django-bootstrap2
                                      0
                                      идет портирование bootstrap 2.0


                                        0
                                        Да, я уже испробовал ночью, может еще добавить часть функционала от github.com/edoburu/django-fluent-dashboard?
                                          0
                                          Спасибо, занятная штука. Вероятно, будет работать из коробки, я дешборд почти не трогал.
                                        0
                                        Планируете обновить для Django 1.5?

                                        Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                                        Самое читаемое