Improve theme form
[shapado:piglops-shapado.git] / app / views / themes / _form.html.haml
1 -content_for :js do
2   = include_javascripts(:codemirror)
3
4 -content_for :css do
5   = include_stylesheets(:codemirror)
6
7 .field
8   = form.label t('shared.name')
9   = form.text_field :name
10
11 .field
12   = form.label t('shared.description')
13   = form.text_area :description
14
15 .field
16   .checkbox
17     = form.label I18n.t('themes.form.fluid_layout')
18     = form.check_box :fluid
19     %small
20       = I18n.t('themes.form.fluid_layout_legend')
21   .clear
22
23 %h2
24   = I18n.t('themes.form.colors_and_bg')
25
26 %fieldset.theme_colors
27   .field
28     = form.label I18n.t('themes.show.bg_color')
29     = form.text_field :bg_color, :type => "color"
30     %small
31       = I18n.t('themes.form.bg_color_legend')
32
33   .field
34     -if !@theme.new? && @theme.has_bg_image?
35       = image_tag(bg_image_path(@theme.group,@theme.id,@theme.version))
36       =link_to t("scaffold.destroy"), remove_bg_image_theme_path(@theme)
37     = form.label I18n.t('themes.show.bg_image')
38     = form.file_field :bg_image
39     %small
40       = I18n.t('themes.form.bg_image_legend')
41
42   .field
43     = form.label  I18n.t('themes.show.main_color')
44     = form.text_field :brand_color, :type => "color"
45     %small
46       = I18n.t('themes.form.main_color_legend')
47   .field
48     = form.label  I18n.t('themes.show.modules_color')
49     = form.text_field :view_bg_color, :type => "color"
50     %small
51       = I18n.t('themes.form.modules_color_legend')
52
53   .field
54     = form.label I18n.t('themes.show.text_color')
55     = form.text_field :fg_color, :type => "color"
56     %small
57       = I18n.t('themes.form.text_color_legend')
58
59 .field
60   = form.label :custom_css
61   = form.text_area :custom_css, :class => "code", :data => {:lang => "css"}
62   %small
63     = I18n.t('themes.form.custom_css_legend')
64   -if !@theme.last_error.blank?
65     =@theme.last_error
66
67 - if current_group.has_custom_js
68   .field
69     = form.label :javascript
70     = form.file_field :javascript
71
72     = link_to "edit", "#", class: "show_dialog", data: { target: "javascript" }
73
74
75 .field
76   = form.label :layout_html
77   = form.file_field :layout_html
78
79   = link_to "edit", "#", class: "show_dialog", data: { target: "layout_html" }
80
81 .field
82   = form.label :questions_index_html
83   = form.file_field :questions_index_html
84   = link_to "edit", "#", class: "show_dialog", data: { target: "questions_index_html" }
85   %small
86     = I18n.t('themes.form.questions_index_html')
87
88 .field
89   = form.label :questions_show_html
90   = form.file_field :questions_show_html
91   = link_to "edit", "#", class: "show_dialog", data: { target: "questions_show_html" }
92
93   %small
94     = I18n.t('themes.form.questions_show_html')
95
96 .form-options
97   .buttons
98     = form.submit :value => I18n.t('themes.form.submit_update') , :class => "save"
99
100
101 .javascript-code-editor{style: "display: none"}
102   = form_for @theme do |form|
103     - if @theme.has_js
104       = form.text_area :javascript, :value => @theme.javascript.get.read, :class => "code", :data => {:lang => "htmlmixed"}
105     - else
106       = form.text_area :javascript, :value => '', :class => "code", :data => {:lang => "htmlmixed"}
107     .form-options
108       .buttons
109         = form.submit
110
111 .questions_index_html-code-editor{style: "display: none"}
112   = form_for @theme do |form|
113     - if @theme.has_questions_index_html?
114       = form.text_area :questions_index_html, :value => @theme.questions_index_html.get.read, :class => "code", :data => {:lang => "htmlmixed"}
115     - else
116       = form.text_area :questions_index_html, :value => '', :class => "code", :data => {:lang => "htmlmixed"}
117     .form-options
118       .buttons
119         = form.submit
120
121 .questions_show_html-code-editor{style: "display: none"}
122   = form_for @theme do |form|
123     - if @theme.has_questions_show_html?
124       = form.text_area :questions_show_html, :value => @theme.questions_show_html.get.read, :class => "code", :data => {:lang => "htmlmixed"}
125     - else
126       = form.text_area :questions_show_html, :value => '', :class => "code", :data => {:lang => "htmlmixed"}
127     .form-options
128       .buttons
129         = form.submit
130
131 .layout_html-code-editor{style: "display: none"}
132   = form_for @theme do |form|
133     - if @theme.has_layout_html?
134       = form.text_area :layout_html, :value => @theme.layout_html.get.read, :class => "code", :data => {:lang => "htmlmixed"}
135     - else
136       = form.text_area :layout_html, :value => '', :class => "code", :data => {:lang => "htmlmixed"}
137     .form-options
138       .buttons
139         = form.submit