application.html.haml in hackathon_manager-0.7.0

- old
+ new
@@ -1,28 +1,81 @@
 !!! 5
 %html
   %head
-    %title= yield(:title) || "Manage - #{Rails.configuration.hackathon['name']}"
+    %title= yield(:title).presence || "#{Rails.configuration.hackathon['name']} Manager"
+    %meta{ content: "width=device-width, initial-scale=1, shrink-to-fit=no", name: "viewport" }/
+
+    - if Rails.configuration.hackathon['favicon_asset'].present?
+      %link{ href: image_url(Rails.configuration.hackathon['favicon_asset']), rel: "shortcut icon" }
+
     = stylesheet_link_tag "hackathon_manager/manage", :media => "all"
     = csrf_meta_tags
 
   %body
-    = render "layouts/hackathon_manager/header"
     = javascript_include_tag "hackathon_manager/manage/application"
-    #main
-      #manageNav
-        %p #{Rails.configuration.hackathon['name']} Manager
-        = link_to "Dashboard", manage_root_path
-        = link_to "Questionnaires", manage_questionnaires_path
-        = link_to "Admins", manage_admins_path
-        = link_to "Messages", manage_messages_path
-        = link_to "Bus Lists", manage_bus_lists_path
-        = link_to "Schools", manage_schools_path
-        = link_to "Stats", manage_stats_path
-        - unless current_user.admin_limited_access?
-          \|
-          = link_to "Config", manage_config_path
-          = link_to "Sidekiq", sidekiq_web_path
-          = link_to "Blazer", blazer_path
-      = render "layouts/hackathon_manager/flashes"
-      = yield
+
+    %nav.navbar.navbar-dark.fixed-top.bg-dark.flex-md-nowrap.p-0.shadow
+      %a.navbar-brand.col-sm-3.col-md-2.mr-0{href: "#"} #{Rails.configuration.hackathon['name']} Manager
+      %input.form-control.form-control-dark.w-100{"aria-label" => "Search", placeholder: "Search", type: "text"}/
+      %ul.navbar-nav.px-3
+        %li.nav-item.text-nowrap
+          = link_to "Sign out", destroy_user_session_path, method: :delete, class: "nav-link"
+
+    .container-fluid
+      .row
+        %nav.col-md-2.d-none.d-md-block.bg-light.sidebar
+          .sidebar-sticky
+            %ul.nav.flex-column
+              %li.nav-item
+                = active_link_to manage_root_path, class: "nav-link", active_children: false do
+                  .fa.fa-area-chart.fa-fw.icon-space-r-half
+                  Dashboard
+              %li.nav-item
+                = active_link_to manage_questionnaires_path, class: "nav-link" do
+                  .fa.fa-inbox.fa-fw.icon-space-r-half
+                  Questionnaires
+              %li.nav-item
+                = active_link_to manage_admins_path, class: "nav-link" do
+                  .fa.fa-users.fa-fw.icon-space-r-half
+                  Admins
+              %li.nav-item
+                = active_link_to manage_messages_path, class: "nav-link" do
+                  .fa.fa-bullhorn.fa-fw.icon-space-r-half
+                  Messages
+              %li.nav-item
+                = active_link_to manage_bus_lists_path, class: "nav-link" do
+                  .fa.fa-bus.fa-fw.icon-space-r-half
+                  Bus Lists
+              %li.nav-item
+                = active_link_to manage_schools_path, class: "nav-link" do
+                  .fa.fa-home.fa-fw.icon-space-r-half
+                  Schools
+              %li.nav-item
+                = active_link_to manage_stats_path, class: "nav-link" do
+                  .fa.fa-table.fa-fw.icon-space-r-half
+                  Stats
+            - unless current_user.admin_limited_access?
+              %h6.sidebar-heading.d-flex.justify-content-between.align-items-center.px-3.mt-4.mb-1.text-muted
+                %span Advanced
+              %ul.nav.flex-column.mb-2
+                %li.nav-item
+                  = active_link_to manage_config_path, class: "nav-link" do
+                    .fa.fa-wrench.fa-fw.icon-space-r-half
+                    Config
+                    .nav-item-description View configuration
+                %li.nav-item
+                  = active_link_to sidekiq_web_path, target: '_blank', class: "nav-link" do
+                    .fa.fa-tasks.fa-fw.icon-space-r-half
+                    Sidekiq
+                    %span.fa.fa-external-link.icon-space-l-half
+                    .nav-item-description Monitor background jobs
+                %li.nav-item
+                  = active_link_to blazer_path, target: '_blank', class: "nav-link" do
+                    .fa.fa-terminal.fa-fw.icon-space-r-half
+                    Blazer
+                    %span.fa.fa-external-link.icon-space-l-half
+                    .nav-item-description Run custom SQL queries
+        %main.col-md-9.ml-sm-auto.col-lg-10.px-4{role: "main"}
+          = render "layouts/manage/flashes"
+          = yield
+
     = render "layouts/hackathon_manager/shared_footer"