forked from TFMM/silent-auction
feat: export tablar views and fix js stack
This commit is contained in:
@@ -0,0 +1,9 @@
|
||||
<!-- Navbar -->
|
||||
|
||||
<header class="{{$layoutData['cssClasses'] ?? 'navbar navbar-expand-md d-print-none'}}"
|
||||
@if(config('tablar.layout_light_topbar') !== null)
|
||||
data-bs-theme="{{ config('tablar.layout_light_topbar') ? 'light' : 'dark' }}"
|
||||
@endif
|
||||
>
|
||||
@include('tablar::partials.common.condensed-container-xl')
|
||||
</header>
|
||||
@@ -0,0 +1,18 @@
|
||||
<li class="nav-item {{ $item['class'] }}" @isset($item['id']) id="{{ $item['id'] }}" @endisset>
|
||||
<a class="nav-link " @isset($item['target']) target="{{ $item['target'] }}" @endisset
|
||||
{!! $item['data-compiled'] ?? '' !!}
|
||||
href="{{ $item['href'] }}">
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block">
|
||||
@if(isset($item['icon']))
|
||||
<i class="{{ $item['icon'] ?? '' }} {{
|
||||
isset($item['icon_color']) ? 'text-' . $item['icon_color'] : ''
|
||||
}}"></i>
|
||||
@else
|
||||
<i class="ti ti-brand-tabler"></i>
|
||||
@endif
|
||||
</span>
|
||||
<span class="nav-link-title">
|
||||
{{ $item['text'] }}
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
@@ -0,0 +1,57 @@
|
||||
@inject('navbarItemHelper', 'TakiElias\Tablar\Helpers\NavbarItemHelper')
|
||||
@if ($navbarItemHelper->isSubmenu($item))
|
||||
<li class="nav-item dropdown {{ $item['class'] }}" @isset($item['id']) id="{{ $item['id'] }}" @endisset>
|
||||
<a class="nav-link dropdown-toggle {{ $item['class'] }} {{ $item['submenu_class'] }}" href="" data-bs-toggle="dropdown"
|
||||
@if(in_array(config('tablar.layout'), array(
|
||||
'fluid-vertical',
|
||||
'combo',
|
||||
'vertical',
|
||||
'vertical-right',
|
||||
'vertical-transparent'
|
||||
)))
|
||||
data-bs-auto-close="false"
|
||||
@else
|
||||
data-bs-auto-close="outside"
|
||||
@endif
|
||||
role="button" aria-expanded="false">
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block">
|
||||
<!-- Download SVG icon from http://tabler-icons.io/i/package -->
|
||||
@if(isset($item['icon']))
|
||||
<i class="{{ $item['icon'] ?? '' }} {{
|
||||
isset($item['icon_color']) ? 'text-' . $item['icon_color'] : ''
|
||||
}}"></i>
|
||||
@else
|
||||
<i class="ti ti-brand-tabler"></i>
|
||||
@endif
|
||||
</span>
|
||||
<span class="nav-link-title">
|
||||
{{ $item['text'] }}
|
||||
</span>
|
||||
</a>
|
||||
@if(in_array(config('tablar.layout'), array(
|
||||
'fluid-vertical',
|
||||
'combo',
|
||||
'vertical',
|
||||
'vertical-right',
|
||||
'vertical-transparent'
|
||||
)))
|
||||
<div class="dropdown-menu {{ $item['submenu_class'] }}">
|
||||
@else
|
||||
<div class="dropdown-menu">
|
||||
@endif
|
||||
<div class="dropdown-menu-columns">
|
||||
<div class="dropdown-menu-column">
|
||||
@if ($navbarItemHelper->isSubmenu($item))
|
||||
@each('tablar::partials.navbar.multilevel', $item['submenu'], 'item')
|
||||
@elseif ($navbarItemHelper->isLink($item))
|
||||
@include('tablar::partials.navbar.submenu-dropdown-item')
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
@elseif ($navbarItemHelper->isLink($item))
|
||||
{{-- Dropdown link --}}
|
||||
@include('tablar::partials.navbar.dropdown-item-link')
|
||||
@endif
|
||||
|
||||
@@ -0,0 +1,29 @@
|
||||
@inject('navbarItemHelper', 'TakiElias\Tablar\Helpers\NavbarItemHelper')
|
||||
@if ($navbarItemHelper->isSubmenu($item))
|
||||
<div class="dropend">
|
||||
<a class="dropdown-item dropdown-toggle" href=""
|
||||
data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button"
|
||||
aria-expanded="false">
|
||||
|
||||
@if(isset($item['icon']))
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block">
|
||||
<!-- Download SVG icon from http://tabler-icons.io/i/package -->
|
||||
<i class="{{ $item['icon'] ?? '' }} {{
|
||||
isset($item['icon_color']) ? 'text-' . $item['icon_color'] : ''
|
||||
}}"></i>
|
||||
</span>
|
||||
@endif
|
||||
|
||||
{{ $item['text'] }}
|
||||
{{-- Label (optional) --}}
|
||||
@isset($item['label'])
|
||||
<span class="badge badge-sm bg-{{ $item['label_color'] ?? 'primary' }} text-uppercase ms-2">{{ $item['label'] }}</span>
|
||||
@endisset
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@each('tablar::partials.navbar.multilevel', $item['submenu'], 'item')
|
||||
</div>
|
||||
</div>
|
||||
@elseif ($navbarItemHelper->isLink($item))
|
||||
@include('tablar::partials.navbar.single-item')
|
||||
@endif
|
||||
@@ -0,0 +1,30 @@
|
||||
@inject('navbarItemHelper', 'TakiElias\Tablar\Helpers\NavbarItemHelper')
|
||||
@if ($navbarItemHelper->isSubmenu($item))
|
||||
<div class="dropend">
|
||||
<a class="dropdown-item dropdown-toggle" href=""
|
||||
data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button"
|
||||
aria-expanded="false">
|
||||
|
||||
@if(isset($item['icon']))
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block">
|
||||
<!-- Download SVG icon from http://tabler-icons.io/i/package -->
|
||||
<i class="{{ $item['icon'] ?? '' }} {{
|
||||
isset($item['icon_color']) ? 'text-' . $item['icon_color'] : ''
|
||||
}}"></i>
|
||||
</span>
|
||||
@endif
|
||||
|
||||
|
||||
{{ $item['text'] }}
|
||||
{{-- Label (optional) --}}
|
||||
@isset($item['label'])
|
||||
<span class="badge badge-sm bg-{{ $item['label_color'] ?? 'primary' }} text-uppercase ms-2">{{ $item['label'] }}</span>
|
||||
@endisset
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@each('tablar::partials.navbar.dropend', $item['submenu'], 'item')
|
||||
</div>
|
||||
</div>
|
||||
@elseif ($navbarItemHelper->isLink($item))
|
||||
@include('tablar::partials.navbar.single-item')
|
||||
@endif
|
||||
@@ -0,0 +1,35 @@
|
||||
<header class="{{$layoutData['cssClasses'] ?? 'navbar navbar-expand-md navbar-overlap d-print-none'}}" data-bs-theme="dark">
|
||||
<div class="container-xl">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu"
|
||||
aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
|
||||
@include('tablar::partials.common.logo')
|
||||
</h1>
|
||||
|
||||
<div class="navbar-nav flex-row order-md-last">
|
||||
|
||||
<div class="nav-item d-none d-md-flex me-3">
|
||||
<div class="btn-list">
|
||||
@include('tablar::partials.header.header-button')
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-none d-md-flex">
|
||||
@include('tablar::partials.header.theme-mode')
|
||||
@include('tablar::partials.header.notifications')
|
||||
</div>
|
||||
|
||||
@include('tablar::partials.header.top-right')
|
||||
</div>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbar-menu">
|
||||
<div class="d-flex flex-column flex-md-row flex-fill align-items-stretch align-items-md-center">
|
||||
<ul class="navbar-nav">
|
||||
@each('tablar::partials.navbar.dropdown-item', $tablar->menu('sidebar'), 'item')
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
@@ -0,0 +1,3 @@
|
||||
<div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
|
||||
@include('tablar::partials.common.search-form')
|
||||
</div>
|
||||
@@ -0,0 +1,38 @@
|
||||
<!-- Sidebar -->
|
||||
<aside class="{{$layoutData['cssClasses'] ?? 'navbar navbar-vertical navbar-expand-lg'}}"
|
||||
@if(config('tablar.layout_light_sidebar') !== null)
|
||||
data-bs-theme="{{ config('tablar.layout_light_sidebar') ? 'light' : 'dark' }}"
|
||||
@endif
|
||||
>
|
||||
<div class="container-fluid">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar-menu"
|
||||
aria-controls="sidebar-menu" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<h1 class="navbar-brand navbar-brand-autodark">
|
||||
@include('tablar::partials.common.logo')
|
||||
</h1>
|
||||
<div class="navbar-nav flex-row d-lg-none">
|
||||
<div class="nav-item d-none d-lg-flex me-3">
|
||||
<div class="btn-list">
|
||||
@include('tablar::partials.header.header-button')
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-none d-lg-flex">
|
||||
@include('tablar::partials.header.theme-mode')
|
||||
@include('tablar::partials.header.notifications')
|
||||
</div>
|
||||
@include('tablar::partials.header.top-right')
|
||||
</div>
|
||||
|
||||
<div class="collapse navbar-collapse" id="sidebar-menu">
|
||||
<ul class="navbar-nav pt-lg-3">
|
||||
@each('tablar::partials.navbar.dropdown-item',$tablar->menu('sidebar'), 'item')
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
@if(config('tablar.layout_enable_top_header'))
|
||||
@include('tablar::partials.header.sidebar-top')
|
||||
@endif
|
||||
@@ -0,0 +1,11 @@
|
||||
<a class="dropdown-item {{ $item['class'] }}" href="{{ $item['href']??'' }}">
|
||||
@if(isset($item['icon']))
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block">
|
||||
<!-- Download SVG icon from http://tabler-icons.io/i/package -->
|
||||
<i class="{{ $item['icon'] ?? '' }} {{
|
||||
isset($item['icon_color']) ? 'text-' . $item['icon_color'] : ''
|
||||
}}"></i>
|
||||
</span>
|
||||
@endif
|
||||
{{ $item['text']??'' }}
|
||||
</a>
|
||||
@@ -0,0 +1,6 @@
|
||||
@inject('navbarItemHelper', 'TakiElias\Tablar\Helpers\NavbarItemHelper')
|
||||
@if ($navbarItemHelper->isSubmenu($item))
|
||||
@each('tablar::partials.navbar.multilevel', $item['submenu'], 'item')
|
||||
@elseif ($navbarItemHelper->isLink($item))
|
||||
@include('tablar::partials.navbar.single-item')
|
||||
@endif
|
||||
@@ -0,0 +1,57 @@
|
||||
<header class="navbar navbar-expand-lg navbar-transparent py-3">
|
||||
<div class="container">
|
||||
<!-- BEGIN NAVBAR LOGO --><a href=".." aria-label="Tabler" class="navbar-brand navbar-brand-autodark"
|
||||
><svg xmlns="http://www.w3.org/2000/svg" width="110" height="32" viewBox="0 0 232 68" class="navbar-brand-image">
|
||||
<path
|
||||
d="M64.6 16.2C63 9.9 58.1 5 51.8 3.4 40 1.5 28 1.5 16.2 3.4 9.9 5 5 9.9 3.4 16.2 1.5 28 1.5 40 3.4 51.8 5 58.1 9.9 63 16.2 64.6c11.8 1.9 23.8 1.9 35.6 0C58.1 63 63 58.1 64.6 51.8c1.9-11.8 1.9-23.8 0-35.6zM33.3 36.3c-2.8 4.4-6.6 8.2-11.1 11-1.5.9-3.3.9-4.8.1s-2.4-2.3-2.5-4c0-1.7.9-3.3 2.4-4.1 2.3-1.4 4.4-3.2 6.1-5.3-1.8-2.1-3.8-3.8-6.1-5.3-2.3-1.3-3-4.2-1.7-6.4s4.3-2.9 6.5-1.6c4.5 2.8 8.2 6.5 11.1 10.9 1 1.4 1 3.3.1 4.7zM49.2 46H37.8c-2.1 0-3.8-1-3.8-3s1.7-3 3.8-3h11.4c2.1 0 3.8 1 3.8 3s-1.7 3-3.8 3z"
|
||||
fill="#066fd1"
|
||||
style="fill: var(--tblr-primary, #066fd1)"
|
||||
/>
|
||||
<path
|
||||
d="M105.8 46.1c.4 0 .9.2 1.2.6s.6 1 .6 1.7c0 .9-.5 1.6-1.4 2.2s-2 .9-3.2.9c-2 0-3.7-.4-5-1.3s-2-2.6-2-5.4V31.6h-2.2c-.8 0-1.4-.3-1.9-.8s-.9-1.1-.9-1.9c0-.7.3-1.4.8-1.8s1.2-.7 1.9-.7h2.2v-3.1c0-.8.3-1.5.8-2.1s1.3-.8 2.1-.8 1.5.3 2 .8.8 1.3.8 2.1v3.1h3.4c.8 0 1.4.3 1.9.8s.8 1.2.8 1.9-.3 1.4-.8 1.8-1.2.7-1.9.7h-3.4v13c0 .7.2 1.2.5 1.5s.8.5 1.4.5c.3 0 .6-.1 1.1-.2.5-.2.8-.3 1.2-.3zm28-20.7c.8 0 1.5.3 2.1.8.5.5.8 1.2.8 2.1v20.3c0 .8-.3 1.5-.8 2.1-.5.6-1.2.8-2.1.8s-1.5-.3-2-.8-.8-1.2-.8-2.1c-.8.9-1.9 1.7-3.2 2.4-1.3.7-2.8 1-4.3 1-2.2 0-4.2-.6-6-1.7-1.8-1.1-3.2-2.7-4.2-4.7s-1.6-4.3-1.6-6.9c0-2.6.5-4.9 1.5-6.9s2.4-3.6 4.2-4.8c1.8-1.1 3.7-1.7 5.9-1.7 1.5 0 3 .3 4.3.8 1.3.6 2.5 1.3 3.4 2.1 0-.8.3-1.5.8-2.1.5-.5 1.2-.7 2-.7zm-9.7 21.3c2.1 0 3.8-.8 5.1-2.3s2-3.4 2-5.7-.7-4.2-2-5.8c-1.3-1.5-3-2.3-5.1-2.3-2 0-3.7.8-5 2.3-1.3 1.5-2 3.5-2 5.8s.6 4.2 1.9 5.7 3 2.3 5.1 2.3zm32.1-21.3c2.2 0 4.2.6 6 1.7 1.8 1.1 3.2 2.7 4.2 4.7s1.6 4.3 1.6 6.9-.5 4.9-1.5 6.9-2.4 3.6-4.2 4.8c-1.8 1.1-3.7 1.7-5.9 1.7-1.5 0-3-.3-4.3-.9s-2.5-1.4-3.4-2.3v.3c0 .8-.3 1.5-.8 2.1-.5.6-1.2.8-2.1.8s-1.5-.3-2.1-.8c-.5-.5-.8-1.2-.8-2.1V18.9c0-.8.3-1.5.8-2.1.5-.6 1.2-.8 2.1-.8s1.5.3 2.1.8c.5.6.8 1.3.8 2.1v10c.8-1 1.8-1.8 3.2-2.5 1.3-.7 2.8-1 4.3-1zm-.7 21.3c2 0 3.7-.8 5-2.3s2-3.5 2-5.8-.6-4.2-1.9-5.7-3-2.3-5.1-2.3-3.8.8-5.1 2.3-2 3.4-2 5.7.7 4.2 2 5.8c1.3 1.6 3 2.3 5.1 2.3zm23.6 1.9c0 .8-.3 1.5-.8 2.1s-1.3.8-2.1.8-1.5-.3-2-.8-.8-1.3-.8-2.1V18.9c0-.8.3-1.5.8-2.1s1.3-.8 2.1-.8 1.5.3 2 .8.8 1.3.8 2.1v29.7zm29.3-10.5c0 .8-.3 1.4-.9 1.9-.6.5-1.2.7-2 .7h-15.8c.4 1.9 1.3 3.4 2.6 4.4 1.4 1.1 2.9 1.6 4.7 1.6 1.3 0 2.3-.1 3.1-.4.7-.2 1.3-.5 1.8-.8.4-.3.7-.5.9-.6.6-.3 1.1-.4 1.6-.4.7 0 1.2.2 1.7.7s.7 1 .7 1.7c0 .9-.4 1.6-1.3 2.4-.9.7-2.1 1.4-3.6 1.9s-3 .8-4.6.8c-2.7 0-5-.6-7-1.7s-3.5-2.7-4.6-4.6-1.6-4.2-1.6-6.6c0-2.8.6-5.2 1.7-7.2s2.7-3.7 4.6-4.8 3.9-1.7 6-1.7 4.1.6 6 1.7 3.4 2.7 4.5 4.7c.9 1.9 1.5 4.1 1.5 6.3zm-12.2-7.5c-3.7 0-5.9 1.7-6.6 5.2h12.6v-.3c-.1-1.3-.8-2.5-2-3.5s-2.5-1.4-4-1.4zm30.3-5.2c1 0 1.8.3 2.4.8.7.5 1 1.2 1 1.9 0 1-.3 1.7-.8 2.2-.5.5-1.1.8-1.8.7-.5 0-1-.1-1.6-.3-.2-.1-.4-.1-.6-.2-.4-.1-.7-.1-1.1-.1-.8 0-1.6.3-2.4.8s-1.4 1.3-1.9 2.3-.7 2.3-.7 3.7v11.4c0 .8-.3 1.5-.8 2.1-.5.6-1.2.8-2.1.8s-1.5-.3-2.1-.8c-.5-.6-.8-1.3-.8-2.1V28.8c0-.8.3-1.5.8-2.1.5-.6 1.2-.8 2.1-.8s1.5.3 2.1.8c.5.6.8 1.3.8 2.1v.6c.7-1.3 1.8-2.3 3.2-3 1.3-.7 2.8-1 4.3-1z"
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
fill="#4a4a4a"
|
||||
/></svg></a
|
||||
><!-- END NAVBAR LOGO -->
|
||||
<button
|
||||
class="navbar-toggler"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarTogglerDemo01"
|
||||
aria-controls="navbarTogglerDemo01"
|
||||
aria-expanded="false"
|
||||
aria-label="Toggle navigation"
|
||||
>
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarTogglerDemo01">
|
||||
<nav class="navbar-nav ms-auto">
|
||||
<div class="nav-item">
|
||||
<a class="nav-link active" href="../marketing"><span class="nav-link-title">Home</span></a>
|
||||
</div>
|
||||
<div class="nav-item">
|
||||
<a class="nav-link" href="../marketing/testimonials.html"><span class="nav-link-title">Testimonials</span></a>
|
||||
</div>
|
||||
<div class="nav-item">
|
||||
<a class="nav-link" href="../marketing/pricing.html"><span class="nav-link-title">Pricing</span></a>
|
||||
</div>
|
||||
<div class="nav-item">
|
||||
<a class="nav-link" href="../marketing/about.html"><span class="nav-link-title">About</span></a>
|
||||
</div>
|
||||
<div class="nav-item">
|
||||
<a class="nav-link" href="../marketing/text.html"><span class="nav-link-title">Text</span></a>
|
||||
</div>
|
||||
<div class="nav-item">
|
||||
<a class="nav-link" href="../marketing/hero.html"><span class="nav-link-title">App</span></a>
|
||||
</div>
|
||||
<div class="nav-item">
|
||||
<a class="nav-link" href="../marketing/real-estate.html"><span class="nav-link-title">Real estate</span></a>
|
||||
</div>
|
||||
<div class="nav-item ms-4">
|
||||
<a href="#" class="btn btn-primary">Buy now</a>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
@@ -0,0 +1,13 @@
|
||||
@include('tablar::partials.header.top')
|
||||
<header class="navbar-expand-md">
|
||||
<div class="collapse navbar-collapse" id="navbar-menu">
|
||||
<div class="navbar navbar-light">
|
||||
<div class="container-xl">
|
||||
<ul class="navbar-nav">
|
||||
@each('tablar::partials.navbar.dropdown-item', $tablar->menu('sidebar'), 'item')
|
||||
</ul>
|
||||
{{-- @include('tablar::partials.navbar.search') --}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
Reference in New Issue
Block a user