Add background for web

lib/crono/web.rb

@@ -3,9 +3,6 @@ require 'sinatra/base'
 
 module Crono
   class Web < Sinatra::Base
-    def app
-      Sinatra::Application
-      end
     set :root, File.expand_path(File.dirname(__FILE__) + "/../../web")
     set :public_folder, Proc.new { "#{root}/assets" }
     set :views, Proc.new { "#{root}/views" }

web/assets/custom.css

@@ -0,0 +1,20 @@
+.container {
+  background-color: #CFD8DC;
+}
+
+body {
+  background-color: #455A64;
+}
+
+.page-header {
+  border-bottom: 1px solid #B6B6B6;
+}
+
+#job_list td,#job_list th {
+  border-top: 1px solid #B6B6B6;
+  color: #212121;
+}
+
+.breadcrumb {
+  background-color: #FFFFFF;
+}

web/views/dashboard.haml

@@ -1,7 +1,8 @@
-.page-header
-  %h1 Crono Dashboard
+%ol.breadcrumb
+  %li.active Home
+
 %h3 Running Jobs
-%table.table
+%table.table#job_list
   %tr
     %th Job
     %th Last performed at
@@ -9,6 +10,8 @@
   - for job in @jobs
     %tr
       %td= job.job_id
-      %td= job.last_performed_at
+      %td= job.last_performed_at || "—"
       %td
-        %a{href: url("/jobs/#{job.id}")} Log
+        %a{href: url("/jobs/#{job.id}")}
+          Log
+          %span.glyphicon.glyphicon-menu-right

web/views/job.haml

@@ -2,6 +2,7 @@
   %li
     %a{href: url("/")} Home
   %li.active= @job.job_id
+
 %h2
   "#{@job.job_id}" Log:
 %pre= @job.log

web/views/layout.haml

@@ -7,11 +7,18 @@
 
     %title Crono Dashboard
 
-    %link{href: "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css", rel: "stylesheet"}/
-    %link{href: "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css", rel: "stylesheet"}/
+    %link{href: "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css", rel: "stylesheet"}
+    %link{href: "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css", rel: "stylesheet"}
+    %link{href: "#{env['SCRIPT_NAME']}/custom.css", rel: "stylesheet"}
 
   %body
+    %br
+    %br
     .container
+      .page-header
+        %h1
+          Crono #{Crono::VERSION}
+          %small Dashboard
       = yield
 
     %script{src: "https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"}