Skip to content

Commit

Permalink
page on menu auth done
Browse files Browse the repository at this point in the history
  • Loading branch information
edikurniawan-dev committed Jul 23, 2022
1 parent 63e287d commit 3ece1a2
Show file tree
Hide file tree
Showing 12 changed files with 630 additions and 20 deletions.
3 changes: 0 additions & 3 deletions public/js/page/auth-register.js

This file was deleted.

3 changes: 3 additions & 0 deletions resources/views/components/auth-footer.blade.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
<div class="simple-footer">
Copyright &copy; Stisla 2018
</div>
6 changes: 6 additions & 0 deletions resources/views/components/auth-header.blade.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
<div class="login-brand">
<img src="{{ asset('img/stisla-fill.svg') }}"
alt="logo"
width="100"
class="shadow-light rounded-circle">
</div>
24 changes: 17 additions & 7 deletions resources/views/components/sidebar.blade.php
Original file line number Diff line number Diff line change
Expand Up @@ -280,16 +280,26 @@ class="nav-link has-dropdown"><i class="fas fa-plug"></i> <span>Modules</span></
</ul>
</li>
<li class="menu-header">Pages</li>
<li class="nav-item dropdown">
<li class="nav-item dropdown {{ $type_menu === 'auth' ? 'active' : '' }}">
<a href="#"
class="nav-link has-dropdown"><i class="far fa-user"></i> <span>Auth</span></a>
<ul class="dropdown-menu">
<li><a href="auth-forgot-password.html">Forgot Password</a></li>
<li><a href="auth-login.html">Login</a></li>
<li><a class="beep beep-sidebar"
href="auth-login-2.html">Login 2</a></li>
<li><a href="auth-register.html">Register</a></li>
<li><a href="auth-reset-password.html">Reset Password</a></li>
<li class="{{ Request::is('auth-forgot-password') ? 'active' : '' }}">
<a href="{{ url('auth-forgot-password') }}">Forgot Password</a>
</li>
<li class="{{ Request::is('auth-login') ? 'active' : '' }}">
<a href="{{ url('auth-login') }}">Login</a>
</li>
<li class="{{ Request::is('auth-login2') ? 'active' : '' }}">
<a class="beep beep-sidebar"
href="{{ url('auth-login2') }}">Login 2</a>
</li>
<li class="{{ Request::is('auth-register') ? 'active' : '' }}">
<a href="{{ url('auth-register') }}">Register</a>
</li>
<li class="{{ Request::is('auth-reset-password') ? 'active' : '' }}">
<a href="{{ url('auth-reset-password') }}">Reset Password</a>
</li>
</ul>
</li>
<li class="nav-item dropdown">
Expand Down
11 changes: 1 addition & 10 deletions resources/views/layouts/app.blade.php
Original file line number Diff line number Diff line change
Expand Up @@ -10,17 +10,12 @@
<!-- General CSS Files -->
<link rel="stylesheet"
href="{{ asset('library/bootstrap/dist/css/bootstrap.min.css') }}">
{{-- <link rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr"
crossorigin="anonymous"> --}}
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"
integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g=="
crossorigin="anonymous"
referrerpolicy="no-referrer" />

<!-- CSS Libraries -->
@stack('style')

<!-- Template CSS -->
Expand All @@ -42,12 +37,11 @@ function gtag() {
gtag('config', 'UA-94034622-3');
</script>
<!-- /END GA -->
<!-- END GA -->
</head>
</head>

<body>

<div id="app">
<div class="main-wrapper">
<!-- Header -->
Expand All @@ -66,16 +60,13 @@ function gtag() {

<!-- General JS Scripts -->
<script src="{{ asset('library/jquery/dist/jquery.min.js') }}"></script>

<script src="{{ asset('library/popper.js/dist/umd/popper.js') }}"></script>
<script src="{{ asset('library/tooltip.js/dist/umd/tooltip.js') }}"></script>
<script src="{{ asset('library/bootstrap/dist/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('library/jquery.nicescroll/dist/jquery.nicescroll.min.js') }}"></script>
<script src="{{ asset('library/moment/min/moment.min.js') }}"></script>

<script src="{{ asset('js/stisla.js') }}"></script>

<!-- JS Libraies -->
@stack('scripts')

<!-- Template JS File -->
Expand Down
79 changes: 79 additions & 0 deletions resources/views/layouts/auth.blade.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,79 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no"
name="viewport">
<title>@yield('title') &mdash; Stisla</title>

<!-- General CSS Files -->
<link rel="stylesheet"
href="{{ asset('library/bootstrap/dist/css/bootstrap.min.css') }}">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"
integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g=="
crossorigin="anonymous"
referrerpolicy="no-referrer" />

@stack('style')

<!-- Template CSS -->
<link rel="stylesheet"
href="{{ asset('css/style.css') }}">
<link rel="stylesheet"
href="{{ asset('css/components.css') }}">
<!-- Start GA -->
<script async
src="https://www.googletagmanager.com/gtag/js?id=UA-94034622-3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-94034622-3');
</script>
<!-- END GA -->
</head>

<body>
<div id="app">
<section class="section">
<div class="container mt-5">
<div class="row">
<div
class="{{ Request::is('auth-register') ? 'col-12 col-sm-10 offset-sm-1 col-md-8 offset-md-2 col-lg-8 offset-lg-2 col-xl-8 offset-xl-2' : 'col-12 col-sm-8 offset-sm-2 col-md-6 offset-md-3 col-lg-6 offset-lg-3 col-xl-4 offset-xl-4' }}">
<!-- Footer -->
@include('components.auth-header')

<!-- Content -->
@yield('main')

<!-- Footer -->
@include('components.auth-footer')
</div>
</div>
</div>
</section>
</div>

<!-- General JS Scripts -->
<script src="{{ asset('library/jquery/dist/jquery.min.js') }}"></script>
<script src="{{ asset('library/popper.js/dist/umd/popper.js') }}"></script>
<script src="{{ asset('library/tooltip.js/dist/umd/tooltip.js') }}"></script>
<script src="{{ asset('library/bootstrap/dist/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('library/jquery.nicescroll/dist/jquery.nicescroll.min.js') }}"></script>
<script src="{{ asset('library/moment/min/moment.min.js') }}"></script>
<script src="{{ asset('js/stisla.js') }}"></script>

@stack('scripts')

<!-- Template JS File -->
<script src="{{ asset('js/scripts.js') }}"></script>
<script src="{{ asset('js/custom.js') }}"></script>
</body>

</html>
45 changes: 45 additions & 0 deletions resources/views/pages/auth-forgot-password.blade.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
@extends('layouts.auth')

@section('title', 'Forgot Password')

@push('style')
<!-- CSS Libraries -->
@endpush

@section('main')
<div class="card card-primary">
<div class="card-header">
<h4>Forgot Password</h4>
</div>

<div class="card-body">
<p class="text-muted">We will send a link to reset your password</p>
<form method="POST">
<div class="form-group">
<label for="email">Email</label>
<input id="email"
type="email"
class="form-control"
name="email"
tabindex="1"
required
autofocus>
</div>

<div class="form-group">
<button type="submit"
class="btn btn-primary btn-lg btn-block"
tabindex="4">
Forgot Password
</button>
</div>
</form>
</div>
</div>
@endsection

@push('scripts')
<!-- JS Libraies -->

<!-- Page Specific JS File -->
@endpush
105 changes: 105 additions & 0 deletions resources/views/pages/auth-login.blade.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,105 @@
@extends('layouts.auth')

@section('title', 'Login')

@push('style')
<!-- CSS Libraries -->
<link rel="stylesheet"
href="{{ asset('library/bootstrap-social/bootstrap-social.css') }}">
@endpush

@section('main')
<div class="card card-primary">
<div class="card-header">
<h4>Login</h4>
</div>

<div class="card-body">
<form method="POST"
action="#"
class="needs-validation"
novalidate="">
<div class="form-group">
<label for="email">Email</label>
<input id="email"
type="email"
class="form-control"
name="email"
tabindex="1"
required
autofocus>
<div class="invalid-feedback">
Please fill in your email
</div>
</div>

<div class="form-group">
<div class="d-block">
<label for="password"
class="control-label">Password</label>
<div class="float-right">
<a href="auth-forgot-password.html"
class="text-small">
Forgot Password?
</a>
</div>
</div>
<input id="password"
type="password"
class="form-control"
name="password"
tabindex="2"
required>
<div class="invalid-feedback">
please fill in your password
</div>
</div>

<div class="form-group">
<div class="custom-control custom-checkbox">
<input type="checkbox"
name="remember"
class="custom-control-input"
tabindex="3"
id="remember-me">
<label class="custom-control-label"
for="remember-me">Remember Me</label>
</div>
</div>

<div class="form-group">
<button type="submit"
class="btn btn-primary btn-lg btn-block"
tabindex="4">
Login
</button>
</div>
</form>
<div class="mt-4 mb-3 text-center">
<div class="text-job text-muted">Login With Social</div>
</div>
<div class="row sm-gutters">
<div class="col-6">
<a class="btn btn-block btn-social btn-facebook">
<span class="fab fa-facebook"></span> Facebook
</a>
</div>
<div class="col-6">
<a class="btn btn-block btn-social btn-twitter">
<span class="fab fa-twitter"></span> Twitter
</a>
</div>
</div>

</div>
</div>
<div class="text-muted mt-5 text-center">
Don't have an account? <a href="auth-register.html">Create One</a>
</div>
@endsection

@push('scripts')
<!-- JS Libraies -->

<!-- Page Specific JS File -->
@endpush
Loading

0 comments on commit 3ece1a2

Please sign in to comment.