Skip to content

4Sigma/django-tabbed-admin

 
 

Repository files navigation

Django Tabbed Admin2

This is a fork of the old Django tabbed admin, available at 4Sigma/django-tabbed-admin.

Installation

It is strongly recommended to install this theme from Git using PIP in your project's virtual environment.

From PyPi

pip install django_tabbed_admin2

From GitHub

https://github.com/4Sigma/django-tabbed-admin.git

Setup

Simply add the app to your list of installed apps in settings.py.

INSTALLED_APPS = (
    ...
    'django_tabbed_admin2',
    ...
)

Django-tabbed-admin, by default, requires the Jquery UI tabs plugin to work. It is packaged with the static files required for functionality, but they are not activated by default to avoid conflicts with other libraries.

To activate the Jquery UI statics, add the following line to the project settings:

TABBED_ADMIN_USE_JQUERY_UI = True

Migrate from original Django Tabbed Admin

For migrate from the original Django Tabbed Admin, you need to change the import of the TabbedModelAdmin class from the tabbed_admin module to the django_tabbed_admin2 module.

find ./ -not -path '*/[@.]*' -name "admin.py" -exec sed -i 's/from tabbed_admin import TabbedModelAdmin/from django_tabbed_admin2 import TabbedModelAdmin/g' {} \;

or using find and replace in your favorite editor.

find: from tabbed_admin import TabbedModelAdmin
replace: from django_tabbed_admin2 import TabbedModelAdmin

Configure Admin Tabs

To add tabs to a model admin, it should inherit from tabbed_admin.TabbedModelAdmin and contain a tabs attribute. The tabs attribute configuration is similar to the fieldsets and inlines setup logic.

A tuple can be created for each tab in the same way as for fieldsets, except that inlines can be added anywhere in between.

tab_overview = (
    (None, {
        'fields': ('name', 'bio', 'style')
    }),
    MusicianInline,
    ('Contact', {
        'fields': ('agent', 'phone', 'email')
    })
)

Then each tuple has to be passed to a tabs attribute prefixed by the verbose name to display within the tab:

tabs = [
    ('Overview', tab_overview),
    ('Albums', tab_album)
]

A full example would be:

from django.contrib import admin
from tabbed_admin import TabbedModelAdmin
from .models import Band, Musician, Album

class MusicianInline(admin.StackedInline):
    model = Musician
    extra = 1

class AlbumInline(admin.TabularInline):
    model = Album
    extra = 1

@admin.register(Band)
class BandAdmin(TabbedModelAdmin):
    model = Band

    tab_overview = (
        (None, {
            'fields': ('name', 'bio', 'style')
        }),
        MusicianInline,
        ('Contact', {
            'fields': ('agent', 'phone', 'email')
        })
    )
    tab_album = (
        AlbumInline,
    )
    tabs = [
        ('Overview', tab_overview),
        ('Albums', tab_album)
    ]

Configure Tabs Dynamically

Be warned that the tabs will completely reset the fieldsets and inlines attributes to avoid conflicts during form saving. Both attributes are overwritten with the entries passed to the tabs attribute. For the same reasons, it is highly recommended not to overwrite get_fieldsets or get_inlines.

You can pass and modify the tabs dynamically the same way you would do for fieldsets or inlines.

def get_tabs(self, request, obj=None):
    tabs = self.tabs
    if obj is not None:
        tab_overview = self.tab_overview + ('Social', {
            'fields': ('website', 'twitter', 'facebook')
        })
        tab_ressources = self.tab_ressources + (InterviewInline, )
        tabs = [
            ('Overview', tab_overview),
            ('Ressources', tab_ressources)
        ]
    self.tabs = tabs
    return super(BandAdmin, self).get_tabs(request, obj)

Change the Jquery UI

You can change the Jquery UI CSS and JS by either overriding the media in the admin class:

class Media:
    css = {
        'all': ('css/jquery-ui.theme.min.css',)
    }

or by changing the following settings, TABBED_ADMIN_JQUERY_UI_CSS and TABBED_ADMIN_JQUERY_UI_JS:

TABBED_ADMIN_JQUERY_UI_CSS = 'static/css/my-custom-jquery-ui.css'
TABBED_ADMIN_JQUERY_UI_JS = 'static/js/my-custom-jquery-ui.js'

Contribution

Please feel free to contribute. Any help and advice are much appreciated. You will find an example application to run and develop the library easily.

Links

About

Easily add tabs to django admin forms

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Python 86.8%
  • HTML 12.9%
  • CSS 0.3%