Updated CHANGELOG and version.

.github/FUNDING.yml

@@ -1,6 +1,2 @@
 github: [fabiocaccamo]
-patreon: fabiocaccamo
-ko_fi: fabiocaccamo
-liberapay: fabiocaccamo
-issuehunt: fabiocaccamo
 custom: ['https://www.paypal.me/fabiocaccamo']

CHANGELOG.md

@@ -4,6 +4,32 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.16.0](https://github.com/fabiocaccamo/django-admin-interface/releases/tag/0.16.0) - 2021-03-30
+-  Added customizable colors for selected apps and models in dashboard. #122
+-  Added `responsive_rtl.css` stylesheet. #98
+-  Updated `vazir-font` version to `27.2.2`. #98
+
+## [0.15.6](https://github.com/fabiocaccamo/django-admin-interface/releases/tag/0.15.6) - 2021-03-26
+-  Fixed `show_change_link` related modal support. #120
+-  Fixed inline changelink style.
+-  Made globally available `presentRelatedObjectModal` and `presentRelatedObjectModalOnClickOn` js functions.
+
+## [0.15.5](https://github.com/fabiocaccamo/django-admin-interface/releases/tag/0.15.5) - 2021-03-02
+-  Fixed sticky submit and pagination `z-index` issue with related modal.
+
+## [0.15.4](https://github.com/fabiocaccamo/django-admin-interface/releases/tag/0.15.4) - 2021-03-01
+-  Fixed sticky submit and pagination `z-index` issue with sticky `list_filter` and `django-json-widget`.
+
+## [0.15.3](https://github.com/fabiocaccamo/django-admin-interface/releases/tag/0.15.3) - 2021-02-08
+-  Fixed sticky submit and pagination width when `admin.site.enable_nav_sidebar = False`. #113
+
+## [0.15.2](https://github.com/fabiocaccamo/django-admin-interface/releases/tag/0.15.2) - 2021-02-03
+-  Fixed body classes template rendering.
+-  Improved sticky submit and pagination backward compatibility.
+
+## [0.15.1](https://github.com/fabiocaccamo/django-admin-interface/releases/tag/0.15.1) - 2021-02-03
+-  Fixed and improved sticky form controls and pagination style.
+
 ## [0.15.0](https://github.com/fabiocaccamo/django-admin-interface/releases/tag/0.15.0) - 2021-02-03
 -  Added sticky form controls and pagination options. #110
 -  Added support to 4-digit language code in language chooser. #111

README.md

@@ -22,10 +22,12 @@ django-admin-interface is a modern **responsive flat admin interface customizabl
 - Beautiful default **django-theme**
 - Themes management and customization *(you can **customize admin title, logo and colors**)*
 - Responsive
-- List filter dropdown *(optional)*
+- Related modal *(instead of the old popup window)*
-- `NEW` **Related modal** *(instead of the old popup window, optional)*
+- Environment name/marker
-- `NEW` **Environment name/marker**
+- Language chooser
-- `NEW` **Language chooser**
+- List filter dropdown
+- `NEW` **List filter sticky**
+- `NEW` **Form controls sticky** *(pagination and save/delete buttons)*
 - Compatibility / Style optimizations for:
   - `django-ckeditor`
   - `django-dynamic-raw-id`
@@ -99,8 +101,10 @@ You can add **theme support to existing third-party libraries** using the follow
 - `--admin-interface-header-link-color`
 - `--admin-interface-header-link_hover-color`
 - `--admin-interface-module-background-color`
+- `--admin-interface-module-background-selected-color`
 - `--admin-interface-module-text-color`
 - `--admin-interface-module-link-color`
+- `--admin-interface-module-link-selected-color`
 - `--admin-interface-module-link-hover-color`
 - `--admin-interface-generic-link-color`
 - `--admin-interface-generic-link-hover-color`
@@ -159,6 +163,19 @@ Released under [MIT License](LICENSE.txt).
 
 ---
 
+## Supporting
+
+I would like to spend more time on this project, especially to improve it and adding new features.
+
+As everyone knows open-source projects takes up a lot of time that is unpaid. :money_with_wings:
+
+If you are using this package in commercial project(s), please consider the idea to become a sponsor or donating once:
+
+- ![GitHub Sponsor](https://github.com/sponsors/fabiocaccamo)
+- ![PayPal](https://www.paypal.me/fabiocaccamo)
+- BTC: bc1q2t0pv8z3udpyuvfnx5kskhqdad4dcvtfuzmvjw
+- ETH: 0x8B55Fb7798b5A9F797A4455C00821B6e53daca74
+
 ## See also
 
 - [`django-colorfield`](https://github.com/fabiocaccamo/django-colorfield) - simple color field for models with a nice color-picker in the admin. 🎨

admin_interface/admin.py

@@ -71,8 +71,10 @@ class ThemeAdmin(admin.ModelAdmin):
             'classes': ('wide', ),
             'fields': (
                 'css_module_background_color',
+                'css_module_background_selected_color',
                 'css_module_text_color',
                 'css_module_link_color',
+                'css_module_link_selected_color',
                 'css_module_link_hover_color',
                 'css_module_rounded_corners',
             )

admin_interface/migrations/0020_module_selected_colors.py

@@ -0,0 +1,27 @@
+import colorfield.fields
+from django.db import migrations
+from django.db.models import F
+
+def default_link_selected(apps, schema_editor):
+    Theme = apps.get_model("admin_interface", "Theme")
+    Theme.objects.update(css_module_link_selected_color=F('css_module_link_color'))
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('admin_interface', '0019_add_form_sticky'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='theme',
+            name='css_module_background_selected_color',
+            field=colorfield.fields.ColorField(blank=True, default='#FFFFCC', help_text='#FFFFCC', max_length=10, verbose_name='background selected color'),
+        ),
+        migrations.AddField(
+            model_name='theme',
+            name='css_module_link_selected_color',
+            field=colorfield.fields.ColorField(blank=True, default='#FFFFFF', help_text='#FFFFFF', max_length=10, verbose_name='link selected color'),
+        ),
+        migrations.RunPython(default_link_selected),
+    ]

admin_interface/models.py

@@ -178,6 +178,12 @@ class Theme(models.Model):
         help_text='#44B78B',
         max_length=10,
         verbose_name=_('background color'))
+    css_module_background_selected_color = ColorField(
+        blank=True,
+        default='#FFFFCC',
+        help_text='#FFFFCC',
+        max_length=10,
+        verbose_name=_('background selected color'))
     css_module_text_color = ColorField(
         blank=True,
         default='#FFFFFF',
@@ -190,6 +196,12 @@ class Theme(models.Model):
         help_text='#FFFFFF',
         max_length=10,
         verbose_name=_('link color'))
+    css_module_link_selected_color = ColorField(
+        blank=True,
+        default='#FFFFFF',
+        help_text='#FFFFFF',
+        max_length=10,
+        verbose_name=_('link selected color'))
     css_module_link_hover_color = ColorField(
         blank=True,
         default='#C9F0DD',

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

@@ -130,6 +130,10 @@ if (typeof(django) !== 'undefined' && typeof(django.jQuery) !== 'undefined')
                 el.click(data, presentRelatedObjectModal);
             }
 
+            // assign functions to global variables
+            window.presentRelatedObjectModal = presentRelatedObjectModal;
+            window.presentRelatedObjectModalOnClickOn = presentRelatedObjectModalOnClickOn;
+
             // django 1.7 compatibility
             // $('a.add-another').removeAttr('onclick').click({ lookup:false }, presentRelatedObjectModal);
             presentRelatedObjectModalOnClickOn('a.add-another');
@@ -145,7 +149,10 @@ if (typeof(django) !== 'undefined' && typeof(django.jQuery) !== 'undefined')
             // django-dynamic-raw-id support - #61
             // https://github.com/lincolnloop/django-dynamic-raw-id
             presentRelatedObjectModalOnClickOn('a.dynamic_raw_id-related-lookup', true);
+
+            // show_change_link=True support
+            presentRelatedObjectModalOnClickOn('a.inlinechangelink');
         });
 
     })(django.jQuery);
-}
+}

admin_interface/templates/admin/base_site.html

@@ -17,6 +17,7 @@ https://github.com/fabiocaccamo/django-admin-interface
 */
 {% include "admin_interface/css/admin-interface.css" %}
 {% include "admin_interface/css/admin-interface-fix.css" %}
+{% include "admin_interface/css/form-controls.css" %}
 {% include "admin_interface/css/list-filter-dropdown.css" %}
 {% include "admin_interface/css/recent-actions.css" %}
 {% include "admin_interface/css/related-modal.css" %}
@@ -36,7 +37,7 @@ https://github.com/fabiocaccamo/django-admin-interface
 </style>
 
 {% if current_lang == 'fa' %}
-    <link href="https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v26.0.2/dist/font-face.css" rel="stylesheet" type="text/css" />
+<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v27.2.2/dist/font-face.css" />
 {% endif %}
 
 {% endblock %}
@@ -47,13 +48,13 @@ https://github.com/fabiocaccamo/django-admin-interface
 {% 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" href="{% static 'admin/css/responsive.css' %}?v={{ version }}">
+<link rel="stylesheet" type="text/css" href="{% static 'admin/css/responsive.css' %}?v={{ version }}">
+<link rel="stylesheet" type="text/css" href="{% static 'admin/css/responsive_rtl.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 %}{{
+{% block bodyclass %}admin-interface flat-theme {% get_admin_interface_theme as theme %}{% if theme.name %}{{ theme.name|slugify }}-theme{% endif %}{% if theme.form_submit_sticky %} sticky-submit {% endif %}{% if theme.form_pagination_sticky %} sticky-pagination {% endif %}{% endblock %}
-theme.name|slugify }}-theme{% endif %}{% if theme.form_submit_sticky %} sticky-submit {% endif %}{% if theme.form_pagination_sticky %} sticky-pagination {% endif %}{% endblock %}
 
 {% block branding %}
 {% get_admin_interface_theme as theme %}

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

@@ -164,6 +164,12 @@ body.admin-interface .paginator a.showall:visited {
     margin-left: 5px;
 }
 
+.admin-interface .inline-group .inlinechangelink {
+    background-size: contain;
+    padding-left: 15px;
+    margin-left: 10px;
+}
+
 .admin-interface .file-thumbnail > a {
     display: inline-block;
 }
@@ -412,25 +418,6 @@ body.admin-interface .paginator a.showall:visited {
     max-width: 100%;
 }
 
-.admin-interface.sticky-submit.change-form:not(.popup) #main > #nav-sidebar + .content,
-.admin-interface.sticky-pagination.change-list:not(.popup) #main > #nav-sidebar + .content {
-    padding-bottom: 4rem;
-}
-
-.admin-interface.sticky-submit.change-form:not(.popup) #main > #nav-sidebar + .content form fieldset + .submit-row,
-.admin-interface.sticky-pagination.change-list:not(.popup) #main > #nav-sidebar + .content form .results + .paginator {
-    width: 100%;
-    max-width: calc(100% - 28px);
-    bottom: 0;
-    right: 0;
-    margin-bottom: 0;
-    position: fixed;
-}
-
-.admin-interface.sticky-pagination.change-list:not(.popup) #main > #nav-sidebar + .content form .results + .paginator {
-    max-width: calc(100% - 20px);
-}
-
 /* hide nav-sidebar below 1280px to prevent horizontal overflow issues */
 @media (max-width:1279px) {
     .admin-interface #nav-sidebar,
@@ -468,17 +455,6 @@ body.admin-interface .paginator a.showall:visited {
     .admin-interface.change-form:not(.popup) #main.shifted > #nav-sidebar + .content {
         max-width: calc(100% - 360px);
     }
-
-    .admin-interface.sticky-submit.change-form:not(.popup) #main.shifted > #nav-sidebar + .content form fieldset + .submit-row,
-    .admin-interface.sticky-pagination.change-list:not(.popup) #main.shifted > #nav-sidebar + .content form .results + .paginator {
-        max-width: calc(100% - 388px);
-        right: 0;
-        bottom: 0;
-    }
-
-    .admin-interface.sticky-pagination.change-list:not(.popup) #main.shifted > #nav-sidebar + .content form .results + .paginator {
-        max-width: calc(100% - 380px);
-    }
 }
 
 /* fixed related widget and select2 */
@@ -567,14 +543,4 @@ body.admin-interface .paginator a.showall:visited {
     .admin-interface .aligned .form-row .file-upload input[type="file"] {
         margin-top: 5px;
     }
-
-    .admin-interface.sticky-submit.change-form:not(.popup) #main > #nav-sidebar + .content,
-    .admin-interface.sticky-pagination.change-form:not(.popup) #main > #nav-sidebar + .content {
-        padding-bottom: 12rem;
-    }
-
-    .admin-interface.sticky-submit.change-form:not(.popup) #main > #nav-sidebar + .content .submit-row,
-    .admin-interface.sticky-pagination.change-list:not(.popup) #main > #nav-sidebar + .content form .results + .paginator {
-        max-width: calc(100% - 20px);
-    }
 }

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

@@ -7,8 +7,10 @@
     --admin-interface-header-link-color: {{ theme.css_header_link_color }};
     --admin-interface-header-link_hover-color: {{ theme.css_header_link_hover_color }};
     --admin-interface-module-background-color: {{ theme.css_module_background_color }};
+    --admin-interface-module-background-selected-color: {{ theme.css_module_background_selected_color }};
     --admin-interface-module-text-color: {{ theme.css_module_text_color }};
     --admin-interface-module-link-color: {{ theme.css_module_link_color }};
+    --admin-interface-module-link-selected-color: {{ theme.css_module_link_selected_color }};
     --admin-interface-module-link-hover-color: {{ theme.css_module_link_hover_color }};
     --admin-interface-generic-link-color: {{ theme.css_generic_link_color }};
     --admin-interface-generic-link-hover-color: {{ theme.css_generic_link_hover_color }};
@@ -64,7 +66,7 @@
     position: absolute;
     top: 15px;
     right: 15px;
-    z-index: 5;
+    z-index: 10;
 }
 @media (min-width:768px) {
     .admin-interface .language-chooser {
@@ -126,7 +128,7 @@
 
 .admin-interface #nav-sidebar .current-app .section:link,
 .admin-interface #nav-sidebar .current-app .section:visited {
-    color: {{ theme.css_module_link_color }};
+    color: {{ theme.css_module_link_selected_color }};
     font-weight: normal;
 }
 
@@ -136,11 +138,11 @@
 }
 
 .admin-interface #nav-sidebar .current-model {
-    background: #FFFFCC;
+    background: {{ theme.css_module_background_selected_color }};
 }
 
 .admin-interface #changelist table tbody tr.selected {
-    background-color: #FFFFCC;
+    background-color: {{ theme.css_module_background_selected_color }};
 }
 
 .admin-interface .module h2,
@@ -332,11 +334,13 @@
         position: sticky;
         top: 40px;
         float: right;
+        z-index: 30;
     }
     /* feature not available for django < 3.1.2 */
     .admin-interface .module.filtered #toolbar + #changelist-filter {
         position: absolute;
         top: 0px;
+        z-index: 30;
     }
 }
 {% endif %}

admin_interface/templates/admin_interface/css/form-controls.css

@@ -0,0 +1,95 @@
+/* sticky pagination */
+
+.admin-interface.sticky-pagination.change-list #content-main {
+    padding-bottom: 4.375rem;
+}
+
+.admin-interface.sticky-pagination.change-list .paginator {
+    width: 100%;
+    position: fixed;
+    bottom: 0;
+    right: 0;
+    z-index: 40;
+    box-sizing: border-box;
+    padding-left: 15px;
+    padding-right: 15px;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    border-radius: 0;
+    border-top: 1px solid #EEEEEE;
+    border-bottom: none;
+    margin: 0;
+}
+
+.admin-interface.sticky-pagination.change-list.popup .paginator {
+    padding-left: 20px;
+    padding-right: 20px;
+}
+
+@media (min-width:768px) {
+    .admin-interface.sticky-pagination.change-list:not(.popup) .paginator {
+        padding-left: 30px;
+        padding-right: 30px;
+    }
+}
+
+@media (min-width:1024px) {
+    .admin-interface.sticky-pagination.change-list:not(.popup) .paginator {
+        padding-left: 40px;
+        padding-right: 40px;
+    }
+}
+
+@media (min-width:1280px) {
+    .admin-interface.sticky-pagination.change-list:not(.popup) #main.shifted > #nav-sidebar + .content .paginator {
+        width: calc(100% - 359px);
+    }
+}
+
+/* sticky submit */
+
+@media (min-width:768px) {
+    .admin-interface.sticky-submit.change-form #content-main {
+        padding-bottom: 4.375rem;
+    }
+
+    .admin-interface.sticky-submit.change-form .submit-row:last-of-type {
+        width: 100%;
+        position: fixed;
+        bottom: 0;
+        right: 0;
+        z-index: 40;
+        box-sizing: border-box;
+        padding-left: 15px;
+        padding-right: 15px;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        border-radius: 0;
+        border-top: 1px solid #EEEEEE;
+        border-bottom: none;
+        margin: 0;
+    }
+
+    .admin-interface.sticky-submit.change-form.popup .submit-row:last-of-type {
+        padding-left: 20px;
+        padding-right: 20px;
+    }
+
+    .admin-interface.sticky-submit.change-form:not(.popup) .submit-row:last-of-type {
+        padding-left: 30px;
+        padding-right: 30px;
+    }
+}
+
+@media (min-width:1024px) {
+    .admin-interface.sticky-submit.change-form:not(.popup) .submit-row:last-of-type {
+        padding-left: 40px;
+        padding-right: 40px;
+    }
+}
+
+@media (min-width:1280px) {
+    .admin-interface.sticky-submit.change-form:not(.popup) #main.shifted > #nav-sidebar + .content .submit-row:last-of-type {
+        width: calc(100% - 359px);
+    }
+}

admin_interface/templates/admin_interface/css/json-widget.css

@@ -23,7 +23,7 @@ https://github.com/jmrivas86/django-json-widget
 .admin-interface div.jsoneditor-contextmenu ul li button.jsoneditor-selected,
 .admin-interface div.jsoneditor-contextmenu ul li button.jsoneditor-selected:focus,
 .admin-interface div.jsoneditor-contextmenu ul li button.jsoneditor-selected:hover {
-    background-color: #FFFFCC;
+    background-color: {{ theme.css_module_background_selected_color }};
     color: #000000;
     font-weight: bold;
 }

admin_interface/version.py

@@ -1,3 +1,3 @@
 # -*- coding: utf-8 -*-
 
-__version__ = '0.15.0'
+__version__ = '0.16.0'