website config help buttons

jamesperet 9 years ago
parent
commit
a4d4035133

+ 2 - 1
app/assets/javascripts/admin_panel.js.coffee

@@ -6,6 +6,7 @@
6 6
 attachHandler = ->
7 7
 	$(".bootstrap_switch").bootstrapSwitch('size', 'large');
8 8
 	$('#admin_navbar').affix()
9
-		
9
+	$('.help_btn').popover('hide')
10
+	  
10 11
 $(document).ready attachHandler
11 12
 $(document).on "page:load", attachHandler

+ 18 - 6
app/views/admin_panel/site_config.html.erb

@@ -13,14 +13,26 @@
13 13
 			  <div class="form-inputs">
14 14
 			    <%= f.text_field :website_name, :label => (t 'admin_panel.website_name'), class:'input-xlarge' %>
15 15
 			    <%= f.text_field :tagline, :label => (t 'admin_panel.tagline'), class: 'input-xxlarge' %>
16
-			    <%= f.text_field :website_link, :label => (t 'admin_panel.website_link'), class:'input-xlarge' %>
17
-			    <%= f.select :default_language, ["en", "pt-BR"],  :label => (t 'admin_panel.default_language'), help: ("<i>* "+(t "admin_panel.language_hint")+"</i>").html_safe %>
18
-			    <%= f.email_field :contact_email, :label => (t 'admin_panel.contact_email'), class:'input-xlarge' %>
19
-			    <%= f.email_field :server_email, :label => (t 'admin_panel.server_email'), class:'input-xlarge' %>
16
+			    <% help = ("<button type=\"button\" style=\"margin-top: -8px;\" class=\"btn help_btn btn-link\" data-trigger=\"focus\" data-toggle=\"popover\" data-placement=\"right\" title=\"#{t 'admin_panel.website_link'}\" data-content=\"#{(t 'help.website_link')}\"><i class=\"fa fa-question-circle\"></i></button>").html_safe %>
17
+			    <%= f.text_field :website_link, :label => (t 'admin_panel.website_link'), class:'input-xlarge', append: help %>
18
+			    <div class="popover-content"></div>
19
+			    <% help_language = ("<button type=\"button\" style=\"margin-top: 24px;\" data-html=\"true\" class=\"btn help_btn btn-link\" data-trigger=\"focus\" data-toggle=\"popover\" data-placement=\"right\" title=\"#{t 'admin_panel.default_language'}\" data-content=\"<p>#{(t 'help.default_language')}</p><p><i>*#{(t 'admin_panel.language_hint')}</i></p>\"><i class=\"fa fa-question-circle\"></i></button>").html_safe %>
20
+			    <div class="pull-left"><%= f.select :default_language, ["en", "pt-BR"],  :label => (t 'admin_panel.default_language') %></div>
21
+				<div class="pull-left"><%= help_language %></div>,
22
+				<div class="clearfix"></div>
23
+			    
24
+			    <% help = ("<button type=\"button\" style=\"margin-top: -8px;\" class=\"btn help_btn btn-link\" data-trigger=\"focus\" data-toggle=\"popover\" data-placement=\"right\" title=\"#{t 'admin_panel.contact_email'}\" data-content=\"#{(t 'help.contact_email')}\"><i class=\"fa fa-question-circle\"></i></button>").html_safe %>
25
+			    <%= f.email_field :contact_email, :label => (t 'admin_panel.contact_email'), class:'input-xlarge', append: help %>
26
+			    
27
+			    <% help = ("<button type=\"button\" style=\"margin-top: -8px;\" class=\"btn help_btn btn-link\" data-trigger=\"focus\" data-toggle=\"popover\" data-placement=\"right\" title=\"#{t 'admin_panel.server_email'}\" data-content=\"#{(t 'help.server_email')} no-reply@website.com\"><i class=\"fa fa-question-circle\"></i></button>").html_safe %>
28
+			    <%= f.email_field :server_email, :label => (t 'admin_panel.server_email'), class:'input-xlarge', append: help %>
20 29
 			    <hr>
30
+			    <% help_maintenance = ("<button type=\"button\" style=\"margin-top: 2px;\" class=\"btn help_btn btn-link\" data-trigger=\"focus\" data-toggle=\"popover\" data-placement=\"right\" title=\"#{t 'admin_panel.maintenance_mode'}\" data-content=\"#{(t 'help.maintenance_mode')}\"><i class=\"fa fa-question-circle\"></i></button>").html_safe %>
21 31
 			    <%= f.form_group :maintenance_mode, class: 'bootstrap_switch_group' do %>
22
-			    		<%= f.check_box :maintenance_mode, :label => (t 'admin_panel.maintenance_mode'), class: 'bootstrap_switch',
23
-					data: { on_text: (t 'admin_panel.on_switch'), off_text: (t 'admin_panel.off_switch') } %>
32
+			    		<div class="pull-left"><%= f.check_box :maintenance_mode, :label => (t 'admin_panel.maintenance_mode'), class: 'bootstrap_switch',
33
+					data: { on_text: (t 'admin_panel.on_switch'), off_text: (t 'admin_panel.off_switch') } %></div>
34
+					<div class="pull-left"><%= help_maintenance %></div>
35
+					<div class="clearfix"></div>
24 36
 			    <% end %>
25 37
 			    <%= f.text_field :maintenance_title, :label => (t 'admin_panel.maintenance_title'), class:'input-xlarge' %>
26 38
 			    <%= f.text_area :maintenance_message, :label => (t 'admin_panel.maintenance_message'), class:'input-block-level'  %>

+ 7 - 0
config/locales/help.en.yml

@@ -0,0 +1,7 @@
1
+en:
2
+  help:
3
+    contact_email: A email account that will receive all incoming messages from the website
4
+    server_email: A no reply email address for the server like
5
+    default_language: The default language that the website system will use to show all content
6
+    maintenance_mode: Use the maintenance mode to redirect all visitor to a default page while still beign able to login and use the admin panel
7
+    website_link: The full website link to be used in emails

+ 7 - 0
config/locales/help.pt-BR.yml

@@ -0,0 +1,7 @@
1
+en:
2
+  help:
3
+    contact_email: Uma conta de email que vai receber todas as mensagens do site
4
+    server_email: Um endreço de email para o servidor que não tenha retorno como por exemplo 
5
+    default_language: Lingua padrão que o sistema do site vai usar para mostrar todas as páginas
6
+    maintenance_mode: Use o modo de manutenção para redirecionar todos os visitantes a uma página padrão enquanto ainda podendo fazer login e usar o sistema de administração
7
+    website_link: O link completo do site para ser usado em emails