add color picker to theme admin

use html input color
GeoNode · Mar 14, 2019 · 3777548 · 3777548
1 parent 2fa55a9
commit 3777548
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/geonode/themes/admin.py b/geonode/themes/admin.py
@@ -18,6 +18,7 @@
 #
 #########################################################################
 
+from django import forms
 from django.contrib import admin
 
 from .models import Partner, GeoNodeThemeCustomization
@@ -28,7 +29,20 @@ class PartnerAdmin(admin.ModelAdmin):
     list_display = ('id', 'name', 'title', 'href',)
 
 
+class GeonodeThemCustomizationForm(forms.ModelForm):
+    class Meta:
+        model = GeoNodeThemeCustomization
+        widgets = {
+            'body_color': forms.TextInput(attrs={'type': 'color'}),
+            'navbar_color': forms.TextInput(attrs={'type': 'color'}),
+            'jumbotron_color': forms.TextInput(attrs={'type': 'color'}),
+            'copyright_color': forms.TextInput(attrs={'type': 'color'}),
+        }
+        fields = '__all__'
+
+
 @admin.register(GeoNodeThemeCustomization)
 class GeoNodeThemeCustomizationAdmin(admin.ModelAdmin):
+    form = GeonodeThemCustomizationForm
     list_display = ('id', 'is_enabled', 'name', 'date', 'description')
     list_display_links = ('id', 'name',)