From c972a94b0125bcb82ef3fe8e97adef45f94404f2 Mon Sep 17 00:00:00 2001
From: Christian Vogeley <christian.vogeley@hotmail.de>
Date: Sun, 23 Mar 2014 21:35:20 +0100
Subject: Add color picker to theme settings

---
 view/theme/redbasic/tpl/theme_settings.tpl | 41 ++++++++++++++++++------------
 1 file changed, 25 insertions(+), 16 deletions(-)

(limited to 'view/theme/redbasic/tpl/theme_settings.tpl')

diff --git a/view/theme/redbasic/tpl/theme_settings.tpl b/view/theme/redbasic/tpl/theme_settings.tpl
index fc9388f2e..ccd183049 100644
--- a/view/theme/redbasic/tpl/theme_settings.tpl
+++ b/view/theme/redbasic/tpl/theme_settings.tpl
@@ -4,26 +4,27 @@
 </div>
 
 {{if $expert}}
+
 {{include file="field_checkbox.tpl" field=$narrow_navbar}}
-{{include file="field_input.tpl" field=$nav_bg}}
-{{include file="field_input.tpl" field=$nav_gradient_top}}
-{{include file="field_input.tpl" field=$nav_gradient_bottom}}
-{{include file="field_input.tpl" field=$nav_active_gradient_top}}
-{{include file="field_input.tpl" field=$nav_active_gradient_bottom}}
-{{include file="field_input.tpl" field=$nav_bd}}
-{{include file="field_input.tpl" field=$nav_icon_colour}}
-{{include file="field_input.tpl" field=$nav_active_icon_colour}}
-{{include file="field_input.tpl" field=$banner_colour}}
-{{include file="field_input.tpl" field=$link_colour}}
-{{include file="field_input.tpl" field=$bgcolour}}
-{{include file="field_input.tpl" field=$background_image}}
-{{include file="field_input.tpl" field=$item_colour}}
+{{include file="field_colorinput.tpl" field=$nav_bg}}
+{{include file="field_colorinput.tpl" field=$nav_gradient_top}}
+{{include file="field_colorinput.tpl" field=$nav_gradient_bottom}}
+{{include file="field_colorinput.tpl" field=$nav_active_gradient_top}}
+{{include file="field_colorinput.tpl" field=$nav_active_gradient_bottom}}
+{{include file="field_colorinput.tpl" field=$nav_bd}}
+{{include file="field_colorinput.tpl" field=$nav_icon_colour}}
+{{include file="field_colorinput.tpl" field=$nav_active_icon_colour}}
+{{include file="field_colorinput.tpl" field=$banner_colour}}
+{{include file="field_colorinput.tpl" field=$link_colour}}
+{{include file="field_colorinput.tpl" field=$bgcolour}}
+{{include file="field_colorinput.tpl" field=$background_image}}
+{{include file="field_colorinput.tpl" field=$item_colour}}
 {{include file="field_input.tpl" field=$item_opacity}}
-{{include file="field_input.tpl" field=$toolicon_colour}}
-{{include file="field_input.tpl" field=$toolicon_activecolour}}
+{{include file="field_colorinput.tpl" field=$toolicon_colour}}
+{{include file="field_colorinput.tpl" field=$toolicon_activecolour}}
 {{include file="field_input.tpl" field=$body_font_size}}
 {{include file="field_input.tpl" field=$font_size}}
-{{include file="field_input.tpl" field=$font_colour}}
+{{include file="field_colorinput.tpl" field=$font_colour}}
 {{include file="field_input.tpl" field=$radius}}
 {{include file="field_input.tpl" field=$shadow}}
 {{include file="field_input.tpl" field=$converse_width}}
@@ -31,6 +32,14 @@
 {{include file="field_input.tpl" field=$top_photo}}
 {{include file="field_input.tpl" field=$reply_photo}}
 {{include file="field_checkbox.tpl" field=$sloppy_photos}}
+<script>
+    $(function(){
+        $('#id_redbasic_nav_bg,#id_redbasic_nav_gradient_top,#id_redbasic_nav_gradient_bottom,#id_redbasic_nav_active_gradient_top,#id_redbasic_nav_active_gradient_bottom').colorpicker();
+        $('#id_redbasic_nav_bd,#id_redbasic_nav_icon_colour ,#id_redbasic_nav_active_icon_colour,#id_redbasic_banner_colour,#id_redbasic_link_colour,#id_redbasic_background_colour').colorpicker();
+        $('#id_redbasic_item_colour,#id_redbasic_toolicon_colour,#id_redbasic_toolicon_activecolour,#id_redbasic_font_colour').colorpicker();
+    });
+</script>
+
 <div class="settings-submit-wrapper">
 	<input type="submit" value="{{$submit}}" class="settings-submit" name="redbasic-settings-submit" />
 </div>
-- 
cgit v1.2.3