dashboard colors and design changes

This commit is contained in:
Nabeel Shahzad 2017-08-18 12:02:32 -05:00
parent 22503fff6b
commit 0a3ea07549
20 changed files with 254 additions and 203 deletions

View File

@ -50,6 +50,10 @@ test:
#php artisan database:create --reset #php artisan database:create --reset
vendor/bin/phpunit --debug --verbose vendor/bin/phpunit --debug --verbose
.PHONY
sass-watch:
sass --watch public/assets/admin/sass/paper-dashboard.scss:public/assets/admin/css/paper-dashboard.css
.PHONY: schema .PHONY: schema
schema: schema:
#php artisan infyom:scaffold Aircraft --fieldsFile=database/schema/aircraft.json #php artisan infyom:scaffold Aircraft --fieldsFile=database/schema/aircraft.json

View File

@ -16,7 +16,7 @@ class DashboardController extends BaseController
$feed = Feed::loadRss(config('phpvms.feed_url'));*/ $feed = Feed::loadRss(config('phpvms.feed_url'));*/
$feed = []; $feed = [];
return view('admin.dashboard', [ return view('admin.dashboard.index', [
'feed' => $feed, 'feed' => $feed,
]); ]);
} }

View File

@ -32,7 +32,7 @@
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, a, .td-name, td { h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, a, .td-name, td {
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
font-family: 'Muli', "Helvetica", Arial, sans-serif; } font-family: "Roboto","Helvetica Neue",Arial,sans-serif; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4 { h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
font-weight: 400; font-weight: 400;
@ -47,22 +47,23 @@ h2, .h2 {
h3, .h3 { h3, .h3 {
font-size: 1.825em; font-size: 1.825em;
line-height: 1.4; line-height: 1.4;
font-weight: 300;
margin: 20px 0 10px; } margin: 20px 0 10px; }
h4, .h4 { h4, .h4 {
font-size: 1.5em; font-size: 1.5em;
font-weight: 600; font-weight: 300;
line-height: 1.2em; } line-height: 1.2em; }
h5, .h5 { h5, .h5 {
font-size: 1.25em; font-size: 1.25em;
font-weight: 400; font-weight: 300;
line-height: 1.4em; line-height: 1.4em;
margin-bottom: 15px; } margin-bottom: 15px; }
h6, .h6 { h6, .h6 {
font-size: 0.9em; font-size: 0.9em;
font-weight: 600; font-weight: 300;
text-transform: uppercase; } text-transform: uppercase; }
p { p {
@ -288,7 +289,7 @@ hr {
top: 8px; } top: 8px; }
.sidebar .nav li.active > a:after, .sidebar .nav li.active > a:after,
.off-canvas-sidebar .nav li.active > a:after { .off-canvas-sidebar .nav li.active > a:after {
border-right: 17px solid #f4f3ef; border-right: 17px solid #ebeff2;
border-top: 17px solid transparent; border-top: 17px solid transparent;
border-bottom: 17px solid transparent; border-bottom: 17px solid transparent;
content: ""; content: "";
@ -344,7 +345,7 @@ hr {
.sidebar .nav li:not(.active) > a, .sidebar[data-background-color="white"] .nav li:not(.active) > a, .sidebar .nav li:not(.active) > a, .sidebar[data-background-color="white"] .nav li:not(.active) > a,
.off-canvas-sidebar .nav li:not(.active) > a, .off-canvas-sidebar .nav li:not(.active) > a,
.off-canvas-sidebar[data-background-color="white"] .nav li:not(.active) > a { .off-canvas-sidebar[data-background-color="white"] .nav li:not(.active) > a {
color: #66615B; } color: #b6c3cc; }
.sidebar .nav .divider, .sidebar[data-background-color="white"] .nav .divider, .sidebar .nav .divider, .sidebar[data-background-color="white"] .nav .divider,
.off-canvas-sidebar .nav .divider, .off-canvas-sidebar .nav .divider,
.off-canvas-sidebar[data-background-color="white"] .nav .divider { .off-canvas-sidebar[data-background-color="white"] .nav .divider {
@ -352,7 +353,7 @@ hr {
.sidebar[data-background-color="black"]:after, .sidebar[data-background-color="black"]:before, .sidebar[data-background-color="black"]:after, .sidebar[data-background-color="black"]:before,
.off-canvas-sidebar[data-background-color="black"]:after, .off-canvas-sidebar[data-background-color="black"]:after,
.off-canvas-sidebar[data-background-color="black"]:before { .off-canvas-sidebar[data-background-color="black"]:before {
background-color: #212120; } background-color: #0c1419; }
.sidebar[data-background-color="black"] .logo, .sidebar[data-background-color="black"] .logo,
.off-canvas-sidebar[data-background-color="black"] .logo { .off-canvas-sidebar[data-background-color="black"] .logo {
border-bottom: 1px solid rgba(255, 255, 255, 0.3); } border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
@ -364,7 +365,7 @@ hr {
color: #FFFFFF; } color: #FFFFFF; }
.sidebar[data-background-color="black"] .nav li:not(.active) > a, .sidebar[data-background-color="black"] .nav li:not(.active) > a,
.off-canvas-sidebar[data-background-color="black"] .nav li:not(.active) > a { .off-canvas-sidebar[data-background-color="black"] .nav li:not(.active) > a {
color: #FFFFFF; } color: #b6c3cc; }
.sidebar[data-background-color="black"] .nav .divider, .sidebar[data-background-color="black"] .nav .divider,
.off-canvas-sidebar[data-background-color="black"] .nav .divider { .off-canvas-sidebar[data-background-color="black"] .nav .divider {
background-color: rgba(255, 255, 255, 0.2); } background-color: rgba(255, 255, 255, 0.2); }
@ -390,7 +391,7 @@ hr {
opacity: 1; } opacity: 1; }
.main-panel { .main-panel {
background-color: #f4f3ef; background-color: #ebeff2;
position: relative; position: relative;
z-index: 2; z-index: 2;
float: right; float: right;
@ -417,8 +418,7 @@ hr {
transition-timing-function: linear,linear; transition-timing-function: linear,linear;
-webkit-overflow-scrolling: touch; } -webkit-overflow-scrolling: touch; }
.btn, .btn, .navbar .navbar-nav > li > a.btn {
.navbar .navbar-nav > li > a.btn {
border-radius: 20px; border-radius: 20px;
box-sizing: border-box; box-sizing: border-box;
border-width: 2px; border-width: 2px;
@ -467,60 +467,40 @@ hr {
.navbar .navbar-nav > li > a.btn[disabled]:focus, .navbar .navbar-nav > li > a.btn[disabled]:focus,
.navbar .navbar-nav > li > a.btn[disabled].focus, .navbar .navbar-nav > li > a.btn[disabled].focus,
.navbar .navbar-nav > li > a.btn[disabled]:active, .navbar .navbar-nav > li > a.btn[disabled]:active,
.navbar .navbar-nav > li > a.btn[disabled].active, fieldset[disabled] .navbar .navbar-nav > li > a.btn[disabled].active,
.navbar .navbar-nav > li > a.btn, fieldset[disabled] fieldset[disabled] .navbar .navbar-nav > li > a.btn,
.navbar .navbar-nav > li > a.btn:hover, fieldset[disabled] fieldset[disabled] .navbar .navbar-nav > li > a.btn:hover,
.navbar .navbar-nav > li > a.btn:focus, fieldset[disabled] fieldset[disabled] .navbar .navbar-nav > li > a.btn:focus,
.navbar .navbar-nav > li > a.btn.focus, fieldset[disabled] fieldset[disabled] .navbar .navbar-nav > li > a.btn.focus,
.navbar .navbar-nav > li > a.btn:active, fieldset[disabled] fieldset[disabled] .navbar .navbar-nav > li > a.btn:active,
.navbar .navbar-nav > li > a.btn.active { fieldset[disabled] .navbar .navbar-nav > li > a.btn.active {
background-color: transparent; background-color: transparent;
border-color: #66615B; } border-color: #66615B; }
.btn.btn-fill, .btn.btn-fill, .navbar .navbar-nav > li > a.btn.btn-fill {
.navbar .navbar-nav > li > a.btn.btn-fill {
color: #FFFFFF; color: #FFFFFF;
background-color: #66615B; background-color: #66615B;
opacity: 1; opacity: 1;
filter: alpha(opacity=100); } filter: alpha(opacity=100); }
.btn.btn-fill:hover, .btn.btn-fill:focus, .btn.btn-fill:active, .btn.btn-fill.active, .open > .btn.btn-fill.dropdown-toggle, .btn.btn-fill:hover, .btn.btn-fill:focus, .btn.btn-fill:active, .btn.btn-fill.active, .open > .btn.btn-fill.dropdown-toggle, .navbar .navbar-nav > li > a.btn.btn-fill:hover, .navbar .navbar-nav > li > a.btn.btn-fill:focus, .navbar .navbar-nav > li > a.btn.btn-fill:active, .navbar .navbar-nav > li > a.btn.btn-fill.active, .open > .navbar .navbar-nav > li > a.btn.btn-fill.dropdown-toggle {
.navbar .navbar-nav > li > a.btn.btn-fill:hover,
.navbar .navbar-nav > li > a.btn.btn-fill:focus,
.navbar .navbar-nav > li > a.btn.btn-fill:active,
.navbar .navbar-nav > li > a.btn.btn-fill.active, .open >
.navbar .navbar-nav > li > a.btn.btn-fill.dropdown-toggle {
background-color: #403D39; background-color: #403D39;
color: #FFFFFF; color: #FFFFFF;
border-color: #403D39; } border-color: #403D39; }
.btn.btn-fill .caret, .btn.btn-fill .caret, .navbar .navbar-nav > li > a.btn.btn-fill .caret {
.navbar .navbar-nav > li > a.btn.btn-fill .caret {
border-top-color: #FFFFFF; } border-top-color: #FFFFFF; }
.btn.btn-simple:hover, .btn.btn-simple:focus, .btn.btn-simple:active, .btn.btn-simple.active, .open > .btn.btn-simple.dropdown-toggle, .btn.btn-simple:hover, .btn.btn-simple:focus, .btn.btn-simple:active, .btn.btn-simple.active, .open > .btn.btn-simple.dropdown-toggle, .navbar .navbar-nav > li > a.btn.btn-simple:hover, .navbar .navbar-nav > li > a.btn.btn-simple:focus, .navbar .navbar-nav > li > a.btn.btn-simple:active, .navbar .navbar-nav > li > a.btn.btn-simple.active, .open > .navbar .navbar-nav > li > a.btn.btn-simple.dropdown-toggle {
.navbar .navbar-nav > li > a.btn.btn-simple:hover,
.navbar .navbar-nav > li > a.btn.btn-simple:focus,
.navbar .navbar-nav > li > a.btn.btn-simple:active,
.navbar .navbar-nav > li > a.btn.btn-simple.active, .open >
.navbar .navbar-nav > li > a.btn.btn-simple.dropdown-toggle {
background-color: transparent; background-color: transparent;
color: #403D39; } color: #403D39; }
.btn.btn-simple .caret, .btn.btn-simple .caret, .navbar .navbar-nav > li > a.btn.btn-simple .caret {
.navbar .navbar-nav > li > a.btn.btn-simple .caret {
border-top-color: #FFFFFF; } border-top-color: #FFFFFF; }
.btn .caret, .btn .caret, .navbar .navbar-nav > li > a.btn .caret {
.navbar .navbar-nav > li > a.btn .caret {
border-top-color: #66615B; } border-top-color: #66615B; }
.btn:hover, .btn:focus, .btn:hover, .btn:focus, .navbar .navbar-nav > li > a.btn:hover, .navbar .navbar-nav > li > a.btn:focus {
.navbar .navbar-nav > li > a.btn:hover,
.navbar .navbar-nav > li > a.btn:focus {
outline: 0 !important; } outline: 0 !important; }
.btn:active, .btn.active, .open > .btn.dropdown-toggle, .btn:active, .btn.active, .open > .btn.dropdown-toggle, .navbar .navbar-nav > li > a.btn:active, .navbar .navbar-nav > li > a.btn.active, .open > .navbar .navbar-nav > li > a.btn.dropdown-toggle {
.navbar .navbar-nav > li > a.btn:active,
.navbar .navbar-nav > li > a.btn.active, .open >
.navbar .navbar-nav > li > a.btn.dropdown-toggle {
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
outline: 0 !important; } outline: 0 !important; }
.btn.btn-icon, .btn.btn-icon, .navbar .navbar-nav > li > a.btn.btn-icon {
.navbar .navbar-nav > li > a.btn.btn-icon {
padding: 7px; } padding: 7px; }
.btn-group .btn + .btn, .btn-group .btn + .btn,
@ -1160,7 +1140,8 @@ textarea.form-control {
font-size: 16px; font-size: 16px;
z-index: 3; } z-index: 3; }
.navbar .navbar-brand { .navbar .navbar-brand {
font-weight: 600; color: #FFFFFF;
font-weight: 300;
margin: 5px 0px; margin: 5px 0px;
padding: 20px 15px; padding: 20px 15px;
font-size: 20px; } font-size: 20px; }
@ -1189,12 +1170,13 @@ textarea.form-control {
margin-top: -5px; } margin-top: -5px; }
.navbar-default { .navbar-default {
background-color: #f4f3ef; color: #FFFFFF;
background-color: #067ec1;
border-bottom: 1px solid #DDDDDD; } border-bottom: 1px solid #DDDDDD; }
.navbar-default .brand { .navbar-default .brand {
color: #66615b !important; } color: #FFFFFF !important; }
.navbar-default .navbar-nav > li > a:not(.btn) { .navbar-default .navbar-nav > li > a:not(.btn) {
color: #9A9A9A; } color: #FFFFFF; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:not(.btn):hover, .navbar-default .navbar-nav > .active > a:not(.btn):hover,
.navbar-default .navbar-nav > .active > a:not(.btn):focus, .navbar-default .navbar-nav > .active > a:not(.btn):focus,
@ -1919,7 +1901,7 @@ textarea.form-control {
content: ""; content: "";
width: 0; width: 0;
height: 0; height: 0;
padding-bottom: 88.88889%; } padding-bottom: 88.8888888889%; }
.ct-major-second:after { .ct-major-second:after {
content: ""; content: "";
display: table; display: table;
@ -1940,7 +1922,7 @@ textarea.form-control {
content: ""; content: "";
width: 0; width: 0;
height: 0; height: 0;
padding-bottom: 83.33333%; } padding-bottom: 83.3333333333%; }
.ct-minor-third:after { .ct-minor-third:after {
content: ""; content: "";
display: table; display: table;
@ -2003,7 +1985,7 @@ textarea.form-control {
content: ""; content: "";
width: 0; width: 0;
height: 0; height: 0;
padding-bottom: 66.66667%; } padding-bottom: 66.6666666667%; }
.ct-perfect-fifth:after { .ct-perfect-fifth:after {
content: ""; content: "";
display: table; display: table;
@ -2045,7 +2027,7 @@ textarea.form-control {
content: ""; content: "";
width: 0; width: 0;
height: 0; height: 0;
padding-bottom: 61.8047%; } padding-bottom: 61.804697157%; }
.ct-golden-section:after { .ct-golden-section:after {
content: ""; content: "";
display: table; display: table;
@ -2108,7 +2090,7 @@ textarea.form-control {
content: ""; content: "";
width: 0; width: 0;
height: 0; height: 0;
padding-bottom: 53.33333%; } padding-bottom: 53.3333333333%; }
.ct-major-seventh:after { .ct-major-seventh:after {
content: ""; content: "";
display: table; display: table;
@ -2192,7 +2174,7 @@ textarea.form-control {
content: ""; content: "";
width: 0; width: 0;
height: 0; height: 0;
padding-bottom: 33.33333%; } padding-bottom: 33.3333333333%; }
.ct-major-twelfth:after { .ct-major-twelfth:after {
content: ""; content: "";
display: table; display: table;
@ -2247,8 +2229,8 @@ textarea.form-control {
.navbar-nav > li > .dropdown-menu:before { .navbar-nav > li > .dropdown-menu:before {
border-bottom: 11px solid #F1EAE0; border-bottom: 11px solid #F1EAE0;
border-left: 11px solid transparent; border-left: 11px solid rgba(0, 0, 0, 0);
border-right: 11px solid transparent; border-right: 11px solid rgba(0, 0, 0, 0);
content: ""; content: "";
display: inline-block; display: inline-block;
position: absolute; position: absolute;
@ -2257,8 +2239,8 @@ textarea.form-control {
.navbar-nav > li > .dropdown-menu:after { .navbar-nav > li > .dropdown-menu:after {
border-bottom: 11px solid #FFFCF5; border-bottom: 11px solid #FFFCF5;
border-left: 11px solid transparent; border-left: 11px solid rgba(0, 0, 0, 0);
border-right: 11px solid transparent; border-right: 11px solid rgba(0, 0, 0, 0);
content: ""; content: "";
display: inline-block; display: inline-block;
position: absolute; position: absolute;
@ -2407,7 +2389,7 @@ textarea.form-control {
top: 10px; } top: 10px; }
.off-canvas-sidebar .nav > li.active > a:after { .off-canvas-sidebar .nav > li.active > a:after {
border-right: none; border-right: none;
border-left: 12px solid #f4f3ef; border-left: 12px solid #ebeff2;
border-top: 12px solid transparent; border-top: 12px solid transparent;
border-bottom: 12px solid transparent; border-bottom: 12px solid transparent;
right: auto; right: auto;
@ -2420,8 +2402,8 @@ textarea.form-control {
height: 100%; height: 100%;
width: 100%; width: 100%;
position: absolute; position: absolute;
background-color: #f4f3ef; background-color: #ebeff2;
background-image: linear-gradient(to bottom, transparent 0%, rgba(112, 112, 112, 0) 60%, rgba(186, 186, 186, 0.15) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(112, 112, 112, 0) 60%, rgba(186, 186, 186, 0.15) 100%);
display: block; display: block;
content: ""; content: "";
z-index: 1; } z-index: 1; }
@ -2762,3 +2744,5 @@ textarea.form-control {
overflow-y: hidden; overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar; -ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch; } } -webkit-overflow-scrolling: touch; } }
/*# sourceMappingURL=paper-dashboard.css.map */

File diff suppressed because one or more lines are too long

View File

@ -13,7 +13,8 @@
z-index: 3; z-index: 3;
.navbar-brand{ .navbar-brand{
font-weight: $font-weight-bold; color: $white-color;
font-weight: $font-weight-light;;
margin: $navbar-margin-brand; margin: $navbar-margin-brand;
padding: $navbar-padding-brand; padding: $navbar-padding-brand;
font-size: $font-size-large-navbar; font-size: $font-size-large-navbar;
@ -54,15 +55,16 @@
} }
.navbar-default { .navbar-default {
background-color: $bg-nude; color: $white-color;
background-color: $phpvms-blue;
border-bottom: 1px solid $medium-gray; border-bottom: 1px solid $medium-gray;
.brand{ .brand{
color: $font-color !important; color: $white-color !important;
} }
.navbar-nav{ .navbar-nav{
> li > a:not(.btn){ > li > a:not(.btn){
color: $dark-gray; color: $white-color;
} }
> .active > a, > .active > a,

View File

@ -1,7 +1,8 @@
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, a, .td-name, td{ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, a, .td-name, td{
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
font-family: 'Muli', "Helvetica", Arial, sans-serif; //font-family: 'Roboto', "Helvetica", Arial, sans-serif;
font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
} }
h1, .h1, h2, .h2, h3, .h3, h4, .h4{ h1, .h1, h2, .h2, h3, .h3, h4, .h4{
@ -18,22 +19,23 @@ h2, .h2{
h3, .h3{ h3, .h3{
font-size: $font-size-h3; font-size: $font-size-h3;
line-height: 1.4; line-height: 1.4;
font-weight: $font-weight-light;
margin: 20px 0 10px; margin: 20px 0 10px;
} }
h4, .h4{ h4, .h4{
font-size: $font-size-h4; font-size: $font-size-h4;
font-weight: $font-weight-bold; font-weight: $font-weight-light;
line-height: 1.2em; line-height: 1.2em;
} }
h5, .h5 { h5, .h5 {
font-size: $font-size-h5; font-size: $font-size-h5;
font-weight: $font-weight-normal; font-weight: $font-weight-light;
line-height: 1.4em; line-height: 1.4em;
margin-bottom: 15px; margin-bottom: 15px;
} }
h6, .h6{ h6, .h6{
font-size: $font-size-h6; font-size: $font-size-h6;
font-weight: $font-weight-bold; font-weight: $font-weight-light;
text-transform: uppercase; text-transform: uppercase;
} }
p{ p{

View File

@ -1,3 +1,5 @@
$phpvms-blue: #067ec1 !default;
$font-color: #66615b !default; $font-color: #66615b !default;
$fill-font-color: rgba(255, 255, 255, 0.7); $fill-font-color: rgba(255, 255, 255, 0.7);
@ -21,7 +23,10 @@ $black-color: #333333 !default;
$black-hr: #444444 !default; $black-hr: #444444 !default;
$white-background-color: #FFFFFF !default; $white-background-color: #FFFFFF !default;
$black-background-color: #212120 !default; //$black-background-color: #212120 !default;
//$black-background-color: #1a2932 !default;
$black-background-color: #0c1419 !default;
$light-gray: #E3E3E3 !default; $light-gray: #E3E3E3 !default;
$medium-gray: #DDDDDD !default; $medium-gray: #DDDDDD !default;
@ -195,7 +200,7 @@ $green-navbar: rgba(#4CD964, .98);
$orange-navbar: rgba(#FF9500, .98); $orange-navbar: rgba(#FF9500, .98);
$red-navbar: rgba(#FF4C40, .98); $red-navbar: rgba(#FF4C40, .98);
$bg-nude: #f4f3ef !default; $bg-nude: #ebeff2 !default;
$bg-primary: #8ECFD5 !default; $bg-primary: #8ECFD5 !default;
$bg-info: #7CE4FE !default; $bg-info: #7CE4FE !default;
$bg-success: #8EF3C5 !default; $bg-success: #8EF3C5 !default;

View File

@ -19,13 +19,13 @@
.nav{ .nav{
li:not(.active){ li:not(.active){
> a{ > a{
color: $font-color; color: #b6c3cc;
} }
} }
.divider{ .divider{
background-color: rgba($font-color,.2); background-color: rgba($font-color,.2);
} }
} }
} }

View File

@ -1,25 +1,22 @@
@extends('admin.app') @extends('admin.app')
@section('title', 'Aircraft')
@section('actions')
<li>
<a href="{!! url('/admin/subfleets') !!}">
<i class="ti-files"></i>
Subfleets</a>
</li>
<li>
<a href="{!! route('admin.aircraft.create') !!}">
<i class="ti-plus"></i>
New Aircraft</a>
</li>
@endsection
@section('content') @section('content')
<section class="content-header"> <div class="card">
<h1 class="pull-left">Aircraft</h1> @include('admin.aircraft.table')
<h1 class="pull-right">
<a class="btn btn-primary " style="margin-top: -8px;" href="{!! url('/admin/subfleets') !!}">Subfleets</a>
&nbsp;&nbsp;
<a class="btn btn-primary " style="margin-top: -8px;" href="{!! route('admin.aircraft.create') !!}">Add New Aircraft</a>
</h1>
</section>
<div class="content">
<div class="clearfix"></div>
@include('flash::message')
<div class="clearfix"></div>
<div class="box box-primary">
<div class="box-body">
@include('admin.aircraft.table')
</div>
</div>
</div> </div>
@endsection @endsection

View File

@ -1,23 +1,17 @@
@extends('admin.app') @extends('admin.app')
@section('title', 'Airlines')
@section('actions')
<li>
<a href="{!! route('admin.airlines.create') !!}">
<i class="ti-plus"></i>
Add New</a>
</li>
@endsection
@section('content') @section('content')
<section class="content-header"> <div class="card">
<h1 class="pull-left">Airlines</h1> @include('admin.airlines.table')
<h1 class="pull-right">
<a class="btn btn-primary pull-right" style="margin-top: -10px;margin-bottom: 5px" href="{!! route('admin.airlines.create') !!}">Add New</a>
</h1>
</section>
<div class="content">
<div class="clearfix"></div>
@include('flash::message')
<div class="clearfix"></div>
<div class="box box-primary">
<div class="box-body">
@include('admin.airlines.table')
</div>
</div>
</div> </div>
@endsection @endsection

View File

@ -5,7 +5,7 @@
<link rel="icon" type="image/png" href="/assets/frontend/img/favicon.png"> <link rel="icon" type="image/png" href="/assets/frontend/img/favicon.png">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Paper Dashboard by Creative Tim</title> <title>@yield('title') - phpvms admin</title>
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' /> <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
@ -43,18 +43,19 @@
<div class="main-panel"> <div class="main-panel">
<nav class="navbar navbar-default"> <nav class="navbar navbar-default">
<div class="container-fluid"> <div class="container-fluid">
{{--<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle"> <button type="button" class="navbar-toggle">
<span class="sr-only">Toggle navigation</span> <span class="sr-only">Toggle navigation</span>
<span class="icon-bar bar1"></span> <span class="icon-bar bar1"></span>
<span class="icon-bar bar2"></span> <span class="icon-bar bar2"></span>
<span class="icon-bar bar3"></span> <span class="icon-bar bar3"></span>
</button> </button>
<a class="navbar-brand" href="#">Template</a> <a class="navbar-brand" href="#">@yield('title')</a>
</div>--}} </div>
<div class="collapse navbar-collapse"> <div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">
<li> @yield('actions')
{{--<li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="ti-panel"></i> <i class="ti-panel"></i>
<p>Stats</p> <p>Stats</p>
@ -75,12 +76,13 @@
<li><a href="#">Another notification</a></li> <li><a href="#">Another notification</a></li>
</ul> </ul>
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="ti-settings"></i> <i class="ti-settings"></i>
<p>Settings</p> <p>Settings</p>
</a> </a>
</li> </li>--}}
</ul> </ul>
</div> </div>
@ -91,6 +93,7 @@
<div class="content"> <div class="content">
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
@include('flash::message')
@yield('content') @yield('content')
</div> </div>
</div> </div>

View File

@ -0,0 +1,24 @@
<div class="card">
<div class="content">
<div class="row">
<div class="col-xs-5">
<div class="icon-big icon-info text-center">
<i class="{{$icon}}"></i>
</div>
</div>
<div class="col-xs-7">
<div class="numbers">
<p>{{$type}}</p>
{{$pending}} pending
</div>
</div>
</div>
<div class="footer">
<hr>
<div class="stats">
<i class="ti-medall"></i> {{$total}} total
</div>
</div>
</div>
</div>

View File

@ -1,48 +0,0 @@
@extends('admin.app')
@section('content')
<section class="content-header"></section>
<div class="content">
<div class="clearfix"></div>
@include('flash::message')
<div class="clearfix"></div>
<div class="box box-primary">
<div class="box-body">
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="info-box bg-aqua">
<span class="info-box-icon"><i class="fa fa-bookmark-o"></i></span>
<div class="info-box-content">
<span class="info-box-text">pireps</span>
<span class="info-box-number">41,410</span>
{{--<div class="progress">
<div class="progress-bar" style="width: 100%"></div>
</div>--}}
<span class="progress-description">
20 to approve
</span>
</div><!-- /.info-box-content -->
</div><!-- /.info-box -->
</div>
</div>
</div>
<div class="box box-primary">
<div class="box-body">
<div class="col-sm-12">
<h3>announcements</h3>
{{--@foreach($feed->item as $item)
<div>
<strong>{!! $item->title !!}</strong>
<p>{!! $item->description !!}</p>
<p class="pull-right">{!! Carbon::now()->diffForHumans(new Carbon($item->pubDate), true) !!}</p>
</div>
<div class="clearfix"></div>
@endforeach--}}
</div>
</div>
</div>
</div>
@endsection

View File

@ -0,0 +1,9 @@
<div class="card">
<div class="header">
<h4 class="title">Announcements</h4>
<p class="category">just updated</p>
</div>
<div class="content">
blah blah blah
</div>
</div>

View File

@ -0,0 +1,55 @@
@extends('admin.app')
@section('title', 'Dashboard')
@section('content')
<div class="content">
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
@component('admin.components.infobox')
@slot('icon', 'pe-7s-users')
@slot('type', 'Pilots')
@slot('pending', 5)
@slot('total', 60)
@endcomponent
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
@component('admin.components.infobox')
@slot('icon', 'pe-7s-cloud-upload')
@slot('type', 'PIREPs')
@slot('pending', 5)
@slot('total', 60)
@endcomponent
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
@component('admin.components.infobox')
@slot('icon', 'pe-7s-users')
@slot('type', 'Pilots')
@slot('pending', 5)
@slot('total', 60)
@endcomponent
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
@component('admin.components.infobox')
@slot('icon', 'pe-7s-cloud-upload')
@slot('type', 'PIREPs')
@slot('pending', 5)
@slot('total', 60)
@endcomponent
</div>
</div>
<div class="row">
<div class="col-md-6">
@include('admin.dashboard.announcements')
</div>
<div class="col-md-6">
@include('admin.dashboard.pirep_chart')
</div>
</div>
</div>
@endsection

File diff suppressed because one or more lines are too long

View File

@ -1,23 +1,18 @@
@extends('admin.app') @extends('admin.app')
@section('title', 'Fares')
@section('actions')
<li>
<a href="{!! route('admin.fares.create') !!}">
<i class="ti-plus"></i>
Add New
</a>
</li>
@endsection
@section('content') @section('content')
<section class="content-header"> <div class="card">
<h1 class="pull-left">Fares</h1> @include('admin.fares.table')
<h1 class="pull-right">
<a class="btn btn-primary pull-right" style="margin-top: -10px;margin-bottom: 5px" href="{!! route('admin.fares.create') !!}">Add New</a>
</h1>
</section>
<div class="content">
<div class="clearfix"></div>
@include('flash::message')
<div class="clearfix"></div>
<div class="box box-primary">
<div class="box-body">
@include('admin.fares.table')
</div>
</div>
</div> </div>
@endsection @endsection

View File

@ -1,25 +1,17 @@
@extends('admin.app') @extends('admin.app')
@section('title', 'Flights')
@section('actions')
<li>
<a href="{!! route('admin.flights.create') !!}">
<i class="ti-plus"></i>
Add New</a>
</li>
@endsection
@section('content') @section('content')
<div class="card"> <div class="card">
<div class="header">
<a class="btn btn-primary pull-right" style="margin-top: -10px;margin-bottom: 5px"
href="{!! route('admin.flights.create') !!}">Add New</a>
<h4 class="title">Flights</h4>
</div>
@include('admin.flights.table') @include('admin.flights.table')
</div> </div>
{{--<div class="content">
<div class="clearfix"></div>
@include('flash::message')
<div class="clearfix"></div>
<div class="box box-primary">
<div class="box-body">
</div>
</div>
</div>--}}
@endsection @endsection

View File

@ -11,9 +11,15 @@
<li><a href="{!! url('/admin/flights') !!}"><i class="pe-7s-vector"></i>flights</a></li> <li><a href="{!! url('/admin/flights') !!}"><i class="pe-7s-vector"></i>flights</a></li>
<li><a href="{!! url('/admin/aircraft') !!}"><i class="pe-7s-plane"></i>fleet</a></li> <li><a href="{!! url('/admin/aircraft') !!}"><i class="pe-7s-plane"></i>fleet</a></li>
<li><a href="{!! url('/admin/fares') !!}"><i class="pe-7s-graph2"></i>fares</a></li> <li><a href="{!! url('/admin/fares') !!}"><i class="pe-7s-graph2"></i>fares</a></li>
<li style="padding-bottom: 18px;"></li>
<li><h5>config</h5></li> <li><h5>config</h5></li>
<li><a href="{!! url('/admin/airlines') !!}"><i class="pe-7s-paper-plane"></i>airlines</a></li> <li><a href="{!! url('/admin/airlines') !!}"><i class="pe-7s-paper-plane"></i>airlines</a></li>
<li><a href="{!! url('/admin/airports') !!}"><i class="pe-7s-map-marker"></i>airports</a></li> <li><a href="{!! url('/admin/airports') !!}"><i class="pe-7s-map-marker"></i>airports</a></li>
<li><a href="{!! url('/admin/users') !!}"><i class="pe-7s-users"></i>users</a></li> <li><a href="{!! url('/admin/users') !!}"><i class="pe-7s-users"></i>users</a></li>
<li><a href="{!! url('/admin/ranks') !!}"><i class="pe-7s-id"></i>ranks</a></li> <li><a href="{!! url('/admin/ranks') !!}"><i class="pe-7s-id"></i>ranks</a></li>
<li style="padding-bottom: 18px;"></li>
<li><h5>addons</h5></li>
@stack('admin.addons.links')

View File

@ -1,4 +1,4 @@
<div class="sidebar" data-background-color="white" data-active-color="danger"> <div class="sidebar" data-background-color="black" data-active-color="info">
<!-- <!--
Tip 1: you can change the color of the sidebar's background using: data-background-color="white | black" Tip 1: you can change the color of the sidebar's background using: data-background-color="white | black"
@ -7,7 +7,7 @@
<div class="sidebar-wrapper"> <div class="sidebar-wrapper">
<div class="logo" style="background: #067ec1; margin: 0px; text-align: center;"> <div class="logo" style="background: #067ec1; margin: 0px; text-align: center; min-height: 74px;">
<img src="/assets/frontend/img/logo_blue_bg.svg" width="110px" style=""> <img src="/assets/frontend/img/logo_blue_bg.svg" width="110px" style="">
</div> </div>