Facelift

web/views/dashboard.haml

@@ -1,32 +1,36 @@
-%h2 Running Jobs
+%header.container.blue-grey.lighten-4.grey-text.text-darken-4
-%table.bordered#job_list
+  %h2 Running Jobs
-  %tr
-    %th Job
-    %th Last performed at
-    %th Status
-    %th
-  - @jobs.each do |job|
-    %tr
-      %td= job.job_id
-      %td= job.last_performed_at || 'Never performed yet'
-      %td
-        - if job.last_performed_at.nil?
-          %span.grey-text.darken-3{ title: 'This job has never been performed yet.' }
-            %i.mdi-device-access-time
-            Pending
-        - elsif job.healthy
-          %a{ href: url("/job/#{job.id}") }
-            %span.green-text.darken-3{ title: 'This job was performed successfully.' }
-              %i.mdi-action-done
-              Success
-        - else
-          %a{ href: url("/job/#{job.id}") }
-            %span.red-text{ title: 'There were problems with this job. Follow the link to check the log.' }
-              %i.mdi-alert-warning
-              Error
 
-      %td
+%main
-        - if job.last_performed_at
+  .container.blue-grey.lighten-4.grey-text.text-darken-4
-          %a{ href: url("/job/#{job.id}") }
+    %table.bordered#job_list
-            Log
+      %tr
-            %i.mdi-navigation-chevron-right
+        %th Job
+        %th Last performed at
+        %th Status
+        %th
+      - @jobs.each do |job|
+        %tr
+          %td= job.job_id
+          %td= job.last_performed_at || 'Never performed yet'
+          %td
+            - if job.last_performed_at.nil?
+              %span.grey-text.darken-3{ title: 'This job has never been performed yet.' }
+                %i.mdi-device-access-time
+                Pending
+            - elsif job.healthy
+              %a{ href: url("/job/#{job.id}") }
+                %span.green-text.darken-3{ title: 'This job was performed successfully.' }
+                  %i.mdi-action-done
+                  Success
+            - else
+              %a{ href: url("/job/#{job.id}") }
+                %span.red-text{ title: 'There were problems with this job. Follow the link to check the log.' }
+                  %i.mdi-alert-warning
+                  Error
+
+          %td
+            - if job.last_performed_at
+              %a{ href: url("/job/#{job.id}") }
+                Log
+                %i.mdi-navigation-chevron-right

web/views/job.haml

@@ -1,12 +1,13 @@
-%a{ href: url('/') }
+%header.container.blue-grey.lighten-4.grey-text.text-darken-4
-  %i.mdi-navigation-chevron-left
+  %a{ href: url('/') }
-  Back to Home
+    %i.mdi-navigation-chevron-left
+    Back to Home
+  %h4 "#{@job.job_id}" Log:
 
-%h4 "#{@job.job_id}" Log:
+%main.container.blue-grey.lighten-4.grey-text.text-darken-4
+  - if @job.healthy == false
+    .alert.alert-danger{ role: 'alert' }
+      An error occurs during the last execution of this job.
+      Check the log below for details.
 
-- if @job.healthy == false
+  %pre= @job.log
-  .alert.alert-danger{ role: 'alert' }
-    An error occurs during the last execution of this job.
-    Check the log below for details.
-
-%pre= @job.log

web/views/layout.haml

@@ -11,18 +11,16 @@
     %link{ href: "#{env['SCRIPT_NAME']}/custom.css", rel: 'stylesheet' }
 
   %body.blue-grey.darken-2
-    %header
+    %nav.container.blue-grey.white-text
-      .container.blue-grey.white-text
+      .nav-wrapper
-        %h1 Crono Dashboard
+        %a.brand-logo{ href: url('/') } Crono Dashboard
 
-    %main
+    = yield
-      .container.blue-grey.lighten-4.grey-text.text-darken-4
-        = yield
 
     %footer.page-footer.blue-grey.darken-2
       .footer-copyright.blue-grey.darken-2
-        .container.blue-grey.lighten-4.grey-text.text-darken-4
+        .container.blue-grey.white-text
-          Crono #{Crono::VERSION}
+          Crono v#{Crono::VERSION}
 
           %a.right{ href: 'https://github.com/plashchynski/crono', target: '_blank' } Documentation