mirror of
https://codeberg.org/streams/streams.git
synced 2024-09-19 16:55:18 +00:00
Add color picker to theme settings
This commit is contained in:
parent
ff0a07655d
commit
c972a94b01
3 changed files with 37 additions and 17 deletions
|
@ -5,10 +5,15 @@ head_add_css('library/bootstrap/css/bootstrap-theme.min.css');
|
|||
head_add_css('library/bootstrap/css/bootstrap.min.css');
|
||||
head_add_css('view/css/bootstrap-red.css');
|
||||
head_add_css('library/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css');
|
||||
|
||||
//head_add_css('library/colorpicker/css/colorpicker.css');
|
||||
head_add_css('library/bootstrap-colorpicker/dist/css/bootstrap-colorpicker.min.css');
|
||||
require_once('view/php/theme_init.php');
|
||||
|
||||
head_add_js('library/bootstrap/js/bootstrap.min.js');
|
||||
head_add_js('library/bootstrap/js/bootbox.min.js');
|
||||
head_add_js('library/bootstrap-datetimepicker/js/moment.js');
|
||||
head_add_js('library/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js');
|
||||
//head_add_js('library/colorpicker/js/colorpicker.js');
|
||||
head_add_js('library/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.js');
|
||||
head_add_js('library/bootstrap-colorpicker/src/js/docs.js');
|
||||
|
||||
|
|
|
@ -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>
|
||||
|
|
6
view/tpl/field_colorinput.tpl
Normal file
6
view/tpl/field_colorinput.tpl
Normal file
|
@ -0,0 +1,6 @@
|
|||
<div class='field input color'>
|
||||
<label for='id_{{$field.0}}' id='label_{{$field.0}}'>{{$field.1}}</label>
|
||||
<input class='color' name='{{$field.0}}' id='id_{{$field.0}}' type="text" value="{{$field.2}}">{{if $field.4}} <span class="required">{{$field.4}}</span> {{/if}}
|
||||
<span id='help_{{$field.0}}' class='field_help'>{{$field.3}}</span>
|
||||
<div id='end_{{$field.0}}' class='field_end'></div>
|
||||
</div>
|
Loading…
Reference in a new issue