Add layout for the web dashboard

This commit is contained in:
Dzmitry Plashchynski
2015-03-08 21:21:06 +02:00
parent 4fb45724d6
commit ba57834f68
3 changed files with 39 additions and 53 deletions
+4 -19
View File
@@ -1,19 +1,7 @@
!!! 5 .page-header
%html{lang: "en"} %h1 Crono Dashboard
%head %h3 Running Jobs
%meta{charset: "utf-8"} %table.table
%meta{"http-equiv" => "X-UA-Compatible", content: "IE=edge"}
%meta{name: "viewport", content: "width=device-width, initial-scale=1"}
%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"}/
%body
.container
%h2 Crono Jobs
%table.table
%tr %tr
%th Job %th Job
%th Last performed at %th Last performed at
@@ -24,6 +12,3 @@
%td= job.last_performed_at %td= job.last_performed_at
%td %td
%a{href: url("/jobs/#{job.id}")} Log %a{href: url("/jobs/#{job.id}")} Log
%script{src: "https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"}
%script{src: "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"}
+3 -20
View File
@@ -1,24 +1,7 @@
!!! 5 %ol.breadcrumb
%html{lang: "en"}
%head
%meta{charset: "utf-8"}
%meta{"http-equiv" => "X-UA-Compatible", content: "IE=edge"}
%meta{name: "viewport", content: "width=device-width, initial-scale=1"}
%title Crono Job #{@job.job_id}
%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"}/
%body
.container
%ol.breadcrumb
%li %li
%a{href: url("/")} Home %a{href: url("/")} Home
%li.active= @job.job_id %li.active= @job.job_id
%h2 %h2
"#{@job.job_id}" Log: "#{@job.job_id}" Log:
%pre= @job.log %pre= @job.log
%script{src: "https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"}
%script{src: "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"}
+18
View File
@@ -0,0 +1,18 @@
!!! 5
%html{lang: "en"}
%head
%meta{charset: "utf-8"}
%meta{"http-equiv" => "X-UA-Compatible", content: "IE=edge"}
%meta{name: "viewport", content: "width=device-width, initial-scale=1"}
%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"}/
%body
.container
= yield
%script{src: "https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"}
%script{src: "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"}