ditty 0.8.0 → 0.9.0

data/views/auth/reset_password.haml

@@ -1,8 +1,8 @@
 .row
   .col-md-2
   .col-md-8
-    .panel.panel-default
-      .panel-body
+    .card.card-default
+      .card-body
         = edit_form_tag("#{settings.map_path}/auth/reset-password") do
           %input{ name: 'token', value: params[:token], type: 'hidden' }
           - if identity.errors[:password] && identity.errors[:password].include?('is not strong enough')

data/views/blank.haml

@@ -0,0 +1,42 @@
+!!! 5
+%html{ lang: 'en' }
+  %head
+    %meta{ charset: 'utf-8' }
+    %meta{ 'http-equiv' => 'X-UA-Compatible', 'content' => 'IE=edge,chrome=1' }
+    %meta{ name: 'viewport', content: 'width=device-width, initial-scale=1' }
+    %meta{ name: 'theme-color', content: '#ffffff' }
+    %link{ rel: 'manifest', href: '/manifest.json' }
+    %link{ rel: 'icon', type: 'image/png', sizes: '32x32', href: '/images/favicon-32x32.png' }
+    %link{ rel: 'icon', type: 'image/png', sizes: '16x16', href: '/images/favicon-16x16.png' }
+    %link{ rel: 'apple-touch-icon', sizes: '76x76', href: '/images/apple-icon.png' }
+    %link{ rel: 'mask-icon', href: '/safari-pinned-tab.svg', color: '#5bbad5' }
+
+    %title
+      = config('ditty.title', 'Ditty')
+      - if defined? title
+        = "- #{title}"
+
+    %meta{ name: 'description', content: '' }
+    %meta{ name: 'author', content: '' }
+
+    / Le styles
+    %link{ rel: 'stylesheet', href: '/css/sb-admin-2.min.css', media: 'screen' }
+    %link{ rel: 'stylesheet', href: '/css/styles.css', media: 'screen' }
+    %link{ rel: 'stylesheet', href: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css', media: 'screen' }
+  %body.bg-gradient-primary
+    = yield
+
+    / Placed at the end of the document so the pages load faster
+    %script{ type: 'text/javascript', src: 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js' }
+    %script{ type: 'text/javascript', src: 'https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js' }
+    %script{ type: 'text/javascript', src: 'https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js' }
+    / %script{ type: 'text/javascript', src: 'https://cdnjs.cloudflare.com/ajax/libs/react/16.8.6/umd/react.production.min.js' }
+    %script{ type: 'text/javascript', src: 'https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js' }
+    %script{ type: 'text/javascript', src: 'https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/js/select2.min.js' }
+    %script{ type: 'text/javascript', src: '/js/sb-admin-2.min.js' }
+    %script{ type: 'text/javascript', src: '/js/scripts.js' }
+    :javascript
+        $(function() {
+            $('.select2').select2();
+        });
+

data/views/index.haml

@@ -1 +1 @@
-%h2 Hello! Ready to get this Ditty started?
+%h1.h3.mb-4.text-gray-800 Home Page

data/views/layout.haml

@@ -12,7 +12,7 @@
     %link{ rel: 'mask-icon', href: '/safari-pinned-tab.svg', color: '#5bbad5' }
 
     %title
-      Ditty
+      = config('ditty.title', 'Ditty')
       - if defined? title
         = "- #{title}"
 
@@ -20,43 +20,50 @@
     %meta{ name: 'author', content: '' }
 
     / Le styles
-    %link{ rel: 'stylesheet', href: 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css', media: 'screen' }
-    %link{ rel: 'stylesheet', href: 'https://cdnjs.cloudflare.com/ajax/libs/startbootstrap-sb-admin-2/3.3.7+1/css/sb-admin-2.min.css', media: 'screen' }
-    %link{ rel: 'stylesheet', href: 'https://cdnjs.cloudflare.com/ajax/libs/metisMenu/2.5.2/metisMenu.min.css', media: 'screen' }
-    %link{ rel: 'stylesheet', href: 'https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css', media: 'screen' }
-    /[if lt IE 9] <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
-    /[if lt IE 9] <script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
-
-    %script{ type: 'text/javascript', src: 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js' }
-    %script{ type: 'text/javascript', src: 'https://cdnjs.cloudflare.com/ajax/libs/startbootstrap-sb-admin-2/3.3.7+1/js/sb-admin-2.min.js' }
-    %script{ type: 'text/javascript', src: 'https://cdnjs.cloudflare.com/ajax/libs/metisMenu/2.5.2/metisMenu.min.js' }
-  %body
+    %link{ rel: 'stylesheet', href: '/css/sb-admin-2.min.css', media: 'screen' }
+    %link{ rel: 'stylesheet', href: '/css/styles.css', media: 'screen' }
+    %link{ rel: 'stylesheet', href: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css', media: 'screen' }
+  %body#page-top
+    / Page Wrapper
     #wrapper
-      = haml :'partials/navbar', locals: { title: (defined?(title) ? title : 'Ditty') }
-      #page-wrapper
-        -if defined?(title) || defined?(actions)
-          .row
-            %h1.col-md-9= defined?(title) ? title : '&nbsp;'
-            .col-md-3.text-right{ style: 'margin-top: 20px' }
-              = haml :'partials/actions', locals: { actions: defined?(actions) ? actions : {} }
-        -else
-          %div{ style: 'padding-top: 20px' }
-
-        .row
-          .col-md-12
+      = haml :'partials/sidebar', locals: { title: (defined?(title) ? title : 'Ditty') }
+
+      #content-wrapper.d-flex.flex-column
+        #content
+          = haml :'partials/topbar'
+          .container-fluid
+            / TODO
+            / .row
+            /   .col-md-12
             = haml :'partials/notifications'
+            - if defined?(title) || defined?(actions)
+              .row
+                .col-md-9
+                  %h1.text-dark.mb-2= defined?(title) ? title : '&nbsp;'
+                .col-md-3.text-right.mt-1
+                  = haml :'partials/actions', locals: { actions: defined?(actions) ? actions : {} }
+            - else
+              %div{ style: 'padding-top: 20px' }
+
+            = yield
 
-        = yield
         = haml :'partials/footer'
 
+    / Scroll to Top Button
+    %a.scroll-to-top.rounded{ href: '#page-top' }
+      %i.fas.fa-angle-up
+
     / Placed at the end of the document so the pages load faster
-    %script{ type: 'text/javascript', src: 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js' }
-    %script{ type: 'text/javascript', src: 'https://cdnjs.cloudflare.com/ajax/libs/react/15.4.1/react.min.js' }
-    %script{ type: 'text/javascript', src: 'https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.bundle.min.js' }
-    %script{ type: 'text/javascript', src: 'https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js' }
+    %script{ type: 'text/javascript', src: 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js' }
+    %script{ type: 'text/javascript', src: 'https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js' }
+    %script{ type: 'text/javascript', src: 'https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js' }
+    / %script{ type: 'text/javascript', src: 'https://cdnjs.cloudflare.com/ajax/libs/react/16.8.6/umd/react.production.min.js' }
+    %script{ type: 'text/javascript', src: 'https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js' }
+    %script{ type: 'text/javascript', src: 'https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/js/select2.min.js' }
+    %script{ type: 'text/javascript', src: '/js/sb-admin-2.min.js' }
+    %script{ type: 'text/javascript', src: '/js/scripts.js' }
     :javascript
         $(function() {
-            $('.sidebar-nav').metisMenu();
             $('.select2').select2();
         });
 

data/views/partials/delete_form.haml

@@ -1,2 +1,2 @@
-= delete_form_tag "#{base_path}/#{entity.id}" do
+= delete_form_tag "#{base_path}/#{entity.display_id}" do
   %button.btn.btn-danger{ type: 'submit' }= delete_label

data/views/partials/filter_control.haml

@@ -1,4 +1,4 @@
-.form-group
+.form-group{ class: total_filters.to_i > 4 ? 'col-3' : 'col-md'}
   %label{ for: "filter_#{name}" }= label
   %select.form-control{ name: name, id: "filter_#{name}" }
     %option{ value: '' } -- Select One --

data/views/partials/footer.haml

@@ -1,5 +1,5 @@
-%footer.footer.text-muted.text-center
-  %hr
-  .copyright
-    :plain
-      &copy; <script>document.write(new Date().getFullYear())</script>, Ditty
+/ Footer
+%footer.sticky-footer.bg-light
+  .container.my-auto
+    .copyright.text-center.my-auto.text-dark
+      %span Copyright &copy; Ditty.io 2019

data/views/partials/form_control.haml

@@ -1,24 +1,31 @@
 - type = attributes.delete(:type)
+- attributes[:value] ||= model.send(field) || default
+- if help_text
+  - attributes[:'aria-describedby'] = "#{attributes[:id]}_helptext"
 - if type == 'hidden'
-  %input{attributes, type: type, value: model[field] || default}
+  %input{attributes, type: type, value: model.send(field) || default}
 - else
-  %div{ class: "form-group#{model.errors[field] ? ' has-error' : ''}" }
+  .form-group
     - if type != 'file'
-      %label.col-sm-3.control-label{ for: attributes[:id] }= label
-    .col-sm-9
+      %label{ for: attributes[:id] }= label
       - if type == 'select'
         - options = attributes.delete(:options)
+        - value = attributes.delete(:value)
+        - if attributes[:multiple]
+          - attributes[:name] = "#{attributes[:name]}[]" unless attributes[:name][-2..-1] == '[]'
         %select{attributes}
           - if attributes[:multiple]
-            - options.each do |k,v| k ||= v;  v ||= k;
-              %option{ value: k, selected: (model.send(field).map(&:id).include? k)}= v
+            - options.each do |k, v| k = v if k.nil?; v = k if v.nil?;
+              %option{ value: k.to_s, selected: value&.include?(k) }= v
           - else
-            %option{ value: ""} -- Select One --
-            - options.each do |k,v| k ||= v;  v ||= k;
-              %option{ value: k, selected: [model[field].to_s, default].include?(k.to_s)}= v
+            %option{ value: "" } -- Select One --
+            - options.each do |k, v| k = v if k.nil?; v = k if v.nil?;
+              %option{ value: k.to_s, selected: value == k }= v
       - elsif type == 'textarea'
-        %textarea{attributes}= preserve(model[field] || default)
+        %textarea{attributes}= preserve(model.send(field) || default)
       - else
-        %input{attributes, type: type, value: model[field] || default}
+        %input{ attributes, type: type }
       - if model.errors[field]
-        %p.help-block.text-danger= model.errors[field].join(', ')
+        .invalid-feedback= model.errors[field].join(', ')
+      - if help_text
+        %small.form-text.text-muted{ id: "#{attributes[:id]}_helptext" }= help_text

data/views/partials/navitems.haml

@@ -0,0 +1,44 @@
+- if authenticated?
+  - Ditty::Components.components.each do |key, comp|
+    - next unless comp.respond_to?(:navigation) && comp.navigation.count.positive?
+    - if comp.respond_to?(:title)
+      .sidebar-heading= comp.title
+    - comp.navigation.each do |item|
+      - if item[:target].nil? || policy(item[:target]).list?
+        - if item[:group]
+          %li.nav-item
+            %a.nav-link.collapsed{ href: '#', 'data-toggle': 'collapse', 'data-target': "##{item[:group].parameterize}", 'aria-expanded': 'true', 'aria-controls': item[:group].parameterize }
+              - if item[:icon]
+                %i.fas.fa-fw{ class: "fa-#{item[:icon]}" }
+              %span= item[:group]
+            .collapse{ id: item[:group].parameterize, 'data-parent': '#accordionSidebar' }
+              .bg-white.py-2.collapse-inner.rounded
+                - item[:items].each do |sub_item|
+                  - next unless sub_item[:target] && policy(sub_item[:target]).list?
+                  %a.collapse-item{ href: "#{settings.map_path}#{sub_item[:link]}" }
+                    - if sub_item[:icon]
+                      %i.fa.fa-fw{ class: "fa-#{sub_item[:icon]}" }
+                    = sub_item[:text]
+        - else
+          %li.nav-item
+            %a.nav-link{ href: "#{settings.map_path}#{item[:link]}" }
+              - if item[:icon]
+                %i.fas.fa-fw{ class: "fa-#{item[:icon]}" }
+              %span= item[:text]
+    %hr.sidebar-divider
+  %li.nav-item
+    = delete_form_tag("#{settings.map_path}/auth", attributes: { id: 'logout-form' }) do
+      %a.nav-link{ type: 'submit', onClick: 'document.getElementById("logout-form").submit()' }
+        %i.fas.fa-fw.fa-sign-out-alt
+        %span Logout
+- else
+  %li.nav-item
+    %a.nav-link{ href: "#{settings.map_path}/auth/login" }
+      %i.fas.fa-fw.fa-user
+      %span Log In
+  - if policy(::Ditty::User).register?
+    %li.nav-item
+      %a.nav-link{ href: "#{settings.map_path}/auth/register" }
+        %i.fas.fa-fw.fa-pen-square
+        %span Register
+

data/views/partials/notifications.haml

@@ -1,28 +1,32 @@
 - if flash[:danger]
   .alert.alert-danger.alert-dismissible{ role: "alert" }
-    %button.close{ 'type' => 'button', 'aria-hidden' => 'true', 'area-label' => 'true', 'data-dismiss' => 'alert' } ×
-    %ul
+    %button.close{ type: 'button', 'aria-label': 'Close', 'data-dismiss': 'alert' }
+      %span{ 'aria-hidden': 'true' } ×
+    %ul.mb-0
       - [*flash[:danger]].each do |msg|
         %li= msg
 
 - if flash[:warning]
   .alert.alert-warning.alert-dismissible{ role: "alert" }
-    %button.close{ 'type' => 'button', 'aria-hidden' => 'true', 'area-label' => 'true', 'data-dismiss' => 'alert' } ×
-    %ul
+    %button.close{ type: 'button', 'aria-label': 'Close', 'data-dismiss': 'alert' }
+      %span{ 'aria-hidden': 'true' } ×
+    %ul.mb-0
       - [*flash[:warning]].each do |msg|
         %li= msg
 
 - if flash[:success]
   .alert.alert-success.alert-dismissible{ role: "alert" }
-    %button.close{ 'type' => 'button', 'aria-hidden' => 'true', 'area-label' => 'true', 'data-dismiss' => 'alert' } ×
-    %ul
+    %button.close{ type: 'button', 'aria-label': 'Close', 'data-dismiss': 'alert' }
+      %span{ 'aria-hidden': 'true' } ×
+    %ul.mb-0
       - [*flash[:success]].each do |msg|
         %li= msg
 
 
 - if flash[:info]
   .alert.alert-info.alert-dismissible{ role: "alert" }
-    %button.close{ 'type' => 'button', 'aria-hidden' => 'true', 'area-label' => 'true', 'data-dismiss' => 'alert' } ×
-    %ul
+    %button.close{ type: 'button', 'aria-label': 'Close', 'data-dismiss': 'alert' }
+      %span{ 'aria-hidden': 'true' } ×
+    %ul.mb-0
       - [*flash[:info]].each do |msg|
         %li= msg

data/views/partials/pager.haml

@@ -1,26 +1,26 @@
 %nav{"aria-label" => "Page navigation"}
   - if list.pagination_record_count > 0
     %p.text-center Showing #{list.current_page_record_range} of #{list.pagination_record_count} records
-    %ul.pager
+    %ul.pagination.justify-content-center
       - if list.first_page?
-        %li.disabled
-          %span First
-        %li.disabled
-          %span Previous
+        %li.page-item.disabled
+          %span.page-link First
+        %li.page-item.disabled
+          %span.page-link Previous
       - else
-        %li
-          %a{href: first_link} First
-        %li
-          %a{href: prev_link} Previous
+        %li.page-item
+          %a.page-link{href: first_link} First
+        %li.page-item
+          %a.page-link{href: prev_link} Previous
       - if list.last_page?
-        %li.disabled
-          %span Next
-        %li.disabled
-          %span Last
+        %li.page-item.disabled
+          %span.page-link Next
+        %li.page-item.disabled
+          %span.page-link Last
       - else
-        %li
-          %a{href: next_link} Next
-        %li
-          %a{href: last_link} Last
+        %li.page-item
+          %a.page-link{href: next_link} Next
+        %li.page-item
+          %a.page-link{href: last_link} Last
   - else
     %p.text-center No records to show

data/views/partials/search.haml

@@ -9,13 +9,12 @@
               %span.fa.fa-search
           - if self.class.const_defined? :FILTERS
             .input-group-btn
-              %button.btn.btn-default{ type: 'button', :'data-toggle' => 'collapse', :'data-target' => '#filter-form', :'aria-expanded' => 'false', :'aria-controls' => '#filter-form'}
+              %button.btn.btn-secondary{ type: 'button', :'data-toggle' => 'collapse', :'data-target' => '#filter-form', :'aria-expanded' => 'false', :'aria-controls' => '#filter-form'}
                 %span.fa.fa-arrow-down
 
     - if self.class.const_defined?(:FILTERS)
-      #filter-form{ class: self.class.const_defined?(:SEARCHABLE) ? 'collapse' : '' }
-        .form-inline
-          - FILTERS.each do |filter|
-            = filter_control(filter)
-          - unless self.class.const_defined?(:SEARCHABLE)
-            %button.btn.btn-default{ type: 'submit'} Go
+      #filter-form.row{ class: self.class.const_defined?(:SEARCHABLE) ? 'collapse' : '' }
+        - FILTERS.each do |filter|
+          = filter_control(filter, filters: FILTERS.count)
+        - unless self.class.const_defined?(:SEARCHABLE)
+          %button.btn.btn-secondary{ type: 'submit'} Go

data/views/partials/sidebar.haml

@@ -1,37 +1,15 @@
-.sidebar-nav.navbar-collapse
-  %ul.nav.nav-pills.nav-stacked
-    - if authenticated?
-      %li
-        %a{ href: "#{settings.map_path}/" }
-          %i.fa.fa-home.fa-fw
-          Home
-      - Ditty::Components.navigation.each do |item|
-        - if item[:target].nil? || policy(item[:target]).list?
-          - if item[:group]
-            %li
-              %a{ href: '#' }
-                %i.fa.fa-fw{ class: "fa-#{item[:icon]}" }
-                =item[:group]
-                %span.fa.arrow
-              %ul.nav.nav-second-level
-                - item[:items].each do |sub_item|
-                  - if sub_item[:target].nil? || policy(sub_item[:target]).list?
-                    %li
-                      %a{ href: "#{settings.map_path}#{sub_item[:link]}" }
-                        %i.fa.fa-fw{ class: "fa-#{sub_item[:icon]}" }
-                        = sub_item[:text]
-          - else
-            %li
-              %a{ href: "#{settings.map_path}#{item[:link]}" }
-                %i.fa.fa-fw{ class: "fa-#{item[:icon]}" }
-                = item[:text]
-    - else
-      %li
-        %a{ href: "#{settings.map_path}/auth/login" }
-          %i.fa.fa-user.fa-fw
-          Log In
-      - if policy(::Ditty::User).register?
-        %li
-          %a{ href: "#{settings.map_path}/auth/register" }
-            %i.fa.fa-pencil-square-o.fa-fw
-            Register
+/ Sidebar
+%ul#accordionSidebar.navbar-nav.bg-gradient-primary.sidebar.sidebar-dark.accordion
+  / Sidebar - Brand
+  %a.sidebar-brand.d-flex.align-items-center.justify-content-center{ href: config('ditty.home_page', settings.map_path || '/') }
+    .sidebar-brand-icon.rotate-n-15
+      %i.fas.fa-laugh-wink
+    .sidebar-brand-text.mx-3
+      = config('ditty.title', 'Ditty')
+
+  / Divider
+  %hr.sidebar-divider.my-0
+  = haml :'partials/navitems'
+
+  .text-center.d-none.d-md-inline
+    %button#sidebarToggle.rounded-circle.border-0

data/views/partials/topbar.haml

@@ -0,0 +1,68 @@
+/ Logout Modal
+#logoutModal.modal.fade{ tabindex: -1, role: 'dialog', 'aria-hidden': 'true' }
+  .modal-dialog{ role: 'document' }
+    .modal-content
+      .modal-header
+        %h5.modal-title Ready to Leave?
+        %button.close{ type: 'button', 'data-dismiss': 'modal', 'aria-label': 'Close' }
+          %span{ 'aria-hidden': 'true' } ×
+      .modal-body
+        Select "Logout" below if you are ready to end your current session.
+      .modal-footer
+        %button.btn.btn-secondary{ type: 'button', 'data-dismiss': 'modal' } Cancel
+        = delete_form_tag("#{settings.map_path}/auth") do
+          %button.btn.btn-primary{ type: 'submit' } Logout
+
+%nav.navbar.navbar-expand.navbar-light.bg-white.topbar.mb-4.static-top.shadow
+  / Sidebar Toggle
+  %button#sidebarToggleTop.btn.btn-link.d-md-none.rounded-circle.mr-3
+    %i.fa.fa-bars
+
+  /  Topbar Search
+  %form.d-none.d-sm-inline-block.form-inline.mr-auto.ml-md-3.my-2.my-md-0.mw-100.navbar-search
+    .input-group
+      %input.form-control.bg-light.border-0.small{ type: 'text', placeholder: 'Search for...', 'aria-label': 'Search', 'aria-describedby': 'basic-addon2' }
+      .input-group-append
+        %button.btn.btn-primary{ type: 'button' }
+          %i.fas.fa-search.fa-sm
+
+  / Topbar Navbar
+  %ul.navbar-nav.ml-auto
+    / Nav Item - Search Dropdown (Visible Only XS)
+    %li.nav-item.dropdown.no-arrow.d-sm-none
+      %a#searchDropdown.nav-link.dropdown-toggle{ href: '#', role: 'button', 'data-toggle': 'dropdown', 'aria-haspopup': 'true', 'aria-expanded': 'false' }
+        %i.fas.fa-search.fa-fw
+      / Dropdown - Messages
+      .dropdown-menu.dropdown-menu-right.p-3.shadow.animated--grow-in{ :'aria-labelledby' => 'searchDropdown' }
+        %form.form-inline.mr-auto.w-100.navbar-search
+          .input-group
+            %input.form-control.bg-light.border-0.small{ type: 'text', placeholder: 'Search for...', :'aria-label' => 'Search', :'aria-describedby' => 'basic-addon2' }
+            .input-group-append
+              %button.btn.btn-primary{ type: 'button' }
+                %i.fas.fa-.fa-sm
+
+
+    .topbar-divider.d-none.d-sm-block
+
+    / Nav Item - User Information
+    - if authenticated?
+      %li.nav-item.dropdown.no-arrow
+        %a#userDropdown.nav-link.dropdown-toggle{ href: '#', role: 'button', 'aria-haspopup': 'true', 'area-expanded': 'false', 'data-toggle': 'dropdown' }
+          %span.mr-2.d-none.d-lg-inline.text-gray-600.small= current_user.display_name
+          %img.img-profile.rounded-circle{ src: current_user.gravatar }
+        / Dropdown - User Information
+        .dropdown-menu.dropdown-menu-right.shadow.animated--grow-in{ 'aria-labelledby': 'userDropdown' }
+          %a.dropdown-item{ href: "#{settings.map_path}/users/profile" }
+            %i.fas.fa-user.fa-sm.fa-fw.mr-2.text-gray-400
+            Profile
+          / %a.dropdown-item{ href: '#' }
+          /   %i.fas.fa-cogs.fa-sm.fa-fw.mr-2.text-gray-400
+          /   Settings
+          %a.dropdown-item{ href: "#{settings.map_path}/login-traits" }
+            %i.fas.fa-list.fa-sm.fa-fw.mr-2.text-gray-400
+            Past Logins
+          .dropdown-divider
+          %a.dropdown-item{ href: '#', data: { toggle: 'modal', target: '#logoutModal' } }
+            %i.fas.fa-sign-out-alt.fa-sm.fa-fw.mr-2.text-gray-400
+            Logout
+    - else