jev/opensem
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

enhance css

Browse Source
This commit is contained in:
Ludovic CANDELLIER
2023-02-05 21:40:05 +01:00
parent 0123885e03
commit 32291dc44a
21 changed files with 553 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
resources/views/Shop/layout/partials/header-basket.blade.php
View File

@@ -1,17 +1,13 @@
<div class="row">
<div class="col-12 text-right p-2">
<a href="{{ route('Shop.Basket.basket') }}" style="color: white;">
<button type="button" class="btn green">
<i class="fa fa-2x fa-fw fa-shopping-basket mr-2"></i>
<span class="ml-2 badge bg-yellow green-dark">
<span id="count-basket">{{ \App\Repositories\Core\User\ShopCart::getTotalQuantity() }}</span>
Articles
</span>
<span class="ml-2 badge bg-yellow green-dark">
<span id="total-basket">{{ \App\Repositories\Core\User\ShopCart::getTotal() }}</span>
€ TTC
</span>
</button>
</a>
</div>
</div>
<a href="{{ route('Shop.Basket.basket') }}" class="text-white">
<button type="button" class="btn green p-0">
<i class="fa fa-2x fa-fw fa-shopping-basket mr-2"></i>
<span class="ml-2 badge bg-yellow green-dark">
<span id="count-basket">{{ \App\Repositories\Core\User\ShopCart::getTotalQuantity() }}</span>
Articles
</span>
<span class="ml-2 badge bg-yellow green-dark">
<span id="total-basket">{{ \App\Repositories\Core\User\ShopCart::getTotal() }}</span>
€ TTC
</span>
</button>
</a>

5
resources/views/Shop/layout/partials/header-catalog.blade.php Normal file
View File

@@ -0,0 +1,5 @@
<a href="https://www.jardinenvie.com/boutique/commander">
<button type="button" class="btn bg-light green p-0">
<i class="fa fa-2x fa-fw fa-book-open"></i>
</button>
</a>

11
resources/views/Shop/layout/partials/header-nav.blade.php
View File

@@ -1,18 +1,17 @@
<div class="row bg-light">
<div class="col-3 form-inline">
<div class="col-5">
<a href="/"><img src="/img/logo.png" height="52"></a>
<span class="green ml-3">Variétés Paysannes de la Semence à l'Assiette</span>
</div>
<div class="col-5 form-inline">
<div class="col-3 pt-2">
@include("Shop.layout.partials.search")
</div>
<div class="col-1">
<div class="col-4 pt-2 text-right">
@include('Shop.layout.partials.header-catalog')
@include("Shop.layout.partials.header-profile")
</div>
<div class="col-3 text-right">
@include("Shop.layout.partials.header-basket")
</div>

75
resources/views/Shop/layout/partials/header-profile.blade.php
View File

@@ -1,43 +1,38 @@
<div class="row">
<div class="col-12 text-right p-2">
<button type="button" class="btn bg-light green" data-toggle="dropdown">
@if (App\Repositories\Shop\Customers::isConnected())
<img src="{{ App\Repositories\Shop\Customers::getAvatar() }}" class="img-fluid" title="{{ App\Repositories\Shop\Customers::getName() }}">
@else
<i class="fa fa-2x fa-fw fa-user"></i>
@endif
</button>
<button type="button" class="btn bg-light green p-0" data-toggle="dropdown">
@if (App\Repositories\Shop\Customers::isConnected())
<img src="{{ App\Repositories\Shop\Customers::getAvatar() }}" class="img-fluid" title="{{ App\Repositories\Shop\Customers::getName() }}">
@else
<i class="fa fa-2x fa-fw fa-user"></i>
@endif
</button>
<ul class="dropdown-menu" aria-labelledby="dLabel">
@if (App\Repositories\Shop\Customers::isConnected())
<li class="dropdown-item">
<a href="{{ route('Shop.Customers.profile') }}" title="Accèdez à vos factures, remises ..." rel="nofollow">
<span>Votre compte</span>
</a>
</li>
<li class="dropdown-item">
<a href="#" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
Déconnexion
</a>
<ul class="dropdown-menu" aria-labelledby="dLabel">
@if (App\Repositories\Shop\Customers::isConnected())
<li class="dropdown-item">
<a href="{{ route('Shop.Customers.profile') }}" title="Accèdez à vos factures, remises ..." rel="nofollow">
<span>Votre compte</span>
</a>
</li>
<li class="dropdown-item">
<a href="#" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
Déconnexion
</a>
<form id="logout-form" action="{{ route('Shop.logout') }}" method="POST" style="display: none;">
@csrf
</form>
<form id="logout-form" action="{{ route('Shop.logout') }}" method="POST" style="display: none;">
@csrf
</form>
</li>
@else
<li class="dropdown-item">
<a href="{{ route('Shop.login') }}" title="Identifiez-vous" rel="nofollow">
<span>Connexion</span>
</a>
</li>
<li class="dropdown-item">
<a href="{{ route('Shop.register') }}" title="Enregistrez-vous" rel="nofollow">
<span>Creer votre compte</span>
</a>
</li>
@endif
</ul>
</div>
</div>
</li>
@else
<li class="dropdown-item">
<a href="{{ route('Shop.login') }}" title="Identifiez-vous" rel="nofollow">
<span>Connexion</span>
</a>
</li>
<li class="dropdown-item">
<a href="{{ route('Shop.register') }}" title="Enregistrez-vous" rel="nofollow">
<span>Creer votre compte</span>
</a>
</li>
@endif
</ul>

2
resources/views/Shop/layout/partials/header.blade.php
View File

@@ -1,4 +1,4 @@
<header id="header">
<header id="header" class="sticky-top">
@include("Shop.layout.partials.header-nav")
@include("Shop.layout.partials.sections")
</header>

35
resources/views/Shop/layout/partials/megamenu.blade.php
View File

@@ -1,23 +1,42 @@
<div class="container">
<div class="row rounded m-0 drop-shadow bg-white p-2">
@php
$submenu = count($menu['children'] ?? []) ? App\Repositories\Core\Arrays::slotify($menu['children'], 6) : [];
@endphp
<div class="container p-0">
<div class="row m-0 shadow bg-white p-2 w-100">
<div class="col mb-4">
<strong>
<a class="green-dark @if (($category['id'] ?? false) == $menu['id']) active @endif" href="{{ route('Shop.Categories.show', ['id' => $menu['id']]) }}">
Tous les articles
</a>
</strong><br>
@for ($i = 0; $i < round(count($menu['children']) / 3); $i++)
@include('Shop.layout.partials.megamenu_leafs')
@for ($i = 0; $i < count($submenu[0]); $i++)
@include('Shop.layout.partials.megamenu_leafs', ['menu_children' => $submenu[0][$i]])
@endfor
</div>
<div class="col mb-4">
@for ($i = round(count($menu['children']) / 3); $i < round(2 * count($menu['children']) / 3); $i++)
@include('Shop.layout.partials.megamenu_leafs')
@for ($i = 0; $i < count($submenu[1]); $i++)
@include('Shop.layout.partials.megamenu_leafs', ['menu_children' => $submenu[1][$i]])
@endfor
</div>
<div class="col mb-4">
@for ($i = round(2 * count($menu['children']) / 3); $i < count($menu['children']); $i++)
@include('Shop.layout.partials.megamenu_leafs')
@for ($i = 0; $i < count($submenu[2]); $i++)
@include('Shop.layout.partials.megamenu_leafs', ['menu_children' => $submenu[2][$i]])
@endfor
</div>
<div class="col mb-4">
@for ($i = 0; $i < count($submenu[3]); $i++)
@include('Shop.layout.partials.megamenu_leafs', ['menu_children' => $submenu[2][$i]])
@endfor
</div>
<div class="col mb-4">
@for ($i = 0; $i < count($submenu[4]); $i++)
@include('Shop.layout.partials.megamenu_leafs', ['menu_children' => $submenu[2][$i]])
@endfor
</div>
<div class="col mb-4">
@for ($i = 0; $i < count($submenu[5]); $i++)
@include('Shop.layout.partials.megamenu_leafs', ['menu_children' => $submenu[2][$i]])
@endfor
</div>
</div>

8
resources/views/Shop/layout/partials/megamenu_leafs.blade.php
View File

@@ -1,10 +1,10 @@
<strong>
<a class="green-dark @if (($category['id'] ?? false) == $menu['children'][$i]['id']) active @endif" href="{{ route('Shop.Categories.show', ['id' => $menu['children'][$i]['id']]) }}">
{{ $menu['children'][$i]['name'] }}
<a class="green-dark @if (($category['id'] ?? false) == $menu_children['id']) active @endif" href="{{ route('Shop.Categories.show', ['id' => $menu_children['id']]) }}">
{{ $menu_children['name'] }}
</a>
</strong><br>
@foreach ($menu['children'][$i]['children'] ?? [] as $leaf)
@foreach ($menu_children['children'] ?? [] as $leaf)
<a class="green-dark @if (($category['id'] ?? false) == $leaf['id']) active @endif" href="{{ route('Shop.Categories.show', ['id' => $leaf['id']]) }}">
{{ $leaf['name'] }}
</a><br>
@endforeach
@endforeach

12
resources/views/Shop/layout/partials/search.blade.php
View File

@@ -1,17 +1,5 @@
<form method="method" action="{{ route('Shop.Searches.search') }}" id="search-general">
<div class="input-group">
<div class="input-group-prepend">
@include('components.form.select', [
'name' => 'product_type',
'list' => [
'botanic' => 'Semences & Plants',
'merchandise' => 'Marchandises',
],
'value' => $search['product_type'] ?? null,
])
</div>
<input type="text" name="search" value="{{ $search['search'] ?? null }}" class="form-control search-btn" aria-label="Chercher">
<div class="input-group-append">
<span class="input-group-text"><i class="btn btn-sm fa fa-search"></i></span>

17
resources/views/Shop/layout/partials/sections.blade.php
View File

@@ -1,19 +1,19 @@
<div class="row shadow mb-3">
<div class="row mb-3 bg-green-dark">
<div class="col-12 pl-0 pr-0">
<nav class="navbar navbar-expand-lg navbar-light">
<nav class="navbar navbar-expand-lg p-0">
<div class="collapse navbar-collapse" id="navbarContent">
<ul class="navbar-nav">
<ul class="navbar-nav w-100">
@foreach ($categories as $menu)
<li class="nav-item dropdown megamenu">
<li class="nav-item dropdown megamenu p-2 col">
@if ($menu['children'] ?? false)
<a id="megamenu_{{ $menu['id'] }}" href="{{ route('Shop.Categories.show', ['id' => $menu['id']]) }}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link dropdown-toggle font-weight-bold text-uppercase green @if (($category['id'] ?? false) == $menu['id']) active @endif">
<a id="megamenu_{{ $menu['id'] }}" href="{{ route('Shop.Categories.show', ['id' => $menu['id']]) }}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link dropdown-toggle text-uppercase @if (($category['id'] ?? false) == $menu['id']) active @endif">
{{ $menu['name'] }}
</a>
<div aria-labelledby="megamenu_{{ $menu['id'] }}" class="dropdown-menu border-0 p-0 m-0">
@include('Shop.layout.partials.megamenu')
</div>
@else
<a href="{{ route('Shop.Categories.show', ['id' => $menu['id']]) }}" class="nav-link font-weight-bold text-uppercase green @if (($category['id'] ?? false) == $menu['id']) active @endif">
<a href="{{ route('Shop.Categories.show', ['id' => $menu['id']]) }}" class="nav-link text-uppercase text-white @if (($category['id'] ?? false) == $menu['id']) active @endif">
{{ $menu['name'] }}
</a>
@endif
@@ -21,11 +21,6 @@
@endforeach
</ul>
</div>
<div class="float-right p-3">
<span class="green" style="font-size: 1.2em; font-weight: 600;">
Variétés Paysannes de la Semence à l'Assiette
</span>
</div>
</nav>
</div>
</div>