rasyahroel/it_security_template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feature #2 : Breadcrumbs

Browse Source
This commit is contained in:
Daeng Deni Mardaeni 2024-08-05 14:24:31 +07:00
parent 0c2bb15b58
commit 8bfc23fa23
6 changed files with 1173 additions and 1065 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
bootstrap/app.php
View File

@ -1,18 +1,19 @@
<?php
use Illuminate\Foundation\Application;
use Illuminate\Foundation\Configuration\Exceptions;
use Illuminate\Foundation\Configuration\Middleware;
use Illuminate\Foundation\Application;
use Illuminate\Foundation\Configuration\Exceptions;
use Illuminate\Foundation\Configuration\Middleware;
return Application::configure(basePath: dirname(__DIR__))
->withRouting(
web: __DIR__.'/../routes/web.php',
commands: __DIR__.'/../routes/console.php',
health: '/up',
return Application::configure(basePath: dirname(__DIR__))
->withRouting(web:
__DIR__ . '/../routes/web.php',
commands: __DIR__ . '/../routes/console.php',
health: '/up'
)
->withMiddleware(function (Middleware $middleware) {
//
})
->withExceptions(function (Exceptions $exceptions) {
//
})->create();
})
->create();

1
composer.json
View File

@ -6,6 +6,7 @@
"license": "MIT",
"require": {
"php": "^8.2",
"diglactic/laravel-breadcrumbs": "^9.0",
"joshbrw/laravel-module-installer": "^2.0",
"laravel/framework": "^11.9",
"laravel/tinker": "^2.9",

75
config/breadcrumbs.php Normal file
View File

@ -0,0 +1,75 @@
<?php
return [
/*
|--------------------------------------------------------------------------
| View Name
|--------------------------------------------------------------------------
|
| Choose a view to display when Breadcrumbs::render() is called.
| Built in templates are:
|
| - 'breadcrumbs::bootstrap5' - Bootstrap 5
| - 'breadcrumbs::bootstrap4' - Bootstrap 4
| - 'breadcrumbs::bulma' - Bulma
| - 'breadcrumbs::foundation6' - Foundation 6
| - 'breadcrumbs::json-ld' - JSON-LD Structured Data
| - 'breadcrumbs::materialize' - Materialize
| - 'breadcrumbs::tailwind' - Tailwind CSS
| - 'breadcrumbs::uikit' - UIkit
|
| Or a custom view, e.g. '_partials/breadcrumbs'.
|
*/
'view' => 'layouts.breadcrumbs',
/*
|--------------------------------------------------------------------------
| Breadcrumbs File(s)
|--------------------------------------------------------------------------
|
| The file(s) where breadcrumbs are defined. e.g.
|
| - base_path('routes/breadcrumbs.php')
| - glob(base_path('breadcrumbs/*.php'))
|
*/
'files' => base_path('routes/breadcrumbs.php'),
/*
|--------------------------------------------------------------------------
| Exceptions
|--------------------------------------------------------------------------
|
| Determine when to throw an exception.
|
*/
// When route-bound breadcrumbs are used but the current route doesn't have a name (UnnamedRouteException)
'unnamed-route-exception' => true,
// When route-bound breadcrumbs are used and the matching breadcrumb doesn't exist (InvalidBreadcrumbException)
'missing-route-bound-breadcrumb-exception' => true,
// When a named breadcrumb is used but doesn't exist (InvalidBreadcrumbException)
'invalid-named-breadcrumb-exception' => true,
/*
|--------------------------------------------------------------------------
| Classes
|--------------------------------------------------------------------------
|
| Subclass the default classes for more advanced customisations.
|
*/
// Manager
'manager-class' => Diglactic\Breadcrumbs\Manager::class,
// Generator
'generator-class' => Diglactic\Breadcrumbs\Generator::class,
];

19
resources/views/layouts/breadcrumbs.blade.php Normal file
View File

@ -0,0 +1,19 @@
@unless ($breadcrumbs->isEmpty())
<div class="flex [.header_&amp;]:below-lg:hidden items-center gap-1.25 text-xs lg:text-sm font-medium mb-2.5 lg:mb-0" data-reparent="true" data-reparent-mode="prepend|lg:prepend" data-reparent-target="#content_container|lg:#header_container">
@foreach ($breadcrumbs as $breadcrumb)
@if (!is_null($breadcrumb->url) && !$loop->last)
<li class="breadcrumb-item"></li>
<span class="text-gray-600">
<a href="{{ $breadcrumb->url }}">{{ $breadcrumb->title }}</a>
</span>
<i class="ki-filled ki-right text-gray-500 text-3xs">
</i>
@else
<span class="text-gray-700">
{{ $breadcrumb->title }}
</span>
@endif
@endforeach
</div>
@endunless

83
resources/views/layouts/header.blade.php
View File

@ -2,10 +2,10 @@
data-sticky="true" data-sticky-class="shadow-sm dark:border-b dark:border-b-coal-100" data-sticky-name="header"
id="header">
<!-- begin: container -->
<div class="container-fixed flex justify-between items-stretch lg:gap-4" id="header_container">
<div class="container-fluid flex justify-between items-stretch lg:gap-4" id="header_container">
<div class="flex gap-1 lg:hidden items-center -ml-1">
<a class="shrink-0" href="{{ url('/') }}">
<img class="max-h-[25px] w-full" src="assets/media/app/logo-agi-mini.png" />
<img class="max-h-[25px] w-full" src="assets/media/app/logo-agi-mini.png"/>
</a>
<div class="flex items-center">
<button class="btn btn-icon btn-light btn-clear btn-sm" data-drawer-toggle="#sidebar">
@ -22,7 +22,10 @@
<div class="flex items-stretch" data-reparent="true" data-reparent-mode="prepend|lg:prepend"
data-reparent-target="body|lg:#megamenu_container">
</div>
@yield('breadcrumbs')
</div>
<div class="flex items-center gap-2 lg:gap-3.5">
<div class="dropdown" data-dropdown="true" data-dropdown-offset="70px, 10px" data-dropdown-placement="bottom-end"
data-dropdown-trigger="click|lg:click">
@ -165,7 +168,7 @@
<div class="flex flex-col gap-5 pt-3 pb-4 divider-y divider-gray-200">
<div class="flex grow gap-2.5 px-5">
<div class="relative shrink-0 mt-0.5">
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-4.png" />
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-4.png"/>
<span
class="size-1.5 badge badge-circle badge-success absolute top-7 end-0.5 ring-1 ring-light transform -translate-y-1/2">
</span>
@ -203,7 +206,7 @@
</span>
</div>
<label class="input input-sm">
<input placeholder="Reply" type="text" value="" />
<input placeholder="Reply" type="text" value=""/>
<button class="btn btn-icon">
<i class="ki-filled ki-picture">
</i>
@ -216,7 +219,7 @@
</div>
<div class="flex grow gap-2.5 px-5">
<div class="relative shrink-0 mt-0.5">
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-5.png" />
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-5.png"/>
<span
class="size-1.5 badge badge-circle badge-success absolute top-7 end-0.5 ring-1 ring-light transform -translate-y-1/2">
</span>
@ -258,7 +261,7 @@
</div>
<div class="flex grow gap-2.5 px-5" id="notification_request_3">
<div class="relative shrink-0 mt-0.5">
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-27.png" />
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-27.png"/>
<span
class="size-1.5 badge badge-circle bg-gray-400 absolute top-7 end-0.5 ring-1 ring-light transform -translate-y-1/2">
</span>
@ -300,7 +303,7 @@
</div>
<div class="flex grow gap-2.5 px-5">
<div class="relative shrink-0 mt-0.5">
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-1.png" />
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-1.png"/>
<span
class="size-1.5 badge badge-circle bg-gray-400 absolute top-7 end-0.5 ring-1 ring-light transform -translate-y-1/2">
</span>
@ -323,7 +326,7 @@
</span>
</div>
<div class="card shadow-none flex items-center flex-row gap-1.5 p-2.5 rounded-lg bg-light-active">
<img class="h-5" src="assets/media/file-types/pdf.svg" />
<img class="h-5" src="assets/media/file-types/pdf.svg"/>
<a class="hover:text-primary-active font-medium text-gray-700 text-xs me-1" href="#">
Launch_nov24.pptx
</a>
@ -337,7 +340,7 @@
</div>
<div class="flex grow gap-2.5 px-5">
<div class="relative shrink-0 mt-0.5">
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-11.png" />
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-11.png"/>
<span
class="size-1.5 badge badge-circle badge-success absolute top-7 end-0.5 ring-1 ring-light transform -translate-y-1/2">
</span>
@ -366,7 +369,7 @@
</div>
<div class="flex grow gap-2.5 px-5">
<div class="relative shrink-0 mt-0.5">
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-14.png" />
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-14.png"/>
<span
class="size-1.5 badge badge-circle bg-gray-400 absolute top-7 end-0.5 ring-1 ring-light transform -translate-y-1/2">
</span>
@ -391,7 +394,7 @@
<div class="card shadow-none flex items-center flex-row gap-1.5 p-2.5 rounded-lg bg-light-active">
<div
class="flex items-center justify-center w-[26px] h-[30px] shrink-0 bg-light rounded border border-gray-200">
<img class="h-5" src="assets/media/file-types/figma.svg" />
<img class="h-5" src="assets/media/file-types/figma.svg"/>
</div>
<a class="hover:text-primary-active font-medium text-gray-700 text-xs me-1" href="#">
Launcher-UIkit.fig
@ -423,7 +426,7 @@
<div class="flex flex-col gap-5 pt-3 pb-4">
<div class="flex grow gap-2.5 px-5" id="notification_request_13">
<div class="relative shrink-0 mt-0.5">
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-25.png" />
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-25.png"/>
<span
class="size-1.5 badge badge-circle badge-success absolute top-7 end-0.5 ring-1 ring-light transform -translate-y-1/2">
</span>
@ -493,7 +496,7 @@
</div>
<div class="flex grow gap-2.5 px-5">
<div class="relative shrink-0 mt-0.5">
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-34.png" />
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-34.png"/>
<span
class="size-1.5 badge badge-circle bg-gray-400 absolute top-7 end-0.5 ring-1 ring-light transform -translate-y-1/2">
</span>
@ -518,7 +521,7 @@
<div
class="card shadow-none flex items-center justify-between flex-row gap-1.5 p-2.5 rounded-lg bg-light-active">
<div class="flex items-center gap-1.5">
<img class="h-6" src="assets/media/file-types/xls.svg" />
<img class="h-6" src="assets/media/file-types/xls.svg"/>
<div class="flex flex-col gap-0.5">
<a class="hover:text-primary-active font-medium text-gray-700 text-xs" href="#">
Redesign-2024.xls
@ -552,7 +555,7 @@
</div>
<div class="flex grow gap-2 px-5">
<div class="relative shrink-0 mt-0.5">
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-29.png" />
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-29.png"/>
<span
class="size-1.5 badge badge-circle bg-gray-400 absolute top-7 end-0.5 ring-1 ring-light transform -translate-y-1/2">
</span>
@ -593,11 +596,11 @@
<div class="flex -space-x-2">
<div class="flex">
<img class="hover:z-5 relative shrink-0 rounded-full ring-1 ring-light-light size-6"
src="assets/media/avatars/300-3.png" />
src="assets/media/avatars/300-3.png"/>
</div>
<div class="flex">
<img class="hover:z-5 relative shrink-0 rounded-full ring-1 ring-light-light size-6"
src="assets/media/avatars/300-2.png" />
src="assets/media/avatars/300-2.png"/>
</div>
</div>
</div>
@ -616,7 +619,7 @@
</div>
<div class="flex grow gap-2.5 px-5" id="notification_request_3">
<div class="relative shrink-0 mt-0.5">
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-30.png" />
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-30.png"/>
<span
class="size-1.5 badge badge-circle bg-gray-400 absolute top-7 end-0.5 ring-1 ring-light transform -translate-y-1/2">
</span>
@ -656,7 +659,7 @@
</div>
<div class="flex grow gap-2.5 px-5">
<div class="relative shrink-0 mt-0.5">
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-24.png" />
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-24.png"/>
<span
class="size-1.5 badge badge-circle badge-success absolute top-7 end-0.5 ring-1 ring-light transform -translate-y-1/2">
</span>
@ -703,7 +706,7 @@
<div class="flex flex-col gap-5 pt-3 pb-4">
<div class="flex grow gap-2 px-5">
<div class="relative shrink-0 mt-0.5">
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-15.png" />
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-15.png"/>
<span
class="size-1.5 badge badge-circle bg-gray-400 absolute top-7 end-0.5 ring-1 ring-light transform -translate-y-1/2">
</span>
@ -753,15 +756,15 @@
<div class="flex -space-x-2">
<div class="flex">
<img class="hover:z-5 relative shrink-0 rounded-full ring-1 ring-light-light size-6"
src="assets/media/avatars/300-4.png" />
src="assets/media/avatars/300-4.png"/>
</div>
<div class="flex">
<img class="hover:z-5 relative shrink-0 rounded-full ring-1 ring-light-light size-6"
src="assets/media/avatars/300-1.png" />
src="assets/media/avatars/300-1.png"/>
</div>
<div class="flex">
<img class="hover:z-5 relative shrink-0 rounded-full ring-1 ring-light-light size-6"
src="assets/media/avatars/300-2.png" />
src="assets/media/avatars/300-2.png"/>
</div>
<div class="flex">
<span
@ -786,7 +789,7 @@
</div>
<div class="flex grow gap-2.5 px-5">
<div class="relative shrink-0 mt-0.5">
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-6.png" />
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-6.png"/>
<span
class="size-1.5 badge badge-circle absolute top-7 end-0.5 ring-1 ring-light transform -translate-y-1/2">
</span>
@ -816,7 +819,7 @@
</div>
<div class="flex grow gap-2.5 px-5">
<div class="relative shrink-0 mt-0.5">
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-12.png" />
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-12.png"/>
<span
class="size-1.5 badge badge-circle badge-success absolute top-7 end-0.5 ring-1 ring-light transform -translate-y-1/2">
</span>
@ -841,7 +844,7 @@
<div
class="card shadow-none flex items-center justify-between flex-row gap-1.5 p-2.5 rounded-lg bg-light-active">
<div class="flex items-center gap-1.5">
<img class="h-6" src="assets/media/file-types/word.svg" />
<img class="h-6" src="assets/media/file-types/word.svg"/>
<div class="flex flex-col gap-0.5">
<a class="hover:text-primary-active font-medium text-gray-700 text-xs" href="#">
Landing-page.docx
@ -872,7 +875,7 @@
<div
class="card shadow-none flex items-center justify-between flex-row gap-1.5 p-2.5 rounded-lg bg-light-active">
<div class="flex items-center gap-1.5">
<img class="h-6" src="assets/media/file-types/svg.svg" />
<img class="h-6" src="assets/media/file-types/svg.svg"/>
<div class="flex flex-col gap-0.5">
<a class="hover:text-primary-active font-medium text-gray-700 text-xs" href="#">
New-icon.svg
@ -906,7 +909,7 @@
</div>
<div class="flex grow gap-2.5 px-5">
<div class="relative shrink-0 mt-0.5">
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-21.png" />
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-21.png"/>
<span
class="size-1.5 badge badge-circle badge-success absolute top-7 end-0.5 ring-1 ring-light transform -translate-y-1/2">
</span>
@ -943,7 +946,7 @@
</span>
</div>
<label class="input input-sm">
<input placeholder="Reply" type="text" value="" />
<input placeholder="Reply" type="text" value=""/>
<button class="btn btn-icon">
<i class="ki-filled ki-picture">
</i>
@ -956,7 +959,7 @@
</div>
<div class="flex grow gap-2.5 px-5" id="notification_request_3">
<div class="relative shrink-0 mt-0.5">
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-13.png" />
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-13.png"/>
<span
class="size-1.5 badge badge-circle badge-success absolute top-7 end-0.5 ring-1 ring-light transform -translate-y-1/2">
</span>
@ -1014,7 +1017,7 @@
<div class="flex flex-col gap-5 pt-3 pb-4">
<div class="flex grow gap-2.5 px-5">
<div class="relative shrink-0 mt-0.5">
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-1.png" />
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-1.png"/>
<span
class="size-1.5 badge badge-circle bg-gray-400 absolute top-7 end-0.5 ring-1 ring-light transform -translate-y-1/2">
</span>
@ -1081,7 +1084,7 @@
</div>
<div class="flex grow gap-2.5 px-5" id="notification_request_3">
<div class="relative shrink-0 mt-0.5">
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-19.png" />
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-19.png"/>
<span
class="size-1.5 badge badge-circle badge-success absolute top-7 end-0.5 ring-1 ring-light transform -translate-y-1/2">
</span>
@ -1106,7 +1109,7 @@
<div class="card shadow-none flex items-center flex-row gap-1.5 p-2.5 rounded-lg bg-light-active">
<div
class="flex items-center justify-center w-[26px] h-[30px] shrink-0 bg-white rounded border border-gray-200">
<img class="h-5" src="assets/media/brand-logos/jira.svg" />
<img class="h-5" src="assets/media/brand-logos/jira.svg"/>
</div>
<a class="hover:text-primary-active font-medium text-gray-700 text-xs me-1" href="#">
User-feedback.jira
@ -1129,7 +1132,7 @@
</div>
<div class="flex grow gap-2.5 px-5">
<div class="relative shrink-0 mt-0.5">
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-17.png" />
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-17.png"/>
<span
class="size-1.5 badge badge-circle badge-success absolute top-7 end-0.5 ring-1 ring-light transform -translate-y-1/2">
</span>
@ -1165,7 +1168,7 @@
</div>
<div class="flex grow gap-2.5 px-5">
<div class="relative shrink-0 mt-0.5">
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-34.png" />
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-34.png"/>
<span
class="size-1.5 badge badge-circle badge-success absolute top-7 end-0.5 ring-1 ring-light transform -translate-y-1/2">
</span>
@ -1194,7 +1197,7 @@
</div>
<div class="flex grow gap-2.5 px-5">
<div class="relative shrink-0 mt-0.5">
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-9.png" />
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-9.png"/>
<span
class="size-1.5 badge badge-circle bg-gray-400 absolute top-7 end-0.5 ring-1 ring-light transform -translate-y-1/2">
</span>
@ -1232,7 +1235,7 @@
</div>
<div class="flex grow gap-2.5 px-5" id="notification_request_3">
<div class="relative shrink-0 mt-0.5">
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-13.png" />
<img alt="" class="rounded-full size-8" src="assets/media/avatars/300-13.png"/>
<span
class="size-1.5 badge badge-circle badge-success absolute top-7 end-0.5 ring-1 ring-light transform -translate-y-1/2">
</span>
@ -1290,12 +1293,12 @@
data-menu-item-toggle="dropdown" data-menu-item-trigger="click|lg:click">
<div class="menu-toggle btn btn-icon rounded-full">
<img alt="" class="size-9 rounded-full border-2 border-success shrink-0"
src="assets/media/avatars/300-2.png" />
src="assets/media/avatars/300-2.png"/>
</div>
<div class="menu-dropdown menu-default light:border-gray-300 w-full max-w-[250px]">
<div class="flex items-center justify-between px-5 py-1.5 gap-1.5">
<div class="flex items-center gap-2">
<img alt="" class="size-9 rounded-full border-2 border-success" src="assets/media/avatars/300-2.png" />
<img alt="" class="size-9 rounded-full border-2 border-success" src="assets/media/avatars/300-2.png"/>
<div class="flex flex-col gap-1.5">
<span class="text-sm text-gray-800 font-semibold leading-none">
Cody Fisher
@ -1338,7 +1341,7 @@
Dark Mode
</span>
<label class="switch switch-sm">
<input data-theme-state="dark" data-theme-toggle="true" name="check" type="checkbox" value="1" />
<input data-theme-state="dark" data-theme-toggle="true" name="check" type="checkbox" value="1"/>
</label>
</div>
</div>

9
routes/breadcrumbs.php Normal file
View File

@ -0,0 +1,9 @@
<?php // routes/breadcrumbs.php
// Note: Laravel will automatically resolve `Breadcrumbs::` without
// this import. This is nice for IDE syntax and refactoring.
use Diglactic\Breadcrumbs\Breadcrumbs;
// This import is also not required, and you could replace `BreadcrumbTrail $trail`
// with `$trail`. This is nice for IDE type checking and completion.
use Diglactic\Breadcrumbs\Generator as BreadcrumbTrail;