styling, add admin link. point register page to main design. wrap nav links

This commit is contained in:
Nabeel Shahzad 2017-08-10 00:31:13 -05:00
parent eb3fa9b4cb
commit 8c114198d6
5 changed files with 91 additions and 180 deletions

View File

@ -34,7 +34,7 @@
<!-- Logo --> <!-- Logo -->
<a href="#" class="logo"> <a href="#" class="logo">
<b>phpvms<sup>4</sup></b> <b>phpvms<sup>7</sup></b>
</a> </a>
<!-- Header Navbar --> <!-- Header Navbar -->

View File

@ -42,6 +42,20 @@
data-nav-image="/assets/frontend/img/blurred-image-1.jpg"> data-nav-image="/assets/frontend/img/blurred-image-1.jpg">
<ul class="navbar-nav"> <ul class="navbar-nav">
{{--<li class="nav-item active">--}} {{--<li class="nav-item active">--}}
@if(!Auth::user())
<li class="nav-item">
<a class="nav-link" href="{!! url('/login') !!}">
<i class="fa fa-sign-in" aria-hidden="true"></i>
<p>Login</p>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{!! url('/register') !!}">
<i class="fa fa-id-card-o" aria-hidden="true"></i>
<p>Register</p>
</a>
</li>
@else
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="{!! url('/dashboard') !!}"> <a class="nav-link" href="{!! url('/dashboard') !!}">
<i class="fa fa-tachometer" aria-hidden="true"></i> <i class="fa fa-tachometer" aria-hidden="true"></i>
@ -66,12 +80,21 @@
<p>Profile</p> <p>Profile</p>
</a> </a>
</li> </li>
@if(Entrust::hasRole('admin'))
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="#"> <a class="nav-link" href="{!! url('/admin') !!}">
<i class="fa fa-circle-o-notch" aria-hidden="true"></i>
<p>Admin</p>
</a>
</li>
@endif
<li class="nav-item">
<a class="nav-link" href="{!! url('/logout') !!}">
<i class="fa fa-external-link-square" aria-hidden="true"></i> <i class="fa fa-external-link-square" aria-hidden="true"></i>
<p>Log Out</p> <p>Log Out</p>
</a> </a>
</li> </li>
@endif
</ul> </ul>
</div> </div>
</div> </div>

View File

@ -1,7 +1,9 @@
@extends('layouts.default.auth.layout') @extends('layouts.default.app')
@section('content') @section('content')
<div class="row">
<div class="col-sm-3 push-3"></div>
<div class="col-sm-6">
<form class="form-signin" role="form" method="POST" action="{{ url('/register') }}"> <form class="form-signin" role="form" method="POST" action="{{ url('/register') }}">
{{ csrf_field() }} {{ csrf_field() }}
@ -73,4 +75,7 @@
</div> </div>
</form> </form>
</div>
</div>
</div>
@endsection @endsection

View File

@ -1,59 +1,6 @@
@extends('layouts.default.app') @extends('layouts.default.app')
@section('content') @section('content')
<!--
<div class="row">
<div class="col-sm-2">
<div class="card card-primary text-white">
<div class="card-block text-center">
<h4 class="">{!! $user->flights !!}</h4>
<h5 class="description" style="color: white;">flights</h5>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="card card-primary text-white">
<div class="card-block text-center">
<h4 class="">{!! \App\Facades\Utils::secondsToTime($user->flight_time, false)!!}</h4>
<h5 class="description" style="color: white;">hours</h5>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="card card-primary text-white">
<div class="card-block text-center">
<h4 class="">{!! $user->current_airport->icao !!}</h4>
<h5 class="description" style="color: white;">current airport</h5>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="card card-primary text-white">
<div class="card-block text-center">
<h4 class="">{!! $user->current_airport->icao !!}</h4>
<h5 class="description" style="color: white;">current airport</h5>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="card card-primary text-white">
<div class="card-block text-center">
<h4 class="">{!! $user->current_airport->icao !!}</h4>
<h5 class="description" style="color: white;">current airport</h5>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="card card-primary text-white">
<div class="card-block text-center">
<h4 class="">{!! $user->current_airport->icao !!}</h4>
<h5 class="description" style="color: white;">current airport</h5>
</div>
</div>
</div>
</div>
-->
{{--<h3 class="description">welcome back, {!! $user->name !!}</h3>--}}
<div class="row"> <div class="row">
<div class="col-sm-8"> <div class="col-sm-8">
<div class="row"> <div class="row">

View File

@ -1,97 +1,33 @@
<!DOCTYPE html> @extends('layouts.default.app')
<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>phpvms4</title> @section('content')
<div class="row">
<!-- Fonts --> <div class="col-sm-3 push-3"></div>
<link href="https://fonts.googleapis.com/css?family=Raleway:100,600" rel="stylesheet" type="text/css"> <div class="col-sm-6 text-center">
<h1 class="description">phpVMS<sup>7</sup></h1>
<!-- Styles --> <br />
<style> <blockquote>
html, body { <p class="blockquote blockquote-primary">
background-color: #fff; Oh! I have slipped the surly bonds of earth,<br />
color: #636b6f; And danced the skies on laughter-silvered wings;<br />
font-family: 'Raleway'; Sunward I've climbed, and joined the tumbling mirth<br />
font-weight: 100; Of sun-split clouds, --and done a hundred things<br />
height: 100vh; You have not dreamed of --Wheeled and soared and swung<br />
margin: 0; High in the sunlit silence. Hov'ring there<br />
background: url(img/bg2.jpg) no-repeat center center fixed; I've chased the shouting wind along, and flung<br />
-webkit-background-size: cover; My eager craft through footless halls of air...<br />
-moz-background-size: cover; Up, up the long, delirious, burning blue<br />
-o-background-size: cover; I've topped the wind-swept heights with easy grace<br />
background-size: cover; Where never lark or even eagle flew --<br />
} And, while with silent lifting mind I've trod<br />
The high untrespassed sanctity of space,<br />
.full-height { Put out my hand, and touched the face of God.<br />
height: 100vh; <br>
} <small>
- John Gillespie Magee, Jr
.flex-center { </small>
align-items: center; </p>
display: flex; </blockquote>
justify-content: center;
}
.position-ref {
position: relative;
}
.top-right {
position: absolute;
right: 10px;
top: 18px;
}
.content {
text-align: center;
}
.title {
font-size: 84px;
}
.links > a {
color: #636b6f;
padding: 0 25px;
font-size: 12px;
font-weight: 600;
letter-spacing: .1rem;
text-decoration: none;
text-transform: uppercase;
}
.m-b-md {
margin-bottom: 30px;
}
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
@if (Route::has('login'))
<div class="top-right links">
@if(!Auth::user())
<a href="{{ url('/login') }}">Login</a>
<a href="{{ url('/register') }}">Register</a>
@else
@if(Entrust::hasRole('admin'))
<a href="{{ url('/admin') }}">Admin</a>
@endif
<a href="{{ url('/dashboard') }}">Dashboard</a>
<a href="{{ url('/logout') }}">Logout</a>
@endif
</div> </div>
@endif
<div class="content">
<div class="title m-b-md">
phpVMS<sup style="">4</sup>
</div> </div>
@endsection
</div>
</div>
</body>
</html>