Don't use tabs for now

This commit is contained in:
James Brooks
2014-12-13 13:30:44 +00:00
parent 437f4dbe36
commit 76d007b6c4
12 changed files with 111 additions and 185 deletions

View File

@@ -10,7 +10,7 @@ html, body {
@import "partials/base";
@import "partials/wrapper";
@import "partials/header";
@import "partials/navbar";
@import "partials/sidebar";
@import "partials/content";
@import "status-page";

View File

@@ -9,13 +9,13 @@ body.dashboard {
margin: 10px 0;
}
.header {
background: #ffffff;
background: darken(#ffffff, 8%);
padding: 14px;
width: 100%;
height: 50px;
font-size: 18px;
font-size: 1.2em;
i {
padding-right: 10px;
// padding-right: 10px;
}
input, button, .btn {
position: relative;
@@ -25,5 +25,9 @@ body.dashboard {
width: 20%;
}
}
h3 {
margin-top: 0;
}
}
}

View File

@@ -1,4 +1,4 @@
$base-background-color: #f5f5f5;
$base-background-color: #ffffff;
$base-font-family: "Avenir Next W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
$base-font-weight: 300;

View File

@@ -6,18 +6,7 @@
</div>
<div class="row">
<div class="col-sm-12">
<div role='tabpanel'>
<ul class="nav nav-tabs" role='tablist'>
<li role='presentation' class='active'><a data-toggle='tab' role='tab' href="#active">Active Components</a></li>
</ul>
<div class="tab-content">
<div role='tabpanel' class='tab-pane active' id="active">
<div class='row'>
<div class='col-md-12'>
<h3>Components</h3>
</div>
</div>
<div class='row'>
<ul class='list-group'>
@foreach($components as $component)
<li class='list-group-item'>
@@ -35,15 +24,8 @@
</li>
@endforeach
</ul>
</div>
<div class='row'>
<div class='col-md-12'>
<h3>Create a component</h3>
</div>
</div>
<div class='row'>
<div class="col-md-12">
@if($component = Session::get('component'))
<div class='alert alert-{{ $component->isValid() ? "success" : "danger" }}'>
@if($component->isValid())
@@ -72,8 +54,4 @@
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@stop

View File

@@ -6,32 +6,15 @@
</div>
<div class="row">
<div class="col-sm-12">
<div role='tabpanel'>
<ul class="nav nav-tabs" role='tablist'>
<li role='presentation' class='active'><a data-toggle='tab' role='tab' href="#incidents">Incidents</a></li>
<li role='presentation'><a data-toggle='tab' role='tab' href="#templates">Incident Templates</a></li>
</ul>
<div class="tab-content">
<div role='tabpanel' class='tab-pane active' id="incidents">
<div class='row'>
<div class='col-md-12'>
<h3>Incidents</h3>
@if ($incidents->count() === 0)
<strong>Woah! No incidents, your doing well!</strong>
<p><strong>Woah! No incidents, your doing well!</strong></p>
@else
<p>You have <strong>{{ $incidents->count() }} incidents.</strong></p>
@endif
</div>
</div>
</div>
<div role='tabpanel' class='tab-pane' id="templates">
<div class='row'>
<div class='col-md-12'>
<h3>Incident Templates</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@stop

View File

@@ -5,21 +5,9 @@
<i class="fa fa-dashboard"></i> {{ Lang::get('cachet.dashboard.dashboard') }}
</div>
<div class="row">
<div class="col-sm-12">
<div role='tabpanel'>
<ul class="nav nav-tabs" role='tablist'>
<li role='presentation' class='active'><a data-toggle='tab' role='tab' href="#create-incident">Create an Incident</a></li>
</ul>
<div class="tab-content">
<div role='tabpanel' class='tab-pane active' id="create-incident">
<div class='row'>
<div class='col-md-12'>
<div class="col-md-12">
<h3>Create an Incident</h3>
</div>
</div>
<div class='row'>
<div class='col-md-12'>
@if($incident = Session::get('incident'))
<div class='alert alert-{{ $incident->isValid() ? "success" : "danger" }}'>
@if($incident->isValid())
@@ -62,9 +50,4 @@
{{ Form::close() }}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@stop

View File

@@ -6,16 +6,7 @@
</div>
<div class="row">
<div class="col-sm-12">
<div role='tabpanel'>
<ul class="nav nav-tabs" role='tablist'>
<li role='presentation' class='active'><a data-toggle='tab' role='tab' href="#metrics">Metrics</a></li>
<li role='presentation'><a data-toggle='tab' role='tab' href="#add-point">Add Data Point</a></li>
</ul>
<div class="tab-content">
<div role='tabpanel' class='tab-pane active' id="metrics">Metrics</div>
<div role='tabpanel' class='tab-pane' id="add-point">Add a data point here</div>
</div>
</div>
<h3>Metrics</h3>
</div>
</div>
@stop

View File

@@ -6,20 +6,7 @@
</div>
<div class="row">
<div class="col-sm-12">
<div role='tabpanel'>
<ul class="nav nav-tabs" role='tablist'>
<li role='presentation' class='active'><a data-toggle='tab' role='tab' href="#notifications">Notifications</a></li>
</ul>
<div class="tab-content">
<div role='tabpanel' class='tab-pane active' id="notifications">
<div class='row'>
<div class='col-md-12'>
<h3>Subscribers</h3>
</div>
</div>
</div>
</div>
</div>
<h3>Notifications</h3>
</div>
</div>
@stop

View File

@@ -4259,7 +4259,7 @@ body.dashboard {
font-weight: 300;
font-size: 16px;
letter-spacing: 0.08em;
background: #f5f5f5;
background: #ffffff;
display: table;
width: 100%;
height: 100%;
@@ -4360,18 +4360,18 @@ body.dashboard .content {
body.dashboard .content .row {
margin: 10px 0; }
body.dashboard .content .header {
background: #ffffff;
background: #ebebeb;
padding: 14px;
width: 100%;
height: 50px;
font-size: 18px; }
body.dashboard .content .header i {
padding-right: 10px; }
font-size: 1.2em; }
body.dashboard .content .header input, body.dashboard .content .header button, body.dashboard .content .header .btn {
position: relative;
top: -4px; }
body.dashboard .content .header input {
width: 20%; }
body.dashboard .content h3 {
margin-top: 0; }
body {
color: #333333;

View File

@@ -4259,7 +4259,7 @@ body.dashboard {
font-weight: 300;
font-size: 16px;
letter-spacing: 0.08em;
background: #f5f5f5;
background: #ffffff;
display: table;
width: 100%;
height: 100%;
@@ -4360,18 +4360,18 @@ body.dashboard .content {
body.dashboard .content .row {
margin: 10px 0; }
body.dashboard .content .header {
background: #ffffff;
background: #ebebeb;
padding: 14px;
width: 100%;
height: 50px;
font-size: 18px; }
body.dashboard .content .header i {
padding-right: 10px; }
font-size: 1.2em; }
body.dashboard .content .header input, body.dashboard .content .header button, body.dashboard .content .header .btn {
position: relative;
top: -4px; }
body.dashboard .content .header input {
width: 20%; }
body.dashboard .content h3 {
margin-top: 0; }
body {
color: #333333;

View File

@@ -1,4 +1,4 @@
{
"css/all.css": "css/all-145c0b5a.css",
"css/all.css": "css/all-ebdfae2e.css",
"js/all.js": "js/all-d8f5640f.js"
}