update ui desige for sx theme

This commit is contained in:
Aung Myo
2017-09-26 11:40:44 +06:30
parent dd9e8fe908
commit 7f5ce4e233
24 changed files with 1726 additions and 1460 deletions

View File

@@ -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>

View 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>

View File

@@ -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">