lucas.mathieu/cachet-docker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Re-design the layout

Browse Source
This commit is contained in:
James Brooks
2014-11-17 13:45:25 +00:00
parent eb87822db5
commit e27fa2425f
3 changed files with 55 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
app/views/incident.blade.php
View File

@@ -2,19 +2,14 @@
$incidentDate = Carbon::now()->subDays($i); $incidentDate = Carbon::now()->subDays($i);
$incidents = Incident::whereRaw('DATE(created_at) = "' . $incidentDate->format('Y-m-d') . '"')->orderBy('created_at', 'desc')->get(); $incidents = Incident::whereRaw('DATE(created_at) = "' . $incidentDate->format('Y-m-d') . '"')->orderBy('created_at', 'desc')->get();
?> ?>
<li class='list-group-item'> <h2>{{ $incidentDate->format('jS M, Y') }}</h2>
<h1>{{ $incidentDate->format('jS M, Y') }}</h1> <hr />
<ul class='list-group'>
@if($incidents->count() === 0) @if($incidents->count() === 0)
<li class='list-group-item'>No incidents reported.</li> <p>No incidents reported.</p>
@else @else
@foreach($incidents as $incident) @foreach($incidents as $incident)
<li class='list-group-item'> <h3>{{ $incident->name }}, <span class='label label-info'>{{ $incident->humanStatus }}</span></h3>
<h2>{{ $incident->name }}, <small>{{ $incident->humanStatus }}</small></h2>
<h3><time>{{ $incident->created_at->format('H:i:s A') }}</time></h3>
<p>{{ $incident->message }}</p> <p>{{ $incident->message }}</p>
</li> <h4><time>{{ $incident->created_at->format('H:i:s A') }} {{ Config::get('app.timezone') }}</time></h4>
@endforeach @endforeach
@endif @endif
</ul>
</li>

11
app/views/index.blade.php
View File

@@ -1,6 +1,15 @@
@extends('layout.master') @extends('layout.master')
@section('content') @section('content')
<div class='row'>
<div class='masthead-container'>
<div class='masthead'>
<div class='text-container'>
<span class='page-name font-largest'><a href='#'>SITE_NAME</a></span>
</div>
</div>
</div>
</div>
<div class='row'> <div class='row'>
<div class='alert alert-{{ $systemStatus }}'>{{ $systemMessage }}</div> <div class='alert alert-{{ $systemStatus }}'>{{ $systemMessage }}</div>
</div> </div>
@@ -22,10 +31,8 @@
<div class='row'> <div class='row'>
<h1>Past Incidents</h1> <h1>Past Incidents</h1>
<ul class='list-group'>
@for($i=0; $i <= 7; $i++) @for($i=0; $i <= 7; $i++)
@include('incident', array('i', $i)) @include('incident', array('i', $i))
@endfor @endfor
</ul>
</div> </div>
@stop @stop

34
app/views/layout/master.blade.php
View File

@@ -10,6 +10,40 @@
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<link href='http://fonts.googleapis.com/css?family=Raleway:400,700,300,600' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Raleway:400,700,300,600' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<style type='text/css'>
body {
color: #333333;
}
.masthead-container {
margin: 0 auto;
}
.masthead-container .masthead {
position: relative;
margin-bottom: 70px;
}
.masthead-container .masthead .text-container {
background-color: rgba(0,0,0,0.8);
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
padding: 1rem;
}
.masthead-container .masthead .text-container .page-name {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
float: left;
color: white;
line-height: 37px;
position: relative;
display: inline-block;
}
.masthead-container .masthead .text-container .page-name a {
color: white;
}
</style>
</head> </head>
<body> <body>
<div class='container'> <div class='container'>