ditty 0.2.0

data/views/404.haml

@@ -0,0 +1,7 @@
+%h2 Whoops!
+
+%p.lead
+  We could not find the page you were looking for...
+
+.text-center
+  %iframe{ width: 560, height: 315, src: 'https://www.youtube.com/embed/e3-5YC_oHjE', frameborder: 0, allowfullscreen: true }

data/views/audit_logs/index.haml

@@ -0,0 +1,30 @@
+.row
+  .col-md-12
+    .panel.panel-default
+      %table.table.table-striped
+        %thead
+          %tr
+            %th User email
+            %th Action
+            %th Details
+            %th Created at
+        %tbody
+          - if list.count > 0
+            - list.all.each do |entity|
+              %tr
+                %td
+                  -if entity.user
+                    %a{ href: "/users/#{entity.user.id}" }= entity.user.email
+                  -else
+                    None
+                %td
+                  = entity.action
+                %td
+                  = entity.details
+                %td
+                  = entity.created_at.strftime('%Y-%m-%d %H:%M:%S')
+          - else
+            %tr
+              %td.text-center{ colspan: 4 } No records
+
+=pagination(list, base_path)

data/views/error.haml

@@ -0,0 +1,4 @@
+%h2 Whoops!
+
+%p.lead
+  = error.class

data/views/identity/login.haml

@@ -0,0 +1,19 @@
+.row
+  .col-sm-3
+  .col-sm-6
+    .panel.panel-default
+      .panel-heading
+        %h4 Login
+      .panel-body
+        %form{ method: 'post', action: "#{settings.map_path}/auth/identity/callback" }
+          .form-group
+            %label.control-label Username
+            %input.form-control.border-input{ name: 'username' }
+          .form-group
+            %label.control-label Password
+            %input.form-control.border-input{ name: 'password', type: 'password' }
+          %button.btn.btn-primary{ type: 'submit' } Log In
+          .pull-right
+            No account yet?
+            %a.btn.btn-default{ href: "#{settings.map_path}/auth/identity/register" } Register
+  .col-sm-3

data/views/identity/register.haml

@@ -0,0 +1,14 @@
+.row
+  .col-md-2
+  .col-md-8
+    .panel.panel-default
+      .panel-heading
+        %h4 Ditty Registration
+      .panel-body
+        %form.form-horizontal{ method: 'post', action: "#{settings.map_path}/auth/identity/new" }
+          = form_control(:username, identity, label: 'Email', placeholder: 'Your email address')
+          = form_control(:password, identity, label: 'Password', type: :password)
+          = form_control(:password_confirmation, identity, label: 'Confirm Password', type: :password)
+
+          %button.btn.btn-primary{ type: 'submit' } Register
+  .col-md-2

data/views/index.haml

@@ -0,0 +1 @@
+%h2 Hello! Ready to get this Ditty started?

data/views/layout.haml

@@ -0,0 +1,55 @@
+!!! 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
+      Ditty
+      - if defined? title
+        = "- #{title}"
+
+    %meta{ name: 'description', content: '' }
+    %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
+    #wrapper
+      = haml :'partials/navbar', locals: { title: (defined?(title) ? title : 'Ditty') }
+      #page-wrapper
+        .row
+          .col-md-12
+            -if defined? title
+              %h1.page-header= title
+            = haml :'partials/notifications'
+
+        = yield
+        = haml :'partials/footer'
+
+
+    / 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' }
+    :javascript
+        $(function() {
+            $('.sidebar-nav').metisMenu();
+        });
+

data/views/partials/delete_form.haml

@@ -0,0 +1,4 @@
+<form method="post" action="<%= base_path %>/<%= entity.id %>">
+  <input type="hidden" name="_method" value="DELETE">
+  <button type="submit" class="btn btn-danger"><%= delete_label %></button>
+</form>

data/views/partials/footer.haml

@@ -0,0 +1,5 @@
+%footer.footer.text-muted.text-center
+  %hr
+  .copyright
+    :plain
+      &copy; <script>document.write(new Date().getFullYear())</script>, Automation Exchange

data/views/partials/form_control.haml

@@ -0,0 +1,20 @@
+%div{ class: "form-group#{model.errors[field] ? ' has-error' : ''}" }
+  %label.col-sm-3.control-label{ for: attributes[:id] }= label
+  .col-sm-9
+    - type = attributes.delete(:type)
+    - if type == 'select'
+      - options = attributes.delete(:options)
+      %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
+        - 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
+    - elsif type == 'textarea'
+      %textarea{attributes}= preserve(model[field])
+    - else
+      %input{attributes, type: type, value: model[field] || default}
+    - if model.errors[field]
+      %p.help-block.text-danger= model.errors[field].join(', ')

data/views/partials/navbar.haml

@@ -0,0 +1,24 @@
+.navbar.navbar-default.navbar-static-top{ role: 'navigation', style: 'margin-bottom: 0' }
+  .navbar-header
+    %button.navbar-toggle.collapsed{ 'type' => 'button', 'data-toggle' => 'collapse', 'data-target' => '.navbar-collapse' }
+      %span.sr-only Toggle navigation
+      %span.icon-bar
+      %span.icon-bar
+      %span.icon-bar
+    %span.navbar-brand
+      Ditty
+
+  -if authenticated?
+    %form.nav.navbar-top-links.navbar-form.navbar-right{ action: "#{settings.map_path}/auth/identity", method: 'post' }
+      %a.btn.btn-default{ href: "#{settings.map_path}/users/profile" } My Account
+      %input{ name: '_method', value: 'DELETE', type: 'hidden' }
+      %button.btn.btn-default{ type: 'submit' }
+        / %i.ti-panel
+        Logout
+  - else
+    %ul.nav.navbar-top-links.navbar-right
+      %li
+        %a.btn.btn-link{ href: "#{settings.map_path}/auth/identity" }
+          Log In
+  .navbar-default.sidebar{ role: 'navigation' }
+    = haml :'partials/sidebar'

data/views/partials/notifications.haml

@@ -0,0 +1,24 @@
+- if flash[:danger]
+  .alert.alert-danger.alert-dismissible{ role: "alert" }
+    %button.close{ 'type' => 'button', 'aria-hidden' => 'true', 'area-label' => 'true', 'data-dismiss' => 'alert' } ×
+    - (flash[:danger].is_a?(Array) ? flash[:danger] : [flash[:danger]]).each do |msg|
+      %span= msg
+
+- if flash[:warning]
+  .alert.alert-warning.alert-dismissible{ role: "alert" }
+    %button.close{ 'type' => 'button', 'aria-hidden' => 'true', 'area-label' => 'true', 'data-dismiss' => 'alert' } ×
+    - (flash[:warning].is_a?(Array) ? flash[:warning] : [flash[:warning]]).each do |msg|
+      %span= msg
+
+- if flash[:success]
+  .alert.alert-success.alert-dismissible{ role: "alert" }
+    %button.close{ 'type' => 'button', 'aria-hidden' => 'true', 'area-label' => 'true', 'data-dismiss' => 'alert' } ×
+    - (flash[:success].is_a?(Array) ? flash[:success] : [flash[:success]]).each do |msg|
+      %span= msg
+
+
+- if flash[:info]
+  .alert.alert-info.alert-dismissible{ role: "alert" }
+    %button.close{ 'type' => 'button', 'aria-hidden' => 'true', 'area-label' => 'true', 'data-dismiss' => 'alert' } ×
+    - (flash[:info].is_a?(Array) ? flash[:info] : [flash[:info]]).each do |msg|
+      %span= msg

data/views/partials/pager.haml

@@ -0,0 +1,14 @@
+%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
+      %li
+        %a{href: "#{base_path}?page=1&count=#{list.page_size}"} First
+      %li{class: ("disabled" if list.first_page?)}
+        %a{href: prev_link} Previous
+      %li{class: ("disabled" if list.last_page?)}
+        %a{href: next_link} Next
+      %li
+        %a{href: "#{base_path}?page=#{list.page_count}&count=#{list.page_size}"} Last
+  - else
+    %p.text-center No records to show

data/views/partials/sidebar.haml

@@ -0,0 +1,35 @@
+.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|
+                  %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.active
+        %a{ href: "#{settings.map_path}/auth/identity" }
+          %i.fa.fa-user.fa-fw
+          Log In
+      %li
+        %a{ href: "#{settings.map_path}/auth/identity/register" }
+          %i.fa.fa-pencil-square-o.fa-fw
+          Register

data/views/roles/display.haml

@@ -0,0 +1,18 @@
+.row
+  .col-md-2
+  .col-md-8
+    .panel.panel-default
+      .panel-body
+        %p.description
+          %label Name:
+          = entity.name
+
+        .row
+          .col-md-6
+            %a.btn.btn-default{ href: "#{base_path}/#{entity.id}/edit" } Edit
+          .col-md-6.text-right
+            - if policy(entity).delete?
+              %form{ method: 'post', action: "#{base_path}/#{entity.id}" }
+                %input{ name: '_method', value: 'DELETE', type: 'hidden' }
+                %button.btn.btn-warning{ type: 'submit' } Delete
+  .col-md-2

data/views/roles/edit.haml

@@ -0,0 +1,11 @@
+.row
+  .col-md-2
+  .col-md-8
+    .panel.panel-default
+      .panel-body
+        %form.form-horizontal{ method: 'post', action: "#{base_path}/#{entity.id}" }
+          %input{ name: '_method', value: 'PUT', type: 'hidden' }
+          = haml :'roles/form', locals: { entity: entity }
+          %button.btn.btn-primary{ type: 'submit' }
+            Update Role
+  .col-md-2

data/views/roles/form.haml

@@ -0,0 +1 @@
+= form_control(:name, entity)

data/views/roles/index.haml

@@ -0,0 +1,22 @@
+.row
+  .col-md-12
+    .panel.panel-default
+      %table.table.table-striped
+        %thead
+          %tr
+            %th Name
+        %tbody
+          - if list.count > 0
+            - list.all.each do |entity|
+              %tr
+                %td
+                  %a{ href: "#{base_path}/#{entity.id}" }= entity.name
+          - else
+            %tr
+              %td.text-center{ colspan: 1 } No records
+
+      - if policy(::Ditty::Role).create?
+        .panel-body.text-right
+          %a.btn.btn-primary{ href: "#{base_path}/new" } New Role
+
+=pagination(list, base_path)

data/views/roles/new.haml

@@ -0,0 +1,10 @@
+.row
+  .col-md-2
+  .col-md-8
+    .panel.panel-default
+      .panel-body
+        %form.form-horizontal{ method: 'post', action: base_path }
+          = haml :'roles/form', locals: { entity: entity }
+          %button.btn.btn-primary{ type: 'submit' }
+            Create Role
+  .col-md-2

data/views/users/display.haml

@@ -0,0 +1,50 @@
+.row
+  .col-md-2
+  .col-md-8
+    .panel.panel-default
+      .panel-body
+        .author
+          %img.pull-right.thumbnail{ src: entity.gravatar }
+          %h4= entity.email
+
+        %hr
+        %p.description
+          %label Name:
+          = entity.name
+        %p.description
+          %label Surname:
+          = entity.surname
+        %p.description
+          %label Roles:
+          = entity.roles_dataset.map(:name).map(&:titlecase).join(', ')
+        %p.description
+          %label Signed up:
+          = entity.created_at.strftime('%Y-%m-%d %H:%M:%S')
+
+        .row
+          .col-md-6
+            %a.btn.btn-default{ href: "#{base_path}/#{entity.id}/edit" } Edit
+          .col-md-6.text-right
+            - if policy(entity).delete?
+              %form{ method: 'post', action: "#{base_path}/#{entity.id}" }
+                %input{ name: '_method', value: 'DELETE', type: 'hidden' }
+                %button.btn.btn-warning{ type: 'submit' } Delete
+  .col-md-2
+
+- if entity.identity.first
+  .row
+    .col-md-2
+    .col-md-8
+      .panel.panel-default
+        .panel-heading
+          %h4 Change Password
+        .panel-body
+          %form.form-horizontal{ method: 'post', action: "#{base_path}/#{entity.id}/identity" }
+            %input{ name: '_method', value: 'PUT', type: 'hidden' }
+            = form_control(:password, entity.identity.first, type: 'password', placeholder: 'Your password', group: 'identity')
+            = form_control(:password_confirmation, entity.identity.first, type: 'password', label: 'Confirm Password', placeholder: 'Confirm your password', group: 'identity')
+            %button.btn.btn-primary{ type: 'submit' }
+              Change Password
+    .col-md-2
+
+

data/views/users/edit.haml

@@ -0,0 +1,11 @@
+.row
+  .col-md-2
+  .col-md-8
+    .panel.panel-default
+      .panel-body
+        %form.form-horizontal{ method: 'post', action: "#{base_path}/#{entity.id}" }
+          %input{ name: '_method', value: 'PUT', type: 'hidden' }
+          = haml :'users/user', locals: { user: entity }
+          %button.btn.btn-primary{ type: 'submit' }
+            Update User
+  .col-md-2

data/views/users/identity.haml

@@ -0,0 +1,3 @@
+= form_control(:username, identity, label: 'Email', placeholder: 'Your email address')
+= form_control(:password, identity, type: 'password', placeholder: 'Your password')
+= form_control(:password_confirmation, identity, type: 'password', label: 'Confirm Password', placeholder: 'Confirm your password')

data/views/users/index.haml

@@ -0,0 +1,23 @@
+.row
+  .col-md-12
+    .panel.panel-default
+      %table.table.table-striped
+        %thead
+          %tr
+            %th Email
+            %th Name
+            %th Surname
+            %th Roles
+        %tbody
+          - list.all.each do |entity|
+            %tr
+              %td
+                %a{ href: "#{base_path}/#{entity.id}" }= entity.email
+              %td= entity.name
+              %td= entity.surname
+              %td= entity.roles_dataset.map(:name).map(&:titlecase).join(', ')
+      - if policy(::Ditty::User).create?
+        .panel-body.text-right
+          %a.btn.btn-primary{ href: "#{base_path}/new" } New User
+
+=pagination(list, base_path)

data/views/users/new.haml

@@ -0,0 +1,11 @@
+.row
+  .col-md-2
+  .col-md-8
+    .panel.panel-default
+      .panel-body
+        %form.form-horizontal{ method: 'post', action: base_path }
+          = haml :'users/identity', locals: { identity: identity }
+          = haml :'users/user', locals: { user: entity }
+          %button.btn.btn-primary{ type: 'submit' }
+            Create User
+  .col-md-2

data/views/users/profile.haml

@@ -0,0 +1,39 @@
+.row
+  .col-md-2
+  .col-md-8
+    .panel.panel-default
+      .panel-body
+        .author
+          %img.pull-right.thumbnail{ src: entity.gravatar }
+          %h4= entity.email
+
+        %hr
+        %p.description
+          %label Name:
+          = entity.name
+        %p.description
+          %label Surname:
+          = entity.surname
+        %p.description
+          %label Roles:
+          = entity.roles_dataset.map(:name).map(&:titlecase).join(', ')
+        %p.description
+          %label Signed up:
+          = entity.created_at.strftime('%Y-%m-%d %H:%M:%S')
+  .col-md-2
+
+.row
+  .col-md-2
+  .col-md-8
+    .panel.panel-default
+      .panel-heading
+        %h4 Change Password
+      .panel-body
+        %form.form-horizontal{ method: 'post', action: "#{base_path}/#{entity.id}/identity" }
+          %input{ name: '_method', value: 'PUT', type: 'hidden' }
+          = form_control(:old_password, identity, type: 'password', placeholder: 'Your current password')
+          = form_control(:password, identity, type: 'password', placeholder: 'Your new password')
+          = form_control(:password_confirmation, identity, type: 'password', label: 'Confirm Password', placeholder: 'Confirm your password')
+          %button.btn.btn-primary{ type: 'submit' }
+            Change Password
+  .col-md-2

data/views/users/user.haml

@@ -0,0 +1,3 @@
+= form_control(:name, user)
+= form_control(:surname, user)
+= form_control(:role_id, user, type: 'select', options: Ditty::Role.as_hash(:id, :name), name: 'user[role_id][]', field: :roles, multiple: true)