Updated version [ci skip]

French translation

.gitattributes

@@ -1 +1,2 @@
-admin_interface/static/ckeditor/* linguist-vendored
+admin_interface/static/admin_interface/magnific-popup/* linguist-vendored=true
+admin_interface/static/ckeditor/* linguist-vendored=true

.gitignore

@@ -44,7 +44,6 @@ coverage.xml
 *,cover
 
 # Translations
-*.mo
 *.pot
 
 # Django stuff:
@@ -55,3 +54,5 @@ docs/_build/
 
 # PyBuilder
 target/
+screenshots
+TODO.txt

.travis.yml

@@ -0,0 +1,93 @@
+language: python
+cache: pip
+python: 3.5
+env:
+  - TOX_ENV=py27-dj17-sqlite
+  - TOX_ENV=py27-dj17-postgres
+  - TOX_ENV=py27-dj18-sqlite
+  - TOX_ENV=py27-dj18-postgres
+  - TOX_ENV=py27-dj19-sqlite
+  - TOX_ENV=py27-dj19-postgres
+  - TOX_ENV=py27-dj110-sqlite
+  - TOX_ENV=py27-dj110-postgres
+  - TOX_ENV=py27-dj111-sqlite
+  - TOX_ENV=py27-dj111-postgres
+  - TOX_ENV=py34-dj17-sqlite
+  - TOX_ENV=py34-dj17-postgres
+  - TOX_ENV=py34-dj18-sqlite
+  - TOX_ENV=py34-dj18-postgres
+  - TOX_ENV=py34-dj19-sqlite
+  - TOX_ENV=py34-dj19-postgres
+  - TOX_ENV=py34-dj110-sqlite
+  - TOX_ENV=py34-dj110-postgres
+  - TOX_ENV=py34-dj111-sqlite
+  - TOX_ENV=py34-dj111-postgres
+  - TOX_ENV=py34-dj20-sqlite
+  - TOX_ENV=py34-dj20-postgres
+  - TOX_ENV=py35-dj18-sqlite
+  - TOX_ENV=py35-dj18-postgres
+  - TOX_ENV=py35-dj19-sqlite
+  - TOX_ENV=py35-dj19-postgres
+  - TOX_ENV=py35-dj110-sqlite
+  - TOX_ENV=py35-dj110-postgres
+  - TOX_ENV=py35-dj111-sqlite
+  - TOX_ENV=py35-dj111-postgres
+  - TOX_ENV=py35-dj20-sqlite
+  - TOX_ENV=py35-dj20-postgres
+  - TOX_ENV=py35-dj21-sqlite
+  - TOX_ENV=py35-dj21-postgres
+matrix:
+  include:
+    - python: "3.6"
+      env:
+        - TOX_ENV=py36-dj111-sqlite
+        - TOX_ENV=py36-dj111-postgres
+    - python: "3.6"
+      env:
+        - TOX_ENV=py36-dj20-sqlite
+        - TOX_ENV=py36-dj20-postgres
+    - python: "3.6"
+      env:
+        - TOX_ENV=py36-dj21-sqlite
+        - TOX_ENV=py36-dj21-postgres
+    - python: "3.6"
+      env:
+        - TOX_ENV=py36-djmaster-sqlite
+        - TOX_ENV=py36-djmaster-postgres
+    - python: "3.7"
+      env:
+        - TOX_ENV=py37-dj20-sqlite
+        - TOX_ENV=py37-dj20-postgres
+      dist: xenial
+      language: python
+      sudo: required
+    - python: "3.7"
+      env:
+        - TOX_ENV=py37-dj21-sqlite
+        - TOX_ENV=py37-dj21-postgres
+      dist: xenial
+      language: python
+      sudo: required
+    - python: "3.7"
+      env:
+        - TOX_ENV=py37-djmaster-sqlite
+        - TOX_ENV=py37-djmaster-postgres
+      dist: xenial
+      language: python
+      sudo: required
+  allow_failures:
+    - env:
+      - TOX_ENV=py36-djmaster-sqlite
+      - TOX_ENV=py36-djmaster-postgres
+    - env:
+      - TOX_ENV=py37-djmaster-sqlite
+      - TOX_ENV=py37-djmaster-postgres
+install:
+  - pip install tox
+services:
+  - postgresql
+before_script:
+  - psql -c 'create database admin_interface;' -U postgres
+script:
+  - tox -e $TOX_ENV
+sudo: false

LICENSE.txt

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2015 Fabio Caccamo - fabio.caccamo@gmail.com
+Copyright (c) 2016 Fabio Caccamo - fabio.caccamo@gmail.com
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -1,66 +1,104 @@
-#django-admin-interface
+[![Build Status](https://travis-ci.org/fabiocaccamo/django-admin-interface.svg?branch=master)](https://travis-ci.org/fabiocaccamo/django-admin-interface)
-django-admin-interface is a modern **flat admin interface customizable by the admin itself**.
+[![codecov](https://codecov.io/gh/fabiocaccamo/django-admin-interface/branch/master/graph/badge.svg)](https://codecov.io/gh/fabiocaccamo/django-admin-interface)
+[![Code Health](https://landscape.io/github/fabiocaccamo/django-admin-interface/master/landscape.svg?style=flat)](https://landscape.io/github/fabiocaccamo/django-admin-interface/master)
+[![PyPI version](https://badge.fury.io/py/django-admin-interface.svg)](https://badge.fury.io/py/django-admin-interface)
+[![PyPI downloads](https://img.shields.io/pypi/dm/django-admin-interface.svg)](https://img.shields.io/pypi/dm/django-admin-interface.svg)
+[![Py versions](https://img.shields.io/pypi/pyversions/django-admin-interface.svg)](https://img.shields.io/pypi/pyversions/django-admin-interface.svg)
+[![License](https://img.shields.io/pypi/l/django-admin-interface.svg)](https://img.shields.io/pypi/l/django-admin-interface.svg)
 
-You can use the builtin **django-theme** or create your own and **customize** **title, logo and colors**.
+# django-admin-interface
+django-admin-interface is a modern **responsive flat admin interface customizable by the admin itself**.
 
-##Requirements
+![django-admin-interface-preview](https://user-images.githubusercontent.com/1035294/35631521-64b0cab8-06a4-11e8-8f57-c04fdfbb7e8b.gif)
-- Python 2.6, Python 2.7
-- Django 1.6.5 through Django 1.8.4
 
-##Installation
+## Features
+- Beautiful default **django-theme**
+- Themes management and customization *(you can **customize admin title, logo and colors**)*
+- Responsive
+- List filter dropdown *(optional)*
+- `NEW` **Related modal** *(instead of the old popup window, optional)*
+- `NEW` **Environment name/marker**
+- Style optimizations for:
+  - `django-ckeditor`
+  - `django-modeltranslation`
+  - `django-tabbed-admin`
+  - `sorl-thumbnail`
+
+## Requirements
+- Python 2.7, 3.4, 3.5, 3.6, 3.7
+- Django 1.7, 1.8, 1.9, 1.10, 1.11, 2.0, 2.1
+
+## Installation
 - Run `pip install django-admin-interface`
-- Add `admin_interface`, `flat` and `colorfield` to `settings.INSTALLED_APPS` **before** `django.contrib.admin`
+- Add `admin_interface`, `flat_responsive`, `flat` and `colorfield` to `settings.INSTALLED_APPS` **before** `django.contrib.admin`
 ```python
 INSTALLED_APPS = (
     #...
-    'flat',
-    'colorfield',
     'admin_interface',
+    'flat_responsive', # only if django version < 2.0
+    'flat', # only if django version < 1.9
+    'colorfield',
     #...
     'django.contrib.admin',
     #...
 )
 ```
-- Run ``python manage.py migrate admin_interface``
+- Run ``python manage.py migrate``
 - Run ``python manage.py collectstatic``
 - Restart your application server
 
-##Screenshots
+#### Upgrade
-######Admin login
+- Run `pip install django-admin-interface --upgrade`
+- Run ``python manage.py migrate`` *(add* ``--fake-initial`` *if you are upgrading from 0.1.0 version)*
+- Run ``python manage.py collectstatic --clear``
+- Restart your application server
+
+## Optional themes
+This package ships with optional themes as fixtures, they can be installed using the [loaddata admin command](https://docs.djangoproject.com/en/1.11/ref/django-admin/#django-admin-loaddata). Optional themes are activated on installation.
+
+##### [Django](https://www.djangoproject.com/) theme (default):
+Run ``python manage.py loaddata admin_interface_theme_django.json``
+
+##### [Bootstrap](http://getbootstrap.com/) theme:
+Run ``python manage.py loaddata admin_interface_theme_bootstrap.json``
+
+##### [Foundation](http://foundation.zurb.com/) theme:
+Run ``python manage.py loaddata admin_interface_theme_foundation.json``
+
+##### [U.S. Web Design Standards](https://standards.usa.gov/) theme:
+Run ``python manage.py loaddata admin_interface_theme_uswds.json``
+
+### Add more themes
+You can add a theme you've created through the admin to this repository by [sending us a PR](http://makeapullrequest.com/). Here are the steps to follow to add :
+
+1. Export your exact theme as fixture using the `dumpdata` admin command:
+``python manage.py dumpdata admin_interface.Theme --indent 4 -o admin_interface_theme_{{name}}.json --pks=N``
+
+2. Copy the generated json file into the fixtures folder *(making sure its name starts with* `admin_interface_theme_` *to avoid clashes with fixtures that might be provided by other third party apps)*.
+
+3. Remove the `"pk"` from the fixture and make sure the `active` field is set to `true` *(in this way a theme is automatically activated when installed)*.
+
+4. Edit the section above to document your theme.
+
+## Screenshots
+###### Admin login
 ![django-admin-interface_login](https://cloud.githubusercontent.com/assets/1035294/11240233/55c8d4ba-8df1-11e5-9568-00fdc987ede8.gif)
 ---
-######Admin dashboard
+###### Admin dashboard
 ![django-admin-interface_dashboard](https://cloud.githubusercontent.com/assets/1035294/11240239/627c0362-8df1-11e5-81fa-216366a5d8da.gif)
 ---
-######Admin themes management
+###### Admin themes management
 ![django-admin-interface_themes_management](https://cloud.githubusercontent.com/assets/1035294/11240245/6cd1c342-8df1-11e5-928b-f22217474d3d.gif)
 ---
-######Admin theme customization
+###### Admin theme customization
 ![django-admin-interface_theme_customization](https://cloud.githubusercontent.com/assets/1035294/11240250/7350d942-8df1-11e5-9b28-f2f54c333cdc.gif)
 
-####Thanks
+## FAQ
-- [django-flat-theme](https://github.com/elky/django-flat-theme/)
+- #### I already have a custom `base_site.html`, how can I make it work?
-- [django-colorfield](https://github.com/jaredly/django-colorfield/)
 
-##License
+You can use [django-apptemplates](https://github.com/bittner/django-apptemplates), then add `{% extends "admin_interface:admin/base_site.html" %}` to your `base_site.html`
-The MIT License (MIT)
 
-Copyright (c) 2015 Fabio Caccamo - fabio.caccamo@gmail.com
+---
 
-Permission is hereby granted, free of charge, to any person obtaining a copy
+## License
-of this software and associated documentation files (the "Software"), to deal
+Released under [MIT License](LICENSE.txt).
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.

README.rst

@@ -0,0 +1,154 @@
+|Build Status| |codecov| |Code Health| |PyPI version| |PyPI downloads| |Py versions| |License|
+
+django-admin-interface
+======================
+
+django-admin-interface is a modern **responsive flat admin interface
+customizable by the admin itself**.
+
+|django-admin-interface_preview|
+---------------------------------
+
+Features
+--------
+
+- Beautiful default **django-theme**
+- Themes management and customization *(you can customize admin title, logo and colors)*
+- Responsive
+- List filter dropdown *(optional)*
+- ``NEW`` **Related modal** (instead of the old popup window, optional)
+- ``NEW`` **Environment name/marker**
+- Style optimizations for:
+  - `django-ckeditor`
+  - `django-modeltranslation`
+  - `django-tabbed-admin`
+  - `sorl-thumbnail`
+
+Requirements
+------------
+
+- Python 2.7, 3.4, 3.5, 3.6, 3.7
+- Django 1.7, 1.8, 1.9, 1.10, 1.11, 2.0, 2.1
+
+Installation
+------------
+
+- Run ``pip install django-admin-interface``
+- Add ``admin_interface``, ``flat_responsive`` *(only if django version < 2.0)*, ``flat`` *(only if django version < 1.9)* and ``colorfield`` to ``settings.INSTALLED_APPS`` **before** ``django.contrib.admin``
+- Run ``python manage.py migrate``
+- Run ``python manage.py collectstatic``
+- Restart your application server
+
+Upgrade
+^^^^^^^
+
+- Run ``pip install django-admin-interface --upgrade``
+- Run ``python manage.py migrate`` *(add* ``--fake-initial`` *if you are upgrading from 0.1.0 version)*
+- Run ``python manage.py collectstatic --clear``
+- Restart your application server
+
+Optional themes
+^^^^^^^^^^^^^^^
+
+This package ships with optional themes as fixtures, they can be
+installed using the ``loaddata`` admin command.
+Optional themes are activated on installation.
+
+**Django theme** (default):
+
+Run ``python manage.py loaddata admin_interface_theme_django.json``
+
+**Bootstrap theme**:
+
+Run ``python manage.py loaddata admin_interface_theme_bootstrap.json``
+
+**Foundation theme**:
+
+Run ``python manage.py loaddata admin_interface_theme_foundation.json``
+
+**U.S. Web Design Standards theme**:
+
+Run ``python manage.py loaddata admin_interface_theme_uswds.json``
+
+Add more themes
+^^^^^^^^^^^^^^^
+
+You can add a theme you've created through the admin to this repository
+by **sending us a PR**. Here are the steps to follow to add:
+
+1. Export your exact theme as fixture using the ``dumpdata`` admin command:
+``python manage.py dumpdata admin_interface.Theme --indent 4 -o admin_interface_theme_{{name}}.json --pks=N``
+
+2. Copy the generated json file into the fixtures folder *(making sure
+its name starts with ``admin_interface_theme_`` to avoid clashes with
+fixtures that might be provided by other third party apps)*.
+
+3. Remove the ``pk`` from the fixture and make sure the ``active``
+field is set to ``true`` *(in this way a theme is automatically
+activated when installed)*.
+
+4. Edit the section above to document your theme.
+
+Screenshots
+-----------
+
+Admin login
+
+
+|django-admin-interface_login|
+-------------------------------
+
+Admin dashboard
+
+
+|django-admin-interface_dashboard|
+-----------------------------------
+
+Admin themes management
+
+
+|django-admin-interface_themes_management|
+--------------------------------------------
+
+Admin theme customization
+
+
+|django-admin-interface_theme_customization|
+---------------------------------------------
+
+FAQ
+---
+
+**I already have a custom** ``base_site.html`` **, how can I make it work?**
+
+You can use ``django-apptemplates`, then add ``{% extends "admin_interface:admin/base_site.html" %}`` to your ``base_site.html``
+
+License
+-------
+
+Released under **MIT License**.
+
+
+.. |Build Status| image:: https://travis-ci.org/fabiocaccamo/django-admin-interface.svg?branch=master
+
+.. |codecov| image:: https://codecov.io/gh/fabiocaccamo/django-admin-interface/branch/master/graph/badge.svg
+
+.. |Code Health| image:: https://landscape.io/github/fabiocaccamo/django-admin-interface/master/landscape.svg?style=flat
+
+.. |PyPI version| image:: https://badge.fury.io/py/django-admin-interface.svg
+
+.. |PyPI downloads| image:: https://img.shields.io/pypi/dm/django-admin-interface.svg
+
+.. |Py versions| image:: https://img.shields.io/pypi/pyversions/django-admin-interface.svg
+
+.. |License| image:: https://img.shields.io/pypi/l/django-admin-interface.svg
+
+.. |django-admin-interface_preview| image:: https://user-images.githubusercontent.com/1035294/35631521-64b0cab8-06a4-11e8-8f57-c04fdfbb7e8b.gif
+
+.. |django-admin-interface_login| image:: https://cloud.githubusercontent.com/assets/1035294/11240233/55c8d4ba-8df1-11e5-9568-00fdc987ede8.gif
+
+.. |django-admin-interface_dashboard| image:: https://cloud.githubusercontent.com/assets/1035294/11240239/627c0362-8df1-11e5-81fa-216366a5d8da.gif
+
+.. |django-admin-interface_themes_management| image:: https://cloud.githubusercontent.com/assets/1035294/11240245/6cd1c342-8df1-11e5-928b-f22217474d3d.gif
+
+.. |django-admin-interface_theme_customization| image:: https://cloud.githubusercontent.com/assets/1035294/11240250/7350d942-8df1-11e5-9b28-f2f54c333cdc.gif

admin_interface/__init__.py

@@ -1,6 +1,3 @@
 # -*- coding: utf-8 -*-
 
-from admin_interface.version import __version__
-
 default_app_config = 'admin_interface.apps.AdminInterfaceConfig'
-

admin_interface/admin.py

@@ -1,6 +1,7 @@
 # -*- coding: utf-8 -*-
 
 from django.contrib import admin
+from django.utils.translation import ugettext_lazy as _
 
 from admin_interface.models import Theme
 
@@ -15,41 +16,98 @@ class ThemeAdmin(admin.ModelAdmin):
             'classes': ('wide', ),
             'fields': ('name', 'active', )
         }),
-        ('Logo', {
+        (_('Environment'), {
             'classes': ('wide', ),
-            'fields': ('logo', 'logo_visible', )
+            'fields': (
+                'env_name',
+                'env_color',
+                'env_visible_in_header',
+                'env_visible_in_favicon',
+            )
         }),
-        ('Title', {
+        (_('Logo'), {
             'classes': ('wide', ),
-            'fields': ('title', 'title_visible', )
+            'fields': (
+                'logo',
+                'logo_color',
+                'logo_visible',
+            )
         }),
-        ('Header', {
+        (_('Favicon'), {
             'classes': ('wide', ),
-            'fields': ('css_header_background_color', 'css_header_title_color', 'css_header_text_color', 'css_header_link_color', 'css_header_link_hover_color', )
+            'fields': ('favicon', )
         }),
-        ('Breadcrumbs / Module headers', {
+        (_('Title'), {
             'classes': ('wide', ),
-            'fields': ('css_module_background_color', 'css_module_text_color', 'css_module_link_color', 'css_module_link_hover_color', 'css_module_rounded_corners', )
+            'fields': (
+                'title',
+                'title_color',
+                'title_visible',
+            )
         }),
-        ('Generic Links', {
+        (_('Header'), {
             'classes': ('wide', ),
-            'fields': ('css_generic_link_color', 'css_generic_link_hover_color', )
+            'fields': (
+                'css_header_background_color',
+                'css_header_text_color',
+                'css_header_link_color',
+                'css_header_link_hover_color',
+            )
         }),
-        ('Save Buttons', {
+        (_('Breadcrumbs / Module headers'), {
             'classes': ('wide', ),
-            'fields': ('css_save_button_background_color', 'css_save_button_background_hover_color', 'css_save_button_text_color', )
+            'fields': (
+                'css_module_background_color',
+                'css_module_text_color',
+                'css_module_link_color',
+                'css_module_link_hover_color',
+                'css_module_rounded_corners',
+            )
         }),
-        ('Delete Buttons', {
+        (_('Generic Links'), {
             'classes': ('wide', ),
-            'fields': ('css_delete_button_background_color', 'css_delete_button_background_hover_color', 'css_delete_button_text_color', )
+            'fields': (
+                'css_generic_link_color',
+                'css_generic_link_hover_color',
+            )
         }),
-        ('Extras', {
+        (_('Save Buttons'), {
+            'classes': ('wide', ),
+            'fields': (
+                'css_save_button_background_color',
+                'css_save_button_background_hover_color',
+                'css_save_button_text_color',
+            )
+        }),
+        (_('Delete Buttons'), {
+            'classes': ('wide', ),
+            'fields': (
+                'css_delete_button_background_color',
+                'css_delete_button_background_hover_color',
+                'css_delete_button_text_color',
+            )
+        }),
+        (_('Related Modal'), {
+            'classes': ('wide', ),
+            'fields': (
+                'related_modal_active',
+                'related_modal_background_color',
+                'related_modal_background_opacity',
+                'related_modal_rounded_corners',
+                'related_modal_close_button_visible',
+            )
+        }),
+        (_('List Filter'), {
             'classes': ('wide', ),
             'fields': ('list_filter_dropdown', )
         }),
+        (_('Recent Actions'), {
+            'classes': ('wide', ),
+            'fields': ('recent_actions_visible', )
+        }),
     )
 
     save_on_top = True
 
-admin.site.register(Theme, ThemeAdmin)
 
+admin.site.register(Theme, ThemeAdmin)

admin_interface/apps.py

@@ -2,17 +2,19 @@
 
 from django.apps import AppConfig
 from django.db.models.signals import post_migrate
-
+from django.utils.translation import ugettext_lazy as _
-from admin_interface.models import Theme
 
 
 class AdminInterfaceConfig(AppConfig):
 
     name = 'admin_interface'
-    verbose_name = 'Admin Interface'
+    verbose_name = _('Admin Interface')
 
     def ready(self):
 
-        post_migrate.connect(Theme.post_migrate_handler, sender = self)
+        from admin_interface import settings
-        
+        from admin_interface.models import Theme
 
+        settings.check_installed_apps()
+        post_migrate.connect(
+            Theme.post_migrate_handler, sender=self)

admin_interface/data/logo-django.svg

@@ -1,11 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="104px" height="36px" viewBox="0 0 104 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <title>logo-django</title>
-    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
-        <g id="logo-django" sketch:type="MSArtboardGroup" transform="translate(-8.000000, -5.000000)" fill="#FFFFFF">
-            <path d="M20.2602817,5 L25.9509859,5 L25.9509859,31.0824248 C23.0360563,31.6338042 20.8901408,31.8507285 18.5684507,31.8507285 C11.6180282,31.8434735 8,28.7383366 8,22.7747325 C8,17.0287781 11.8377465,13.2997118 17.7847887,13.2997118 C18.7076056,13.2997118 19.4107042,13.3722617 20.2602817,13.5899115 L20.2602817,5 L20.2602817,5 Z M20.2602817,18.1242821 C19.5938028,17.9066323 19.044507,17.8340823 18.3414085,17.8340823 C15.4630986,17.8340823 13.8005634,19.5897906 13.8005634,22.6666331 C13.8005634,25.6622196 15.3898592,27.316358 18.3047887,27.316358 C18.9346479,27.316358 19.4473239,27.2808085 20.2602817,27.1719836 L20.2602817,18.1242821 L20.2602817,18.1242821 Z M34.9960563,13.6987364 L34.9960563,26.7577235 C34.9960563,31.2550936 34.6591549,33.417807 33.6704225,35.2823401 C32.7476056,37.0750489 31.531831,38.2053768 29.0197183,39.453961 L23.7391549,36.9654985 C26.2512676,35.7981701 27.4670423,34.7665101 28.2433803,33.1921767 C29.056338,31.5822938 29.3126761,29.7177606 29.3126761,24.8133855 L29.3126761,13.6987364 L34.9960563,13.6987364 Z M29.3126761,5.02901997 L35.0033803,5.02901997 L35.0033803,10.8112493 L29.3126761,10.8112493 L29.3126761,5.02901997 Z M38.4302535,14.9828702 C40.9430986,13.8148163 43.3453521,13.2997118 45.9673239,13.2997118 C48.8895775,13.2997118 50.8077183,14.0687411 51.6580282,15.5705246 C52.1340845,16.4121037 52.2878873,17.5076077 52.2878873,19.8509704 L52.2878873,31.2993491 C49.7398873,31.6620987 46.5239437,31.922553 44.1649014,31.922553 C39.3970141,31.922553 37.2584225,30.2756696 37.2584225,26.6198787 C37.2584225,22.6659076 40.1008451,20.8376494 47.079831,20.2565245 L47.079831,19.0159207 C47.079831,17.9929667 46.559831,17.6229621 45.124338,17.6229621 C43.0223662,17.6229621 40.6567324,18.2106165 38.4375775,19.3423954 L38.4302535,14.9828702 Z M47.336169,23.9420608 C43.571662,24.3048105 42.3485634,24.8931904 42.3485634,26.3579734 C42.3485634,27.4549284 43.051662,27.9693073 44.604338,27.9693073 C45.4539155,27.9693073 46.2302535,27.8967574 47.3354366,27.7153826 L47.3354366,23.9420608 L47.336169,23.9420608 Z M55.056338,14.5765906 C58.4180282,13.6987364 61.1857465,13.2997118 63.9908169,13.2997118 C66.9057465,13.2997118 69.0157746,13.9599162 70.2674366,15.2367949 C71.4458592,16.4411237 71.8208451,17.7615324 71.8208451,20.5764696 L71.8208451,31.6258237 L66.1294085,31.6258237 L66.1294085,20.8013744 C66.1294085,18.6393866 65.3896901,17.8340823 63.3616901,17.8340823 C62.5846197,17.8340823 61.8822535,17.9066323 60.7397183,18.2403619 L60.7397183,31.6265492 L55.056338,31.6265492 L55.056338,14.5765906 Z M74.0326761,34.7012152 C76.0240563,35.7241692 78.0169014,36.1964692 80.1261972,36.1964692 C83.8540845,36.1964692 85.4433803,34.6946857 85.4433803,31.1107193 L85.4433803,31.0018944 C84.3374648,31.5460188 83.223493,31.7716491 81.7513803,31.7716491 C76.764507,31.7716491 73.5932394,28.5141573 73.5932394,23.3558574 C73.5932394,16.9496987 78.2878873,13.3294573 86.5932394,13.3294573 C89.0321127,13.3294573 91.2878873,13.583382 94.0189859,14.1347615 L92.0708169,18.1975575 C90.5562254,17.9073578 91.9463099,18.1540275 90.804507,18.0452026 L90.804507,18.6328571 L90.8777465,21.0124947 L90.9136338,24.0886117 C90.9509859,24.8583664 90.9509859,25.6259447 90.988338,26.3956994 L90.988338,27.9330324 C90.988338,32.7648576 90.5774648,35.0291409 89.3616901,36.900929 C87.5892958,39.6425908 84.5212958,41 80.1620845,41 C77.943662,41 76.0240563,40.6727998 74.0326761,39.9030451 L74.0326761,34.7012152 L74.0326761,34.7012152 Z M85.3335211,17.8703573 L85.1504225,17.8703573 L84.7395493,17.8703573 C83.6336338,17.8340823 82.3380282,18.1242821 81.4510986,18.6756615 C80.0895775,19.4446908 79.3872113,20.8376494 79.3872113,22.8110074 C79.3872113,25.6252192 80.7934085,27.2365531 83.3055211,27.2365531 C84.0811268,27.2365531 84.7117183,27.0921787 85.4441127,26.8738034 L85.4441127,26.4667983 L85.4441127,24.9294653 C85.4441127,24.269261 85.4067606,23.5365067 85.4067606,22.7674775 L85.3708732,20.17019 L85.3335211,18.3056569 L85.3335211,17.8703573 Z M102.84507,13.2271619 C108.528451,13.2271619 112,16.7748534 112,22.5208077 C112,28.4118619 108.382704,32.1039278 102.617296,32.1039278 C96.9265915,32.1039278 93.4176901,28.5569618 93.4176901,22.8480079 C93.4272113,16.9199532 97.044507,13.2271619 102.84507,13.2271619 Z M102.727887,27.5623023 C104.910423,27.5623023 106.199437,25.7710445 106.199437,22.6586526 C106.199437,19.5825356 104.94631,17.7542774 102.765239,17.7542774 C100.509465,17.7542774 99.2189859,19.5462607 99.2189859,22.6586526 C99.2189859,25.7710445 100.516056,27.5623023 102.727887,27.5623023 L102.727887,27.5623023 Z M102.727887,27.5623023" id="Shape" sketch:type="MSShapeGroup"></path>
-        </g>
-    </g>
-</svg>

admin_interface/fixtures/admin_interface_theme_bootstrap.json

@@ -0,0 +1,39 @@
+[
+    {
+        "model": "admin_interface.theme",
+        "fields": {
+            "name": "Bootstrap",
+            "active": true,
+            "title": "Django administration",
+            "title_color": "#503873",
+            "title_visible": false,
+            "logo": "",
+            "logo_color": "#503873",
+            "logo_visible": true,
+            "css_header_background_color": "#FFFFFF",
+            "css_header_text_color": "#463265",
+            "css_header_link_color": "#463265",
+            "css_header_link_hover_color": "#7351A6",
+            "css_module_background_color": "#7351A6",
+            "css_module_text_color": "#FFFFFF",
+            "css_module_link_color": "#CDBFE3",
+            "css_module_link_hover_color": "#FFFFFF",
+            "css_module_rounded_corners": true,
+            "css_generic_link_color": "#463265",
+            "css_generic_link_hover_color": "#7351A6",
+            "css_save_button_background_color": "#5CB85C",
+            "css_save_button_background_hover_color": "#449D44",
+            "css_save_button_text_color": "#FFFFFF",
+            "css_delete_button_background_color": "#D9534F",
+            "css_delete_button_background_hover_color": "#C9302C",
+            "css_delete_button_text_color": "#FFFFFF",
+            "css": "",
+            "related_modal_active": true,
+            "related_modal_background_color": "#503873",
+            "related_modal_background_opacity": 0.2,
+            "related_modal_rounded_corners": true,
+            "list_filter_dropdown": false,
+            "recent_actions_visible": true
+        }
+    }
+]

admin_interface/fixtures/admin_interface_theme_django.json

@@ -0,0 +1,39 @@
+[
+    {
+        "model": "admin_interface.theme",
+        "fields": {
+            "name": "Django",
+            "active": true,
+            "title": "Django administration",
+            "title_color": "#F5DD5D",
+            "title_visible": true,
+            "logo": "",
+            "logo_color": "#FFFFFF",
+            "logo_visible": true,
+            "css_header_background_color": "#0C4B33",
+            "css_header_text_color": "#44B78B",
+            "css_header_link_color": "#FFFFFF",
+            "css_header_link_hover_color": "#C9F0DD",
+            "css_module_background_color": "#44B78B",
+            "css_module_text_color": "#FFFFFF",
+            "css_module_link_color": "#FFFFFF",
+            "css_module_link_hover_color": "#C9F0DD",
+            "css_module_rounded_corners": true,
+            "css_generic_link_color": "#0C3C26",
+            "css_generic_link_hover_color": "#156641",
+            "css_save_button_background_color": "#0C4B33",
+            "css_save_button_background_hover_color": "#0C3C26",
+            "css_save_button_text_color": "#FFFFFF",
+            "css_delete_button_background_color": "#BA2121",
+            "css_delete_button_background_hover_color": "#A41515",
+            "css_delete_button_text_color": "#FFFFFF",
+            "css": "",
+            "related_modal_active": true,
+            "related_modal_background_color": "#000000",
+            "related_modal_background_opacity": 0.2,
+            "related_modal_rounded_corners": true,
+            "list_filter_dropdown": false,
+            "recent_actions_visible": true
+        }
+    }
+]

admin_interface/fixtures/admin_interface_theme_foundation.json

@@ -0,0 +1,39 @@
+[
+    {
+        "model": "admin_interface.theme",
+        "fields": {
+            "name": "Foundation",
+            "active": true,
+            "title": "Django administration",
+            "title_color": "#DDDDDD",
+            "title_visible": false,
+            "logo": "",
+            "logo_color": "#CCCCCC",
+            "logo_visible": true,
+            "css_header_background_color": "#2C3840",
+            "css_header_text_color": "#FFFFFF",
+            "css_header_link_color": "#FFFFFF",
+            "css_header_link_hover_color": "#DDDDDD",
+            "css_module_background_color": "#074E68",
+            "css_module_text_color": "#FFFFFF",
+            "css_module_link_color": "#FFFFFF",
+            "css_module_link_hover_color": "#DDDDDD",
+            "css_module_rounded_corners": true,
+            "css_generic_link_color": "#000000",
+            "css_generic_link_hover_color": "#074E68",
+            "css_save_button_background_color": "#2199E8",
+            "css_save_button_background_hover_color": "#1585CF",
+            "css_save_button_text_color": "#FFFFFF",
+            "css_delete_button_background_color": "#CC4B37",
+            "css_delete_button_background_hover_color": "#BF4634",
+            "css_delete_button_text_color": "#FFFFFF",
+            "css": "",
+            "related_modal_active": true,
+            "related_modal_background_color": "#000000",
+            "related_modal_background_opacity": 0.2,
+            "related_modal_rounded_corners": true,
+            "list_filter_dropdown": false,
+            "recent_actions_visible": true
+        }
+    }
+]

admin_interface/fixtures/admin_interface_theme_uswds.json

@@ -0,0 +1,39 @@
+[
+    {
+        "model": "admin_interface.theme",
+        "fields": {
+            "name": "USWDS",
+            "active": true,
+            "title": "Django administration",
+            "title_color": "#FFFFFF",
+            "title_visible": false,
+            "logo": "",
+            "logo_color": "#FFFFFF",
+            "logo_visible": true,
+            "css_header_background_color": "#112E51",
+            "css_header_text_color": "#FFFFFF",
+            "css_header_link_color": "#FFFFFF",
+            "css_header_link_hover_color": "#E1F3F8",
+            "css_module_background_color": "#205493",
+            "css_module_text_color": "#FFFFFF",
+            "css_module_link_color": "#FFFFFF",
+            "css_module_link_hover_color": "#E1F3F8",
+            "css_module_rounded_corners": true,
+            "css_generic_link_color": "#205493",
+            "css_generic_link_hover_color": "#0071BC",
+            "css_save_button_background_color": "#205493",
+            "css_save_button_background_hover_color": "#112E51",
+            "css_save_button_text_color": "#FFFFFF",
+            "css_delete_button_background_color": "#CD2026",
+            "css_delete_button_background_hover_color": "#981B1E",
+            "css_delete_button_text_color": "#FFFFFF",
+            "css": "",
+            "related_modal_active": true,
+            "related_modal_background_color": "#000000",
+            "related_modal_background_opacity": 0.8,
+            "related_modal_rounded_corners": true,
+            "list_filter_dropdown": false,
+            "recent_actions_visible": true
+        }
+    }
+]

admin_interface/fixtures/initial_data.json

@@ -1 +1 @@
-[{"fields": {"css_save_button_text_color": "#FFFFFF", "css_module_link_hover_color": "#C9F0DD", "css_delete_button_text_color": "#FFFFFF", "list_filter_dropdown": false, "css_save_button_background_hover_color": "#0C3C26", "css_module_rounded_corners": true, "logo": "", "css_module_background_color": "#44B78B", "title": "Django administration", "css_header_link_color": "#FFFFFF", "css_delete_button_background_hover_color": "#A41515", "css": "", "css_module_link_color": "#FFFFFF", "css_module_text_color": "#FFFFFF", "css_generic_link_hover_color": "#156641", "css_save_button_background_color": "#0C4B33", "logo_visible": true, "active": false, "css_header_background_color": "#0C4B33", "name": "Django", "css_generic_link_color": "#0C3C26", "css_delete_button_background_color": "#BA2121", "css_header_text_color": "#44B78B", "css_header_link_hover_color": "#C9F0DD", "css_header_title_color": "#F5DD5D", "title_visible": true}, "model": "admin_interface.theme", "pk": 1}]
+[{"model": "admin_interface.theme", "pk": 1, "fields": {"name": "Django", "active": true, "title": "Django administration", "title_visible": true, "logo": "", "logo_visible": true, "css_header_background_color": "#0C4B33", "css_header_title_color": "#F5DD5D", "css_header_text_color": "#44B78B", "css_header_link_color": "#FFFFFF", "css_header_link_hover_color": "#C9F0DD", "css_module_background_color": "#44B78B", "css_module_text_color": "#FFFFFF", "css_module_link_color": "#FFFFFF", "css_module_link_hover_color": "#C9F0DD", "css_module_rounded_corners": true, "css_generic_link_color": "#0C3C26", "css_generic_link_hover_color": "#156641", "css_save_button_background_color": "#0C4B33", "css_save_button_background_hover_color": "#0C3C26", "css_save_button_text_color": "#FFFFFF", "css_delete_button_background_color": "#BA2121", "css_delete_button_background_hover_color": "#A41515", "css_delete_button_text_color": "#FFFFFF", "css": "", "related_modal_active": true, "related_modal_background_color": "#000000", "related_modal_background_opacity": 0.2, "related_modal_rounded_corners": true, "list_filter_dropdown": false}}]

admin_interface/locale/es/LC_MESSAGES/django.po

@@ -0,0 +1,192 @@
+# This file is distributed under the same license as the
+# django-admin-interface package.
+#
+# Translators:
+# Martin Vuelta <martin.vuelta@softbutterfly.io>, 2018
+#
+#, fuzzy
+msgid ""
+msgstr ""
+"Project-Id-Version: django-admin-interface\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2019-03-20 16:12+0000\n"
+"PO-Revision-Date: 2018-12-30 19:13-0500\n"
+"Last-Translator: Martin Vuelta <martin.vuelta@softbutterfly.io>\n"
+"Language-Team: Spanish <dev@softbutterfly.io>\n"
+"Language: Spanish \n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+
+#: admin_interface/admin.py:19
+msgid "Environment"
+msgstr "Ambiente"
+
+#: admin_interface/admin.py:28
+msgid "Logo"
+msgstr "Logo"
+
+#: admin_interface/admin.py:36
+msgid "Favicon"
+msgstr "Favicon"
+
+#: admin_interface/admin.py:40
+msgid "Title"
+msgstr "Título"
+
+#: admin_interface/admin.py:48
+msgid "Header"
+msgstr "Encabezado"
+
+#: admin_interface/admin.py:57
+msgid "Breadcrumbs / Module headers"
+msgstr "Breadcrumbs / Encabezados de módulos"
+
+#: admin_interface/admin.py:67
+msgid "Generic Links"
+msgstr "Enlaces genéricos"
+
+#: admin_interface/admin.py:74
+msgid "Save Buttons"
+msgstr "Botones de guardar"
+
+#: admin_interface/admin.py:82
+msgid "Delete Buttons"
+msgstr "Botones de borrar"
+
+#: admin_interface/admin.py:90
+msgid "Related Modal"
+msgstr "Modal para objetos relacionados"
+
+#: admin_interface/admin.py:99
+msgid "List Filter"
+msgstr "Lista de filtros"
+
+#: admin_interface/admin.py:103
+msgid "Recent Actions"
+msgstr "Acciones recientes"
+
+#: admin_interface/apps.py:11
+msgid "Admin Interface"
+msgstr "Interfaz de administración"
+
+#: admin_interface/models.py:56 admin_interface/models.py:100
+msgid "name"
+msgstr "Nombre"
+
+#: admin_interface/models.py:59 admin_interface/models.py:224
+msgid "active"
+msgstr "Activo"
+
+#: admin_interface/models.py:63
+#: admin_interface/templates/admin/base_site.html:6
+#: admin_interface/templates/admin/base_site.html:60
+msgid "Django administration"
+msgstr "Administración de Django"
+
+#: admin_interface/models.py:65
+msgid "title"
+msgstr "Título"
+
+#: admin_interface/models.py:71 admin_interface/models.py:86
+#: admin_interface/models.py:106
+#, fuzzy
+#| msgid "logo color"
+msgid "color"
+msgstr "color de logo"
+
+#: admin_interface/models.py:74 admin_interface/models.py:89
+#: admin_interface/models.py:260
+msgid "visible"
+msgstr "Visible"
+
+#: admin_interface/models.py:79
+msgid "Leave blank to use the default Django logo"
+msgstr "Dejar en blanco para usaer el logo por defecto de Django"
+
+#: admin_interface/models.py:80
+msgid "logo"
+msgstr "logo"
+
+#: admin_interface/models.py:94
+msgid "(.ico|.png|.gif - 16x16|32x32 px)"
+msgstr "Formatos ico, png o gif. Tamaños de 16x16 o 32x32 pixeles"
+
+#: admin_interface/models.py:95
+msgid "favicon"
+msgstr "favicon"
+
+#: admin_interface/models.py:104
+msgid ""
+"(red: #E74C3C, orange: #E67E22, yellow: #F1C40F, green: #2ECC71, blue: "
+"#3498DB)"
+msgstr ""
+
+#: admin_interface/models.py:109
+msgid "visible in header (marker and name)"
+msgstr ""
+
+#: admin_interface/models.py:112
+msgid "visible in favicon (marker)"
+msgstr ""
+
+#: admin_interface/models.py:119 admin_interface/models.py:144
+#: admin_interface/models.py:185 admin_interface/models.py:204
+#: admin_interface/models.py:230
+msgid "background color"
+msgstr "color de fondo"
+
+#: admin_interface/models.py:125 admin_interface/models.py:150
+#: admin_interface/models.py:197 admin_interface/models.py:216
+#: admin_interface/models.py:220
+msgid "text color"
+msgstr "color de texto"
+
+#: admin_interface/models.py:131 admin_interface/models.py:156
+#: admin_interface/models.py:172
+msgid "link color"
+msgstr "color de enlace"
+
+#: admin_interface/models.py:137 admin_interface/models.py:162
+#: admin_interface/models.py:178
+msgid "link hover color"
+msgstr "color de enlace (hover)"
+
+#: admin_interface/models.py:165 admin_interface/models.py:250
+msgid "rounded corners"
+msgstr "esquinas redondas"
+
+#: admin_interface/models.py:191 admin_interface/models.py:210
+msgid "background hover color"
+msgstr "color de fondo (hover)"
+
+#: admin_interface/models.py:247
+msgid "background opacity"
+msgstr "opacidad de fondo"
+
+#: admin_interface/models.py:253
+msgid "close button visible"
+msgstr ""
+
+#: admin_interface/models.py:257
+msgid "use dropdown"
+msgstr "Usar lista desplegable"
+
+#: admin_interface/models.py:269
+msgid "Theme"
+msgstr "Tema"
+
+#: admin_interface/models.py:270
+msgid "Themes"
+msgstr "Temas"
+
+#: admin_interface/templates/admin/filter.html:13
+#: admin_interface/templates/admin_interface/dropdown_filter.html:4
+#, python-format
+msgid " By %(filter_title)s "
+msgstr " Por %(filter_title)s "
+
+#: admin_interface/templates/admin/popup_response.html:3
+msgid "Popup closing..."
+msgstr "Cerando popup..."

admin_interface/locale/fr/LC_MESSAGES/django.po

@@ -0,0 +1,191 @@
+# SOME DESCRIPTIVE TITLE.
+# Copyright (C) YEAR THE PACKAGE'S COPYRIGHT HOLDER
+# This file is distributed under the same license as the PACKAGE package.
+# FIRST AUTHOR <EMAIL@ADDRESS>, YEAR.
+#
+#, fuzzy
+msgid ""
+msgstr ""
+"Project-Id-Version: PACKAGE VERSION\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2019-03-20 16:12+0000\n"
+"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
+"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
+"Language-Team: LANGUAGE <LL@li.org>\n"
+"Language: \n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=2; plural=(n > 1);\n"
+
+#: admin_interface/admin.py:19
+msgid "Environment"
+msgstr "Environnment"
+
+#: admin_interface/admin.py:28
+msgid "Logo"
+msgstr "Logo"
+
+#: admin_interface/admin.py:36
+msgid "Favicon"
+msgstr "Favicon"
+
+#: admin_interface/admin.py:40
+msgid "Title"
+msgstr "Titre"
+
+#: admin_interface/admin.py:48
+msgid "Header"
+msgstr "Bannière"
+
+#: admin_interface/admin.py:57
+msgid "Breadcrumbs / Module headers"
+msgstr "Fil d'ariane / en-têtes de module"
+
+#: admin_interface/admin.py:67
+msgid "Generic Links"
+msgstr "Liens génériques"
+
+#: admin_interface/admin.py:74
+msgid "Save Buttons"
+msgstr "Boutons sauvegarder"
+
+#: admin_interface/admin.py:82
+msgid "Delete Buttons"
+msgstr "Boutons supprimer"
+
+#: admin_interface/admin.py:90
+msgid "Related Modal"
+msgstr "Modale pour objet reliés"
+
+#: admin_interface/admin.py:99
+msgid "List Filter"
+msgstr "Filtre de liste"
+
+#: admin_interface/admin.py:103
+msgid "Recent Actions"
+msgstr "Actions récentes"
+
+#: admin_interface/apps.py:11
+msgid "Admin Interface"
+msgstr "Interface Admin"
+
+#: admin_interface/models.py:56 admin_interface/models.py:100
+msgid "name"
+msgstr "nom"
+
+#: admin_interface/models.py:59 admin_interface/models.py:224
+msgid "active"
+msgstr "actif"
+
+#: admin_interface/models.py:63
+#: admin_interface/templates/admin/base_site.html:6
+#: admin_interface/templates/admin/base_site.html:60
+msgid "Django administration"
+msgstr "Administration Django"
+
+#: admin_interface/models.py:65
+msgid "title"
+msgstr "titre"
+
+#: admin_interface/models.py:71 admin_interface/models.py:86
+#: admin_interface/models.py:106
+#, fuzzy
+#| msgid "logo color"
+msgid "color"
+msgstr "couleur du logo"
+
+#: admin_interface/models.py:74 admin_interface/models.py:89
+#: admin_interface/models.py:260
+msgid "visible"
+msgstr "visible"
+
+#: admin_interface/models.py:79
+msgid "Leave blank to use the default Django logo"
+msgstr "Laisser vide pour utiliser le logo Django par défaut"
+
+#: admin_interface/models.py:80
+msgid "logo"
+msgstr "logo"
+
+#: admin_interface/models.py:94
+msgid "(.ico|.png|.gif - 16x16|32x32 px)"
+msgstr "(.ico|.png|.gif - 16x16|32x32 px)"
+
+#: admin_interface/models.py:95
+msgid "favicon"
+msgstr "favicon"
+
+#: admin_interface/models.py:104
+msgid ""
+"(red: #E74C3C, orange: #E67E22, yellow: #F1C40F, green: #2ECC71, blue: "
+"#3498DB)"
+msgstr ""
+
+#: admin_interface/models.py:109
+msgid "visible in header (marker and name)"
+msgstr ""
+
+#: admin_interface/models.py:112
+msgid "visible in favicon (marker)"
+msgstr ""
+
+#: admin_interface/models.py:119 admin_interface/models.py:144
+#: admin_interface/models.py:185 admin_interface/models.py:204
+#: admin_interface/models.py:230
+msgid "background color"
+msgstr "couleur d'arrière-plan"
+
+#: admin_interface/models.py:125 admin_interface/models.py:150
+#: admin_interface/models.py:197 admin_interface/models.py:216
+#: admin_interface/models.py:220
+msgid "text color"
+msgstr "couleur du texte"
+
+#: admin_interface/models.py:131 admin_interface/models.py:156
+#: admin_interface/models.py:172
+msgid "link color"
+msgstr "couleur de lien"
+
+#: admin_interface/models.py:137 admin_interface/models.py:162
+#: admin_interface/models.py:178
+msgid "link hover color"
+msgstr "couleur de lien au survol"
+
+#: admin_interface/models.py:165 admin_interface/models.py:250
+msgid "rounded corners"
+msgstr "coins arrondis"
+
+#: admin_interface/models.py:191 admin_interface/models.py:210
+msgid "background hover color"
+msgstr "couleur de fond au survol"
+
+#: admin_interface/models.py:247
+msgid "background opacity"
+msgstr "opacité de l'arrière-plan"
+
+#: admin_interface/models.py:253
+msgid "close button visible"
+msgstr ""
+
+#: admin_interface/models.py:257
+msgid "use dropdown"
+msgstr "utiliser un menu déroulant"
+
+#: admin_interface/models.py:269
+msgid "Theme"
+msgstr "Thème"
+
+#: admin_interface/models.py:270
+msgid "Themes"
+msgstr "Thèmes"
+
+#: admin_interface/templates/admin/filter.html:13
+#: admin_interface/templates/admin_interface/dropdown_filter.html:4
+#, python-format
+msgid " By %(filter_title)s "
+msgstr " Par %(filter_title)s "
+
+#: admin_interface/templates/admin/popup_response.html:3
+msgid "Popup closing..."
+msgstr "Fermeture de la modale..."

admin_interface/locale/it/LC_MESSAGES/django.po

@@ -0,0 +1,192 @@
+# This file is distributed under the same license as the
+# django-admin-interface package.
+#
+# Translators:
+# Fabio Caccamo <fabio.caccamo@gmail.com>, 2018
+#
+#, fuzzy
+msgid ""
+msgstr ""
+"Project-Id-Version: django-admin-interface\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2019-03-20 16:12+0000\n"
+"PO-Revision-Date: 2018-12-30 19:13-0500\n"
+"Last-Translator: Fabio Caccamo <fabio.caccamo@gmail.com>\n"
+"Language-Team: Italian <LL@li.org>\n"
+"Language: Italian \n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+
+#: admin_interface/admin.py:19
+msgid "Environment"
+msgstr "Ambiente"
+
+#: admin_interface/admin.py:28
+msgid "Logo"
+msgstr "Logo"
+
+#: admin_interface/admin.py:36
+msgid "Favicon"
+msgstr "Favicon"
+
+#: admin_interface/admin.py:40
+msgid "Title"
+msgstr "Titolo"
+
+#: admin_interface/admin.py:48
+msgid "Header"
+msgstr "Header"
+
+#: admin_interface/admin.py:57
+msgid "Breadcrumbs / Module headers"
+msgstr "Breadcrumbs / Header dei moduli"
+
+#: admin_interface/admin.py:67
+msgid "Generic Links"
+msgstr "Link generici"
+
+#: admin_interface/admin.py:74
+msgid "Save Buttons"
+msgstr "Pulsanti per salvare"
+
+#: admin_interface/admin.py:82
+msgid "Delete Buttons"
+msgstr "Pulsanti per eliminare"
+
+#: admin_interface/admin.py:90
+msgid "Related Modal"
+msgstr "Modale per gli oggetti correlati"
+
+#: admin_interface/admin.py:99
+msgid "List Filter"
+msgstr "Filtro listato"
+
+#: admin_interface/admin.py:103
+msgid "Recent Actions"
+msgstr "Azioni recenti"
+
+#: admin_interface/apps.py:11
+msgid "Admin Interface"
+msgstr "Interfaccia di admin"
+
+#: admin_interface/models.py:56 admin_interface/models.py:100
+msgid "name"
+msgstr "nome"
+
+#: admin_interface/models.py:59 admin_interface/models.py:224
+msgid "active"
+msgstr "attivo"
+
+#: admin_interface/models.py:63
+#: admin_interface/templates/admin/base_site.html:6
+#: admin_interface/templates/admin/base_site.html:60
+msgid "Django administration"
+msgstr "Amministrazione di Django"
+
+#: admin_interface/models.py:65
+msgid "title"
+msgstr "titolo"
+
+#: admin_interface/models.py:71 admin_interface/models.py:86
+#: admin_interface/models.py:106
+msgid "color"
+msgstr "colore"
+
+#: admin_interface/models.py:74 admin_interface/models.py:89
+#: admin_interface/models.py:260
+msgid "visible"
+msgstr "visibile"
+
+#: admin_interface/models.py:79
+msgid "Leave blank to use the default Django logo"
+msgstr "Lasciare vuoto per usare il logo Django di default"
+
+#: admin_interface/models.py:80
+msgid "logo"
+msgstr "logo"
+
+#: admin_interface/models.py:94
+msgid "(.ico|.png|.gif - 16x16|32x32 px)"
+msgstr "(formato ico, png o gif - dimensioni 16x16 o 32x32 px)"
+
+#: admin_interface/models.py:95
+msgid "favicon"
+msgstr "favicon"
+
+#: admin_interface/models.py:104
+msgid ""
+"(red: #E74C3C, orange: #E67E22, yellow: #F1C40F, green: #2ECC71, blue: "
+"#3498DB)"
+msgstr ""
+"(rosso: #E74C3C, arancione: #E67E22, giallo: #F1C40F, verde: #2ECC71, blu: "
+"#3498DB)"
+
+#: admin_interface/models.py:109
+msgid "visible in header (marker and name)"
+msgstr "visibile nell'header (marker e nome)"
+
+#: admin_interface/models.py:112
+msgid "visible in favicon (marker)"
+msgstr "visibile nella favicon (marker)"
+
+#: admin_interface/models.py:119 admin_interface/models.py:144
+#: admin_interface/models.py:185 admin_interface/models.py:204
+#: admin_interface/models.py:230
+msgid "background color"
+msgstr "colore di sfondo"
+
+#: admin_interface/models.py:125 admin_interface/models.py:150
+#: admin_interface/models.py:197 admin_interface/models.py:216
+#: admin_interface/models.py:220
+msgid "text color"
+msgstr "colore del testo"
+
+#: admin_interface/models.py:131 admin_interface/models.py:156
+#: admin_interface/models.py:172
+msgid "link color"
+msgstr "colore dei link"
+
+#: admin_interface/models.py:137 admin_interface/models.py:162
+#: admin_interface/models.py:178
+msgid "link hover color"
+msgstr "colore dei link in hover"
+
+#: admin_interface/models.py:165 admin_interface/models.py:250
+msgid "rounded corners"
+msgstr "bordi arrotondati"
+
+#: admin_interface/models.py:191 admin_interface/models.py:210
+msgid "background hover color"
+msgstr "colore di sfondo in hover"
+
+#: admin_interface/models.py:247
+msgid "background opacity"
+msgstr "opacità dello sfondo"
+
+#: admin_interface/models.py:253
+msgid "close button visible"
+msgstr "pulsante chiudi visibile"
+
+#: admin_interface/models.py:257
+msgid "use dropdown"
+msgstr "usa dropdown"
+
+#: admin_interface/models.py:269
+msgid "Theme"
+msgstr "Tema"
+
+#: admin_interface/models.py:270
+msgid "Themes"
+msgstr "Temi"
+
+#: admin_interface/templates/admin/filter.html:13
+#: admin_interface/templates/admin_interface/dropdown_filter.html:4
+#, python-format
+msgid " By %(filter_title)s "
+msgstr " Per %(filter_title)s "
+
+#: admin_interface/templates/admin/popup_response.html:3
+msgid "Popup closing..."
+msgstr "Chiusura popup..."

admin_interface/migrations/0001_initial.py

@@ -1,7 +1,9 @@
 # -*- coding: utf-8 -*-
+
 from __future__ import unicode_literals
 
 from django.db import models, migrations
+
 import colorfield.fields
 
 
@@ -14,33 +16,165 @@ class Migration(migrations.Migration):
         migrations.CreateModel(
             name='Theme',
             fields=[
-                ('id', models.AutoField(verbose_name='ID', serialize=False, auto_created=True, primary_key=True)),
+                ('id',
-                ('name', models.CharField(default=b'Django', max_length=50)),
+                    models.AutoField(
-                ('active', models.BooleanField(default=True)),
+                        verbose_name='ID',
-                ('title', models.CharField(default=b'Django administration', max_length=50, blank=True)),
+                        serialize=False,
-                ('title_visible', models.BooleanField(default=True, verbose_name=b'visible')),
+                        auto_created=True,
-                ('logo', models.FileField(upload_to=b'admin-interface/logo/', blank=True)),
+                        primary_key=True)),
-                ('logo_visible', models.BooleanField(default=True, verbose_name=b'visible')),
+                ('name',
-                ('css_header_background_color', colorfield.fields.ColorField(default=b'#0C4B33', help_text=b'#0C4B33', max_length=10, verbose_name=b'background color', blank=True)),
+                    models.CharField(
-                ('css_header_title_color', colorfield.fields.ColorField(default=b'#F5DD5D', help_text=b'#F5DD5D', max_length=10, verbose_name=b'title color', blank=True)),
+                        default=b'Django',
-                ('css_header_text_color', colorfield.fields.ColorField(default=b'#44B78B', help_text=b'#44B78B', max_length=10, verbose_name=b'text color', blank=True)),
+                        max_length=50)),
-                ('css_header_link_color', colorfield.fields.ColorField(default=b'#FFFFFF', help_text=b'#FFFFFF', max_length=10, verbose_name=b'link color', blank=True)),
+                ('active',
-                ('css_header_link_hover_color', colorfield.fields.ColorField(default=b'#C9F0DD', help_text=b'#C9F0DD', max_length=10, verbose_name=b'link hover color', blank=True)),
+                    models.BooleanField(
-                ('css_module_background_color', colorfield.fields.ColorField(default=b'#44B78B', help_text=b'#44B78B', max_length=10, verbose_name=b'background color', blank=True)),
+                        default=True)),
-                ('css_module_text_color', colorfield.fields.ColorField(default=b'#FFFFFF', help_text=b'#FFFFFF', max_length=10, verbose_name=b'text color', blank=True)),
+                ('title',
-                ('css_module_link_color', colorfield.fields.ColorField(default=b'#FFFFFF', help_text=b'#FFFFFF', max_length=10, verbose_name=b'link color', blank=True)),
+                    models.CharField(
-                ('css_module_link_hover_color', colorfield.fields.ColorField(default=b'#C9F0DD', help_text=b'#C9F0DD', max_length=10, verbose_name=b'link hover color', blank=True)),
+                        default=b'Django administration',
-                ('css_module_rounded_corners', models.BooleanField(default=True, verbose_name=b'rounded corners')),
+                        max_length=50,
-                ('css_generic_link_color', colorfield.fields.ColorField(default=b'#0C3C26', help_text=b'#0C3C26', max_length=10, verbose_name=b'link color', blank=True)),
+                        blank=True)),
-                ('css_generic_link_hover_color', colorfield.fields.ColorField(default=b'#156641', help_text=b'#156641', max_length=10, verbose_name=b'link hover color', blank=True)),
+                ('title_visible',
-                ('css_save_button_background_color', colorfield.fields.ColorField(default=b'#0C4B33', help_text=b'#0C4B33', max_length=10, verbose_name=b'background color', blank=True)),
+                    models.BooleanField(
-                ('css_save_button_background_hover_color', colorfield.fields.ColorField(default=b'#0C3C26', help_text=b'#0C3C26', max_length=10, verbose_name=b'background hover color', blank=True)),
+                        default=True,
-                ('css_save_button_text_color', colorfield.fields.ColorField(default=b'#FFFFFF', help_text=b'#FFFFFF', max_length=10, verbose_name=b'text color', blank=True)),
+                        verbose_name=b'visible')),
-                ('css_delete_button_background_color', colorfield.fields.ColorField(default=b'#BA2121', help_text=b'#BA2121', max_length=10, verbose_name=b'background color', blank=True)),
+                ('logo',
-                ('css_delete_button_background_hover_color', colorfield.fields.ColorField(default=b'#A41515', help_text=b'#A41515', max_length=10, verbose_name=b'background hover color', blank=True)),
+                    models.FileField(
-                ('css_delete_button_text_color', colorfield.fields.ColorField(default=b'#FFFFFF', help_text=b'#FFFFFF', max_length=10, verbose_name=b'text color', blank=True)),
+                        upload_to=b'admin-interface/logo/',
-                ('css', models.TextField(blank=True)),
+                        blank=True)),
-                ('list_filter_dropdown', models.BooleanField(default=False)),
+                ('logo_visible',
+                    models.BooleanField(
+                        default=True,
+                        verbose_name=b'visible')),
+                ('css_header_background_color',
+                    colorfield.fields.ColorField(
+                        default=b'#0C4B33',
+                        help_text=b'#0C4B33',
+                        max_length=10,
+                        verbose_name=b'background color',
+                        blank=True)),
+                ('css_header_title_color',
+                    colorfield.fields.ColorField(
+                        default=b'#F5DD5D',
+                        help_text=b'#F5DD5D',
+                        max_length=10,
+                        verbose_name=b'title color',
+                        blank=True)),
+                ('css_header_text_color',
+                    colorfield.fields.ColorField(
+                        default=b'#44B78B',
+                        help_text=b'#44B78B',
+                        max_length=10,
+                        verbose_name=b'text color',
+                        blank=True)),
+                ('css_header_link_color',
+                    colorfield.fields.ColorField(
+                        default=b'#FFFFFF',
+                        help_text=b'#FFFFFF',
+                        max_length=10,
+                        verbose_name=b'link color',
+                        blank=True)),
+                ('css_header_link_hover_color',
+                    colorfield.fields.ColorField(
+                        default=b'#C9F0DD',
+                        help_text=b'#C9F0DD',
+                        max_length=10,
+                        verbose_name=b'link hover color',
+                        blank=True)),
+                ('css_module_background_color',
+                    colorfield.fields.ColorField(
+                        default=b'#44B78B',
+                        help_text=b'#44B78B',
+                        max_length=10,
+                        verbose_name=b'background color',
+                        blank=True)),
+                ('css_module_text_color',
+                    colorfield.fields.ColorField(
+                        default=b'#FFFFFF',
+                        help_text=b'#FFFFFF',
+                        max_length=10,
+                        verbose_name=b'text color',
+                        blank=True)),
+                ('css_module_link_color',
+                    colorfield.fields.ColorField(
+                        default=b'#FFFFFF',
+                        help_text=b'#FFFFFF',
+                        max_length=10,
+                        verbose_name=b'link color',
+                        blank=True)),
+                ('css_module_link_hover_color',
+                    colorfield.fields.ColorField(
+                        default=b'#C9F0DD',
+                        help_text=b'#C9F0DD',
+                        max_length=10,
+                        verbose_name=b'link hover color',
+                        blank=True)),
+                ('css_module_rounded_corners',
+                    models.BooleanField(
+                        default=True,
+                        verbose_name=b'rounded corners')),
+                ('css_generic_link_color',
+                    colorfield.fields.ColorField(
+                        default=b'#0C3C26',
+                        help_text=b'#0C3C26',
+                        max_length=10,
+                        verbose_name=b'link color',
+                        blank=True)),
+                ('css_generic_link_hover_color',
+                    colorfield.fields.ColorField(
+                        default=b'#156641',
+                        help_text=b'#156641',
+                        max_length=10,
+                        verbose_name=b'link hover color',
+                        blank=True)),
+                ('css_save_button_background_color',
+                    colorfield.fields.ColorField(
+                        default=b'#0C4B33',
+                        help_text=b'#0C4B33',
+                        max_length=10,
+                        verbose_name=b'background color',
+                        blank=True)),
+                ('css_save_button_background_hover_color',
+                    colorfield.fields.ColorField(
+                        default=b'#0C3C26',
+                        help_text=b'#0C3C26',
+                        max_length=10,
+                        verbose_name=b'background hover color',
+                        blank=True)),
+                ('css_save_button_text_color',
+                    colorfield.fields.ColorField(
+                        default=b'#FFFFFF',
+                        help_text=b'#FFFFFF',
+                        max_length=10,
+                        verbose_name=b'text color',
+                        blank=True)),
+                ('css_delete_button_background_color',
+                    colorfield.fields.ColorField(
+                        default=b'#BA2121',
+                        help_text=b'#BA2121',
+                        max_length=10,
+                        verbose_name=b'background color',
+                        blank=True)),
+                ('css_delete_button_background_hover_color',
+                    colorfield.fields.ColorField(
+                        default=b'#A41515',
+                        help_text=b'#A41515',
+                        max_length=10,
+                        verbose_name=b'background hover color',
+                        blank=True)),
+                ('css_delete_button_text_color',
+                    colorfield.fields.ColorField(
+                        default=b'#FFFFFF',
+                        help_text=b'#FFFFFF',
+                        max_length=10,
+                        verbose_name=b'text color',
+                        blank=True)),
+                ('css',
+                    models.TextField(
+                        blank=True)),
+                ('list_filter_dropdown',
+                    models.BooleanField(
+                        default=False)),
             ],
             options={
                 'verbose_name': 'Theme',

admin_interface/migrations/0002_add_related_modal.py

@@ -0,0 +1,60 @@
+# -*- coding: utf-8 -*-
+
+from __future__ import unicode_literals
+
+from django.db import migrations, models
+
+import colorfield.fields
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('admin_interface', '0001_initial'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='theme',
+            name='list_filter_dropdown',
+            field=models.BooleanField(
+                default=False,
+                verbose_name=b'use dropdown'),
+        ),
+        migrations.AddField(
+            model_name='theme',
+            name='related_modal_active',
+            field=models.BooleanField(
+                default=True,
+                verbose_name=b'active'),
+        ),
+        migrations.AddField(
+            model_name='theme',
+            name='related_modal_background_color',
+            field=colorfield.fields.ColorField(
+                blank=True,
+                default=b'#000000',
+                help_text=b'#000000',
+                max_length=10,
+                verbose_name=b'background color'),
+        ),
+        migrations.AddField(
+            model_name='theme',
+            name='related_modal_background_opacity',
+            field=models.FloatField(
+                choices=[
+                    (0.1, b'10%'), (0.2, b'20%'), (0.3, b'30%'),
+                    (0.4, b'40%'), (0.5, b'50%'), (0.6, b'60%'),
+                    (0.7, b'70%'), (0.8, b'80%'), (0.9, b'90%')],
+                default=0.2,
+                help_text=b'20%',
+                verbose_name=b'background opacity'),
+        ),
+        migrations.AddField(
+            model_name='theme',
+            name='related_modal_rounded_corners',
+            field=models.BooleanField(
+                default=True,
+                verbose_name=b'rounded corners'),
+        ),
+    ]

admin_interface/migrations/0003_add_logo_color.py

@@ -0,0 +1,35 @@
+# -*- coding: utf-8 -*-
+
+from __future__ import unicode_literals
+
+import colorfield.fields
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('admin_interface', '0002_add_related_modal'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='theme',
+            name='logo_color',
+            field=colorfield.fields.ColorField(
+                blank=True,
+                default='#FFFFFF',
+                help_text='#FFFFFF',
+                max_length=10,
+                verbose_name='logo color'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='logo',
+            field=models.FileField(
+                blank=True,
+                help_text='(leave blank to use the default Django logo)',
+                upload_to='admin-interface/logo/'),
+        ),
+    ]

admin_interface/migrations/0004_rename_title_color.py

@@ -0,0 +1,20 @@
+# -*- coding: utf-8 -*-
+
+from __future__ import unicode_literals
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('admin_interface', '0003_add_logo_color'),
+    ]
+
+    operations = [
+        migrations.RenameField(
+            model_name='theme',
+            old_name='css_header_title_color',
+            new_name='title_color',
+        ),
+    ]

admin_interface/migrations/0005_add_recent_actions_visible.py

@@ -0,0 +1,22 @@
+# -*- coding: utf-8 -*-
+
+from __future__ import unicode_literals
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('admin_interface', '0004_rename_title_color'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='theme',
+            name='recent_actions_visible',
+            field=models.BooleanField(
+                default=True,
+                verbose_name='visible'),
+        ),
+    ]

admin_interface/migrations/0006_bytes_to_str.py

@@ -0,0 +1,266 @@
+# -*- coding: utf-8 -*-
+
+from __future__ import unicode_literals
+
+import colorfield.fields
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('admin_interface', '0005_add_recent_actions_visible'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='theme',
+            name='css_delete_button_background_color',
+            field=colorfield.fields.ColorField(
+                blank=True,
+                default='#BA2121',
+                help_text='#BA2121',
+                max_length=10,
+                verbose_name='background color'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='css_delete_button_background_hover_color',
+            field=colorfield.fields.ColorField(
+                blank=True,
+                default='#A41515',
+                help_text='#A41515',
+                max_length=10,
+                verbose_name='background hover color'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='css_delete_button_text_color',
+            field=colorfield.fields.ColorField(
+                blank=True,
+                default='#FFFFFF',
+                help_text='#FFFFFF',
+                max_length=10,
+                verbose_name='text color'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='css_generic_link_color',
+            field=colorfield.fields.ColorField(
+                blank=True,
+                default='#0C3C26',
+                help_text='#0C3C26',
+                max_length=10,
+                verbose_name='link color'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='css_generic_link_hover_color',
+            field=colorfield.fields.ColorField(
+                blank=True,
+                default='#156641',
+                help_text='#156641',
+                max_length=10,
+                verbose_name='link hover color'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='css_header_background_color',
+            field=colorfield.fields.ColorField(
+                blank=True,
+                default='#0C4B33',
+                help_text='#0C4B33',
+                max_length=10,
+                verbose_name='background color'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='css_header_link_color',
+            field=colorfield.fields.ColorField(
+                blank=True,
+                default='#FFFFFF',
+                help_text='#FFFFFF',
+                max_length=10,
+                verbose_name='link color'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='css_header_link_hover_color',
+            field=colorfield.fields.ColorField(
+                blank=True,
+                default='#C9F0DD',
+                help_text='#C9F0DD',
+                max_length=10,
+                verbose_name='link hover color'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='css_header_text_color',
+            field=colorfield.fields.ColorField(
+                blank=True,
+                default='#44B78B',
+                help_text='#44B78B',
+                max_length=10,
+                verbose_name='text color'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='css_module_background_color',
+            field=colorfield.fields.ColorField(
+                blank=True,
+                default='#44B78B',
+                help_text='#44B78B',
+                max_length=10,
+                verbose_name='background color'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='css_module_link_color',
+            field=colorfield.fields.ColorField(
+                blank=True,
+                default='#FFFFFF',
+                help_text='#FFFFFF',
+                max_length=10,
+                verbose_name='link color'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='css_module_link_hover_color',
+            field=colorfield.fields.ColorField(
+                blank=True,
+                default='#C9F0DD',
+                help_text='#C9F0DD',
+                max_length=10,
+                verbose_name='link hover color'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='css_module_rounded_corners',
+            field=models.BooleanField(
+                default=True,
+                verbose_name='rounded corners'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='css_module_text_color',
+            field=colorfield.fields.ColorField(
+                blank=True,
+                default='#FFFFFF',
+                help_text='#FFFFFF',
+                max_length=10,
+                verbose_name='text color'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='css_save_button_background_color',
+            field=colorfield.fields.ColorField(
+                blank=True,
+                default='#0C4B33',
+                help_text='#0C4B33',
+                max_length=10,
+                verbose_name='background color'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='css_save_button_background_hover_color',
+            field=colorfield.fields.ColorField(
+                blank=True,
+                default='#0C3C26',
+                help_text='#0C3C26',
+                max_length=10,
+                verbose_name='background hover color'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='css_save_button_text_color',
+            field=colorfield.fields.ColorField(
+                blank=True,
+                default='#FFFFFF',
+                help_text='#FFFFFF',
+                max_length=10,
+                verbose_name='text color'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='list_filter_dropdown',
+            field=models.BooleanField(
+                default=False,
+                verbose_name='use dropdown'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='logo_visible',
+            field=models.BooleanField(
+                default=True,
+                verbose_name='visible'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='name',
+            field=models.CharField(
+                default='Django',
+                max_length=50),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='related_modal_active',
+            field=models.BooleanField(
+                default=True,
+                verbose_name='active'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='related_modal_background_color',
+            field=colorfield.fields.ColorField(
+                blank=True,
+                default='#000000',
+                help_text='#000000',
+                max_length=10,
+                verbose_name='background color'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='related_modal_background_opacity',
+            field=models.FloatField(
+                choices=[
+                    (0.1, '10%'), (0.2, '20%'), (0.3, '30%'),
+                    (0.4, '40%'), (0.5, '50%'), (0.6, '60%'),
+                    (0.7, '70%'), (0.8, '80%'), (0.9, '90%')],
+                default=0.2,
+                help_text='20%',
+                verbose_name='background opacity'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='related_modal_rounded_corners',
+            field=models.BooleanField(
+                default=True,
+                verbose_name='rounded corners'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='title',
+            field=models.CharField(
+                blank=True,
+                default='Django administration',
+                max_length=50),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='title_color',
+            field=colorfield.fields.ColorField(
+                blank=True,
+                default='#F5DD5D',
+                help_text='#F5DD5D',
+                max_length=10,
+                verbose_name='title color'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='title_visible',
+            field=models.BooleanField(
+                default=True,
+                verbose_name='visible'),
+        ),
+    ]

admin_interface/migrations/0007_add_favicon.py

@@ -0,0 +1,24 @@
+# -*- coding: utf-8 -*-
+
+from __future__ import unicode_literals
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('admin_interface', '0006_bytes_to_str'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='theme',
+            name='favicon',
+            field=models.FileField(
+                blank=True,
+                help_text='(.ico|.png|.gif - 16x16|32x32 px)',
+                upload_to='admin-interface/favicon/',
+                verbose_name='favicon'),
+        ),
+    ]

admin_interface/migrations/0008_change_related_modal_background_opacity_type.py

@@ -0,0 +1,28 @@
+# -*- coding: utf-8 -*-
+
+from __future__ import unicode_literals
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('admin_interface', '0007_add_favicon'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='theme',
+            name='related_modal_background_opacity',
+            field=models.CharField(
+                choices=[
+                    ('0.1', '10%'), ('0.2', '20%'), ('0.3', '30%'),
+                    ('0.4', '40%'), ('0.5', '50%'), ('0.6', '60%'),
+                    ('0.7', '70%'), ('0.8', '80%'), ('0.9', '90%')],
+                default='0.3',
+                help_text='20%',
+                max_length=5,
+                verbose_name='background opacity'),
+        ),
+    ]

admin_interface/migrations/0009_add_enviroment.py

@@ -0,0 +1,25 @@
+# -*- coding: utf-8 -*-
+
+from __future__ import unicode_literals
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('admin_interface', '0008_change_related_modal_background_opacity_type'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='theme',
+            name='env',
+            field=models.CharField(choices=[('development', 'Development'), ('testing', 'Testing'), ('staging', 'Staging'), ('production', 'Production')], default='development', max_length=50, verbose_name='enviroment'),
+        ),
+        migrations.AddField(
+            model_name='theme',
+            name='env_visible',
+            field=models.BooleanField(default=True, verbose_name='visible'),
+        ),
+    ]

admin_interface/migrations/0010_add_localization.py

@@ -0,0 +1,45 @@
+# -*- coding: utf-8 -*-
+
+from __future__ import unicode_literals
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('admin_interface', '0009_add_enviroment'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='theme',
+            name='active',
+            field=models.BooleanField(default=True, verbose_name='active'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='css',
+            field=models.TextField(blank=True, verbose_name='text color'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='env',
+            field=models.CharField(choices=[('development', 'Development'), ('testing', 'Testing'), ('staging', 'Staging'), ('production', 'Production')], default='development', max_length=50, verbose_name='environment'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='logo',
+            field=models.FileField(blank=True, help_text='Leave blank to use the default Django logo', upload_to='admin-interface/logo/', verbose_name='logo'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='name',
+            field=models.CharField(default='Django', max_length=50, verbose_name='name'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='title',
+            field=models.CharField(blank=True, default='Django administration', max_length=50, verbose_name='title'),
+        ),
+    ]

admin_interface/migrations/0011_add_environment_options.py

@@ -0,0 +1,59 @@
+# -*- coding: utf-8 -*-
+
+from __future__ import unicode_literals
+
+import colorfield.fields
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('admin_interface', '0010_add_localization'),
+    ]
+
+    operations = [
+        migrations.RenameField(
+            model_name='theme',
+            old_name='env',
+            new_name='env_name',
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='env_name',
+            field=models.CharField(
+                blank=True,
+                max_length=50,
+                verbose_name='name'),
+        ),
+        migrations.AddField(
+            model_name='theme',
+            name='env_color',
+            field=colorfield.fields.ColorField(
+                blank=True,
+                default='#E74C3C',
+                help_text='(red: #E74C3C, orange: #E67E22, yellow: #F1C40F, green: #2ECC71, blue: #3498DB)',
+                max_length=10,
+                verbose_name='color'),
+        ),
+        migrations.RenameField(
+            model_name='theme',
+            old_name='env_visible',
+            new_name='env_visible_in_header',
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='env_visible_in_header',
+            field=models.BooleanField(
+                default=True,
+                verbose_name='visible in header (marker and name)'),
+        ),
+        migrations.AddField(
+            model_name='theme',
+            name='env_visible_in_favicon',
+            field=models.BooleanField(
+                default=True,
+                verbose_name='visible in favicon (marker)'),
+        ),
+    ]

admin_interface/migrations/0012_update_verbose_names.py

@@ -0,0 +1,27 @@
+# -*- coding: utf-8 -*-
+
+from __future__ import unicode_literals
+
+import colorfield.fields
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('admin_interface', '0011_add_environment_options'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='theme',
+            name='logo_color',
+            field=colorfield.fields.ColorField(blank=True, default='#FFFFFF', help_text='#FFFFFF', max_length=10, verbose_name='color'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='title_color',
+            field=colorfield.fields.ColorField(blank=True, default='#F5DD5D', help_text='#F5DD5D', max_length=10, verbose_name='color'),
+        ),
+    ]

admin_interface/migrations/0013_add_related_modal_close_button.py

@@ -0,0 +1,20 @@
+# -*- coding: utf-8 -*-
+
+from __future__ import unicode_literals
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('admin_interface', '0012_update_verbose_names'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='theme',
+            name='related_modal_close_button_visible',
+            field=models.BooleanField(default=True, verbose_name='close button visible'),
+        ),
+    ]

admin_interface/models.py

@@ -1,110 +1,277 @@
 # -*- coding: utf-8 -*-
 
-from django.core.files import File
+from __future__ import unicode_literals
+
 from django.db import models
 from django.db.models.signals import post_delete, post_save
+from django.utils.encoding import python_2_unicode_compatible, force_text
+from django.utils.translation import ugettext_lazy as _
 
 from colorfield.fields import ColorField
 
-import os
-
 
+@python_2_unicode_compatible
 class Theme(models.Model):
 
     @staticmethod
-    def post_migrate_handler(sender, **kwargs):
+    def post_migrate_handler(**kwargs):
-        Theme.get_or_create_default_theme()
+        Theme.get_active_theme()
 
     @staticmethod
-    def post_delete_handler(instance, **kwargs):
+    def post_delete_handler(**kwargs):
-        Theme.get_or_create_default_theme()
+        Theme.get_active_theme()
 
     @staticmethod
-    def post_save_handler(instance, created, **kwargs):
+    def post_save_handler(instance, **kwargs):
-        instance.set_active(instance.active)
+        if instance.active:
-        Theme.get_or_create_default_theme()
+            Theme.objects.exclude(pk=instance.pk).update(active=False)
+        Theme.get_active_theme()
 
     @staticmethod
-    def get_or_create_default_theme():
+    def get_active_theme():
+        objs_manager = Theme.objects
+        objs_active_qs = objs_manager.filter(active=True)
+        objs_active_ls = list(objs_active_qs)
+        objs_active_count = len(objs_active_ls)
 
-        obj_active = (True if len(list(Theme.objects.filter(active = True))) == 0 else False)
+        if objs_active_count == 0:
-        obj, obj_created = Theme.objects.get_or_create(pk = '1', defaults = { 'active':obj_active })
+            obj = objs_manager.all().first()
+            if obj:
+                obj.set_active()
+            else:
+                obj = objs_manager.create()
 
-        if not obj.logo:
+        elif objs_active_count == 1:
-            obj.set_default_logo()
+            obj = objs_active_ls[0]
 
-        if not obj_created and obj_active:
+        elif objs_active_count > 1:
-            obj.set_active(True)
+            obj = objs_active_ls[-1]
+            obj.set_active()
 
-        return (obj, obj_created, )
+        return obj
 
-    name = models.CharField( max_length = 50, default = 'Django' )
+    name = models.CharField(
-    active = models.BooleanField( default = True )
+        max_length=50,
+        default='Django',
+        verbose_name=_('name'))
+    active = models.BooleanField(
+        default=True,
+        verbose_name=_('active'))
 
-    title = models.CharField( max_length = 50, default = 'Django administration', blank = True )
+    title = models.CharField(
-    title_visible = models.BooleanField( default = True, verbose_name = 'visible' )
+        max_length=50,
+        default=_('Django administration'),
+        blank=True,
+        verbose_name=_('title'))
+    title_color = ColorField(
+        blank=True,
+        default='#F5DD5D',
+        help_text='#F5DD5D',
+        max_length=10,
+        verbose_name=_('color'))
+    title_visible = models.BooleanField(
+        default=True,
+        verbose_name=_('visible'))
 
-    logo = models.FileField( upload_to = 'admin-interface/logo/', blank = True )
+    logo = models.FileField(
-    logo_visible = models.BooleanField( default = True, verbose_name = 'visible' )
+        upload_to='admin-interface/logo/',
+        blank=True,
+        help_text=_('Leave blank to use the default Django logo'),
+        verbose_name=_('logo'))
+    logo_color = ColorField(
+        blank=True,
+        default='#FFFFFF',
+        help_text='#FFFFFF',
+        max_length=10,
+        verbose_name=_('color'))
+    logo_visible = models.BooleanField(
+        default=True,
+        verbose_name=_('visible'))
 
-    css_header_background_color = ColorField( blank = True, default = '#0C4B33', help_text = '#0C4B33', verbose_name = 'background color' )
+    favicon = models.FileField(
-    css_header_title_color = ColorField( blank = True, default = '#F5DD5D', help_text = '#F5DD5D', verbose_name = 'title color' )
+        upload_to='admin-interface/favicon/',
-    css_header_text_color = ColorField( blank = True, default = '#44B78B', help_text = '#44B78B', verbose_name = 'text color' )
+        blank=True,
-    css_header_link_color = ColorField( blank = True, default = '#FFFFFF', help_text = '#FFFFFF', verbose_name = 'link color' )
+        help_text=_('(.ico|.png|.gif - 16x16|32x32 px)'),
-    css_header_link_hover_color = ColorField( blank = True, default = '#C9F0DD', help_text = '#C9F0DD', verbose_name = 'link hover color' )
+        verbose_name=_('favicon'))
 
-    css_module_background_color = ColorField( blank = True, default = '#44B78B', help_text = '#44B78B', verbose_name = 'background color' )
+    env_name = models.CharField(
-    css_module_text_color = ColorField( blank = True, default = '#FFFFFF', help_text = '#FFFFFF', verbose_name = 'text color' )
+        blank=True,
-    css_module_link_color = ColorField( blank = True, default = '#FFFFFF', help_text = '#FFFFFF', verbose_name = 'link color' )
+        max_length=50,
-    css_module_link_hover_color = ColorField( blank = True, default = '#C9F0DD', help_text = '#C9F0DD', verbose_name = 'link hover color' )
+        verbose_name=_('name'))
-    css_module_rounded_corners = models.BooleanField( default = True, verbose_name = 'rounded corners' )
+    env_color = ColorField(
+        blank=True,
+        default='#E74C3C',
+        help_text=_('(red: #E74C3C, orange: #E67E22, yellow: #F1C40F, green: #2ECC71, blue: #3498DB)'),
+        max_length=10,
+        verbose_name=_('color'))
+    env_visible_in_header = models.BooleanField(
+        default=True,
+        verbose_name=_('visible in header (marker and name)'))
+    env_visible_in_favicon = models.BooleanField(
+        default=True,
+        verbose_name=_('visible in favicon (marker)'))
 
-    css_generic_link_color = ColorField( blank = True, default = '#0C3C26', help_text = '#0C3C26', verbose_name = 'link color' )
+    css_header_background_color = ColorField(
-    css_generic_link_hover_color = ColorField( blank = True, default = '#156641', help_text = '#156641', verbose_name = 'link hover color' )
+        blank=True,
+        default='#0C4B33',
+        help_text='#0C4B33',
+        max_length=10,
+        verbose_name=_('background color'))
+    css_header_text_color = ColorField(
+        blank=True,
+        default='#44B78B',
+        help_text='#44B78B',
+        max_length=10,
+        verbose_name=_('text color'))
+    css_header_link_color = ColorField(
+        blank=True,
+        default='#FFFFFF',
+        help_text='#FFFFFF',
+        max_length=10,
+        verbose_name=_('link color'))
+    css_header_link_hover_color = ColorField(
+        blank=True,
+        default='#C9F0DD',
+        help_text='#C9F0DD',
+        max_length=10,
+        verbose_name=_('link hover color'))
 
-    css_save_button_background_color = ColorField( blank = True, default = '#0C4B33', help_text = '#0C4B33', verbose_name = 'background color' )
+    css_module_background_color = ColorField(
-    css_save_button_background_hover_color = ColorField( blank = True, default = '#0C3C26', help_text = '#0C3C26', verbose_name = 'background hover color' )
+        blank=True,
-    css_save_button_text_color = ColorField( blank = True, default = '#FFFFFF', help_text = '#FFFFFF', verbose_name = 'text color' )
+        default='#44B78B',
+        help_text='#44B78B',
+        max_length=10,
+        verbose_name=_('background color'))
+    css_module_text_color = ColorField(
+        blank=True,
+        default='#FFFFFF',
+        help_text='#FFFFFF',
+        max_length=10,
+        verbose_name=_('text color'))
+    css_module_link_color = ColorField(
+        blank=True,
+        default='#FFFFFF',
+        help_text='#FFFFFF',
+        max_length=10,
+        verbose_name=_('link color'))
+    css_module_link_hover_color = ColorField(
+        blank=True,
+        default='#C9F0DD',
+        help_text='#C9F0DD',
+        max_length=10,
+        verbose_name=_('link hover color'))
+    css_module_rounded_corners = models.BooleanField(
+        default=True,
+        verbose_name=_('rounded corners'))
 
-    css_delete_button_background_color = ColorField( blank = True, default = '#BA2121', help_text = '#BA2121', verbose_name = 'background color' )
+    css_generic_link_color = ColorField(
-    css_delete_button_background_hover_color = ColorField( blank = True, default = '#A41515', help_text = '#A41515', verbose_name = 'background hover color' )
+        blank=True,
-    css_delete_button_text_color = ColorField( blank = True, default = '#FFFFFF', help_text = '#FFFFFF', verbose_name = 'text color' )
+        default='#0C3C26',
+        help_text='#0C3C26',
+        max_length=10,
+        verbose_name=_('link color'))
+    css_generic_link_hover_color = ColorField(
+        blank=True,
+        default='#156641',
+        help_text='#156641',
+        max_length=10,
+        verbose_name=_('link hover color'))
 
-    css = models.TextField( blank = True )
+    css_save_button_background_color = ColorField(
+        blank=True,
+        default='#0C4B33',
+        help_text='#0C4B33',
+        max_length=10,
+        verbose_name=_('background color'))
+    css_save_button_background_hover_color = ColorField(
+        blank=True,
+        default='#0C3C26',
+        help_text='#0C3C26',
+        max_length=10,
+        verbose_name=_('background hover color'))
+    css_save_button_text_color = ColorField(
+        blank=True,
+        default='#FFFFFF',
+        help_text='#FFFFFF',
+        max_length=10,
+        verbose_name=_('text color'))
 
-    list_filter_dropdown = models.BooleanField( default = False )
+    css_delete_button_background_color = ColorField(
+        blank=True,
+        default='#BA2121',
+        help_text='#BA2121',
+        max_length=10,
+        verbose_name=_('background color'))
+    css_delete_button_background_hover_color = ColorField(
+        blank=True,
+        default='#A41515',
+        help_text='#A41515',
+        max_length=10,
+        verbose_name=_('background hover color'))
+    css_delete_button_text_color = ColorField(
+        blank=True,
+        default='#FFFFFF',
+        help_text='#FFFFFF',
+        max_length=10,
+        verbose_name=_('text color'))
 
+    css = models.TextField(
+        blank=True,
+        verbose_name=_('text color'))
 
-    def set_active(self, value):
+    related_modal_active = models.BooleanField(
+        default=True,
+        verbose_name=_('active'))
+    related_modal_background_color = ColorField(
+        blank=True,
+        default='#000000',
+        help_text='#000000',
+        max_length=10,
+        verbose_name=_('background color'))
+    related_modal_background_opacity_choices = (
+        ('0.1', '10%', ),
+        ('0.2', '20%', ),
+        ('0.3', '30%', ),
+        ('0.4', '40%', ),
+        ('0.5', '50%', ),
+        ('0.6', '60%', ),
+        ('0.7', '70%', ),
+        ('0.8', '80%', ),
+        ('0.9', '90%', ),
+    )
+    related_modal_background_opacity = models.CharField(
+        max_length=5,
+        choices=related_modal_background_opacity_choices,
+        default='0.3',
+        help_text='20%',
+        verbose_name=_('background opacity'))
+    related_modal_rounded_corners = models.BooleanField(
+        default=True,
+        verbose_name=_('rounded corners'))
+    related_modal_close_button_visible = models.BooleanField(
+        default=True,
+        verbose_name=_('close button visible'))
 
-        if value:
+    list_filter_dropdown = models.BooleanField(
-            Theme.objects.exclude(pk = self.pk).update(active = False)
+        default=False,
-            Theme.objects.filter(pk = self.pk).update(active = True)
+        verbose_name=_('use dropdown'))
-        else:
+    recent_actions_visible = models.BooleanField(
-            Theme.objects.filter(pk = self.pk).update(active = False)
+        default=True,
+        verbose_name=_('visible'))
 
-    def set_default_logo(self):
+    def set_active(self):
-        
+        self.active = True
-        logo_path = os.path.normpath(os.path.dirname(__file__) + '/data/logo-django.svg')
-        logo_file = open(logo_path)
-        
-        self.logo = File(logo_file)
         self.save()
 
-        logo_file.close()
-    
     class Meta:
-        
         app_label = 'admin_interface'
 
-        verbose_name = 'Theme'
+        verbose_name = _('Theme')
-        verbose_name_plural = 'Themes'
+        verbose_name_plural = _('Themes')
 
-    def __unicode__(self):
+    def __str__(self):
-        
+        return force_text(self.name)
-        return unicode(u'%s' % (self.name, ))
 
 
-post_delete.connect(Theme.post_delete_handler, sender = Theme)
+post_delete.connect(Theme.post_delete_handler, sender=Theme)
-post_save.connect(Theme.post_save_handler, sender = Theme)
+post_save.connect(Theme.post_save_handler, sender=Theme)
-

admin_interface/settings.py

@@ -0,0 +1,37 @@
+# -*- coding: utf-8 -*-
+
+import django
+from django.conf import settings
+from django.core.exceptions import ImproperlyConfigured
+
+
+def check_installed_apps():
+    dj_version = django.VERSION
+    installed_apps = settings.INSTALLED_APPS
+
+    if 'colorfield' not in installed_apps:
+        raise ImproperlyConfigured(
+            '\'colorfield\' needed, '
+            'add it to settings.INSTALLED_APPS.')
+
+    if dj_version < (1, 9):
+        if 'flat' not in installed_apps:
+            raise ImproperlyConfigured(
+                '\'flat\' needed before django 1.9, '
+                'add it to settings.INSTALLED_APPS.')
+    else:
+        if 'flat' in installed_apps:
+            raise ImproperlyConfigured(
+                '\'flat\' not needed since django 1.9, '
+                'remove it from settings.INSTALLED_APPS.')
+
+    if dj_version < (2, 0):
+        if 'flat_responsive' not in installed_apps:
+            raise ImproperlyConfigured(
+                '\'flat_responsive\' needed before django 2.0, '
+                'add it to settings.INSTALLED_APPS.')
+    else:
+        if 'flat_responsive' in installed_apps:
+            raise ImproperlyConfigured(
+                '\'flat_responsive\' not needed since django 2.0, '
+                'remove it from settings.INSTALLED_APPS.')

admin_interface/static/admin/js/cancel.js

@@ -0,0 +1,18 @@
+if (typeof(django) !== 'undefined' && typeof(django.jQuery) !== 'undefined') {
+    (function($) {
+        'use strict';
+        $(document).ready(function() {
+            $('.cancel-link').click(function(e) {
+                e.preventDefault();
+                var parentWindow = window.parent;
+                if (parentWindow && typeof(parentWindow.dismissRelatedObjectModal) === 'function' && parentWindow !== window) {
+                    parentWindow.dismissRelatedObjectModal();
+                } else {
+                    // fallback to default behavior
+                    window.history.back();
+                }
+                return false;
+            });
+        });
+    })(django.jQuery);
+}

admin_interface/static/admin/js/popup_response.js

@@ -0,0 +1,52 @@
+(function() {
+
+    'use strict';
+
+    function getModalWindowData()
+    {
+        var windowRef = window;
+        var windowName = windowRef.name;
+        var widgetName = windowName.replace(/^(change|add|delete|lookup)_/, '');
+        var modalRef = {};
+        var openerRef = windowRef.opener;
+        if (!openerRef) {
+            openerRef = windowRef.parent;
+            modalRef = {
+                name: openerRef.id_to_windowname(widgetName),
+                close: function(){
+                    openerRef.dismissRelatedObjectModal();
+                }
+            };
+        }
+        return { opener:openerRef, modal:modalRef };
+    }
+
+    var modalData = getModalWindowData();
+    var modalRef = modalData['modal'];
+    var openerRef = modalData['opener'];
+
+    var initData = JSON.parse(document.getElementById('django-admin-popup-response-constants').dataset.popupResponse);
+    // console.log(initData);
+    switch (initData.action) {
+        case 'change':
+            if (typeof(openerRef.dismissChangeRelatedObjectPopup) === 'function') {
+                openerRef.dismissChangeRelatedObjectPopup(modalRef, initData.value, initData.obj, initData.new_value);
+            }
+            break;
+        case 'delete':
+            if (typeof(openerRef.dismissDeleteRelatedObjectPopup) === 'function') {
+                openerRef.dismissDeleteRelatedObjectPopup(modalRef, initData.value);
+            }
+            break;
+        default:
+            if (typeof(openerRef.dismissAddRelatedObjectPopup) === 'function') {
+                openerRef.dismissAddRelatedObjectPopup(modalRef, initData.value, initData.obj);
+            }
+            else if (typeof(openerRef.dismissAddAnotherPopup) === 'function') {
+                // django 1.7 compatibility
+                openerRef.dismissAddAnotherPopup(modalRef, initData.value, initData.obj);
+            }
+            break;
+    }
+
+})();

admin_interface/static/admin_interface/favico/favico-0.3.10-patched.js

@@ -0,0 +1,913 @@
+/**
+ * @license MIT or GPL-2.0
+ * @fileOverview Favico animations
+ * @author Miroslav Magda, http://blog.ejci.net
+ * @source: https://github.com/ejci/favico.js
+ * @version 0.3.10
+ */
+
+/**
+ * Create new favico instance
+ * @param {Object} Options
+ * @return {Object} Favico object
+ * @example
+ * var favico = new Favico({
+ *    bgColor : '#d00',
+ *    textColor : '#fff',
+ *    fontFamily : 'sans-serif',
+ *    fontStyle : 'bold',
+ *    type : 'circle',
+ *    position : 'down',
+ *    animation : 'slide',
+ *    elementId: false,
+ *    element: null,
+ *    dataUrl: function(url){},
+ *    win: window
+ * });
+ */
+(function () {
+
+    var Favico = (function (opt) {
+        'use strict';
+        opt = (opt) ? opt : {};
+        var _def = {
+            bgColor: '#d00',
+            textColor: '#fff',
+            fontFamily: 'sans-serif', //Arial,Verdana,Times New Roman,serif,sans-serif,...
+            fontStyle: 'bold', //normal,italic,oblique,bold,bolder,lighter,100,200,300,400,500,600,700,800,900
+            type: 'circle',
+            position: 'down', // down, up, left, leftup (upleft)
+            animation: 'slide',
+            elementId: false,
+            element: null,
+            dataUrl: false,
+            win: window
+        };
+        var _opt, _orig, _h, _w, _canvas, _context, _img, _ready, _lastBadge, _running, _readyCb, _stop, _browser, _animTimeout, _drawTimeout, _doc;
+
+        _browser = {};
+        _browser.ff = typeof InstallTrigger != 'undefined';
+        _browser.chrome = !!window.chrome;
+        _browser.opera = !!window.opera || navigator.userAgent.indexOf('Opera') >= 0;
+        _browser.ie = /*@cc_on!@*/false;
+        _browser.safari = Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor') > 0;
+        _browser.supported = (_browser.chrome || _browser.ff || _browser.opera);
+
+        var _queue = [];
+        _readyCb = function () {
+        };
+        _ready = _stop = false;
+        /**
+         * Initialize favico
+         */
+        var init = function () {
+            //merge initial options
+            _opt = merge(_def, opt);
+            _opt.bgColor = hexToRgb(_opt.bgColor);
+            _opt.textColor = hexToRgb(_opt.textColor);
+            _opt.position = _opt.position.toLowerCase();
+            _opt.animation = (animation.types['' + _opt.animation]) ? _opt.animation : _def.animation;
+
+            _doc = _opt.win.document;
+
+            var isUp = _opt.position.indexOf('up') > -1;
+            var isLeft = _opt.position.indexOf('left') > -1;
+
+            //transform the animations
+            if (isUp || isLeft) {
+                for (var a in animation.types) {
+                    for (var i = 0; i < animation.types[a].length; i++) {
+                        var step = animation.types[a][i];
+
+                        if (isUp) {
+                            if (step.y < 0.6) {
+                                step.y = step.y - 0.4;
+                            } else {
+                                step.y = step.y - 2 * step.y + (1 - step.w);
+                            }
+                        }
+
+                        if (isLeft) {
+                            if (step.x < 0.6) {
+                                step.x = step.x - 0.4;
+                            } else {
+                                step.x = step.x - 2 * step.x + (1 - step.h);
+                            }
+                        }
+
+                        animation.types[a][i] = step;
+                    }
+                }
+            }
+            _opt.type = (type['' + _opt.type]) ? _opt.type : _def.type;
+
+            _orig = link. getIcons();
+            //create temp canvas
+            _canvas = document.createElement('canvas');
+            //create temp image
+            _img = document.createElement('img');
+            var lastIcon = _orig[_orig.length - 1];
+            if (lastIcon.hasAttribute('href')) {
+                _img.setAttribute('crossOrigin', 'anonymous');
+                //get width/height
+                _img.onload = function () {
+                    _h = (_img.height > 0) ? _img.height : 32;
+                    _w = (_img.width > 0) ? _img.width : 32;
+                    _canvas.height = _h;
+                    _canvas.width = _w;
+                    _context = _canvas.getContext('2d');
+                    icon.ready();
+                };
+                _img.setAttribute('src', lastIcon.getAttribute('href'));
+            } else {
+                _h = 32;
+                _w = 32;
+                _img.height = _h;
+                _img.width = _w;
+                _canvas.height = _h;
+                _canvas.width = _w;
+                _context = _canvas.getContext('2d');
+                icon.ready();
+            }
+
+        };
+        /**
+         * Icon namespace
+         */
+        var icon = {};
+        /**
+         * Icon is ready (reset icon) and start animation (if ther is any)
+         */
+        icon.ready = function () {
+            _ready = true;
+            icon.reset();
+            _readyCb();
+        };
+        /**
+         * Reset icon to default state
+         */
+        icon.reset = function () {
+            //reset
+            if (!_ready) {
+                return;
+            }
+            _queue = [];
+            _lastBadge = false;
+            _running = false;
+            _context.clearRect(0, 0, _w, _h);
+            _context.drawImage(_img, 0, 0, _w, _h);
+            //_stop=true;
+            link.setIcon(_canvas);
+            //webcam('stop');
+            //video('stop');
+            window.clearTimeout(_animTimeout);
+            window.clearTimeout(_drawTimeout);
+        };
+        /**
+         * Start animation
+         */
+        icon.start = function () {
+            if (!_ready || _running) {
+                return;
+            }
+            var finished = function () {
+                _lastBadge = _queue[0];
+                _running = false;
+                if (_queue.length > 0) {
+                    _queue.shift();
+                    icon.start();
+                } else {
+
+                }
+            };
+            if (_queue.length > 0) {
+                _running = true;
+                var run = function () {
+                    // apply options for this animation
+                    ['type', 'animation', 'bgColor', 'textColor', 'fontFamily', 'fontStyle'].forEach(function (a) {
+                        if (a in _queue[0].options) {
+                            _opt[a] = _queue[0].options[a];
+                        }
+                    });
+                    animation.run(_queue[0].options, function () {
+                        finished();
+                    }, false);
+                };
+                if (_lastBadge) {
+                    animation.run(_lastBadge.options, function () {
+                        run();
+                    }, true);
+                } else {
+                    run();
+                }
+            }
+        };
+
+        /**
+         * Badge types
+         */
+        var type = {};
+        var options = function (opt) {
+            opt.n = ((typeof opt.n) === 'number') ? Math.abs(opt.n | 0) : opt.n;
+            opt.x = _w * opt.x;
+            opt.y = _h * opt.y;
+            opt.w = _w * opt.w;
+            opt.h = _h * opt.h;
+            opt.len = ("" + opt.n).length;
+            return opt;
+        };
+
+        /**
+         * Generate circle
+         * @param {Object} opt Badge options
+         */
+        type.circle = function (opt) {
+            opt = options(opt);
+            var more = false;
+            if (opt.len === 2) {
+                opt.x = opt.x - opt.w * 0.4;
+                opt.w = opt.w * 1.4;
+                more = true;
+            } else if (opt.len >= 3) {
+                opt.x = opt.x - opt.w * 0.65;
+                opt.w = opt.w * 1.65;
+                more = true;
+            }
+
+            // begin patch
+            // draw a smaller badge without text
+            opt.w = 14;
+            opt.h = 14;
+            opt.x = (_w - opt.w);
+            opt.y = (_h - opt.h);
+            // end patch
+
+            _context.clearRect(0, 0, _w, _h);
+            _context.drawImage(_img, 0, 0, _w, _h);
+            _context.beginPath();
+            _context.font = _opt.fontStyle + " " + Math.floor(opt.h * (opt.n > 99 ? 0.85 : 1)) + "px " + _opt.fontFamily;
+            _context.textAlign = 'center';
+            if (more) {
+                _context.moveTo(opt.x + opt.w / 2, opt.y);
+                _context.lineTo(opt.x + opt.w - opt.h / 2, opt.y);
+                _context.quadraticCurveTo(opt.x + opt.w, opt.y, opt.x + opt.w, opt.y + opt.h / 2);
+                _context.lineTo(opt.x + opt.w, opt.y + opt.h - opt.h / 2);
+                _context.quadraticCurveTo(opt.x + opt.w, opt.y + opt.h, opt.x + opt.w - opt.h / 2, opt.y + opt.h);
+                _context.lineTo(opt.x + opt.h / 2, opt.y + opt.h);
+                _context.quadraticCurveTo(opt.x, opt.y + opt.h, opt.x, opt.y + opt.h - opt.h / 2);
+                _context.lineTo(opt.x, opt.y + opt.h / 2);
+                _context.quadraticCurveTo(opt.x, opt.y, opt.x + opt.h / 2, opt.y);
+            } else {
+                _context.arc(opt.x + opt.w / 2, opt.y + opt.h / 2, opt.h / 2, 0, 2 * Math.PI);
+            }
+            _context.fillStyle = 'rgba(' + _opt.bgColor.r + ',' + _opt.bgColor.g + ',' + _opt.bgColor.b + ',' + opt.o + ')';
+            _context.fill();
+            _context.closePath();
+            _context.beginPath();
+            _context.stroke();
+            _context.fillStyle = 'rgba(' + _opt.textColor.r + ',' + _opt.textColor.g + ',' + _opt.textColor.b + ',' + opt.o + ')';
+            //_context.fillText((more) ? '9+' : opt.n, Math.floor(opt.x + opt.w / 2), Math.floor(opt.y + opt.h - opt.h * 0.15));
+            if ((typeof opt.n) === 'number' && opt.n > 999) {
+                _context.fillText(((opt.n > 9999) ? 9 : Math.floor(opt.n / 1000)) + 'k+', Math.floor(opt.x + opt.w / 2), Math.floor(opt.y + opt.h - opt.h * 0.2));
+            } else {
+                _context.fillText(opt.n, Math.floor(opt.x + opt.w / 2), Math.floor(opt.y + opt.h - opt.h * 0.15));
+            }
+            _context.closePath();
+        };
+        /**
+         * Generate rectangle
+         * @param {Object} opt Badge options
+         */
+        type.rectangle = function (opt) {
+            opt = options(opt);
+            var more = false;
+            if (opt.len === 2) {
+                opt.x = opt.x - opt.w * 0.4;
+                opt.w = opt.w * 1.4;
+                more = true;
+            } else if (opt.len >= 3) {
+                opt.x = opt.x - opt.w * 0.65;
+                opt.w = opt.w * 1.65;
+                more = true;
+            }
+            _context.clearRect(0, 0, _w, _h);
+            _context.drawImage(_img, 0, 0, _w, _h);
+            _context.beginPath();
+            _context.font = _opt.fontStyle + " " + Math.floor(opt.h * (opt.n > 99 ? 0.9 : 1)) + "px " + _opt.fontFamily;
+            _context.textAlign = 'center';
+            _context.fillStyle = 'rgba(' + _opt.bgColor.r + ',' + _opt.bgColor.g + ',' + _opt.bgColor.b + ',' + opt.o + ')';
+            _context.fillRect(opt.x, opt.y, opt.w, opt.h);
+            _context.fillStyle = 'rgba(' + _opt.textColor.r + ',' + _opt.textColor.g + ',' + _opt.textColor.b + ',' + opt.o + ')';
+            //_context.fillText((more) ? '9+' : opt.n, Math.floor(opt.x + opt.w / 2), Math.floor(opt.y + opt.h - opt.h * 0.15));
+            if ((typeof opt.n) === 'number' && opt.n > 999) {
+                _context.fillText(((opt.n > 9999) ? 9 : Math.floor(opt.n / 1000)) + 'k+', Math.floor(opt.x + opt.w / 2), Math.floor(opt.y + opt.h - opt.h * 0.2));
+            } else {
+                _context.fillText(opt.n, Math.floor(opt.x + opt.w / 2), Math.floor(opt.y + opt.h - opt.h * 0.15));
+            }
+            _context.closePath();
+        };
+
+        /**
+         * Set badge
+         */
+        var badge = function (number, opts) {
+            opts = ((typeof opts) === 'string' ? {
+                animation: opts
+            } : opts) || {};
+            _readyCb = function () {
+                try {
+                    if (typeof (number) === 'number' ? (number > 0) : (number !== '')) {
+                        var q = {
+                            type: 'badge',
+                            options: {
+                                n: number
+                            }
+                        };
+                        if ('animation' in opts && animation.types['' + opts.animation]) {
+                            q.options.animation = '' + opts.animation;
+                        }
+                        if ('type' in opts && type['' + opts.type]) {
+                            q.options.type = '' + opts.type;
+                        }
+                        ['bgColor', 'textColor'].forEach(function (o) {
+                            if (o in opts) {
+                                q.options[o] = hexToRgb(opts[o]);
+                            }
+                        });
+                        ['fontStyle', 'fontFamily'].forEach(function (o) {
+                            if (o in opts) {
+                                q.options[o] = opts[o];
+                            }
+                        });
+                        _queue.push(q);
+                        if (_queue.length > 100) {
+                            throw new Error('Too many badges requests in queue.');
+                        }
+                        icon.start();
+                    } else {
+                        icon.reset();
+                    }
+                } catch (e) {
+                    throw new Error('Error setting badge. Message: ' + e.message);
+                }
+            };
+            if (_ready) {
+                _readyCb();
+            }
+        };
+
+        /**
+         * Set image as icon
+         */
+        var image = function (imageElement) {
+            _readyCb = function () {
+                try {
+                    var w = imageElement.width;
+                    var h = imageElement.height;
+                    var newImg = document.createElement('img');
+                    var ratio = (w / _w < h / _h) ? (w / _w) : (h / _h);
+                    newImg.setAttribute('crossOrigin', 'anonymous');
+                    newImg.onload=function(){
+                        _context.clearRect(0, 0, _w, _h);
+                        _context.drawImage(newImg, 0, 0, _w, _h);
+                        link.setIcon(_canvas);
+                    };
+                    newImg.setAttribute('src', imageElement.getAttribute('src'));
+                    newImg.height = (h / ratio);
+                    newImg.width = (w / ratio);
+                } catch (e) {
+                    throw new Error('Error setting image. Message: ' + e.message);
+                }
+            };
+            if (_ready) {
+                _readyCb();
+            }
+        };
+        /**
+         * Set the icon from a source url. Won't work with badges.
+         */
+        var rawImageSrc = function (url) {
+            _readyCb = function() {
+                link.setIconSrc(url);
+            };
+            if (_ready) {
+                _readyCb();
+            }
+        };
+        /**
+         * Set video as icon
+         */
+        var video = function (videoElement) {
+            _readyCb = function () {
+                try {
+                    if (videoElement === 'stop') {
+                        _stop = true;
+                        icon.reset();
+                        _stop = false;
+                        return;
+                    }
+                    //var w = videoElement.width;
+                    //var h = videoElement.height;
+                    //var ratio = (w / _w < h / _h) ? (w / _w) : (h / _h);
+                    videoElement.addEventListener('play', function () {
+                        drawVideo(this);
+                    }, false);
+
+                } catch (e) {
+                    throw new Error('Error setting video. Message: ' + e.message);
+                }
+            };
+            if (_ready) {
+                _readyCb();
+            }
+        };
+        /**
+         * Set video as icon
+         */
+        var webcam = function (action) {
+            //UR
+            if (!window.URL || !window.URL.createObjectURL) {
+                window.URL = window.URL || {};
+                window.URL.createObjectURL = function (obj) {
+                    return obj;
+                };
+            }
+            if (_browser.supported) {
+                var newVideo = false;
+                navigator.getUserMedia = navigator.getUserMedia || navigator.oGetUserMedia || navigator.msGetUserMedia || navigator.mozGetUserMedia || navigator.webkitGetUserMedia;
+                _readyCb = function () {
+                    try {
+                        if (action === 'stop') {
+                            _stop = true;
+                            icon.reset();
+                            _stop = false;
+                            return;
+                        }
+                        newVideo = document.createElement('video');
+                        newVideo.width = _w;
+                        newVideo.height = _h;
+                        navigator.getUserMedia({
+                            video: true,
+                            audio: false
+                        }, function (stream) {
+                            newVideo.src = URL.createObjectURL(stream);
+                            newVideo.play();
+                            drawVideo(newVideo);
+                        }, function () {
+                        });
+                    } catch (e) {
+                        throw new Error('Error setting webcam. Message: ' + e.message);
+                    }
+                };
+                if (_ready) {
+                    _readyCb();
+                }
+            }
+
+        };
+
+        var setOpt = function (key, value) {
+            var opts = key;
+            if (!(value == null && Object.prototype.toString.call(key) == '[object Object]')) {
+                opts = {};
+                opts[key] = value;
+            }
+
+            var keys = Object.keys(opts);
+            for (var i = 0; i < keys.length; i++) {
+                if (keys[i] == 'bgColor' || keys[i] == 'textColor') {
+                    _opt[keys[i]] = hexToRgb(opts[keys[i]]);
+                } else {
+                    _opt[keys[i]] = opts[keys[i]];
+                }
+            }
+
+            _queue.push(_lastBadge);
+            icon.start();
+        };
+
+        /**
+         * Draw video to context and repeat :)
+         */
+        function drawVideo(video) {
+            if (video.paused || video.ended || _stop) {
+                return false;
+            }
+            //nasty hack for FF webcam (Thanks to Julian Ćwirko, kontakt@redsunmedia.pl)
+            try {
+                _context.clearRect(0, 0, _w, _h);
+                _context.drawImage(video, 0, 0, _w, _h);
+            } catch (e) {
+
+            }
+            _drawTimeout = setTimeout(function () {
+                drawVideo(video);
+            }, animation.duration);
+            link.setIcon(_canvas);
+        }
+
+        var link = {};
+        /**
+         * Get icons from HEAD tag or create a new <link> element
+         */
+        link.getIcons = function () {
+            var elms = [];
+            //get link element
+            var getLinks = function () {
+                var icons = [];
+                var links = _doc.getElementsByTagName('head')[0].getElementsByTagName('link');
+                for (var i = 0; i < links.length; i++) {
+                    if ((/(^|\s)icon(\s|$)/i).test(links[i].getAttribute('rel'))) {
+                        icons.push(links[i]);
+                    }
+                }
+                return icons;
+            };
+            if (_opt.element) {
+                elms = [_opt.element];
+            } else if (_opt.elementId) {
+                //if img element identified by elementId
+                elms = [_doc.getElementById(_opt.elementId)];
+                elms[0].setAttribute('href', elms[0].getAttribute('src'));
+            } else {
+                //if link element
+                elms = getLinks();
+                if (elms.length === 0) {
+                    elms = [_doc.createElement('link')];
+                    elms[0].setAttribute('rel', 'icon');
+                    _doc.getElementsByTagName('head')[0].appendChild(elms[0]);
+                }
+            }
+            elms.forEach(function(item) {
+                item.setAttribute('type', 'image/png');
+            });
+            return elms;
+        };
+        link.setIcon = function (canvas) {
+            var url = canvas.toDataURL('image/png');
+            link.setIconSrc(url);
+        };
+        link.setIconSrc = function (url) {
+            if (_opt.dataUrl) {
+                //if using custom exporter
+                _opt.dataUrl(url);
+            }
+            if (_opt.element) {
+                _opt.element.setAttribute('href', url);
+                _opt.element.setAttribute('src', url);
+            } else if (_opt.elementId) {
+                //if is attached to element (image)
+                var elm = _doc.getElementById(_opt.elementId);
+                elm.setAttribute('href', url);
+                elm.setAttribute('src', url);
+            } else {
+                //if is attached to fav icon
+                if (_browser.ff || _browser.opera) {
+                    //for FF we need to "recreate" element, atach to dom and remove old <link>
+                    //var originalType = _orig.getAttribute('rel');
+                    var old = _orig[_orig.length - 1];
+                    var newIcon = _doc.createElement('link');
+                    _orig = [newIcon];
+                    //_orig.setAttribute('rel', originalType);
+                    if (_browser.opera) {
+                        newIcon.setAttribute('rel', 'icon');
+                    }
+                    newIcon.setAttribute('rel', 'icon');
+                    newIcon.setAttribute('type', 'image/png');
+                    _doc.getElementsByTagName('head')[0].appendChild(newIcon);
+                    newIcon.setAttribute('href', url);
+                    if (old.parentNode) {
+                        old.parentNode.removeChild(old);
+                    }
+                } else {
+                    _orig.forEach(function(icon) {
+                        icon.setAttribute('href', url);
+                    });
+                }
+            }
+        };
+
+        //http://stackoverflow.com/questions/5623838/rgb-to-hex-and-hex-to-rgb#answer-5624139
+        //HEX to RGB convertor
+        function hexToRgb(hex) {
+            var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
+            hex = hex.replace(shorthandRegex, function (m, r, g, b) {
+                return r + r + g + g + b + b;
+            });
+            var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+            return result ? {
+                r: parseInt(result[1], 16),
+                g: parseInt(result[2], 16),
+                b: parseInt(result[3], 16)
+            } : false;
+        }
+
+        /**
+         * Merge options
+         */
+        function merge(def, opt) {
+            var mergedOpt = {};
+            var attrname;
+            for (attrname in def) {
+                mergedOpt[attrname] = def[attrname];
+            }
+            for (attrname in opt) {
+                mergedOpt[attrname] = opt[attrname];
+            }
+            return mergedOpt;
+        }
+
+        /**
+         * Cross-browser page visibility shim
+         * http://stackoverflow.com/questions/12536562/detect-whether-a-window-is-visible
+         */
+        function isPageHidden() {
+            return _doc.hidden || _doc.msHidden || _doc.webkitHidden || _doc.mozHidden;
+        }
+
+        /**
+         * @namespace animation
+         */
+        var animation = {};
+        /**
+         * Animation "frame" duration
+         */
+        animation.duration = 40;
+        /**
+         * Animation types (none,fade,pop,slide)
+         */
+        animation.types = {};
+        animation.types.fade = [{
+            x: 0.4,
+            y: 0.4,
+            w: 0.6,
+            h: 0.6,
+            o: 0.0
+        }, {
+                x: 0.4,
+                y: 0.4,
+                w: 0.6,
+                h: 0.6,
+                o: 0.1
+            }, {
+                x: 0.4,
+                y: 0.4,
+                w: 0.6,
+                h: 0.6,
+                o: 0.2
+            }, {
+                x: 0.4,
+                y: 0.4,
+                w: 0.6,
+                h: 0.6,
+                o: 0.3
+            }, {
+                x: 0.4,
+                y: 0.4,
+                w: 0.6,
+                h: 0.6,
+                o: 0.4
+            }, {
+                x: 0.4,
+                y: 0.4,
+                w: 0.6,
+                h: 0.6,
+                o: 0.5
+            }, {
+                x: 0.4,
+                y: 0.4,
+                w: 0.6,
+                h: 0.6,
+                o: 0.6
+            }, {
+                x: 0.4,
+                y: 0.4,
+                w: 0.6,
+                h: 0.6,
+                o: 0.7
+            }, {
+                x: 0.4,
+                y: 0.4,
+                w: 0.6,
+                h: 0.6,
+                o: 0.8
+            }, {
+                x: 0.4,
+                y: 0.4,
+                w: 0.6,
+                h: 0.6,
+                o: 0.9
+            }, {
+                x: 0.4,
+                y: 0.4,
+                w: 0.6,
+                h: 0.6,
+                o: 1.0
+            }];
+        animation.types.none = [{
+            x: 0.4,
+            y: 0.4,
+            w: 0.6,
+            h: 0.6,
+            o: 1
+        }];
+        animation.types.pop = [{
+            x: 1,
+            y: 1,
+            w: 0,
+            h: 0,
+            o: 1
+        }, {
+                x: 0.9,
+                y: 0.9,
+                w: 0.1,
+                h: 0.1,
+                o: 1
+            }, {
+                x: 0.8,
+                y: 0.8,
+                w: 0.2,
+                h: 0.2,
+                o: 1
+            }, {
+                x: 0.7,
+                y: 0.7,
+                w: 0.3,
+                h: 0.3,
+                o: 1
+            }, {
+                x: 0.6,
+                y: 0.6,
+                w: 0.4,
+                h: 0.4,
+                o: 1
+            }, {
+                x: 0.5,
+                y: 0.5,
+                w: 0.5,
+                h: 0.5,
+                o: 1
+            }, {
+                x: 0.4,
+                y: 0.4,
+                w: 0.6,
+                h: 0.6,
+                o: 1
+            }];
+        animation.types.popFade = [{
+            x: 0.75,
+            y: 0.75,
+            w: 0,
+            h: 0,
+            o: 0
+        }, {
+                x: 0.65,
+                y: 0.65,
+                w: 0.1,
+                h: 0.1,
+                o: 0.2
+            }, {
+                x: 0.6,
+                y: 0.6,
+                w: 0.2,
+                h: 0.2,
+                o: 0.4
+            }, {
+                x: 0.55,
+                y: 0.55,
+                w: 0.3,
+                h: 0.3,
+                o: 0.6
+            }, {
+                x: 0.50,
+                y: 0.50,
+                w: 0.4,
+                h: 0.4,
+                o: 0.8
+            }, {
+                x: 0.45,
+                y: 0.45,
+                w: 0.5,
+                h: 0.5,
+                o: 0.9
+            }, {
+                x: 0.4,
+                y: 0.4,
+                w: 0.6,
+                h: 0.6,
+                o: 1
+            }];
+        animation.types.slide = [{
+            x: 0.4,
+            y: 1,
+            w: 0.6,
+            h: 0.6,
+            o: 1
+        }, {
+                x: 0.4,
+                y: 0.9,
+                w: 0.6,
+                h: 0.6,
+                o: 1
+            }, {
+                x: 0.4,
+                y: 0.9,
+                w: 0.6,
+                h: 0.6,
+                o: 1
+            }, {
+                x: 0.4,
+                y: 0.8,
+                w: 0.6,
+                h: 0.6,
+                o: 1
+            }, {
+                x: 0.4,
+                y: 0.7,
+                w: 0.6,
+                h: 0.6,
+                o: 1
+            }, {
+                x: 0.4,
+                y: 0.6,
+                w: 0.6,
+                h: 0.6,
+                o: 1
+            }, {
+                x: 0.4,
+                y: 0.5,
+                w: 0.6,
+                h: 0.6,
+                o: 1
+            }, {
+                x: 0.4,
+                y: 0.4,
+                w: 0.6,
+                h: 0.6,
+                o: 1
+            }];
+        /**
+         * Run animation
+         * @param {Object} opt Animation options
+         * @param {Object} cb Callabak after all steps are done
+         * @param {Object} revert Reverse order? true|false
+         * @param {Object} step Optional step number (frame bumber)
+         */
+        animation.run = function (opt, cb, revert, step) {
+            var animationType = animation.types[isPageHidden() ? 'none' : _opt.animation];
+            if (revert === true) {
+                step = (typeof step !== 'undefined') ? step : animationType.length - 1;
+            } else {
+                step = (typeof step !== 'undefined') ? step : 0;
+            }
+            cb = (cb) ? cb : function () {
+            };
+            if ((step < animationType.length) && (step >= 0)) {
+                type[_opt.type](merge(opt, animationType[step]));
+                _animTimeout = setTimeout(function () {
+                    if (revert) {
+                        step = step - 1;
+                    } else {
+                        step = step + 1;
+                    }
+                    animation.run(opt, cb, revert, step);
+                }, animation.duration);
+
+                link.setIcon(_canvas);
+            } else {
+                cb();
+                return;
+            }
+        };
+        //auto init
+        init();
+        return {
+            badge: badge,
+            video: video,
+            image: image,
+            rawImageSrc: rawImageSrc,
+            webcam: webcam,
+            setOpt: setOpt,
+            reset: icon.reset,
+            browser: {
+                supported: _browser.supported
+            }
+        };
+    });
+
+    // AMD / RequireJS
+    if (typeof define !== 'undefined' && define.amd) {
+        define([], function () {
+            return Favico;
+        });
+    }
+    // CommonJS
+    else if (typeof module !== 'undefined' && module.exports) {
+        module.exports = Favico;
+    }
+    // included directly via <script> tag
+    else {
+        this.Favico = Favico;
+    }
+
+})();

admin_interface/static/admin_interface/magnific-popup/magnific-popup.css

@@ -0,0 +1,351 @@
+/* Magnific Popup CSS */
+.mfp-bg {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1042;
+  overflow: hidden;
+  position: fixed;
+  background: #0b0b0b;
+  opacity: 0.8; }
+
+.mfp-wrap {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1043;
+  position: fixed;
+  outline: none !important;
+  -webkit-backface-visibility: hidden; }
+
+.mfp-container {
+  text-align: center;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  padding: 0 8px;
+  box-sizing: border-box; }
+
+.mfp-container:before {
+  content: '';
+  display: inline-block;
+  height: 100%;
+  vertical-align: middle; }
+
+.mfp-align-top .mfp-container:before {
+  display: none; }
+
+.mfp-content {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  margin: 0 auto;
+  text-align: left;
+  z-index: 1045; }
+
+.mfp-inline-holder .mfp-content,
+.mfp-ajax-holder .mfp-content {
+  width: 100%;
+  cursor: auto; }
+
+.mfp-ajax-cur {
+  cursor: progress; }
+
+.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
+  cursor: -moz-zoom-out;
+  cursor: -webkit-zoom-out;
+  cursor: zoom-out; }
+
+.mfp-zoom {
+  cursor: pointer;
+  cursor: -webkit-zoom-in;
+  cursor: -moz-zoom-in;
+  cursor: zoom-in; }
+
+.mfp-auto-cursor .mfp-content {
+  cursor: auto; }
+
+.mfp-close,
+.mfp-arrow,
+.mfp-preloader,
+.mfp-counter {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none; }
+
+.mfp-loading.mfp-figure {
+  display: none; }
+
+.mfp-hide {
+  display: none !important; }
+
+.mfp-preloader {
+  color: #CCC;
+  position: absolute;
+  top: 50%;
+  width: auto;
+  text-align: center;
+  margin-top: -0.8em;
+  left: 8px;
+  right: 8px;
+  z-index: 1044; }
+  .mfp-preloader a {
+    color: #CCC; }
+    .mfp-preloader a:hover {
+      color: #FFF; }
+
+.mfp-s-ready .mfp-preloader {
+  display: none; }
+
+.mfp-s-error .mfp-content {
+  display: none; }
+
+button.mfp-close,
+button.mfp-arrow {
+  overflow: visible;
+  cursor: pointer;
+  background: transparent;
+  border: 0;
+  -webkit-appearance: none;
+  display: block;
+  outline: none;
+  padding: 0;
+  z-index: 1046;
+  box-shadow: none;
+  touch-action: manipulation; }
+
+button::-moz-focus-inner {
+  padding: 0;
+  border: 0; }
+
+.mfp-close {
+  width: 44px;
+  height: 44px;
+  line-height: 44px;
+  position: absolute;
+  right: 0;
+  top: 0;
+  text-decoration: none;
+  text-align: center;
+  opacity: 0.65;
+  padding: 0 0 18px 10px;
+  color: #FFF;
+  font-style: normal;
+  font-size: 28px;
+  font-family: Arial, Baskerville, monospace; }
+  .mfp-close:hover,
+  .mfp-close:focus {
+    opacity: 1; }
+  .mfp-close:active {
+    top: 1px; }
+
+.mfp-close-btn-in .mfp-close {
+  color: #333; }
+
+.mfp-image-holder .mfp-close,
+.mfp-iframe-holder .mfp-close {
+  color: #FFF;
+  right: -6px;
+  text-align: right;
+  padding-right: 6px;
+  width: 100%; }
+
+.mfp-counter {
+  position: absolute;
+  top: 0;
+  right: 0;
+  color: #CCC;
+  font-size: 12px;
+  line-height: 18px;
+  white-space: nowrap; }
+
+.mfp-arrow {
+  position: absolute;
+  opacity: 0.65;
+  margin: 0;
+  top: 50%;
+  margin-top: -55px;
+  padding: 0;
+  width: 90px;
+  height: 110px;
+  -webkit-tap-highlight-color: transparent; }
+  .mfp-arrow:active {
+    margin-top: -54px; }
+  .mfp-arrow:hover,
+  .mfp-arrow:focus {
+    opacity: 1; }
+  .mfp-arrow:before,
+  .mfp-arrow:after {
+    content: '';
+    display: block;
+    width: 0;
+    height: 0;
+    position: absolute;
+    left: 0;
+    top: 0;
+    margin-top: 35px;
+    margin-left: 35px;
+    border: medium inset transparent; }
+  .mfp-arrow:after {
+    border-top-width: 13px;
+    border-bottom-width: 13px;
+    top: 8px; }
+  .mfp-arrow:before {
+    border-top-width: 21px;
+    border-bottom-width: 21px;
+    opacity: 0.7; }
+
+.mfp-arrow-left {
+  left: 0; }
+  .mfp-arrow-left:after {
+    border-right: 17px solid #FFF;
+    margin-left: 31px; }
+  .mfp-arrow-left:before {
+    margin-left: 25px;
+    border-right: 27px solid #3F3F3F; }
+
+.mfp-arrow-right {
+  right: 0; }
+  .mfp-arrow-right:after {
+    border-left: 17px solid #FFF;
+    margin-left: 39px; }
+  .mfp-arrow-right:before {
+    border-left: 27px solid #3F3F3F; }
+
+.mfp-iframe-holder {
+  padding-top: 40px;
+  padding-bottom: 40px; }
+  .mfp-iframe-holder .mfp-content {
+    line-height: 0;
+    width: 100%;
+    max-width: 900px; }
+  .mfp-iframe-holder .mfp-close {
+    top: -40px; }
+
+.mfp-iframe-scaler {
+  width: 100%;
+  height: 0;
+  overflow: hidden;
+  padding-top: 56.25%; }
+  .mfp-iframe-scaler iframe {
+    position: absolute;
+    display: block;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
+    background: #000; }
+
+/* Main image in popup */
+img.mfp-img {
+  width: auto;
+  max-width: 100%;
+  height: auto;
+  display: block;
+  line-height: 0;
+  box-sizing: border-box;
+  padding: 40px 0 40px;
+  margin: 0 auto; }
+
+/* The shadow behind the image */
+.mfp-figure {
+  line-height: 0; }
+  .mfp-figure:after {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 40px;
+    bottom: 40px;
+    display: block;
+    right: 0;
+    width: auto;
+    height: auto;
+    z-index: -1;
+    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
+    background: #444; }
+  .mfp-figure small {
+    color: #BDBDBD;
+    display: block;
+    font-size: 12px;
+    line-height: 14px; }
+  .mfp-figure figure {
+    margin: 0; }
+
+.mfp-bottom-bar {
+  margin-top: -36px;
+  position: absolute;
+  top: 100%;
+  left: 0;
+  width: 100%;
+  cursor: auto; }
+
+.mfp-title {
+  text-align: left;
+  line-height: 18px;
+  color: #F3F3F3;
+  word-wrap: break-word;
+  padding-right: 36px; }
+
+.mfp-image-holder .mfp-content {
+  max-width: 100%; }
+
+.mfp-gallery .mfp-image-holder .mfp-figure {
+  cursor: pointer; }
+
+@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
+  /**
+       * Remove all paddings around the image on small screen
+       */
+  .mfp-img-mobile .mfp-image-holder {
+    padding-left: 0;
+    padding-right: 0; }
+  .mfp-img-mobile img.mfp-img {
+    padding: 0; }
+  .mfp-img-mobile .mfp-figure:after {
+    top: 0;
+    bottom: 0; }
+  .mfp-img-mobile .mfp-figure small {
+    display: inline;
+    margin-left: 5px; }
+  .mfp-img-mobile .mfp-bottom-bar {
+    background: rgba(0, 0, 0, 0.6);
+    bottom: 0;
+    margin: 0;
+    top: auto;
+    padding: 3px 5px;
+    position: fixed;
+    box-sizing: border-box; }
+    .mfp-img-mobile .mfp-bottom-bar:empty {
+      padding: 0; }
+  .mfp-img-mobile .mfp-counter {
+    right: 5px;
+    top: 3px; }
+  .mfp-img-mobile .mfp-close {
+    top: 0;
+    right: 0;
+    width: 35px;
+    height: 35px;
+    line-height: 35px;
+    background: rgba(0, 0, 0, 0.6);
+    position: fixed;
+    text-align: center;
+    padding: 0; } }
+
+@media all and (max-width: 900px) {
+  .mfp-arrow {
+    -webkit-transform: scale(0.75);
+    transform: scale(0.75); }
+  .mfp-arrow-left {
+    -webkit-transform-origin: 0;
+    transform-origin: 0; }
+  .mfp-arrow-right {
+    -webkit-transform-origin: 100%;
+    transform-origin: 100%; }
+  .mfp-container {
+    padding-left: 6px;
+    padding-right: 6px; } }

admin_interface/static/admin_interface/related-modal/related-modal.js

@@ -0,0 +1,137 @@
+if (typeof(django) !== 'undefined' && typeof(django.jQuery) !== 'undefined')
+{
+    (function($) {
+
+        $(document).ready(function(){
+
+            function dismissModal()
+            {
+                $.magnificPopup.close();
+            }
+
+            // create the function that will close the modal
+            function dismissRelatedObjectModal()
+            {
+                dismissModal();
+            }
+
+            function dismissRelatedLookupModal(win, chosenId)
+            {
+                var windowRef = win;
+                var windowName = windowRef.name;
+                var widgetName = windowName.replace(/^(change|add|delete|lookup)_/, '');
+                var widgetEl = $('#' + widgetName);
+                var widgetVal = widgetEl.val();
+                if (widgetEl.hasClass('vManyToManyRawIdAdminField') && Boolean(widgetVal)) {
+                    widgetEl.val(widgetVal + ', ' + chosenId);
+                } else {
+                    widgetEl.val(chosenId);
+                }
+                dismissModal();
+            }
+
+            // assign functions to global variables
+            window.dismissRelatedObjectModal = dismissRelatedObjectModal;
+            window.dismissRelatedLookupPopup = dismissRelatedLookupModal;
+
+            function presentRelatedObjectModal(e)
+            {
+                var linkEl = $(this);
+
+                var href = (linkEl.attr('href') || '');
+                if (href == '') {
+                    return;
+                }
+
+                // open the popup as modal
+                e.preventDefault();
+                e.stopImmediatePropagation();
+
+                // remove focus from clicked link
+                linkEl.blur();
+
+                // use the clicked link id as iframe name
+                // it will be available as window.name in the loaded iframe
+                var iframeName = linkEl.attr('id');
+                var iframeSrc = href;
+
+                if (e.data.lookup !== true)
+                {
+                    // browsers stop loading nested iframes having the same src url
+                    // create a random parameter and append it to the src url to prevent it
+                    // this workaround doesn't work with related lookup url
+                    var iframeSrcRandom = String(Math.round(Math.random() * 999999));
+                    if (iframeSrc.indexOf('?') === -1) {
+                        iframeSrc += '?_modal=' + iframeSrcRandom;
+                    } else {
+                        iframeSrc += '&_modal=' + iframeSrcRandom;
+                    }
+                }
+
+                // fix for django 1.7
+                if (iframeSrc.indexOf('_popup=1') === -1) {
+                    if (iframeSrc.indexOf('?') === -1) {
+                        iframeSrc += '?_popup=1';
+                    } else {
+                        iframeSrc += '&_popup=1';
+                    }
+                }
+
+                // build the iframe html
+                var iframeHTML = '<div class="related-modal-iframe-container">' +
+                                    '<iframe id="related-modal-iframe" name="' + iframeName + '" src="' + iframeSrc + '"></iframe>' +
+                                '</div>';
+
+                // create the iframe jquery element
+                var iframeEl = $(iframeHTML);
+
+                if (e.data.lookup === true)
+                {
+                    // set current window as iframe opener because
+                    // the callback is called on the opener window
+                    iframeEl.on('load', function() {
+                        var iframeObj = $(this).get(0);
+                        var iframeWindow = iframeObj.contentWindow;
+                        iframeWindow.opener = window;
+                    });
+                }
+
+                // the modal css class
+                var iframeInternalModalClass = 'related-modal';
+
+                // if the current window is inside an iframe, it means that it is already in a modal,
+                // append an additional css class to the modal to offer more customization
+                if (window.top != window.self) {
+                    iframeInternalModalClass += ' related-modal__nested';
+                }
+
+                // open the popup using magnific popup
+                $.magnificPopup.open({
+                    mainClass: iframeInternalModalClass,
+                    showCloseBtn: true,
+                    closeBtnInside: true,
+                    items: {
+                        src: iframeEl,
+                        type: 'inline'
+                    }
+                });
+
+                return false;
+            }
+
+            // listen click events on related links
+
+            // django 1.7 compatibility
+            $('a.add-another').removeAttr('onclick');
+            $('a.add-another').click({ lookup:false }, presentRelatedObjectModal);
+
+            // django 1.8 and above
+            $('a.related-widget-wrapper-link').click({ lookup:false }, presentRelatedObjectModal);
+
+            // raw_id_fields support
+            $('a.related-lookup').unbind('click');
+            $('a.related-lookup').click({ lookup:true }, presentRelatedObjectModal);
+        });
+
+    })(django.jQuery);
+}

admin_interface/templates/admin/base_site.html

@@ -1,464 +1,68 @@
-{% extends "admin/base.html" %}
+{% extends 'admin/base.html' %}
-{% load i18n staticfiles admin_interface_tags %}
+{% load i18n static admin_interface_tags %}
+
+{% block title %}
+{% get_admin_interface_theme as theme %}
+{% if title %}{{ title }} | {% endif %}{% if theme.title %}{% trans theme.title %}{% else %}{{ site_title|default:_('Django administration') }}{% endif %}
+{% endblock %}
 
 {% block extrastyle %}
 {% get_admin_interface_theme as theme %}
+{% get_admin_interface_version as version %}
 <style type="text/css">
-
+/*
-{% if theme.active %}
+django-admin-interface {{ version }}
-    
+https://github.com/fabiocaccamo/django-admin-interface
-    #header { 
+*/
-        height:auto; 
+{% include "admin_interface/css/admin-interface.css" %}
-        min-height:40px; 
+{% include "admin_interface/css/admin-interface-fix.css" %}
-        background:{{ theme.css_header_background_color }};
+{% include "admin_interface/css/list-filter-dropdown.css" %}
-        color:{{ theme.css_header_text_color }};
+{% include "admin_interface/css/recent-actions.css" %}
-    }
+{% include "admin_interface/css/related-modal.css" %}
-    
+{% include "admin_interface/css/jquery.ui.tabs.css" %}
-    #header #user-tools a {
+{% include "admin_interface/css/modeltranslation.css" %}
-        color:{{ theme.css_header_link_color }};
+{% include "admin_interface/css/sorl-thumbnail.css" %}
-    }
+{% include "admin_interface/css/tabbed-admin.css" %}
-    
+{% include "admin_interface/css/ckeditor.css" %}
-    #header #user-tools a:hover, 
+{% include "admin_interface/css/tinymce.css" %}
-    #header #user-tools a:active {
+
-        color:{{ theme.css_header_link_hover_color }};
+{% if theme.css %}
-        border-bottom-color:rgba(255, 255, 255, 0.5);
+    {{ theme.css|safe }}
-    }
-    
-    #branding h1 img.logo { 
-        max-height:100px; 
-        margin-top:10px; 
-        margin-bottom:10px; 
-        margin-right:15px;
-    }
-    
-    #branding h1 {
-        color:{{ theme.css_header_title_color }};
-    }
-    
-    #branding h1 img+span {
-        white-space:nowrap;
-    }
-    
-    .module h2, 
-    .module caption, 
-    .module.filtered h2 {
-        background:{{ theme.css_module_background_color }};
-        color:{{ theme.css_module_text_color }};
-    }
-    
-    .module a.section:link, 
-    .module a.section:visited {
-        color:{{ theme.css_module_link_color }};
-    }
-    
-    .module a.section:active, 
-    .module a.section:hover {
-        color:{{ theme.css_module_link_hover_color }};
-    }
-    
-    div.breadcrumbs {
-        background:{{ theme.css_module_background_color }};
-        color:{{ theme.css_module_text_color }};
-    }
-    
-    div.breadcrumbs a {
-        color:{{ theme.css_module_link_color }};
-    }
-    
-    div.breadcrumbs a:hover, 
-    div.breadcrumbs a:active, 
-    fieldset a.collapse-toggle:hover {
-        color:{{ theme.css_module_link_hover_color }} !important;
-    }
-    
-    fieldset.collapsed a.collapse-toggle {
-        color:{{ theme.css_module_background_color }} !important;
-    }
-    
-    .inline-group h2, 
-    .inline-group h2 {
-        background:{{ theme.css_module_background_color }};
-        color:{{ theme.css_module_text_color }};
-    }
-    
-    .selector-chosen h2 {
-        background:{{ theme.css_module_background_color }} !important;
-        color:{{ theme.css_module_text_color }} !important;
-    }
-    
-    a:link, a:visited {
-        color:{{ theme.css_generic_link_color }};
-    }
-    
-    a:hover {
-        color:{{ theme.css_generic_link_hover_color }};
-    }
-    
-    .button, input[type=submit], input[type=button], .submit-row input, a.button {
-        background:{{ theme.css_save_button_background_color }};
-        color:{{ theme.css_save_button_text_color }};
-    }
-    
-    .button:active, input[type=submit]:active, input[type=button]:active,
-    .button:hover, input[type=submit]:hover, input[type=button]:hover {
-        background:{{ theme.css_save_button_background_hover_color }};
-        color:{{ theme.css_save_button_text_color }};
-    }
-    
-    .button.default, input[type=submit].default, .submit-row input.default {
-        background:{{ theme.css_save_button_background_color }};
-        color:{{ theme.css_save_button_text_color }};
-    }
-    
-    .button.default:active, input[type=submit].default:active,
-    .button.default:hover, input[type=submit].default:hover {
-        background:{{ theme.css_save_button_background_hover_color }};
-        color:{{ theme.css_save_button_text_color }};
-    }
-    
-    .submit-row a.deletelink:link, 
-    .submit-row a.deletelink:visited {
-        background:{{ theme.css_delete_button_background_color }};
-        color:{{ theme.css_delete_button_text_color }};
-    }
-    
-    .submit-row a.deletelink:hover {
-        background:{{ theme.css_delete_button_background_hover_color }} !important;
-        color:{{ theme.css_delete_button_text_color }};
-    }
-    
-    /*
-    #changelist table tbody tr.selected {
-        background-color:#FFFFCC;
-    }
-    */
-    
-    #changelist .paginator {
-        margin-top:-1px !important; /* merge 2 borders into 1 */
-        line-height:42px;
-    }
-    
-    .paginator a, 
-    .paginator a:link, 
-    .paginator a:visited,
-    .paginator .this-page {
-        padding:7px 12px !important;
-        {% if theme.css_module_rounded_corners %}border-radius:4px;{% endif %}
-    }
-    
-    .paginator a, 
-    .paginator a:link, 
-    .paginator a:visited {
-        background-color:#ffffff !important; 
-        color:{{ theme.css_generic_link_color }} !important;
-    }
-    
-    .paginator a:hover, 
-    .paginator a:active {
-        background-color:#f8f8f8 !important;
-        color:{{ theme.css_generic_link_hover_color }} !important;
-    }
-    
-    .paginator .this-page {
-        background-color:{{ theme.css_module_background_color }} !important;
-        color:{{ theme.css_module_link_color }} !important;
-    }
-    
-    .paginator a, 
-    .paginator .this-page {
-        margin-left:0px;
-    }
-    
-    .paginator .this-page, 
-    .paginator a.end {
-        margin-right:25px;
-    }
-    
-    .paginator .this-page + a:not(.showall)  {
-        margin-left:-25px !important;
-    }
-    
-    body .paginator a.showall, 
-    body .paginator a.showall:link, 
-    body .paginator a.showall:visited {
-        margin-left:20px;
-        color:{{ theme.css_generic_link_color }} !important;
-    }
-    
-    body .paginator a.showall:hover, 
-    body .paginator a.showall:active {
-        color:{{ theme.css_generic_link_hover_color }} !important;
-    }
-    
-    /* OTHER FIXES */
-    
-    /* reduced width */
-    .login #container {
-        width:320px !important;
-        min-width:320px !important;
-    }
-    
-    /* same lateral padding as in logged view */
-    .login #header {
-        padding:10px 25px !important;
-    }
-    
-    /* login button right aligned */
-    .login #header #branding h1 img+span {
-        display:block;
-    }
-    
-    /* login button right aligned */
-    .login .submit-row {
-        padding-left:0 !important;
-        text-align:right !important;
-    }
-    
-    /* top-right buttons color on hover -> just a lighten grey */
-    .object-tools a:hover, 
-    .object-tools li:hover a {
-        background-color:#AAAAAA;
-    } 
-    
-    /* fix help text icon on newline */
-    .inline-group thead th {
-        white-space:nowrap;
-    }
-    
-    .inline-group thead th img {
-        vertical-align: -2px;
-        margin-left: 5px;
-    }
-    
-    form .form-row p.file-upload > a {
-        margin-right:10px;    
-    }
-    
-    form .form-row p.file-upload .clearable-file-input { 
-        display:inline-block;
-    }
-    
-    form .wide p.help {
-        padding-left:10px !important;
-    }
-    
-    textarea.tinymce ~ p.help {
-        margin-top:5px !important;
-    }
-    
-    .aligned p.file-upload {
-        display:table;
-    }
-    
-    /* fix lateral padding to align text with field labels */
-    .module h2, 
-    .dashboard .module caption, 
-    .inline-group h2, 
-    .module.filtered h2, 
-    .inline-group h2 {
-        padding:8px 10px; 
-        {% if theme.css_module_rounded_corners %}border-radius:4px;{% endif %}
-    }
-    
-    .module.filtered h2 {
-        border-bottom-left-radius:0;
-        border-bottom-right-radius:0;
-    }
-    
-    .module.filtered #changelist-filter {
-        border-bottom-left-radius:4px;
-        border-bottom-right-radius:4px;
-    }
-    
-    .module.filtered #changelist-filter select {
-        background-color:#ffffff;
-    }
-    
-    #content-related {
-        {% if theme.css_module_rounded_corners %}border-radius:4px;{% endif %}
-    }
-    
-    /* selector chooseall / clearall color on hover -> just a lighten grey */
-    a.selector-chooseall:hover, a.selector-clearall:hover {
-        color:#888888 !important;
-    }
-    
-    .inline-related h3 {
-        padding:6px 10px !important;
-    }
-    
-    /*
-    .inline-group .tabular thead th:last-child:not([class]):not([style]) {
-        text-align:center;    
-    }
-    */
-    
-    /*.inline-group .tabular tr.has_original td.original,	*/
-    .inline-group .tabular tr td.delete {
-        vertical-align:middle !important;
-        text-align:center !important;
-    }
-    
-    .inline-group .tabular tr td.delete a.inline-deletelink {
-        float:none;
-        display:inline-block;
-    }
-    
-    /* improve django-modeltranslation support - https://github.com/deschler/django-modeltranslation/pull/313/commits */
-
-    #content h1 select {
-        text-transform:uppercase;
-        margin-left:15px;  
-    }
-    
-    .ui-tabs .ui-tabs-nav {
-        padding:10px 0 0 10px !important;
-    }
-    
-    .ui-tabs .ui-tabs-nav li {
-        margin-left:-1px !important;
-    }
-    
-    .ui-tabs .ui-tabs-nav li a {
-        outline:none;
-        background-color:#f8f8f8 !important;
-        border:1px solid #eeeeee !important;
-        border-bottom:none !important;
-        text-transform:uppercase;
-        
-        padding:7px 14px 8px 14px !important;
-        margin-top:1px !important;
-        
-    }
-    
-    .ui-tabs .ui-tabs-nav li.ui-tabs-active a, 
-    .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
-        
-        padding:8px 14px 8px 14px !important;
-        margin-top:0px !important;
-        
-        margin-bottom:-1px !important;
-        
-        background-color:#FFFFFF !important;
-        color:{{ theme.css_module_background_color }} !important;
-        
-        border-bottom:1px solid #FFFFFF !important;
-    }
-    
-    .inline-group .tabular .ui-tabs .ui-tabs-panel {
-        padding:8px !important;
-    }
-    
-    #changelist .row1:not(.selected):hover, 
-    #changelist .row2:not(.selected):hover {
-        background:#f9f9f9;
-    }
-    
-    .row2 {
-        background:#fcfcfc;
-    }
-    
-    .row2 .ui-tabs .ui-tabs-nav li a {
-        background-color:#f5f5f5 !important;
-        border:1px solid #ebebeb !important;
-    }
-    
-    .row2 .ui-tabs .ui-tabs-nav li.ui-tabs-active a, 
-    .row2 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
-        background-color:#fcfcfc !important;
-        border-bottom:1px solid #fcfcfc !important;
-    }
-    
-    .list-filter-dropdown {
-        margin-top:10px; 
-        margin-bottom:20px;
-    }
-    
-    .list-filter-dropdown select {
-        width:90%; 
-        margin-right:5%;
-    }
-    
-    
-    /* ckeditor + light theme - https://github.com/Ikimea/ckeditor-light-theme */
-    
-    .cke_inner, .cke_wysiwyg_frame {
-        border-top-left-radius: 4px !important;
-        border-top-right-radius: 4px !important;
-        border-bottom-left-radius: 4px !important;
-        border-bottom-right-radius: 4px !important;
-    }
-    
-    .cke_top {
-        background: #f6f6f6 !important;  
-        border-top: none;
-        
-        border-top-left-radius: 4px !important;
-        border-top-right-radius: 4px !important;
-        
-        -moz-box-shadow: none !important;
-        -webkit-box-shadow: none !important;
-        box-shadow: none !important;
-    }
-    
-    .cke_bottom {
-        background: #f6f6f6 !important;
-        border-top: 1px solid #efefef !important;
-        
-        border-bottom-left-radius: 4px !important;
-        border-bottom-right-radius: 4px !important;
-    }
-    
-    .cke_source {
-        padding: 13px 15px !important;
-        box-sizing: border-box !important;
-    }
-    
-    a.cke_button_on {
-        -moz-box-shadow: none !important;
-        -webkit-box-shadow: none !important;
-        box-shadow: none !important;
-        background-color: rgba(0,0,0,0.1) !important;
-        border-radius: 4px !important;
-    }
-    
-    .cke_resizer {
-        border-color: transparent #999 transparent transparent !important;
-    }
-    
-    {% if theme.css %}
-        {{ theme.css|safe }}
-    {% endif %}
-
-{% else %}
-    
-    #branding h1 img.logo {
-        display:none;
-    }
-    
 {% endif %}
 
 </style>
 {% endblock %}
 
-{% block extrahead %}
+{% block blockbots %}
+{{ block.super }}
+{% get_admin_interface_theme as theme %}
+{% get_admin_interface_version as version %}
+{# https://github.com/elky/django-flat-responsive#important-note #}
+<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0">
+<link rel="stylesheet" type="text/css" href="{% static 'admin/css/responsive.css' %}?v={{ version }}" />
+{% include "admin_interface/favicon.html" %}
+{% include "admin_interface/related-modal.html" %}
 {% endblock %}
 
+{% block bodyclass %}admin-interface flat-theme {% get_admin_interface_theme as theme %}{% if theme.name %}{{ theme.name|slugify }}-theme{% endif %}{% endblock %}
+
 {% block branding %}
 {% get_admin_interface_theme as theme %}
 <h1 id="site-name">
-    {% if theme.active %}
+    {% if theme.logo_visible %}
-        {% if theme.logo_visible and theme.logo %}
+        {% if theme.logo %}
-        <img class="logo" src="{{ theme.logo.url }}" width="{{ theme.logo.width }}" height="{{ theme.logo.height }}" />
+        <img class="logo" style="display:none;" src="{{ theme.logo.url }}" {% if theme.logo.width %}width="{{ theme.logo.width }}"{% endif %} {% if theme.logo.height %}height="{{ theme.logo.height }}"{% endif %} />
+        {% else %}
+        <img class="logo default" style="display:none;" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="104" height="36" />
         {% endif %}
-        {% if theme.title_visible %}
+    {% endif %}
-        <span>{% if theme.title %}{% trans theme.title %}{% else %}{% trans 'Django administration' %}{% endif %}</span>
+    {% if theme.title_visible %}
-        {% endif %}
+    <span>{% if theme.title %}{% trans theme.title %}{% else %}{% trans 'Django administration' %}{% endif %}</span>
-    {% else %}
-        {% trans 'Django administration' %}
     {% endif %}
 </h1>
 {% endblock %}
 
-{% block sidebar %}
+{% block welcome-msg %}
+{% get_admin_interface_theme as theme %}
+{% if theme.env_visible_in_header %}<span class="enviroment-label {{ theme.env_name }}"></span> - {% endif %}{{ block.super }}<br>
 {% endblock %}

admin_interface/templates/admin/filter.html

@@ -8,11 +8,7 @@
 
 {% else %}
 
-    {% comment %}
+    {# Use the default list filter template -> https://github.com/django/django/blob/master/django/contrib/admin/templates/admin/filter.html #}
-    
-    Use the default list filter template -> https://github.com/django/django/blob/master/django/contrib/admin/templates/admin/filter.html
-    
-    {% endcomment %}
 
     <h3>{% blocktrans with filter_title=title %} By {{ filter_title }} {% endblocktrans %}</h3>
     <ul>

admin_interface/templates/admin/popup_response.html

@@ -0,0 +1,15 @@
+{% load i18n static %}<!DOCTYPE html>
+<html>
+  <head><title>{% trans 'Popup closing...' %}</title></head>
+  <body>
+    <script type="text/javascript"
+            id="django-admin-popup-response-constants"
+            src="{% static "admin/js/popup_response.js" %}"
+            {% if popup_response_data %}
+            data-popup-response="{{ popup_response_data }}"
+            {% else %}
+            data-popup-response='{"action":"{{ action|escape }}","value":"{{ value|escape }}","obj":"{{ obj|escape }}","new_value":"{{ new_value|escape }}"}'
+            {% endif %}>
+    </script>
+  </body>
+</html>

admin_interface/templates/admin_interface/css/admin-interface-fix.css

@@ -0,0 +1,335 @@
+.admin-interface.login #container {
+    width:320px;
+    margin:90px auto;
+    box-sizing:border-box;
+    -moz-box-sizing:border-box;
+    -webkit-box-sizing:border-box;
+}
+
+.admin-interface.login #content {
+    padding:15px 30px 10px 30px;
+}
+
+@media (max-width:767px){
+
+    .admin-interface.login #container {
+        margin:0px auto;
+    }
+
+    .admin-interface.login #content {
+        padding:20px 30px 30px 30px;
+    }
+}
+
+.admin-interface.login #header {
+    padding:15px 30px 10px;
+    line-height:30px;
+}
+
+.admin-interface.login #branding h1 {
+    margin-right:0;
+}
+
+.admin-interface.login #branding h1 img.logo {
+    max-width:100%;
+    margin-right:0;
+}
+
+.admin-interface.login #header #branding h1 img.logo+span {
+    display:block;
+    margin-bottom: 5px;
+}
+
+.admin-interface.login .submit-row {
+    padding-left:0;
+    text-align:right;
+}
+
+@media (max-width:767px){
+    .admin-interface.login .submit-row label {
+        display:none;
+    }
+    .admin-interface.login .submit-row {
+        float: left;
+        width: 100%;
+        margin-top: 20px;
+        margin-bottom: 30px;
+    }
+}
+
+.admin-interface #header {
+    height:auto;
+    min-height:40px;
+}
+
+.admin-interface #branding h1 img.logo {
+    max-height:100px;
+    margin-top:10px;
+    margin-bottom:10px;
+    margin-right:15px;
+    display:inline-block !important; /* override inline display:none; */
+}
+
+.admin-interface #branding h1 img.logo+span {
+    white-space:nowrap;
+}
+
+.admin-interface fieldset.collapse {
+    border: 1px solid transparent;
+}
+
+.admin-interface fieldset.collapse.collapsed a.collapse-toggle,
+.admin-interface fieldset.collapse a.collapse-toggle {
+    font-weight: normal;
+    text-transform: lowercase;
+    font-size: 12px;
+    text-decoration: underline;
+    padding: 0 1px;
+}
+
+/*
+#changelist table tbody tr.selected {
+    background-color:#FFFFCC;
+}
+*/
+
+.admin-interface #changelist .paginator {
+    margin-top:-1px; /* merge 2 borders into 1 */
+    line-height:42px;
+}
+
+.admin-interface .paginator a,
+.admin-interface .paginator a:link,
+.admin-interface .paginator a:visited,
+.admin-interface .paginator .this-page {
+    padding:7px 12px;
+}
+
+.admin-interface .paginator a,
+.admin-interface .paginator .this-page {
+    margin-left:0px;
+}
+
+.admin-interface .paginator .this-page,
+.admin-interface .paginator a.end {
+    margin-right:25px;
+}
+
+.admin-interface .paginator .this-page + a:not(.showall)  {
+    margin-left:-25px;
+}
+
+body.admin-interface .paginator a.showall,
+body.admin-interface .paginator a.showall:link,
+body.admin-interface .paginator a.showall:visited {
+    margin-left:20px;
+}
+
+/* fix help text icon on newline */
+.admin-interface .inline-group thead th {
+    white-space:nowrap;
+}
+
+.admin-interface .inline-group thead th img {
+    vertical-align: -2px;
+    margin-left: 5px;
+}
+
+.admin-interface .aligned p.file-upload {
+    display:table;
+}
+
+.admin-interface form .form-row p.file-upload > a {
+    margin-right:20px;
+}
+
+.admin-interface form .form-row p.file-upload .clearable-file-input {
+    display:inline-block;
+    margin-left:
+}
+
+.admin-interface form .form-row p.file-upload .clearable-file-input label {
+    padding-bottom:0px;
+    margin-left:2px;
+}
+
+.admin-interface form .form-row p.file-upload > input[type="file"] {
+    margin-top: 0px;
+}
+
+@media (max-width:767px){
+
+    .admin-interface form .form-row p.file-upload {
+        width: 100%;
+    }
+
+    .admin-interface form .form-row p.file-upload > a {
+        margin-right:0px;
+        display: block;
+        white-space: pre-wrap;
+        word-break: break-word;
+    }
+
+    .admin-interface form .form-row p.file-upload .clearable-file-input {
+        display: block;
+        margin-top: 10px;
+        margin-bottom: -10px;
+    }
+
+    .admin-interface form .form-row p.file-upload > input[type="file"] {
+        display: block;
+        width: auto;
+        padding: 0px;
+    }
+
+    /* fix inline horizontal scroll caused by checkbox-row */
+    .admin-interface form .form-row > div.checkbox-row {
+        width: 100%;
+    }
+}
+
+
+/* FIX WIDE FIELDSET HELPS / ERROR MESSAGES */
+.admin-interface form .wide p.help,
+.admin-interface form .wide div.help {
+    padding-left: 50px;
+}
+
+.admin-interface form .wide input + p.help,
+.admin-interface form .wide input + div.help {
+    margin-left: 160px;
+}
+
+@media (max-width:767px){
+    .admin-interface form .form-row div.help {
+        display: block;
+        width: 100%;
+    }
+}
+
+.admin-interface form .wide ul.errorlist {
+    margin-left: 200px;
+}
+
+/* LIST FILTER */
+.admin-interface .module.filtered h2 {
+    border-bottom-left-radius:0;
+    border-bottom-right-radius:0;
+}
+
+.admin-interface .module.filtered #changelist-filter {
+    border-bottom-left-radius:4px;
+    border-bottom-right-radius:4px;
+}
+
+.admin-interface .module.filtered #changelist-filter h2 {
+    font-size: 11px;
+    padding: 10px 15px;
+}
+
+/* begin fix issue #13 - Datetime widget broken in long inlines */
+.admin-interface p.datetime {
+    white-space:nowrap;
+}
+/* end fix */
+
+/* begin fix lateral padding to align text with field labels */
+.admin-interface .module h2,
+.admin-interface.dashboard .module caption,
+.admin-interface .module.filtered h2,
+.admin-interface .inline-group h2 {
+    padding-left:10px;
+    padding-right:10px;
+}
+/* end fix */
+
+/* begin fix restrict tabular-inline horizontal-scroll to inline-group instead of whole page */
+.admin-interface .inline-group[data-inline-type="tabular"] {
+    overflow-x:auto;
+}
+/* end fix */
+
+/* begin fix stacked-inline margin-bottom in responsive small viewport */
+.admin-interface .inline-group[data-inline-type="stacked"] .module {
+    margin-bottom:0px;
+}
+/* end fix */
+
+/* begin fix issue #10 - Related widget broken in long tabular inline */
+.admin-interface .inline-group .tabular .related-widget-wrapper {
+    white-space:nowrap;
+}
+/* end fix */
+
+.admin-interface .inline-related h3 {
+    padding:6px 10px;
+}
+
+/* begin fix issue #12 - Inlines bad delete buttons alignement */
+.admin-interface .inline-group .tabular thead th:last-child:not([class]):not([style]) {
+    text-align:right;
+}
+
+.admin-interface .inline-group .tabular tr td {
+    vertical-align: top;
+}
+
+.admin-interface .inline-group .tabular tr td.delete {
+    text-align:right;
+    padding-right:15px;
+    vertical-align: top;
+}
+
+.admin-interface .inline-group .tabular tr td input[type="checkbox"] {
+    margin: 7px 0px;
+}
+
+.admin-interface .inline-group .tabular tr td.delete a.inline-deletelink {
+    margin-top:4px;
+    overflow:hidden;
+    text-indent:9999px;
+}
+/* end fix */
+
+/* top-right buttons color on hover -> just a lighten grey */
+.admin-interface .object-tools a {
+    color:#FFFFFF;
+}
+.admin-interface .object-tools a:focus,
+.admin-interface .object-tools a:hover,
+.admin-interface .object-tools li:focus a,
+.admin-interface .object-tools li:hover a {
+    background-color:#AAAAAA;
+}
+
+/* fix textarea horizontal scroll on Firefox */
+@media (max-width: 767px){
+    .admin-interface .aligned .form-row textarea {
+        width: 100% !important;
+        flex: 0 1 auto;
+    }
+    .admin-interface .aligned .form-row input[type="file"] {
+        width: 100% !important;
+    }
+}
+
+/* improve responsive selector */
+
+/* fix [stacked, not-stacked] equalize horizontal and vertical select padding for selector */
+.admin-interface .selector .selector-available select,
+.admin-interface .selector .selector-chosen select {
+    padding: 7px 10px;
+    display: block;
+}
+
+/* fix [stacked, not-stacked] select options text overflow */
+.admin-interface .selector .selector-available select option,
+.admin-interface .selector .selector-chosen select option {
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+/* fix [not-stacked] equalize selectors height by adding the height of the .selector-available filter-bar */
+.admin-interface .selector:not(.stacked) .selector-chosen select {
+    height: calc(46px + 17.2em) !important;
+}

admin_interface/templates/admin_interface/css/ckeditor.css

@@ -0,0 +1,126 @@
+/*
+ckeditor + light theme
+https://github.com/Ikimea/ckeditor-light-theme
+*/
+
+.admin-interface .cke {
+    border: none;
+    box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+}
+
+.admin-interface .cke_inner,
+.admin-interface .cke_wysiwyg_frame {
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+}
+
+.admin-interface .cke_inner {
+    border: 1px solid #CCCCCC;
+}
+
+.admin-interface .cke_chrome {
+    -moz-box-shadow: none;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+.admin-interface .cke_top {
+    background: #f8f8f8;
+    border-top: none;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    border-bottom: 1px solid #EEEEEE;
+    padding-left: 10px;
+    padding-right: 10px;
+    -moz-box-shadow: none;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+.admin-interface .cke_toolgroup {
+    background: none;
+    -moz-box-shadow: none;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+.admin-interface .cke_bottom {
+    background: #f8f8f8;
+    border-top: 1px solid #EEEEEE;
+
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+
+    -moz-box-shadow: none;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+.admin-interface .cke_source {
+    padding: 13px 15px;
+    box-sizing: border-box;
+}
+
+.admin-interface a.cke_button,
+.admin-interface a.cke_button:active,
+.admin-interface a.cke_button:hover,
+.admin-interface a.cke_button:focus {
+    box-shadow: none;
+    -moz-box-shadow: none;
+    -webkit-box-shadow: none;
+    background-image: none;
+    border-radius: 4px;
+    border: none;
+}
+
+.admin-interface a.cke_button:active,
+.admin-interface a.cke_button:hover,
+.admin-interface a.cke_button:focus {
+    background-color: #E8E8E8 !important;
+}
+
+.admin-interface a.cke_button.cke_button_on {
+    background-color: #CCCCCC !important;
+}
+
+.admin-interface a.cke_button.cke_button_disabled {
+    background-color: transparent !important;
+}
+
+.admin-interface .cke_resizer {
+    border-color: transparent #666666 transparent transparent;
+}
+
+@media (max-width: 767px){
+
+    .admin-interface .django-ckeditor-widget,
+    .admin-interface .cke {
+        width: 100% !important;
+    }
+
+    .admin-interface .cke_top {
+        padding-left: 10px;
+        padding-right: 10px;
+    }
+
+    .admin-interface .cke_toolbar {
+        height: auto;
+    }
+
+    .admin-interface .cke_contents {
+        height: auto;
+    }
+
+    .admin-interface .tabular .django-ckeditor-widget,
+    .admin-interface .tabular .cke {
+        width: 400px !important;
+    }
+
+    .admin-interface .tabular .cke_contents {
+        height: 90px !important;
+    }
+}

admin_interface/templates/admin_interface/css/jquery.ui.tabs.css

@@ -0,0 +1,144 @@
+/*
+* jQuery UI CSS Framework
+* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+* http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/base/jquery.ui.core.css
+*/
+
+/*
+backward compatibility:
+.ui-tabs-selected:      jquery ui <  1.10
+.ui-tabs-active classes jquery ui >= 1.10
+*/
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden { display: none; }
+.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
+.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
+.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+.ui-helper-clearfix { display: inline-block; }
+/* required comment for clearfix to work in Opera \*/
+* html .ui-helper-clearfix { height:1%; }
+.ui-helper-clearfix { display:block; }
+.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
+.ui-state-disabled { cursor: default !important; }
+.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
+/* http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/base/jquery.ui.tabs.css */
+.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
+.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
+.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
+.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
+.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-active, .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
+.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
+.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
+.ui-tabs .ui-tabs-hide {
+    position: absolute;
+    display: none;
+}
+
+/* Custom tabs theme */
+.admin-interface .ui-tabs {
+    padding: 0;
+}
+
+.admin-interface .ui-tabs,
+.admin-interface .ui-tabs .ui-widget-header,
+.admin-interface .ui-tabs .ui-widget-header .ui-state-default {
+    border: none;
+    background: transparent;
+}
+
+.admin-interface .ui-tabs .ui-tabs-nav {
+    padding: 10px 0 0 10px;
+    border-bottom: none;
+}
+.admin-interface .ui-tabs .ui-tabs-nav li {
+    margin: 0 0 0 -1px;
+}
+.admin-interface .ui-tabs .ui-tabs-nav li.required {
+    font-weight: bold;
+}
+.admin-interface .ui-tabs .ui-tabs-nav li a {
+    border: 1px solid #eeeeee;
+    background-color: #f8f8f8;
+    border-bottom: none;
+    color: #666666;
+    padding: 7px 14px 8px 14px;
+    margin-top: 1px;
+    -moz-border-radius-topright: 4px;
+    -webkit-border-top-right-radius: 4px;
+    -moz-border-radius-topleft: 4px;
+    -webkit-border-top-left-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    font-size: 12px;
+    text-transform: uppercase;
+    outline: none;
+}
+
+.admin-interface .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
+.admin-interface .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
+    padding: 8px 14px 8px 14px;
+    margin-top: 0px;
+    margin-bottom: -1px;
+    font-weight: bold;
+    background-color: #FFFFFF;
+    color: {{ theme.css_module_background_color }};
+    border-bottom: 1px solid #FFFFFF;
+}
+
+.admin-interface .ui-tabs .ui-tabs-panel {
+    border: 1px solid #eeeeee;
+    border-radius: 4px;
+    padding: 10px;
+    margin-bottom: 30px;
+    overflow: hidden;
+}
+
+.admin-interface .inline-group .tabular .ui-tabs .ui-tabs-panel {
+    padding: 8px;
+}
+
+.admin-interface .inline-group .tabular .ui-tabs .ui-tabs-nav {
+    padding-left: 4px;
+}
+
+.admin-interface .inline-group .tabular tr td {
+    vertical-align: bottom;
+}
+
+.admin-interface .inline-group .tabular tr.has_original td.original,
+.admin-interface .inline-group .tabular tr td.delete {
+    vertical-align: top;
+}
+
+.admin-interface .inline-group .tabular .datetime > input {
+    margin-right: 5px;
+}
+
+.admin-interface .inline-group .tabular .datetime br {
+    display: none;
+}
+
+.admin-interface #changelist .row1:not(.selected):hover,
+.admin-interface #changelist .row2:not(.selected):hover {
+    background: #f9f9f9;
+}
+
+.admin-interface .row2 {
+    background: #fcfcfc;
+}
+
+.admin-interface .row2 .ui-tabs .ui-tabs-nav li a {
+    background-color: #f5f5f5;
+    border: 1px solid #ebebeb;
+}
+
+.admin-interface .row2 .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
+.admin-interface .row2 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
+    background-color: #fcfcfc;
+    border-bottom: 1px solid #fcfcfc;
+}

admin_interface/templates/admin_interface/css/list-filter-dropdown.css

@@ -0,0 +1,14 @@
+/*
+list-filter-dropdown
+*/
+
+.admin-interface .list-filter-dropdown {
+    margin-top:10px;
+    margin-bottom:20px;
+}
+
+.admin-interface .list-filter-dropdown select {
+    background-color:#FFFFFF;
+    width:90%;
+    margin-right:5%;
+}

admin_interface/templates/admin_interface/css/modeltranslation.css

@@ -0,0 +1,17 @@
+/*
+django-modeltranslation support
+https://github.com/deschler/django-modeltranslation
+*/
+
+.admin-interface #content h1 select {
+    text-transform: uppercase;
+    margin-left: 15px;
+    min-width: 50px;
+}
+
+.admin-interface .ui-tabs .ui-tabs-panel[id^=tab_id_] {
+    border: none;
+    border-top: 1px solid #eeeeee;
+    padding: 0;
+    margin-bottom: 0;
+}

admin_interface/templates/admin_interface/css/recent-actions.css

@@ -0,0 +1,9 @@
+{% if not theme.recent_actions_visible %}
+.admin-interface.dashboard #content {
+    max-width:600px;
+    margin-right:0;
+}
+.admin-interface.dashboard #content #recent-actions-module {
+    display:none;
+}
+{% endif %}

admin_interface/templates/admin_interface/css/related-modal.css

@@ -0,0 +1,84 @@
+/*
+related modal + magnific popup customization
+https://github.com/dimsemenov/Magnific-Popup
+*/
+.admin-interface .related-modal.mfp-bg {
+    background-color: {{ theme.related_modal_background_color }};
+    opacity: {{ theme.related_modal_background_opacity }};
+}
+
+.admin-interface .related-modal .mfp-content {
+    height: 100%;
+    -webkit-box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.2);
+    -moz-box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.2);
+    box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.2);
+}
+
+.admin-interface .related-modal .mfp-container {
+    padding: 80px 80px 80px 80px;
+}
+
+.admin-interface .related-modal__nested .mfp-container {
+    padding: 40px 80px 40px 80px;
+}
+
+@media (max-width:640px){
+    .admin-interface .related-modal .mfp-container {
+        padding: 80px 20px 80px 20px;
+    }
+    .admin-interface .related-modal__nested .mfp-container {
+        padding: 40px 40px 40px 40px;
+    }
+}
+
+@media (max-height:640px){
+    .admin-interface .related-modal .mfp-container {
+        padding-top: 20px;
+        padding-bottom: 20px;
+    }
+    .admin-interface .related-modal__nested .mfp-container {
+        padding: 40px 40px 40px 40px;
+    }
+}
+
+.admin-interface .related-modal .related-modal-iframe-container {
+    display: block;
+    width: 100%;
+    height: 100%;
+    position: relative;
+    z-index: 100;
+    overflow: hidden;
+    {% if theme.related_modal_rounded_corners %}
+    border-radius: 4px;
+    {% endif %}
+}
+
+.admin-interface .related-modal #related-modal-iframe {
+    width: 100%;
+    height: 100%;
+    background-color: #FFFFFF;
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: 30px 30px;
+    background-image: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg width='30px' height='30px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' class='uil-ring-alt'><rect x='0' y='0' width='100' height='100' fill='none' class='bk'></rect><circle cx='50' cy='50' r='40' stroke='%23eeeeee' fill='none' stroke-width='6' stroke-linecap='round'></circle><circle cx='50' cy='50' r='40' stroke='%23aaaaaa' fill='none' stroke-width='6' stroke-linecap='round'><animate attributeName='stroke-dashoffset' dur='2s' repeatCount='indefinite' from='0' to='500'></animate><animate attributeName='stroke-dasharray' dur='2s' repeatCount='indefinite' values='150 100;1 250;150 100'></animate></circle></svg>");
+    border: none;
+    margin: 0 auto;
+    padding: 0;
+    display: block;
+}
+
+.admin-interface .related-modal .mfp-close {
+    width: 40px;
+    height: 40px;
+    opacity: 1.0;
+    color: rgba(0, 0, 0, 0.4);
+    {% if not theme.related_modal_close_button_visible %}
+    display: none;
+    {% endif %}
+}
+
+.admin-interface .related-modal .mfp-close:hover,
+.admin-interface .related-modal .mfp-close:active {
+    color: rgba(0, 0, 0, 0.6);
+    top: 0;
+}

admin_interface/templates/admin_interface/css/sorl-thumbnail.css

@@ -0,0 +1,67 @@
+/*
+sorl-thumbnail - improved AdminImageMixin widget layout
+https://github.com/mariocesar/sorl-thumbnail
+*/
+
+.admin-interface a.thumbnail + a {
+    font-weight: normal;
+}
+
+.admin-interface a.thumbnail + a + input[type="checkbox"] {
+    margin: 10px 0px 10px 18px;
+}
+
+@media (max-width: 767px){
+    .admin-interface a.thumbnail + a {
+        display: block;
+        margin-top: 3px;
+        white-space: pre-wrap;
+        word-break: break-word;
+    }
+    .admin-interface a.thumbnail + a + input[type="checkbox"]  {
+        margin: 15px 0;
+    }
+}
+
+.admin-interface a.thumbnail ~ label {
+    color: #333;
+    font-size: 11px;
+    display: inline;
+    float: none;
+    margin-left: 2px;
+}
+
+.admin-interface.change-form div[style="float:left"] {
+    font-size: 11px;
+    font-weight: bold;
+    color: #666;
+    margin-bottom: 5px;
+}
+
+@media (max-width: 767px){
+    .admin-interface.change-form div[style="float:left"] {
+        font-size: 12px;
+        width: 100%;
+    }
+}
+
+.admin-interface .aligned .form-row a.thumbnail ~ input[type="file"] {
+    margin-top: 0px;
+}
+
+@media (max-width:767px){
+    .admin-interface .aligned .form-row a.thumbnail ~ input[type="file"] {
+        width: auto;
+        padding: 0px;
+        display: block;
+        margin-top: 3px;
+    }
+
+    .admin-interface div[style="float:left"] {
+        margin-bottom: 0px;
+    }
+
+    .admin-interface div[style="float:left"] + div.help {
+        margin-top: 0px !important;
+    }
+}

admin_interface/templates/admin_interface/css/tabbed-admin.css

@@ -0,0 +1,37 @@
+/*
+django-tabbed-admin support
+https://github.com/omji/django-tabbed-admin
+*/
+
+/* Hide tabs until ready */
+/*
+.admin-interface #tabs ul {
+    display: none;
+}
+
+.admin-interface #tabs ul.ui-tabs-nav {
+    display: block;
+}
+*/
+
+.admin-interface .ui-tabs .ui-tabs-panel[id^=tabs] .module.aligned:last-child {
+    margin-bottom: 0;
+}
+
+.admin-interface .ui-tabs .ui-tabs-panel[id^=tabs] .module.aligned:last-child .form-row:last-child {
+    border-bottom: none;
+}
+
+@media (max-width: 350px){
+    .admin-interface .ui-tabs .ui-tabs-panel[id^=tabs] .vTextField,
+    .admin-interface .inline-related .vTextField {
+        width: 17em;
+    }
+}
+
+@media (max-width: 767px){
+    /* fix horizontal overflow - responsive.css:563 */
+    .admin-interface .ui-tabs .ui-tabs-panel[id^=tabs] .aligned .form-row > div:not([class]) {
+        width: 100% !important;
+    }
+}

admin_interface/templates/admin_interface/css/tinymce.css

@@ -0,0 +1,3 @@
+.admin-interface textarea.tinymce ~ p.help {
+    margin-top:5px !important;
+}

admin_interface/templates/admin_interface/dropdown_filter.html

@@ -1,4 +1,4 @@
-{% load i18n admin_interface_tags %}
+{% load i18n %}
 
 <div class="list-filter-dropdown">
     <h3>{% blocktrans with title as filter_title %} By {{ filter_title }} {% endblocktrans %}</h3>
@@ -10,4 +10,3 @@
         </select>
     </div>
 </div>
-

admin_interface/templates/admin_interface/favicon.html

@@ -0,0 +1,17 @@
+{% load static %}
+
+{% if theme.favicon %}
+<link rel="icon" type="image/x-icon" href="{{ theme.favicon.url }}?v={{ version }}" />
+{% if theme.env_visible_in_favicon %}
+<script type="text/javascript" src="{% static 'admin_interface/favico/favico-0.3.10-patched.min.js' %}?v={{ version }}"></script>
+<script type="text/javascript">
+var favicon = new Favico({
+    type: 'circle',
+    bgColor: '{{ theme.env_color }}',
+    textColor: '#FFFFFF',
+    animation: 'none'
+});
+favicon.badge(' ');
+</script>
+{% endif %}
+{% endif %}

admin_interface/templates/admin_interface/related-modal.html

@@ -0,0 +1,7 @@
+{% load static %}
+
+{% if theme.related_modal_active %}
+<link rel="stylesheet" type="text/css" href="{% static 'admin_interface/magnific-popup/magnific-popup.css' %}?v={{ version }}" />
+<script type="text/javascript" src="{% static 'admin_interface/magnific-popup/jquery.magnific-popup.js' %}?v={{ version }}"></script>
+<script type="text/javascript" src="{% static 'admin_interface/related-modal/related-modal.js' %}?v={{ version }}"></script>
+{% endif %}

admin_interface/templatetags/admin_interface_tags.py

@@ -1,25 +1,35 @@
 # -*- coding: utf-8 -*-
 
-from django import template
+from django import template, VERSION
 
 from admin_interface.models import Theme
-
+from admin_interface.version import __version__
 
 register = template.Library()
 
+if VERSION < (1, 9):
+    simple_tag = register.assignment_tag
+else:
+    simple_tag = register.simple_tag
 
-@register.assignment_tag(takes_context = True)
+
+@simple_tag(takes_context=True)
 def get_admin_interface_theme(context):
+    theme = None
+    request = context.get('request', None)
 
-    obj_qs = Theme.objects.filter(active = True)[:1]
+    if request:
-    obj_ls = list(obj_qs)
+        theme = getattr(request, 'admin_interface_theme', None)
-    obj = None
 
-    if len(obj_ls):
+    if not theme:
-        obj = obj_ls[0]
+        theme = Theme.get_active_theme()
-    else:
-        obj = Theme.get_or_create_default_theme()
 
-    return obj
+    if request:
+        request.admin_interface_theme = theme
+
+    return theme
 
 
+@simple_tag(takes_context=False)
+def get_admin_interface_version():
+    return __version__

admin_interface/version.py

@@ -1,4 +1,3 @@
 # -*- coding: utf-8 -*-
 
-__version__ = '0.1.1'
+__version__ = '0.10.0'
-

runtests.py

@@ -0,0 +1,21 @@
+# -*- coding: utf-8 -*-
+
+import os
+import sys
+
+import django
+from django.conf import settings
+from django.test.utils import get_runner
+
+
+def runtests():
+    os.environ['DJANGO_SETTINGS_MODULE'] = 'tests.settings'
+    django.setup()
+    TestRunner = get_runner(settings)
+    test_runner = TestRunner()
+    failures = test_runner.run_tests(['tests'])
+    sys.exit(bool(failures))
+
+if __name__ == '__main__':
+    runtests()
+

setup.py

@@ -1,24 +1,65 @@
 #!/usr/bin/env python
+# -*- coding: utf-8 -*-
+
 from setuptools import find_packages, setup
 
+import os
+
 exec(open('admin_interface/version.py').read())
 
+github_url = 'https://github.com/fabiocaccamo'
+package_name = 'django-admin-interface'
+package_path = os.path.abspath(os.path.dirname(__file__))
+long_description_file_path = os.path.join(package_path, 'README.rst')
+long_description = ''
+try:
+    with open(long_description_file_path) as f:
+        long_description = f.read()
+except IOError:
+    pass
 
 setup(
-    name='django-admin-interface',
+    name=package_name,
-    packages=find_packages(),
+    packages=find_packages(exclude=['contrib', 'docs', 'tests*']),
     include_package_data=True,
-    license='MIT License',
     version=__version__,
-    description='django-admin-interface is a modern admin interface customizable by the admin itself.',
+    description='django-admin-interface is a modern responsive flat admin interface customizable by the admin itself.',
+    long_description=long_description,
     author='Fabio Caccamo',
     author_email='fabio.caccamo@gmail.com',
-    url='https://github.com/fabiocaccamo/django-admin-interface',
+    url='%s/%s' % (github_url, package_name, ),
-    download_url='https://github.com/fabiocaccamo/django-admin-interface/archive/%s.tar.gz' % __version__,
+    download_url='%s/%s/archive/%s.tar.gz' % (github_url, package_name, __version__, ),
-    keywords=['django', 'admin', 'interface', 'ui', 'flat', 'theme', 'custom'],
+    keywords=['django', 'admin', 'interface', 'responsive', 'flat', 'theme', 'custom', 'ui'],
+    requires=['django(>=1.7)'],
     install_requires=[
-        'django-colorfield==0.1.10'
+        'django-colorfield >= 0.1, < 1.0',
+        'django-flat-theme >= 1.0, < 2.0',
+        'django-flat-responsive >= 1.0, < 3.0',
     ],
-    classifiers=[]
+    classifiers=[
+        'Development Status :: 5 - Production/Stable',
+        'Environment :: Web Environment',
+        'Framework :: Django',
+        'Framework :: Django :: 1.7',
+        'Framework :: Django :: 1.8',
+        'Framework :: Django :: 1.9',
+        'Framework :: Django :: 1.10',
+        'Framework :: Django :: 1.11',
+        'Framework :: Django :: 2.0',
+        'Framework :: Django :: 2.1',
+        'Intended Audience :: Developers',
+        'License :: OSI Approved :: MIT License',
+        'Natural Language :: English',
+        'Operating System :: OS Independent',
+        'Programming Language :: Python :: 2',
+        'Programming Language :: Python :: 2.7',
+        'Programming Language :: Python :: 3',
+        'Programming Language :: Python :: 3.4',
+        'Programming Language :: Python :: 3.5',
+        'Programming Language :: Python :: 3.6',
+        'Programming Language :: Python :: 3.7',
+        'Topic :: Software Development :: Build Tools',
+    ],
+    license='MIT',
+    test_suite='runtests.runtests'
 )
-

tests/settings.py

@@ -0,0 +1,98 @@
+# -*- coding: utf-8 -*-
+
+import django
+import os
+
+BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
+
+SECRET_KEY = 'django-admin-interface'
+
+ALLOWED_HOSTS = ['*']
+
+# Application definition
+INSTALLED_APPS = [
+    'admin_interface',
+    'colorfield',
+]
+
+if django.VERSION < (1, 9):
+    # ONLY if django version < 1.9
+    INSTALLED_APPS += [
+        'flat',
+    ]
+
+if django.VERSION < (2, 0):
+    # ONLY if django version < 2.0
+    INSTALLED_APPS += [
+        'flat_responsive',
+    ]
+
+INSTALLED_APPS += [
+    'django.contrib.admin',
+    'django.contrib.auth',
+    'django.contrib.contenttypes',
+    'django.contrib.messages',
+    'django.contrib.sessions',
+]
+
+if django.VERSION < (2, 0):
+    MIDDLEWARE_CLASSES = [
+        'django.contrib.auth.middleware.AuthenticationMiddleware',
+        'django.contrib.messages.middleware.MessageMiddleware'
+        'django.contrib.sessions.middleware.SessionMiddleware',
+        'django.middleware.common.CommonMiddleware',
+    ]
+else:
+    MIDDLEWARE = [
+        'django.contrib.auth.middleware.AuthenticationMiddleware',
+        'django.contrib.messages.middleware.MessageMiddleware',
+        'django.contrib.sessions.middleware.SessionMiddleware',
+        'django.middleware.common.CommonMiddleware',
+    ]
+
+TEMPLATES = [{
+    'BACKEND': 'django.template.backends.django.DjangoTemplates',
+    'DIRS': [],
+    'APP_DIRS': True,
+    'OPTIONS': {
+        'context_processors': [
+            'django.contrib.auth.context_processors.auth',
+            'django.contrib.messages.context_processors.messages',
+        ]
+    },
+},]
+
+database_engine = os.environ.get('DATABASE_ENGINE', 'sqlite')
+database_config = {
+    'sqlite': {
+        'ENGINE': 'django.db.backends.sqlite3',
+        'NAME': ':memory:',
+    },
+    # 'mysql': {
+    #     'ENGINE': 'django.db.backends.mysql',
+    #     'NAME': 'admin_interface',
+    #     'USER': 'mysql',
+    #     'PASSWORD': 'mysql',
+    #     'HOST': '',
+    #     'PORT': '',
+    # },
+    'postgres': {
+        'ENGINE': 'django.db.backends.postgresql_psycopg2',
+        'NAME': 'admin_interface',
+        'USER': 'postgres',
+        'PASSWORD': 'postgres',
+        'HOST': '',
+        'PORT': '',
+    }
+}
+
+DATABASES = {
+    'default': database_config.get(database_engine),
+}
+
+MEDIA_ROOT = os.path.join(BASE_DIR, 'admin_interface/public/media/')
+MEDIA_URL = '/media/'
+
+STATIC_ROOT = os.path.join(BASE_DIR, 'admin_interface/public/static/')
+STATIC_URL = '/static/'
+

tests/test_models.py

@@ -0,0 +1,89 @@
+# -*- coding: utf-8 -*-
+
+from django.conf import settings
+from django.test import TestCase
+
+import random
+import shutil
+
+from admin_interface.models import Theme
+
+
+class AdminInterfaceModelsTestCase(TestCase):
+
+    def setUp(self):
+        pass
+
+    def tearDown(self):
+        shutil.rmtree(settings.MEDIA_ROOT, ignore_errors=True)
+
+    def __test_active_theme(self):
+        theme = Theme.get_active_theme()
+        print(theme)
+        self.assertTrue(theme != None)
+        self.assertTrue(theme.active)
+        self.assertEqual(Theme.objects.filter(active=True).count(), 1);
+
+    def test_default_theme_created_if_no_themes(self):
+        Theme.objects.all().delete()
+        self.__test_active_theme()
+
+    def test_default_theme_created_if_all_themes_deleted(self):
+        Theme.objects.all().delete()
+        self.__test_active_theme()
+
+    def test_default_theme_activated_on_save_if_no_active_themes(self):
+        Theme.objects.all().delete()
+        theme = Theme.get_active_theme()
+        theme.active = False
+        theme.save()
+        self.__test_active_theme()
+
+    def test_default_theme_activated_after_update_if_no_active_themes(self):
+        Theme.objects.all().delete()
+        Theme.objects.all().update(active=False)
+        self.__test_active_theme()
+
+    def test_default_theme_activated_after_update_if_multiple_active_themes(self):
+        Theme.objects.all().delete()
+        theme_1 = Theme.objects.create(name='Custom 1', active=True)
+        theme_2 = Theme.objects.create(name='Custom 2', active=True)
+        theme_3 = Theme.objects.create(name='Custom 3', active=True)
+        Theme.objects.update(active=False)
+        Theme.objects.update(active=True)
+        self.__test_active_theme()
+
+    def test_default_theme_activated_on_active_theme_deleted(self):
+        Theme.objects.all().delete()
+        theme_1 = Theme.objects.create(name='Custom 1', active=True)
+        theme_2 = Theme.objects.create(name='Custom 2', active=True)
+        theme_3 = Theme.objects.create(name='Custom 3', active=True)
+        Theme.objects.filter(pk=Theme.get_active_theme().pk).delete()
+        self.__test_active_theme()
+
+    def test_last_theme_activated_on_multiple_themes_created(self):
+        Theme.objects.all().delete()
+        theme_1 = Theme.objects.create(name='Custom 1', active=True)
+        theme_2 = Theme.objects.create(name='Custom 2', active=True)
+        theme_3 = Theme.objects.create(name='Custom 3', active=True)
+        self.assertEqual(Theme.get_active_theme().pk, theme_3.pk)
+        self.__test_active_theme()
+
+    def test_last_theme_activated_on_multiple_themes_activated(self):
+        Theme.objects.all().delete()
+        theme_1 = Theme.objects.create(name='Custom 1', active=True)
+        theme_2 = Theme.objects.create(name='Custom 2', active=True)
+        theme_3 = Theme.objects.create(name='Custom 3', active=True)
+        theme_4 = Theme.objects.create(name='Custom 4', active=True)
+        theme_5 = Theme.objects.create(name='Custom 5', active=True)
+        themes = [theme_1, theme_2, theme_3, theme_4, theme_5]
+        for i in range(5):
+            random.shuffle(themes)
+            for theme in themes:
+                theme.set_active()
+                self.assertEqual(Theme.get_active_theme().pk, theme.pk)
+        self.__test_active_theme()
+
+    def test_repr(self):
+        theme = Theme.get_active_theme()
+        self.assertEqual('{0}'.format(theme), 'Django')

tests/test_settings.py

@@ -0,0 +1,92 @@
+# -*- coding: utf-8 -*-
+
+import django
+from django.conf import settings
+from django.core.exceptions import ImproperlyConfigured
+from django.test import override_settings, TestCase
+
+from admin_interface.settings import check_installed_apps
+
+
+class AdminInterfaceSettingsTestCase(TestCase):
+
+    DJANGO_APPS = [
+        'django.contrib.admin',
+        'django.contrib.auth',
+        'django.contrib.contenttypes',
+        'django.contrib.messages',
+        'django.contrib.sessions',
+    ]
+
+    def setUp(self):
+        pass
+
+    def tearDown(self):
+        pass
+
+    def __test_installed_apps(self):
+        dj_version = django.VERSION
+        installed_apps = settings.INSTALLED_APPS
+
+        if 'colorfield' not in installed_apps:
+            self.assertRaises(ImproperlyConfigured, check_installed_apps)
+
+        elif 'flat' not in installed_apps and dj_version < (1, 9):
+            self.assertRaises(ImproperlyConfigured, check_installed_apps)
+
+        elif 'flat' in installed_apps and dj_version >= (1, 9):
+            self.assertRaises(ImproperlyConfigured, check_installed_apps)
+
+        elif 'flat_responsive' not in installed_apps and dj_version < (2, 0):
+            self.assertRaises(ImproperlyConfigured, check_installed_apps)
+
+        elif 'flat_responsive' in installed_apps and dj_version >= (2, 0):
+            self.assertRaises(ImproperlyConfigured, check_installed_apps)
+
+        else:
+            check_installed_apps()
+
+    @override_settings(
+        INSTALLED_APPS = [
+            'admin_interface',
+            'colorfield',
+            'flat',
+            'flat_responsive',
+        ] + DJANGO_APPS
+    )
+    def test_installed_apps_all(self):
+        self.__test_installed_apps()
+
+    @override_settings(
+        INSTALLED_APPS = [
+            'admin_interface',
+            # 'colorfield',
+            'flat',
+            'flat_responsive',
+        ] + DJANGO_APPS
+    )
+    def test_installed_apps_no_colorfield(self):
+        self.__test_installed_apps()
+
+    @override_settings(
+        INSTALLED_APPS = [
+            'admin_interface',
+            'colorfield',
+            # 'flat',
+            'flat_responsive',
+        ] + DJANGO_APPS
+    )
+    def test_installed_apps_no_flat(self):
+        self.__test_installed_apps()
+
+    @override_settings(
+        INSTALLED_APPS = [
+            'admin_interface',
+            'colorfield',
+            'flat',
+            # 'flat_responsive',
+        ] + DJANGO_APPS
+    )
+    def test_installed_apps_no_flat_responsive(self):
+        self.__test_installed_apps()
+

tests/test_templatetags.py

@@ -0,0 +1,54 @@
+# -*- coding: utf-8 -*-
+
+from django.test import TestCase
+from django.test.client import RequestFactory
+from django.template import Context, Template
+
+from admin_interface.models import Theme
+from admin_interface.templatetags import admin_interface_tags as templatetags
+from admin_interface.version import __version__
+
+
+class AdminInterfaceTemplateTagsTestCase(TestCase):
+
+    def setUp(self):
+        self.request_factory = RequestFactory()
+
+    def tearDown(self):
+        pass
+
+    def __render_template(self, string, context=None):
+        return Template(string).render(Context(context or {}))
+
+    def test_get_theme(self):
+        Theme.objects.all().delete()
+        context = Context({})
+        theme = templatetags.get_admin_interface_theme(context)
+        self.assertEqual(theme.name, 'Django')
+        rendered = self.__render_template(
+            '{% load admin_interface_tags %}'\
+            '{% get_admin_interface_theme as theme %}'\
+            '{{ theme.name }}', context)
+        self.assertEqual(rendered, 'Django')
+
+    def test_get_theme_with_request(self):
+        Theme.objects.all().delete()
+        context = Context({
+            'request': self.request_factory.get('/')
+        })
+        theme = templatetags.get_admin_interface_theme(context)
+        self.assertEqual(theme.name, 'Django')
+        rendered = self.__render_template(
+            '{% load admin_interface_tags %}'\
+            '{% get_admin_interface_theme as theme %}'\
+            '{{ theme.name }}', context)
+        self.assertEqual(rendered, 'Django')
+
+    def test_get_version(self):
+        version = templatetags.get_admin_interface_version()
+        self.assertEqual(version, __version__)
+        rendered = self.__render_template(
+            '{% load admin_interface_tags %}'\
+            '{% get_admin_interface_version as version %}'\
+            '{{ version }}')
+        self.assertEqual(rendered, __version__)

tox.ini

@@ -0,0 +1,30 @@
+[tox]
+envlist =
+    py27-{dj17,dj18,dj19,dj110,dj111}-{sqlite,postgres},
+    py34-{dj17,dj18,dj19,dj110,dj111,dj20}-{sqlite,postgres},
+    py35-{dj18,dj19,dj110,dj111,dj20,dj21}-{sqlite,postgres},
+    py36-{dj18,dj19,dj110,dj111,dj20,dj21,djmaster}-{sqlite,postgres},
+    py37-{dj20,dj21,djmaster}-{sqlite,postgres},
+[testenv]
+passenv = CI TRAVIS TRAVIS_*
+deps =
+    dj17: Django >= 1.7, < 1.8
+    dj18: Django >= 1.8, < 1.9
+    dj19: Django >= 1.9, < 1.10
+    dj110: Django >= 1.10, < 1.11
+    dj111: Django >= 1.11, < 1.12
+    dj20: Django >= 2.0, < 2.1
+    dj21: Django >= 2.1, < 2.2
+    djmaster: https://github.com/django/django/archive/master.tar.gz
+    # mysql: mysqlclient
+    postgres: psycopg2-binary
+    coverage
+    codecov
+setenv =
+    sqlite: DATABASE_ENGINE=sqlite
+    # mysql: DATABASE_ENGINE=mysql
+    postgres: DATABASE_ENGINE=postgres
+commands =
+    coverage run --append --source=admin_interface setup.py test
+    coverage report -m
+    codecov