change UI for all settings module

app/views/settings/set_menu_items/_form.html.erb

@@ -3,13 +3,14 @@
   <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
     <%= simple_form_for([:settings,@category, @settings_menu_item]) do |f| %>
     <%= f.error_notification %>
+    <div class="card">
     <div class="row">
-      <div class="col-md-6">
-        <div class="p-l-20">
+      <div class="col-md-6 panel">
+        <div class="form- p-l-20">
           <%= f.input :item_code,:input_html => {:class => "col-md-9"} %>
           <%= f.input :name,:input_html => {:class => "col-md-9"} %>
           <%= f.input :alt_name,:input_html => {:class => "col-md-9"} %>
-          <%= f.input :type,:input_html => {:class => "col-md-9"} %>
+          <%= f.input :type, :collection => ["SimpleMenuItem","SetMenuItem"], :input_html => {:class => "col-md-9"},:input_html => {:class => "col-md-9"} %>
           <%= f.input :min_qty,:input_html => {:class => "col-md-9"} %>
           <%= f.input :account_id, :label => "Account type", :collection => Account.collection,:input_html => {:class => "col-md-9"} %> 
 
@@ -28,32 +29,30 @@
 
         <%= f.input :item_options, :collection => @item_options, :input_html => { :multiple => true,:class => "form-control item_options col-md-9" } %>
 
-        <div class="panel padding-10">
-          <div class="form-group">
-            <div class="menu-item-img">
-              <% if f.object.image_path? %>
-              <p><%= f.object.name %></p>
-              <%= image_tag f.object.image_path.url, :class => "img-thumbnail" %>
-              <% else %>
-              <p>Menu Item Image</p>
-              <%= image_tag "/image/menu_images/default.png", :class => "img-thumbnail" %>
-              <% end %>          
-            </div>
-            <%= f.file_field :image_path, :class => "img-thumbnail" %>
-          </div>
+        <div class="menu-item-img">
+          <% if f.object.image_path? %>
+          <p><%= f.object.name %></p>
+          <%= image_tag f.object.image_path.url, :class => "img-thumbnail" %>
+          <% else %>
+          <p>Menu Item Image</p>
+          <%= image_tag "/image/menu_images/default.png", :class => "col-md-4 img-thumbnail" %>
+          <% end %>          
+        </div>
+        <div class="form-group col-md-10">
+          <%= f.file_field :image_path, :class => "col-md-4 img-thumbnail" %>
         </div>
 
-        <div class="panel padding-10">
-          <div class="form-group">
-            <%= f.input :item_sets, :collection => @item_sets, :input_html => { :multiple => true },  :class => "form-control item_sets" %>
-          </div>
-        </div>
-
-        <div class="form-actions p-l-15">
-          <%= f.submit "Submit",:class => 'btn btn-primary btn-lg waves-effect' %>
-        </div>
+        <%= f.input :item_sets, :collection => @item_sets, :input_html => { :multiple => true,  :class => "form-control item_sets col-md-9"} %>
       </div>
     </div>
+   
+    <div class="row">
+      <div class="col-md-6 align-right m-l-100 m-t-20 m-b-20">
+        <%= f.submit "Submit",:class => 'btn btn-primary btn-lg waves-effect', :style => "width: 200px" %>
+      </div>
+    </div>
+    
+    </div>
     <% end %>
   </div>
   <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">

app/views/settings/set_menu_items/edit.html.erb

@@ -15,7 +15,7 @@
     <li class="breadcrumb-item"><a href="<%= settings_menu_category_set_menu_items_path(@category) %>"><%= t("en.set_menu_item") %></a></li>
     <li class="breadcrumb-item active"><%= t("views.btn.edit") %></li>
     <span class="float-right">
-      <%= link_to 'Back', settings_menu_category_set_menu_items_path(@category) %>
+      <%= link_to 'Back', settings_menu_category_path(@category) %>
     </span>
   </ol>
 </div>

app/views/settings/set_menu_items/new.html.erb

@@ -20,7 +20,7 @@
     <li class="breadcrumb-item"><a href="<%= settings_menu_category_set_menu_items_path(@category) %>"><%= t("en.set_menu_item") %></a></li>
     <li class="breadcrumb-item active"><%= t("views.btn.new") %></li>
     <span class="float-right">
-      <%= link_to 'Back', settings_menu_category_set_menu_items_path(@category) %>
+      <%= link_to 'Back', settings_menu_category_path(@category) %>
     </span>
   </ol>
 </div>

app/views/settings/set_menu_items/show.html.erb

@@ -4,7 +4,7 @@
     <li class="breadcrumb-item"><a href="<%= settings_menu_category_set_menu_items_path(@category) %>">Menu Category</a></li>
     <li class="breadcrumb-item active">Details</li>
     <span class="float-right">
-      <%= link_to 'Back', settings_menu_category_set_menu_items_path(@category) %>
+      <%= link_to 'Back', settings_menu_category_path(@category) %>
     </span>
   </ol>
 </div>
@@ -119,7 +119,50 @@
  <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
     <div class="card">
       <div class="body">
-          
+        <h5><%= t("views.right_panel.header.menu_item") %></h5>
+        <h5><i class="material-icons md-18">view_headline <%= t("views.right_panel.header.page_detail") %></i></h5>
+        <p>
+        1) <%= t("views.right_panel.detail.item_code") %> - <%= t("views.right_panel.detail.code_txt") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.menu_item_txt") %> <br>
+        2) <%= t("views.right_panel.detail.name") %> - <%= t("views.right_panel.detail.menu_item_txt") %> <%= t("views.right_panel.detail.name_txt2") %> <br>
+        3) <%= t("views.right_panel.detail.type") %> - <%= t("views.right_panel.detail.type_txt") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.menu_item_txt") %> <br>
+        4) <%= t("views.right_panel.detail.account") %> - <%= t("views.right_panel.detail.account_type_txt") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.menu_item_txt") %> <br>
+        5) <%= t("views.right_panel.detail.created_at") %> - <%= t("views.right_panel.detail.created_at_txt") %> <%= t("views.right_panel.detail.menu_item_txt") %> <br>
+        6) <%= t("views.right_panel.detail.actions") %> - <%= t("views.right_panel.detail.actions_txt2") %> <%= t("views.right_panel.detail.menu_item_txt") %> <br>
+        </p>
+        <h5><i class="material-icons md-18">list <%= t("views.right_panel.header.button_lists") %></i> </h5>
+        <p>
+        1) <%= t("views.right_panel.button.edit") %> - <%= t("views.right_panel.detail.edit_btn_txt") %> <%= t("views.right_panel.detail.menu_item_txt") %> <br>
+        2) <%= t("views.right_panel.button.delete") %> - <%= t("views.right_panel.detail.delete_btn_txt") %> <%= t("views.right_panel.detail.menu_item_txt") %> <br>
+        </p>
+
+        <h5><%= t("views.right_panel.header.menu_item_instances") %></h5>
+          <h5><i class="material-icons md-18">view_headline <%= t("views.right_panel.header.page_detail") %></i></h5>
+          <p>
+          1) <%= t("views.right_panel.detail.instance_code") %> - <%= t("views.right_panel.detail.code_txt") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.menu_item_instance_txt") %> <br>
+          2) <%= t("views.right_panel.detail.instance_name") %> - <%= t("views.right_panel.detail.name_txt2") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.menu_item_instance_txt") %> <br>
+          3) <%= t("views.right_panel.detail.item_attributes") %> - <%= t("views.right_panel.detail.item_attributes_txt") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.menu_item_instance_txt") %><br>
+          4) <%= t("views.right_panel.detail.price") %> - <%= t("views.right_panel.detail.price_txt") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.menu_item_instance_txt") %> <br>
+          4) <%= t("views.right_panel.detail.promotion") %> - <%= t("views.right_panel.detail.promotion_txt") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.menu_item_instance_txt") %> <br>
+          5) <%= t("views.right_panel.detail.actions") %> - <%= t("views.right_panel.detail.actions_txt") %> <%= t("views.right_panel.detail.menu_item_instance_txt") %> <br>
+          </p>
+        <h5><i class="material-icons md-18">list <%= t("views.right_panel.header.button_lists") %></i> </h5>
+        <p>
+        1) <%= t("views.right_panel.button.new") %> - <%= t("views.right_panel.detail.new_btn_txt") %> <%= t("views.right_panel.detail.menu_item_instance_txt") %> <br>
+        2) <%= t("views.right_panel.button.show") %> - <%= t("views.right_panel.detail.show_btn_txt") %> <%= t("views.right_panel.detail.menu_item_instance_txt") %> <br>
+        3) <%= t("views.right_panel.button.edit") %> - <%= t("views.right_panel.detail.edit_btn_txt") %> <%= t("views.right_panel.detail.menu_item_instance_txt") %> <br>
+        </p>
+        -----------------------------------------------------------------
+        <h5><i class="material-icons md-18">list <%= t("views.right_panel.header.link_lists") %></i> </h5>
+        <p>
+          1) <%= t("views.right_panel.button.home") %> - <%= t("views.right_panel.detail.home_txt") %> <br>
+          2) <%= t("views.right_panel.button.back") %> - <%= t("views.right_panel.detail.home_txt") %> <br>
+          3) <%= t("en.accounts") %> - <%= t("views.right_panel.detail.back_txt") %> <%= t("views.right_panel.detail.accounts_txt") %><br>
+          4) <%= t("views.right_panel.button.menu") %> - <%= t("views.right_panel.detail.back_txt") %> <%= t("views.right_panel.detail.menu_txt") %><br>
+          5) <%= t("views.right_panel.button.menu_categories") %> - <%= t("views.right_panel.detail.back_txt") %> <%= t("views.right_panel.detail.menu_categories_txt") %><br>
+          6) <%= t("views.right_panel.button.item_set") %> - <%= t("views.right_panel.detail.back_txt") %> <%= t("views.right_panel.detail.item_set_txt") %> <br>
+          7) <%= t("views.right_panel.button.item_attributes") %> - <%= t("views.right_panel.detail.back_txt") %> <%= t("views.right_panel.detail.item_attributes_txt") %> <br>
+          8) <%= t("views.right_panel.button.item_options") %> - <%= t("views.right_panel.detail.back_txt") %> <%= t("views.right_panel.detail.item_options_txt") %> <br>
+        </p>
       </div>
     </div>  
   </div>