add confim and locales to it, move revert button to right bottom of t…

…he container
ita-social-projects · Sep 17, 2023 · 433774d · 433774d
1 parent 5f760dd
commit 433774d
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 10 deletions.
diff --git a/app/assets/stylesheets/pages/feature_flags.scss b/app/assets/stylesheets/pages/feature_flags.scss
@@ -62,3 +62,8 @@ input[type="submit"] {
     background-color: darkred !important;
   }
 }
+
+.right-bottom {
+  right: 0;
+  bottom: 0;
+}
diff --git a/app/views/account/site_settings/edit.html.slim b/app/views/account/site_settings/edit.html.slim
@@ -1,17 +1,17 @@
 fieldset.bordered
   legend.admin-legend
     = t(".site_settings")
-  = simple_form_for @site_setting, url: account_site_setting_path, html: { data: { controller: "handle-browser-tab" } }  do |f|
-    .form-group.row
-      .col-12.has-float-label.my-auto
-        = f.input :title, class: "form-control", input_html: { data: { action: "input->handle-browser-tab#setTitle" } }
-        = f.input :favicon, class: "form-control", input_html: { data: {  action: "change->handle-browser-tab#setIcon" } }
-        = render "browser_tab", site_setting: @site_setting
+  div.position-relative
+    = simple_form_for @site_setting, url: account_site_setting_path, html: { data: { controller: "handle-browser-tab" } }  do |f|
+      .form-group.row
+        .col-12.has-float-label.my-auto
+          = f.input :title, class: "form-control", input_html: { data: { action: "input->handle-browser-tab#setTitle" } }
+          = f.input :favicon, class: "form-control", input_html: { data: {  action: "change->handle-browser-tab#setIcon" } }
+          = render "browser_tab", site_setting: @site_setting
 
-    = f.submit t("buttons.update")
-      i.fa.fa-times-circle
+      = f.submit t("buttons.update"), class: "inline"
 
-  = button_to t("buttons.revert"), account_site_settings_revert_path, method: :get, class: "btn-revert mt-2"
+    = button_to t("buttons.revert"), account_site_settings_revert_path, onclick: "return confirm('#{j(t('.confirm_default'))}')", class: "btn-revert position-absolute right-bottom"
 
 fieldset.bordered
   legend.admin-legend

diff --git a/config/locales/en/en.yml b/config/locales/en/en.yml
@@ -247,6 +247,7 @@ en:
       edit:
         site_settings: Site settings
         site_features: Site features
+        confirm_default: Are you sure you want to revert the title and favicon to their default settings?
     calculators:
       index:
         search_placeholder: "Search"

diff --git a/config/locales/uk/uk.yml b/config/locales/uk/uk.yml
@@ -254,6 +254,7 @@ uk:
       edit:
         site_settings: Налаштування сайту
         site_features: Особливості сайту
+        confirm_default: Ви впевнені, що бажаєте повернути налаштування за замовчуванням для назви та значка сайту?
     feature_flags:
       submit_button: "Зберегти"
       new_calculator_design:

diff --git a/config/routes.rb b/config/routes.rb
@@ -43,7 +43,7 @@
       resource :app_config, only: [:edit, :update]
       patch "/feature_flags", to: "feature_flags#update", as: "features_flags"
       resource :site_setting, only: [:edit, :update]
-      get "site_settings/revert", to: "site_settings#revert"
+      post "site_settings/revert", to: "site_settings#revert"
 
       scope module: :calculators do
         resources :calculators, only: [], param: :slug do