Re-design the layout

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

View File

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

View File

@ -1,6 +1,15 @@
@extends('layout.master')
@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='alert alert-{{ $systemStatus }}'>{{ $systemMessage }}</div>
</div>
@ -22,10 +31,8 @@
<div class='row'>
<h1>Past Incidents</h1>
<ul class='list-group'>
@for($i=0; $i <= 7; $i++)
@include('incident', array('i', $i))
@include('incident', array('i', $i))
@endfor
</ul>
</div>
@stop

View File

@ -10,6 +10,40 @@
<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 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>
<body>
<div class='container'>