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">