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

9 years ago · 3c197f0649
4 changed files with 58 additions and 4 deletions
--- a/public/css/login.css
+++ b/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%; }
--- a/resources/views/auth/login.blade.php
+++ b/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
--- a/resources/views/layouts/guest.blade.php
+++ b/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>
--- a/resources/views/layouts/partials/top-nav.blade.php
+++ b/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">