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

View File

@@ -1,29 +1,14 @@
!!! 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
%h2 Crono Jobs
%table.table
%tr
%th Job
%th Last performed at
%th
- for job in @jobs
%tr
%td= job.job_id
%td= job.last_performed_at
%td
%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"}
.page-header
%h1 Crono Dashboard
%h3 Running Jobs
%table.table
%tr
%th Job
%th Last performed at
%th
- for job in @jobs
%tr
%td= job.job_id
%td= job.last_performed_at
%td
%a{href: url("/jobs/#{job.id}")} Log

View File

@@ -1,24 +1,7 @@
!!! 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 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
%a{href: url("/")} Home
%li.active= @job.job_id
%h2
"#{@job.job_id}" 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"}
%ol.breadcrumb
%li
%a{href: url("/")} Home
%li.active= @job.job_id
%h2
"#{@job.job_id}" Log:
%pre= @job.log

18
web/views/layout.haml Normal file
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"}