koneko/laravel-koneko-layout-porto
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

integración con koneko-vuexy-admin

Browse Source
This commit is contained in:
Arturo Corro
2025-09-11 22:08:10 -06:00
parent 6b40f60448
commit 3517b1cfb2
1691 changed files with 242 additions and 162929 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
resources/views/components/header/colors-dark.blade.php
View File

@ -1,15 +0,0 @@
<section class="page-header page-header-modern bg-color-dark page-header-md">
<div class="container">
<div class="row">
<div class="col-md-8 order-2 order-md-1 align-self-center p-static">
<h1 class="">Colors <strong>Dark</strong></h1>
</div>
<div class="col-md-4 order-1 order-md-2 align-self-center">
<ul class="breadcrumb d-block text-md-end breadcrumb-light">
<li><a href="#">Home</a></li>
<li class="active">Features</li>
</ul>
</div>
</div>
</div>
</section>

15
resources/views/components/header/colors-light.blade.php
View File

@ -1,15 +0,0 @@
<section class="page-header page-header-modern bg-color-grey page-header-md">
<div class="container">
<div class="row">
<div class="col-md-8 order-2 order-md-1 align-self-center p-static">
<h1 class="text-dark">Colors <strong>Light</strong></h1>
</div>
<div class="col-md-4 order-1 order-md-2 align-self-center">
<ul class="breadcrumb d-block text-md-end">
<li><a href="#">Home</a></li>
<li class="active">Features</li>
</ul>
</div>
</div>
</div>
</section>

15
resources/views/components/header/colors-primary.blade.php
View File

@ -1,15 +0,0 @@
<section class="page-header page-header-modern bg-color-primary page-header-md">
<div class="container">
<div class="row">
<div class="col-md-8 order-2 order-md-1 align-self-center p-static">
<h1 class="">Colors <strong>Primary</strong></h1>
</div>
<div class="col-md-4 order-1 order-md-2 align-self-center">
<ul class="breadcrumb d-block text-md-end breadcrumb-light">
<li><a href="#">Home</a></li>
<li class="active">Features</li>
</ul>
</div>
</div>
</div>
</section>

15
resources/views/components/header/colors-quaternary.blade.php
View File

@ -1,15 +0,0 @@
<section class="page-header page-header-modern bg-color-quaternary page-header-md">
<div class="container">
<div class="row">
<div class="col-md-8 order-2 order-md-1 align-self-center p-static">
<h1 class="">Colors <strong>Quaternary</strong></h1>
</div>
<div class="col-md-4 order-1 order-md-2 align-self-center">
<ul class="breadcrumb d-block text-md-end breadcrumb-light">
<li><a href="#">Home</a></li>
<li class="active">Features</li>
</ul>
</div>
</div>
</div>
</section>

15
resources/views/components/header/colors-secondary.blade.php
View File

@ -1,15 +0,0 @@
<section class="page-header page-header-modern bg-color-secondary page-header-md">
<div class="container">
<div class="row">
<div class="col-md-8 order-2 order-md-1 align-self-center p-static">
<h1 class="">Colors <strong>Secondary</strong></h1>
</div>
<div class="col-md-4 order-1 order-md-2 align-self-center">
<ul class="breadcrumb d-block text-md-end breadcrumb-light">
<li><a href="#">Home</a></li>
<li class="active">Features</li>
</ul>
</div>
</div>
</div>
</section>

15
resources/views/components/header/colors-tertiary.blade.php
View File

@ -1,15 +0,0 @@
<section class="page-header page-header-modern bg-color-tertiary page-header-md">
<div class="container">
<div class="row">
<div class="col-md-8 order-2 order-md-1 align-self-center p-static">
<h1 class="">Colors <strong>Tertiary</strong></h1>
</div>
<div class="col-md-4 order-1 order-md-2 align-self-center">
<ul class="breadcrumb d-block text-md-end breadcrumb-light">
<li><a href="#">Home</a></li>
<li class="active">Features</li>
</ul>
</div>
</div>
</div>
</section>

15
resources/views/components/header/extra-full-width.blade.php
View File

@ -1,15 +0,0 @@
<section class="page-header page-header-modern bg-color-grey page-header-md">
<div class="container-fluid">
<div class="row">
<div class="col-md-8 order-2 order-md-1 align-self-center p-static">
<h1 class="text-dark">Extra <strong>Full Width</strong></h1>
</div>
<div class="col-md-4 order-1 order-md-2 align-self-center">
<ul class="breadcrumb d-block text-md-end">
<li><a href="#">Home</a></li>
<li class="active">Features</li>
</ul>
</div>
</div>
</div>
</section>

33
resources/views/components/header/modern-large.blade.php
View File

@ -1,13 +1,38 @@
<section class="page-header page-header-modern bg-color-grey page-header-lg">
@props([
'title' => '',
'breadcrumbs' => [
['name' => 'Inicio', 'href' => '/', 'active' => true],
],
])
<section class="page-header page-header-modern bg-color-grey page-header-lg m-0">
<div class="container">
<div class="row">
<div class="col-md-8 order-2 order-md-1 align-self-center p-static">
<h1 class="text-dark">Modern <strong>Large</strong></h1>
<h1 class="text-dark">{!! $title !!}</h1>
</div>
<div class="col-md-4 order-1 order-md-2 align-self-center">
<ul class="breadcrumb d-block text-md-end">
<li><a href="#">Home</a></li>
<li class="active">Features</li>
@foreach ($breadcrumbs as $breadcrumb)
@php
$name = $breadcrumb['name'] ?? '';
$active = (bool)($breadcrumb['active'] ?? false);
$route = $breadcrumb['route'] ?? null;
$params = $breadcrumb['params'] ?? [];
$href = $breadcrumb['href'] ?? null;
$routeExists = $route && \Illuminate\Support\Facades\Route::has($route);
$url = $routeExists ? route($route, $params) : ($href ?: null);
@endphp
<li class="breadcrumb-item {{ $active ? 'active' : '' }}" @if($active) aria-current="page" @endif>
@if (!$active && $url)
<a href="{{ $url }}">{{ $name }}</a>
@else
<span>{{ $name }}</span>
@endif
</li>
@endforeach
</ul>
</div>
</div>

0
resources/views/components/header/modern-medium.blade.php → resources/views/components/header/modern.blade.php
View File

15
resources/views/components/header/title-position-center-large.blade.php
View File

@ -1,15 +0,0 @@
<section class="page-header page-header-modern bg-color-grey page-header-lg">
<div class="container">
<div class="row">
<div class="col-md-12 align-self-center p-static order-2 text-center">
<h1 class="text-dark text-uppercase">Center <strong>Large</strong></h1>
</div>
<div class="col-md-12 align-self-center order-1">
<ul class="breadcrumb d-block text-center">
<li><a href="#">Home</a></li>
<li class="active">Features</li>
</ul>
</div>
</div>
</div>
</section>

39
resources/views/components/header/title-position-center-medium.blade.php
View File

@ -1,39 +0,0 @@
@props([
'title' => '',
'breadcrumbs' => [
['name' => 'Inicio', 'href' => '/', 'active' => true],
],
])
<section class="page-header page-header-modern bg-color-grey page-header-md">
<div class="container">
<div class="row">
<div class="col-md-12 align-self-center p-static order-2 text-center">
<h1 class="text-dark text-uppercase">{!! $title !!}</h1>
</div>
<div class="col-md-12 align-self-center order-1">
<ul class="breadcrumb d-block text-center">
@foreach ($breadcrumbs as $breadcrumb)
<li>
@if (!empty($breadcrumb['route']) && \Illuminate\Support\Facades\Route::has($breadcrumb['route']))
<a href="{{ route($breadcrumb['route'], $breadcrumb['params'] ?? []) }}"
@if($breadcrumb['active'] ?? false) class="active" @endif>
{{ $breadcrumb['name'] }}
</a>
@elseif (!empty($breadcrumb['href']))
<a href="{{ $breadcrumb['href'] }}"
@if($breadcrumb['active'] ?? false) class="active" @endif>
{{ $breadcrumb['name'] }}
</a>
@else
<span @if($breadcrumb['active'] ?? false) class="active" @endif>
{{ $breadcrumb['name'] }}
</span>
@endif
</li>
@endforeach
</ul>
</div>
</div>
</div>
</section>

15
resources/views/components/header/title-position-center-small.blade.php
View File

@ -1,15 +0,0 @@
<section class="page-header page-header-modern bg-color-grey page-header-sm">
<div class="container">
<div class="row">
<div class="col-md-12 align-self-center p-static order-2 text-center">
<h1 class="text-dark text-uppercase">Center <strong>Small</strong></h1>
</div>
<div class="col-md-12 align-self-center order-1">
<ul class="breadcrumb d-block text-center">
<li><a href="#">Home</a></li>
<li class="active">Features</li>
</ul>
</div>
</div>
</div>
</section>

15
resources/views/components/header/title-position-left-large.blade.php
View File

@ -1,15 +0,0 @@
<section class="page-header page-header-modern bg-color-grey page-header-lg">
<div class="container">
<div class="row">
<div class="col-md-8 align-self-center p-static order-2 order-md-1">
<h1 class="text-dark text-uppercase">Left <strong>Large</strong></h1>
</div>
<div class="col-md-4 align-self-center order-1 order-md-2">
<ul class="breadcrumb d-block text-md-end">
<li><a href="#">Home</a></li>
<li class="active">Features</li>
</ul>
</div>
</div>
</div>
</section>

15
resources/views/components/header/title-position-left-medium.blade.php
View File

@ -1,15 +0,0 @@
<section class="page-header page-header-modern bg-color-grey page-header-md">
<div class="container">
<div class="row">
<div class="col-md-8 align-self-center p-static order-2 order-md-1">
<h1 class="text-dark text-uppercase">Left <strong>Medium</strong></h1>
</div>
<div class="col-md-4 align-self-center order-1 order-md-2">
<ul class="breadcrumb d-block text-md-end">
<li><a href="#">Home</a></li>
<li class="active">Features</li>
</ul>
</div>
</div>
</div>
</section>

15
resources/views/components/header/title-position-left-small.blade.php
View File

@ -1,15 +0,0 @@
<section class="page-header page-header-modern bg-color-grey page-header-sm">
<div class="container">
<div class="row">
<div class="col-md-8 align-self-center p-static order-2 order-md-1">
<h1 class="text-dark text-uppercase">Left <strong>Small</strong></h1>
</div>
<div class="col-md-4 align-self-center order-1 order-md-2">
<ul class="breadcrumb d-block text-md-end">
<li><a href="#">Home</a></li>
<li class="active">Features</li>
</ul>
</div>
</div>
</div>
</section>

15
resources/views/components/header/title-position-right-large.blade.php
View File

@ -1,15 +0,0 @@
<section class="page-header page-header-modern bg-color-grey page-header-lg">
<div class="container">
<div class="row">
<div class="col-md-8 align-self-center p-static order-2 text-end">
<h1 class="text-dark text-uppercase">Right <strong>Large</strong></h1>
</div>
<div class="col-md-4 align-self-center order-1">
<ul class="breadcrumb d-block text-end text-md-start">
<li><a href="#">Home</a></li>
<li class="active">Features</li>
</ul>
</div>
</div>
</div>
</section>

15
resources/views/components/header/title-position-right-medium.blade.php
View File

@ -1,15 +0,0 @@
<section class="page-header page-header-modern bg-color-grey page-header-md">
<div class="container">
<div class="row">
<div class="col-md-8 align-self-center p-static order-2 text-end">
<h1 class="text-dark text-uppercase">Right <strong>Medium</strong></h1>
</div>
<div class="col-md-4 align-self-center order-1">
<ul class="breadcrumb d-block text-end text-md-start">
<li><a href="#">Home</a></li>
<li class="active">Features</li>
</ul>
</div>
</div>
</div>
</section>

15
resources/views/components/header/title-position-right-small.blade.php
View File

@ -1,15 +0,0 @@
<section class="page-header page-header-modern bg-color-grey page-header-sm">
<div class="container">
<div class="row">
<div class="col-md-8 align-self-center p-static order-2 text-end">
<h1 class="text-dark text-uppercase">Right <strong>Small</strong></h1>
</div>
<div class="col-md-4 align-self-center order-1">
<ul class="breadcrumb d-block text-end text-md-start">
<li><a href="#">Home</a></li>
<li class="active">Features</li>
</ul>
</div>
</div>
</div>
</section>

90
resources/views/components/header/title-position.blade.php Normal file
View File

@ -0,0 +1,90 @@
@props([
'title' => '',
'breadcrumbs' => [
['name' => 'Inicio', 'href' => '/', 'active' => true],
],
// props clave
'align' => 'center', // left | center | right
'size' => 'md', // sm | md | lg
'color' => 'grey', // light | grey/gray | dark | primary | secondary | tertiary | quaternary
// extras opcionales
'fullWidth' => false, // true => container-fluid
'uppercase' => false
])
@php
$allowedColors = ['light','grey','dark','primary','secondary','tertiary','quaternary'];
$color = in_array($color, $allowedColors, true) ? $color : 'grey';
$align = in_array($align, ['left','center','right'], true) ? $align : 'center';
$sizeMap = ['sm' => 'page-header-sm', 'md' => 'page-header-md', 'lg' => 'page-header-lg'];
$sizeClass = $sizeMap[$size] ?? $sizeMap['md'];
$bgColorClass = "bg-color-{$color}";
$h1Class = in_array($color, ['light','grey']) ? 'text-dark' : '';
$h1Class .= $uppercase ? ' text-uppercase' : '';
$ulClasses = ['breadcrumb','d-block'];
// alineación visual del breadcrumb
$ulClasses[] = match ($align) {
'left' => 'text-md-end',
'right' => 'text-md-start',
default => 'text-center',
};
if (!in_array($color, ['light','grey'])) $ulClasses[] = 'breadcrumb-light';
$containerClass = $fullWidth ? 'container-fluid' : 'container';
// Layout de columnas según alineación (titulo y breadcrumbs)
// Mantiene grid responsivo sin duplicar vistas
$titleColClass = 'align-self-center p-static order-2 ';
$crumbColClass = 'align-self-center order-1 ';
if ($align === 'center') {
$titleColClass .= 'col-md-12 text-center';
$crumbColClass .= 'col-md-12';
} elseif ($align === 'right') {
$titleColClass .= 'col-md-8 text-end';
$crumbColClass .= 'col-md-4';
} else { // left
$titleColClass .= 'col-md-8 order-md-1';
$crumbColClass .= 'col-md-4 order-md-2';
}
@endphp
<section class="page-header page-header-modern {{ $bgColorClass }} {{ $sizeClass }} m-0">
<div class="{{ $containerClass }}">
<div class="row">
<div class="{{ $titleColClass }}">
<h1 class="{{ $h1Class }}">{!! $title !!}</h1>
</div>
<div class="{{ $crumbColClass }}">
<ul class="{{ implode(' ', $ulClasses) }}">
@foreach ($breadcrumbs as $breadcrumb)
@php
$name = $breadcrumb['name'] ?? '';
$active = (bool)($breadcrumb['active'] ?? false);
$route = $breadcrumb['route'] ?? null;
$params = $breadcrumb['params'] ?? [];
$href = $breadcrumb['href'] ?? null;
$routeExists = $route && \Illuminate\Support\Facades\Route::has($route);
$url = $routeExists ? route($route, $params) : ($href ?: null);
@endphp
<li class="{{ $active ? 'active' : '' }}" @if($active) aria-current="page" @endif>
@if (!$active && $url)
<a href="{{ $url }}">{{ $name }}</a>
@else
<span>{{ $name }}</span>
@endif
</li>
@endforeach
</ul>
</div>
</div>
</div>
</section>