Dev: added text options to fruity (colors and check icon)

LimeSurvey · Dec 12, 2017 · 9d7f45f · 9d7f45f
1 parent f47dc47
commit 9d7f45f
Showing 1 changed file with 52 additions and 0 deletions.
diff --git a/themes/survey/fruity/options/options.twig b/themes/survey/fruity/options/options.twig
@@ -15,6 +15,8 @@
 
 #}
 
+{% set aOptions = json_decode(templateConfiguration.options)  %}
+
 {{ registerPackage('font-roboto') }}
 {{ registerPackage('font-noto') }}
 {{ registerPackage('font-news_cycle') }}
@@ -400,6 +402,56 @@
             <div class='row action_hide_on_inherit'>
                 <hr/>
             </div>
+
+            <div class='row action_hide_on_inherit'>
+
+                {# Background Color #}
+                <div class='col-sm-12 col-md-2'>
+                    <div class='form-group row'>
+                        <label for='simple_edit_options_bodybackgroundcolor' class='control-label'>{{ "Background color" | t }}</label>
+                        <div class='col-sm-12'>
+                            <input type="text" name="bodybackgroundcolor" value="" class="selector_option_value_field form-control simple_edit_options_bodybackgroundcolor" data-id="bodybackgroundcolor" />
+                        </div>
+                    </div>
+                </div>
+
+                {# Font Color #}
+                <div class='col-sm-12 col-md-2'>
+                    <div class='form-group row'>
+                        <label for='simple_edit_options_fontcolor' class='control-label'>{{ "Font color" | t }}</label>
+                        <div class='col-sm-12'>
+                            <input type="text" name="fontcolor" value="" class="selector_option_value_field form-control simple_edit_options_fontcolor" data-id="fontcolor" />
+                        </div>
+                    </div>
+                </div>
+
+                {# Question Background Color #}
+                <div class='col-sm-12 col-md-2'>
+                    <div class='form-group row'>
+                        <label for='simple_edit_options_questionbackgroundcolor' class='control-label'>{{ "Question background color" | t }}</label>
+                        <div class='col-sm-12'>
+                            <input type="text" name="questionbackgroundcolor" value="" class="selector_option_value_field form-control simple_edit_options_questionbackgroundcolor" data-id="questionbackgroundcolor" />
+                        </div>
+                    </div>
+                </div>
+
+                {# Check icon #}
+                <div class='col-sm-12 col-md-2'>
+                    <div class='form-group row'>
+                        <label for='simple_edit_options_checkicon' class='control-label'>{{ "Check icon" | t }}</label>
+                        <div class='col-sm-12'>
+                            <input type="text" name="checkicon" value="" class="selector_option_value_field form-control simple_edit_options_checkicon" data-id="checkicon" />
+
+                            ( <i class="fa">&#x{{ aOptions.checkicon }}</i> )
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class='row action_hide_on_inherit'>
+                <hr/>
+            </div>
+
              <div class='row action_hide_on_inherit'>
                 <div class='col-sm-12 col-md-4'>
                     {# Background image #}