Mise en place de Laravel 11 avec Fortify
This commit is contained in:
hugol
@@ -1,200 +1,88 @@
|
||||
<!doctype html>
|
||||
<html lang="fr">
|
||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover" />
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<!-- CSRF Token -->
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
<link rel="stylesheet" href="{{url('/')}}/assets/css/style.css">
|
||||
|
||||
<title>{{ config('app.name', 'Laravel') }}</title>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="{{ asset('js/app.js') }}" defer></script>
|
||||
|
||||
<!-- Fonts -->
|
||||
<link rel="dns-prefetch" href="//fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
|
||||
|
||||
<!-- Styles -->
|
||||
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="app">
|
||||
<nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="{{ url('/') }}">
|
||||
{{ config('app.name', 'Laravel') }}
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
|
||||
aria-label="{{ __('Toggle navigation') }}">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<!-- loader -->
|
||||
<div id="loader">
|
||||
<div class="spinner-border text-primary" role="status"></div>
|
||||
</div>
|
||||
<!-- * loader -->
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<!-- Left Side Of Navbar -->
|
||||
<ul class="navbar-nav me-auto">
|
||||
|
||||
<!-- App Header -->
|
||||
<div class="appHeader">
|
||||
<div class="left">
|
||||
<a href="#" class="headerButton" data-bs-toggle="offcanvas" data-bs-target="#sidebarPanel">
|
||||
<ion-icon name="menu-outline"></ion-icon>
|
||||
</a>
|
||||
</div>
|
||||
<div class="pageTitle">
|
||||
<img src="assets/img/logo.png" alt="logo" class="logo">
|
||||
</div>
|
||||
<div class="right">
|
||||
<a href="#" class="headerButton toggle-searchbox">
|
||||
<ion-icon name="search-circle-outline"></ion-icon>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- * App Header -->
|
||||
</ul>
|
||||
|
||||
<!-- Search Component -->
|
||||
<div id="search" class="appHeader">
|
||||
<form class="search-form">
|
||||
<div class="form-group searchbox">
|
||||
<input type="text" class="form-control" placeholder="Search...">
|
||||
<i class="input-icon">
|
||||
<ion-icon name="search-outline"></ion-icon>
|
||||
</i>
|
||||
<a href="#" class="ms-1 close toggle-searchbox">
|
||||
<ion-icon name="close-circle"></ion-icon>
|
||||
</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- * Search Component -->
|
||||
<!-- Right Side Of Navbar -->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!-- Authentication Links -->
|
||||
@guest
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a>
|
||||
</li>
|
||||
@if (Route::has('register'))
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{ route('register') }}">{{ __('Register') }}</a>
|
||||
</li>
|
||||
@endif
|
||||
@else
|
||||
<li class="nav-item dropdown">
|
||||
<a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button"
|
||||
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
{{ Auth::user()->name }}
|
||||
</a>
|
||||
|
||||
<!-- App Capsule -->
|
||||
<div id="appCapsule">
|
||||
@yield('content')
|
||||
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
|
||||
<a href="{{ route('profile.edit') }}" class="dropdown-item">
|
||||
{{ __('Profile') }}
|
||||
</a>
|
||||
<a class="dropdown-item" href="{{ route('logout') }}" onclick="event.preventDefault();
|
||||
document.getElementById('logout-form').submit();">
|
||||
{{ __('Logout') }}
|
||||
</a>
|
||||
|
||||
<!-- app footer -->
|
||||
<div class="appFooter mt-5">
|
||||
<img src="assets/img/logo.png" alt="icon" class="footer-logo mb-2">
|
||||
<div class="footer-title">
|
||||
Copyright © MyX <span class="yearNow"></span>. All Rights Reserved.
|
||||
</div>
|
||||
<div>Créé avec ❤️ pour gagner tous les lots</div>
|
||||
|
||||
</div>
|
||||
<!-- * app footer -->
|
||||
|
||||
</div>
|
||||
<!-- * App Capsule -->
|
||||
|
||||
|
||||
<!-- App Bottom Menu -->
|
||||
<div class="appBottomMenu bg-primary text-light">
|
||||
<a href="/" class="item">
|
||||
<div class="col">
|
||||
<ion-icon name="home-outline"></ion-icon>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/search" class="item">
|
||||
<div class="col">
|
||||
<ion-icon name="search-outline"></ion-icon>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/accounts" class="item">
|
||||
<div class="col">
|
||||
<ion-icon name="people-outline"></ion-icon>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#sidebarPanel" class="item" data-bs-toggle="offcanvas">
|
||||
<div class="col">
|
||||
<ion-icon name="menu-outline"></ion-icon>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<!-- * App Bottom Menu -->
|
||||
|
||||
<!-- App Sidebar -->
|
||||
<div class="offcanvas offcanvas-start" tabindex="-1" id="sidebarPanel">
|
||||
<div class="offcanvas-body">
|
||||
<!-- profile box -->
|
||||
<div class="profileBox">
|
||||
<div class="image-wrapper">
|
||||
<img src="assets/img/sample/avatar/avatar1.jpg" alt="image" class="imaged rounded">
|
||||
</div>
|
||||
<div class="in">
|
||||
<strong>{{ Auth::user()->name }}</strong>
|
||||
<div class="text-muted">
|
||||
<ion-icon name="location"></ion-icon>
|
||||
France
|
||||
<form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
|
||||
@csrf
|
||||
</form>
|
||||
</div>
|
||||
</li>
|
||||
@endguest
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="close-sidebar-button" data-bs-dismiss="offcanvas">
|
||||
<ion-icon name="close"></ion-icon>
|
||||
</a>
|
||||
</div>
|
||||
<!-- * profile box -->
|
||||
</nav>
|
||||
|
||||
<ul class="listview flush transparent no-line image-listview mt-2">
|
||||
<li>
|
||||
<a href="/" class="item">
|
||||
<div class="icon-box bg-primary">
|
||||
<ion-icon name="home-outline"></ion-icon>
|
||||
</div>
|
||||
<div class="in">
|
||||
Home
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/new" class="item">
|
||||
<div class="icon-box bg-primary">
|
||||
<ion-icon name="home-outline"></ion-icon>
|
||||
</div>
|
||||
<div class="in">
|
||||
Nouveaux
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/last-minutes" class="item">
|
||||
<div class="icon-box bg-primary">
|
||||
<ion-icon name="home-outline"></ion-icon>
|
||||
</div>
|
||||
<div class="in">
|
||||
Dernières minutes
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/organizers" class="item">
|
||||
<div class="icon-box bg-primary">
|
||||
<ion-icon name="home-outline"></ion-icon>
|
||||
</div>
|
||||
<div class="in">
|
||||
Organisateurs
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<main class="py-4">
|
||||
@yield('content')
|
||||
</main>
|
||||
</div>
|
||||
<!-- sidebar buttons -->
|
||||
<div class="sidebar-buttons">
|
||||
<a href="/profile" class="button">
|
||||
<ion-icon name="person-outline"></ion-icon>
|
||||
</a>
|
||||
<a href="#" class="button">
|
||||
<ion-icon name="archive-outline"></ion-icon>
|
||||
</a>
|
||||
<a href="#" class="button">
|
||||
<ion-icon name="settings-outline"></ion-icon>
|
||||
</a>
|
||||
<a href="#" class="button" onclick="event.preventDefault();document.getElementById('logout-form').submit();">
|
||||
<ion-icon name="log-out-outline"></ion-icon>
|
||||
</a>
|
||||
<form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
|
||||
@csrf
|
||||
</form>
|
||||
</div>
|
||||
<!-- * sidebar buttons -->
|
||||
</div>
|
||||
<!-- * App Sidebar -->
|
||||
|
||||
<!-- ============== Js Files ============== -->
|
||||
<!-- Bootstrap -->
|
||||
<script src="{{url('/')}}/assets/js/lib/bootstrap.min.js"></script>
|
||||
<!-- Ionicons -->
|
||||
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
|
||||
<!-- Splide -->
|
||||
<script src="{{url('/')}}/assets/js/plugins/splide/splide.min.js"></script>
|
||||
<!-- ProgressBar js -->
|
||||
<script src="{{url('/')}}/assets/js/plugins/progressbar-js/progressbar.min.js"></script>
|
||||
<!-- Base Js File -->
|
||||
<script src="{{url('/')}}/assets/js/base.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
||||
|
||||
101
resources/views/layouts/auth.blade.php
Normal file
101
resources/views/layouts/auth.blade.php
Normal file
@@ -0,0 +1,101 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr" data-theme="light">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="icon" type="image/png" href="{{ asset('assets/images/favicon.png') }}" sizes="16x16">
|
||||
<!-- remix icon font css -->
|
||||
<link rel="stylesheet" href="{{ asset('assets/css/remixicon.css') }}">
|
||||
<!-- BootStrap css -->
|
||||
<link rel="stylesheet" href="{{ asset('assets/css/lib/bootstrap.min.css') }}">
|
||||
<!-- Apex Chart css -->
|
||||
<link rel="stylesheet" href="{{ asset('assets/css/lib/apexcharts.css') }}">
|
||||
<!-- Data Table css -->
|
||||
<link rel="stylesheet" href="{{ asset('assets/css/lib/dataTables.min.css') }}">
|
||||
<!-- Text Editor css -->
|
||||
<link rel="stylesheet" href="{{ asset('assets/css/lib/editor-katex.min.css') }}">
|
||||
<link rel="stylesheet" href="{{ asset('assets/css/lib/editor.atom-one-dark.min.css') }}">
|
||||
<link rel="stylesheet" href="{{ asset('assets/css/lib/editor.quill.snow.css') }}">
|
||||
<!-- Date picker css -->
|
||||
<link rel="stylesheet" href="{{ asset('assets/css/lib/flatpickr.min.css') }}">
|
||||
<!-- Calendar css -->
|
||||
<link rel="stylesheet" href="{{ asset('assets/css/lib/full-calendar.css') }}">
|
||||
<!-- Vector Map css -->
|
||||
<link rel="stylesheet" href="{{ asset('assets/css/lib/jquery-jvectormap-2.0.5.css') }}">
|
||||
<!-- Popup css -->
|
||||
<link rel="stylesheet" href="{{ asset('assets/css/lib/magnific-popup.css') }}">
|
||||
<!-- Slick Slider css -->
|
||||
<link rel="stylesheet" href="{{ asset('assets/css/lib/slick.css') }}">
|
||||
<!-- prism css -->
|
||||
<link rel="stylesheet" href="{{ asset('assets/css/lib/prism.css') }}">
|
||||
<!-- file upload css -->
|
||||
<link rel="stylesheet" href="{{ asset('assets/css/lib/file-upload.css') }}">
|
||||
|
||||
<link rel="stylesheet" href="{{ asset('assets/css/lib/audioplayer.css') }}">
|
||||
<!-- main css -->
|
||||
<link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<section class="auth bg-base d-flex flex-wrap">
|
||||
<div class="auth-left d-lg-block d-none">
|
||||
<div class="d-flex align-items-center flex-column h-100 justify-content-center">
|
||||
<img src="{{ asset('assets/images/auth/auth-img.png') }}" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="auth-right py-32 px-24 d-flex flex-column justify-content-center">
|
||||
@yield('content')
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- jQuery library js -->
|
||||
<script src="{{ asset('assets/js/lib/jquery-3.7.1.min.js') }}"></script>
|
||||
<!-- Bootstrap js -->
|
||||
<script src="{{ asset('assets/js/lib/bootstrap.bundle.min.js') }}"></script>
|
||||
<!-- Apex Chart js -->
|
||||
<script src="{{ asset('assets/js/lib/apexcharts.min.js') }}"></script>
|
||||
<!-- Data Table js -->
|
||||
<script src="{{ asset('assets/js/lib/dataTables.min.js') }}"></script>
|
||||
<!-- Iconify Font js -->
|
||||
<script src="{{ asset('assets/js/lib/iconify-icon.min.js') }}"></script>
|
||||
<!-- jQuery UI js -->
|
||||
<script src="{{ asset('assets/js/lib/jquery-ui.min.js') }}"></script>
|
||||
<!-- Vector Map js -->
|
||||
<script src="{{ asset('assets/js/lib/jquery-jvectormap-2.0.5.min.js') }}"></script>
|
||||
<script src="{{ asset('assets/js/lib/jquery-jvectormap-world-mill-en.js') }}"></script>
|
||||
<!-- Popup js -->
|
||||
<script src="{{ asset('assets/js/lib/magnifc-popup.min.js') }}"></script>
|
||||
<!-- Slick Slider js -->
|
||||
<script src="{{ asset('assets/js/lib/slick.min.js') }}"></script>
|
||||
<!-- prism js -->
|
||||
<script src="{{ asset('assets/js/lib/prism.js') }}"></script>
|
||||
<!-- file upload js -->
|
||||
<script src="{{ asset('assets/js/lib/file-upload.js') }}"></script>
|
||||
<!-- audioplayer -->
|
||||
<script src="{{ asset('assets/js/lib/audioplayer.js') }}"></script>
|
||||
|
||||
<!-- main js -->
|
||||
<script src="{{ asset('assets/js/app.js') }}"></script>
|
||||
|
||||
<script>
|
||||
// ================== Password Show Hide Js Start ==========
|
||||
function initializePasswordToggle(toggleSelector) {
|
||||
$(toggleSelector).on('click', function() {
|
||||
$(this).toggleClass("ri-eye-off-line");
|
||||
var input = $($(this).attr("data-toggle"));
|
||||
if (input.attr("type") === "password") {
|
||||
input.attr("type", "text");
|
||||
} else {
|
||||
input.attr("type", "password");
|
||||
}
|
||||
});
|
||||
}
|
||||
// Call the function
|
||||
initializePasswordToggle('.toggle-password');
|
||||
// ========================= Password Show Hide Js End ===========================
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user