Update UI add nav bar

mayankkumarji · mayankkumarji · commit 9c70d2f20a58 · 2020-05-06T17:13:15.000+05:30
diff --git a/source/app/views/charges/_charges.html.erb b/source/app/views/charges/_charges.html.erb
@@ -3,7 +3,7 @@
   <table class="table <%= title.downcase %>">
     <thead>
       <tr>
-        <th>Customer</th>
+        <th>Customer Name</th>
         <th>Amount</th>
         <th>Date</th>
       </tr>
diff --git a/source/app/views/customers/index.html.erb b/source/app/views/customers/index.html.erb
@@ -1,29 +1,30 @@
 <p id="notice"><%= notice %></p>
+<div class="container">
+  <h1>Listing Customers</h1>
 
-<h1>Listing Customers</h1>
-
-<table>
-  <thead>
-    <tr>
-      <th>First name</th>
-      <th>Last name</th>
-      <th colspan="3"></th>
-    </tr>
-  </thead>
-
-  <tbody>
-    <% @customers.each do |customer| %>
+  <table class="table">
+    <thead>
       <tr>
-        <td><%= customer.first_name %></td>
-        <td><%= customer.last_name %></td>
-        <td><%= link_to 'Show', customer %></td>
-        <td><%= link_to 'Edit', edit_customer_path(customer) %></td>
-        <td><%= link_to 'Destroy', customer, method: :delete, data: { confirm: 'Are you sure?' } %></td>
+        <th>First name</th>
+        <th>Last name</th>
+        <th colspan="3"></th>
       </tr>
-    <% end %>
-  </tbody>
-</table>
+    </thead>
+
+    <tbody>
+      <% @customers.each do |customer| %>
+        <tr>
+          <td><%= customer.first_name %></td>
+          <td><%= customer.last_name %></td>
+          <td><%= link_to 'Show', customer %></td>
+          <td><%= link_to 'Edit', edit_customer_path(customer) %></td>
+          <td><%= link_to 'Destroy', customer, method: :delete, data: { confirm: 'Are you sure?' } %></td>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
 
-<br>
+  <br>
 
-<%= link_to 'New Customer', new_customer_path %>
+  <%= link_to 'New Customer', new_customer_path %>
+</div>
diff --git a/source/app/views/layouts/application.html.erb b/source/app/views/layouts/application.html.erb
@@ -7,7 +7,19 @@
   <%= csrf_meta_tags %>
 </head>
 <body>
+  <p class="notice"><%= notice %></p>
+  <p class="alert"><%= alert %></p>
 
+  <header class="navbar  navbar-inverse">
+    <div class="navbar-class">
+      <div class="container">
+        <ul class="nav navbar-nav">
+          <li><%=link_to "Customers", customers_path %></li>
+          <li><%=link_to "Charges", charges_path %></li>
+        </ul>
+      </div>
+    </div>
+  </header>
 <%= yield %>
 
 </body>
diff --git a/source/config/routes.rb b/source/config/routes.rb
@@ -5,7 +5,7 @@
   # See how all your routes lay out with "rake routes".
 
   # You can have the root of your site routed with "root"
-  root 'customers#index'
+  root 'charges#index'
 
   # Example of regular route:
   #   get 'products/:id' => 'catalog#view'
