update ui desige for sx theme
This commit is contained in:
@@ -1,10 +1,14 @@
|
||||
|
||||
<nav class="navbar navbar-toggleable-md fixed-top navbar-light setting_nav">
|
||||
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="<%= root_path %>" style="color: rgba(67, 185, 220, 0.9)">E-menu</a>
|
||||
|
||||
<a href="#" class=" btn btn-info btn-sm " id="sx-menu-toggle" data-toggle="push-menu" role="button">
|
||||
<span class="fa fa-bars" ></span>
|
||||
</a>
|
||||
|
||||
<a class="navbar-brand" href="<%= dashboard_path %>" style="color: rgba(67, 185, 220, 0.9)">E-menu</a>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<!-- <ul class="navbar-nav mr-auto">
|
||||
<li class="navbar-nav mr-auto dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Settings</a>
|
||||
<ul class="dropdown-menu">
|
||||
@@ -70,8 +74,8 @@
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</ul> -->
|
||||
|
||||
</div>
|
||||
<% if current_login_employee %>
|
||||
<div class="right">
|
||||
@@ -94,3 +98,10 @@
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
</style>
|
||||
<!-- Menu Toggle Script -->
|
||||
<script>
|
||||
$("#sx-menu-toggle").click(function(e) {
|
||||
e.preventDefault();
|
||||
$("#wrapper").toggleClass("toggled");
|
||||
});
|
||||
</script>
|
||||
85
app/views/layouts/_sidebar.html.erb
Normal file
85
app/views/layouts/_sidebar.html.erb
Normal file
@@ -0,0 +1,85 @@
|
||||
<div id="sidebar-wrapper">
|
||||
<ul class="sidebar-nav">
|
||||
<li class="header"><a>Main Navigation</a></li>
|
||||
<li>
|
||||
<%= link_to "Dashboard ", dashboard_path,:class =>"" %>
|
||||
</li>
|
||||
<li>
|
||||
<%= link_to "OQS ", oqs_root_path,:class =>"" %>
|
||||
</li>
|
||||
<li>
|
||||
<%= link_to "Cashier ", origami_root_path,:class =>"" %>
|
||||
</li>
|
||||
<li>
|
||||
<%= link_to "CRM ", crm_customers_path,:class =>"" %>
|
||||
</li>
|
||||
<li>
|
||||
<%= link_to "Inventory ", transactions_sales_path,:class =>"" %>
|
||||
</li>
|
||||
|
||||
<li class="header"><a>Settings</a></li>
|
||||
|
||||
<li>
|
||||
<%= link_to "Zones ", transactions_sales_path,:class =>"" %>
|
||||
</li>
|
||||
<li>
|
||||
<%= link_to "Order Queue Station ", transactions_sales_path,:class =>"" %>
|
||||
</li>
|
||||
<li>
|
||||
<%= link_to "Menu ", settings_menus_path,:class =>"" %>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<%= link_to "Cashier Terminal ", transactions_sales_path,:class =>"" %>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<%= link_to "Print Settings ", transactions_sales_path,:class =>"" %>
|
||||
</li>
|
||||
<li>
|
||||
<%= link_to "Staff ", settings_menus_path,:class =>"" %>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<%= link_to "Product ", transactions_sales_path,:class =>"" %>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<%= link_to "Promotion ", transactions_sales_path,:class =>"" %>
|
||||
</li>
|
||||
<li>
|
||||
<div class="dropdown">
|
||||
<a class="custom-dropdown" href="#" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
Transaction <i class="fa fa-angle-left pull-right custom-fa-arrow"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu sidebar-sub-menu" aria-labelledby="dropdownMenuButton">
|
||||
<%= link_to "Orders ", transactions_orders_path,:class =>"dropdown-item sidebar-sub-item" %>
|
||||
<%= link_to "Sales ", transactions_sales_path,:class =>"dropdown-item sidebar-sub-item" %>
|
||||
<%= link_to "Credit Note ", transactions_credit_notes_path,:class =>"dropdown-item sidebar-sub-item" %>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<!-- <li>
|
||||
<div class="dropdown">
|
||||
<a class="custom-dropdown" href="#" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" ariaroot_path-expanded="false">
|
||||
Transaction <i class="fa fa-angle-left pull-right custom-fa-arrow"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu sidebar-sub-menu" aria-labelledby="dropdownMenuButton">
|
||||
<%= link_to "Daily Sale Report", reports_dailysale_index_path, :class =>"dropdown-item sidebar-sub-item" %>
|
||||
<%= link_to "Sales Item Report", reports_saleitem_index_path, :class =>"dropdown-item sidebar-sub-item" %>
|
||||
<%= link_to "Receipt Report", reports_receipt_no_index_path, :class =>"dropdown-item sidebar-sub-item" %>
|
||||
<%= link_to "Shift Sale Report", reports_shiftsale_index_path, :class =>"dropdown-item sidebar-sub-item" %>
|
||||
<%= link_to "Credit Sale Report", reports_credit_payment_index_path, :class =>"dropdown-item sidebar-sub-item" %>
|
||||
<%= link_to "Void Sale Report", reports_void_sale_index_path, :class =>"dropdown-item sidebar-sub-item" %>
|
||||
<%= link_to "Commission Report", reports_commission_index_path, :class =>"dropdown-item sidebar-sub-item" %>
|
||||
<%= link_to "Stock Check Report", reports_stock_check_index_path, :class =>"dropdown-item sidebar-sub-item" %>
|
||||
</div>
|
||||
</div>
|
||||
</li> -->
|
||||
|
||||
<li>
|
||||
<%= link_to "Reports", reports_dailysale_index_path, :class =>"" %>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
@@ -12,9 +12,11 @@
|
||||
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
|
||||
<%= stylesheet_link_tag 'settings', media: 'all', 'data-turbolinks-track': 'reload' %>
|
||||
<%= stylesheet_link_tag 'fileinput.min', media: 'all', 'data-turbolinks-track': 'reload' %>
|
||||
<%= stylesheet_link_tag 'sx-sidebar', media: 'all', 'data-turbolinks-track': 'reload' %>
|
||||
|
||||
<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
|
||||
<%= javascript_include_tag 'fileinput.min', 'data-turbolinks-track': 'reload' %>
|
||||
<%= javascript_include_tag 'popper.min', 'data-turbolinks-track': 'reload' %>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
@@ -35,7 +37,15 @@
|
||||
<%= message %>
|
||||
</div>
|
||||
<% end %>
|
||||
<%= yield %>
|
||||
<div id="wrapper">
|
||||
<!-- Sidebar -->
|
||||
<%=render 'layouts/sidebar' %>
|
||||
<!-- /#sidebar-wrapper -->
|
||||
<div id="page-content-wrapper">
|
||||
<%= yield %>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
Reference in New Issue
Block a user