Browse Source

Styling Login Form and print price list on product top-nav

pull/5/head
Nafies Luthfi 9 years ago
parent
commit
3c197f0649
  1. 2
      public/css/login.css
  2. 16
      resources/views/auth/login.blade.php
  3. 42
      resources/views/layouts/guest.blade.php
  4. 2
      resources/views/layouts/partials/top-nav.blade.php

2
public/css/login.css

@ -0,0 +1,2 @@
.login-page { background-color: #56B9E4; position: fixed; top:0; bottom:0; left:0; right:0; }
.login-page .login-form { max-width: 350px; margin: 0 auto; margin-top:10%; }

16
resources/views/auth/login.blade.php

@ -1,13 +1,18 @@
@extends('layouts.app')
@extends('layouts.guest')
@section('title', 'Login')
@section('content')
<div class="container">
<div class="login-page">
<div class="row">
<div class="col-md-4 col-md-offset-4">
{{-- <div class="col-md-4 col-sm-6 col-md-offset-4 col-sm-offset-3"> --}}
<div class="login-form">
<p class="text-center lead">
Selamat datang di aplikasi <br><strong>{{ config('app.name') }}</strong>
</p>
<p class="text-center">Silakan login untuk melanjutkan aktifitas Anda.</p>
<div class="panel panel-default">
<div class="panel-heading">Login</div>
<div class="panel-heading"><h3 class="panel-title text-center">Login</strong></h3></div>
<div class="panel-body">
<form class="form-horizontal" role="form" method="POST" action="{{ route('login') }}">
{{ csrf_field() }}
@ -53,3 +58,6 @@
</div>
</div>
@endsection
@section('ext_css')
{{ Html::style('css/login.css') }}
@endsection

42
resources/views/layouts/guest.blade.php

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="{{ config('app.locale') }}">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSRF Token -->
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>@yield('title') - {{ config('app.name', 'Laravel') }}</title>
<!-- Styles -->
{{ Html::style(url('css/plugins/bootstrap.min.css')) }}
{{ Html::style('css/plugins/bootstrap-theme.min.css') }}
@yield('ext_css')
{{ Html::style(url('css/app.custom.css')) }}
<!-- Scripts -->
<script>
window.Laravel = <?php echo json_encode([
'csrfToken' => csrf_token(),
]); ?>
</script>
</head>
<body>
<div class="container">
@include('flash::message')
@yield('content')
<br>
</div>
<!-- Scripts -->
{{ Html::script(url('js/plugins/jquery.min.js')) }}
{{ Html::script(url('js/plugins/bootstrap.min.js')) }}
@stack('ext_js')
<script>
$('div.notifier').not('.alert-important').delay(5000).fadeOut(350);
</script>
@yield('script')
</body>
</html>

2
resources/views/layouts/partials/top-nav.blade.php

@ -43,6 +43,8 @@
<ul class="dropdown-menu" role="menu">
<li>{{ link_to_route('products.index', trans('product.list')) }}</li>
<li>{{ link_to_route('units.index', trans('unit.product_unit')) }}</li>
<li role="separator" class="divider"></li>
<li>{{ link_to_route('products.price-list', trans('product.print_price_list')) }}</li>
</ul>
</li>
<li class="dropdown">

Loading…
Cancel
Save