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
                  Доделайте, пожалуйста, до ума! Буду ждать финального релиза тут, чтобы потом поставить себе :) Надоел стандартный диз админки, хочу чего-то нового )
                • +1
                  Раз уж багрепорты приветствуются, то включите, пожалуйста, Issues на битбакете!)
                • +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
                              идет портирование bootstrap 2.0


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

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