adam/shift73k
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

added navbar link for shift templates, and button icon for new shift templates

Browse source
This commit is contained in:
Adam Piontek 2021-03-09 20:18:56 -05:00
parent 43b2ee8c95
commit 9322e98fef
3 changed files with 19 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
assets/js/app.js
View file

@ -39,6 +39,7 @@ import "../node_modules/bootstrap-icons/icons/clock-history.svg"; // brand
import "../node_modules/bootstrap-icons/icons/hourglass.svg"; // brand import "../node_modules/bootstrap-icons/icons/hourglass.svg"; // brand
import "../node_modules/bootstrap-icons/icons/geo.svg"; // brand import "../node_modules/bootstrap-icons/icons/geo.svg"; // brand
import "../node_modules/bootstrap-icons/icons/justify-left.svg"; // brand import "../node_modules/bootstrap-icons/icons/justify-left.svg"; // brand
import "../node_modules/bootstrap-icons/icons/plus-circle-dotted.svg"; // brand
// webpack automatically bundles all modules in your // webpack automatically bundles all modules in your
// entry points. Those entry points can be configured // entry points. Those entry points can be configured

20
lib/shift73k_web/live/shift_template_live/index.html.leex
View file

@ -8,15 +8,18 @@
<% end %> <% end %>
<div class="row justify-content-center"> <div class="row justify-content-start justify-content-sm-center">
<div class="col-md-12 col-lg-10 col-xl-9"> <div class="col-md-12 col-lg-10 col-xl-9">
<div class="d-flex justify-content-between d-flex align-items-center mb-4"> <div class="d-flex flex-column flex-sm-row justify-content-between align-items-start align-items-sm-center">
<h2> <h2 class="mb-3 mb-sm-0">
<%= icon_div @socket, "bi-clock-history", [class: "icon baseline"] %> <%= icon_div @socket, "bi-clock-history", [class: "icon baseline"] %>
My Shift Templates My Shift Templates
</h2> </h2>
<%= live_patch "New Shift Template", to: Routes.shift_template_index_path(@socket, :new), class: "btn btn-primary" %> <%= live_patch to: Routes.shift_template_index_path(@socket, :new), class: "btn btn-primary" do %>
<%= icon_div @socket, "bi-plus-circle-dotted", [class: "icon baseline me-1"] %>
New Shift Template
<% end %>
</div> </div>
@ -24,7 +27,7 @@
<%= for shift <- @shift_templates do %> <%= for shift <- @shift_templates do %>
<div class="col-12 col-sm-11 col-md-9 col-lg-7 col-xl-6 "> <div class="col-12 col-md-6 col-xl-4 ">
<div class="card mt-4"> <div class="card mt-4">
<h5 class="card-header"> <h5 class="card-header">
@ -51,9 +54,6 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<th scope="row" class="text-end"> <th scope="row" class="text-end">
<%= icon_div @socket, "bi-geo", [class: "icon baseline text-muted"] %> <%= icon_div @socket, "bi-geo", [class: "icon baseline text-muted"] %>
@ -86,14 +86,14 @@
<div class="text-end"> <div class="text-end">
<%= if Roles.can?(@current_user, shift, :delete) do %> <%= if Roles.can?(@current_user, shift, :delete) do %>
<%= link to: "#", phx_click: "delete", phx_value_id: shift.id, data: [confirm: "Are you sure?"], class: "btn btn-outline-danger" do %> <%= link to: "#", phx_click: "delete", phx_value_id: shift.id, data: [confirm: "Are you sure?"], class: "btn btn-outline-danger btn-sm text-nowrap" do %>
<%= icon_div @socket, "bi-trash", [class: "icon baseline", style: "margin-right:0.125rem;"] %> <%= icon_div @socket, "bi-trash", [class: "icon baseline", style: "margin-right:0.125rem;"] %>
Delete Delete
<% end %> <% end %>
<% end %> <% end %>
<%= if Roles.can?(@current_user, shift, :edit) do %> <%= if Roles.can?(@current_user, shift, :edit) do %>
<%= live_patch to: Routes.shift_template_index_path(@socket, :edit, shift), class: "btn btn-primary" do %> <%= live_patch to: Routes.shift_template_index_path(@socket, :edit, shift), class: "btn btn-primary btn-sm text-nowrap" do %>
<%= icon_div @socket, "bi-pencil", [class: "icon baseline", style: "margin-right:0.125rem;"] %> <%= icon_div @socket, "bi-pencil", [class: "icon baseline", style: "margin-right:0.125rem;"] %>
Edit Edit
<% end %> <% end %>

7
lib/shift73k_web/templates/layout/_navbar.html.eex
View file

@ -19,6 +19,13 @@
<%# nav LEFT items %> <%# nav LEFT items %>
<ul class="navbar-nav me-auto mb-2 mb-lg-0"> <ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<%= link nav_link_opts(@conn, to: Routes.shift_template_index_path(@conn, :index), class: "nav-link") do %>
<%= icon_div @conn, "bi-clock-history", [class: "icon baseline me-1"] %>
Templates
<% end %>
</li>
<%# normal navbar link example %> <%# normal navbar link example %>
<%# <li class="nav-item"> %> <%# <li class="nav-item"> %>
<%#= link "Properties", nav_link_opts(@conn, to: Routes.property_index_path(@conn, :index), class: "nav-link") %> <%#= link "Properties", nav_link_opts(@conn, to: Routes.property_index_path(@conn, :index), class: "nav-link") %>