New layout for website

This commit is contained in:
Ludovic CANDELLIER
2020-08-20 01:11:05 +02:00
parent c66fe78f66
commit ba5a9e0417
21 changed files with 302 additions and 10 deletions

View File

@@ -1 +1 @@
require('./bootstrap'); // require('./bootstrap');

View File

@@ -32,8 +32,6 @@ try {
window.$ = window.jQuery = require('jquery'); window.$ = window.jQuery = require('jquery');
require('bootstrap'); require('bootstrap');
require('datatables.net-bs4');
require('datatables.net-buttons-bs4');
} catch (e) {} } catch (e) {}

View File

@@ -66,6 +66,18 @@ return [
'successdel' => 'L\'attribut d\'articles a été correctement effacée', 'successdel' => 'L\'attribut d\'articles a été correctement effacée',
'confirmdelete' => 'Confirmez-vous la suppression de l\'attribut d\'article ?', 'confirmdelete' => 'Confirmez-vous la suppression de l\'attribut d\'article ?',
], ],
'article_price_generics' => [
'title' => 'Prix génériques',
'description' => 'Gérer les prix génériques',
'add' => 'Ajouter un prix générique',
'edit' => 'Editer un prix générique',
'del' => 'Effacer un prix générique',
'list' => 'Liste des prix générique',
'successadd' => 'Le prix générique été correctement ajouté',
'successmod' => 'Le prix générique a été correctement modifiée',
'successdel' => 'Le prix générique a été correctement effacée',
'confirmdelete' => 'Confirmez-vous la suppression du prix générique ?',
],
'tags' => [ 'tags' => [
'title' => 'Tags', 'title' => 'Tags',
'description' => 'Gérer les tags', 'description' => 'Gérer les tags',

View File

@@ -19,7 +19,3 @@
@endsection @endsection
@push('scripts')
@include('components.js.datatable', ['route' => route('Shop.Admin.Categories.index'), 'model' => 'categories'])
@endpush

View File

@@ -0,0 +1,11 @@
@extends('shop.layout.layout', [
'title' => __('home.title'),
])
@section('content')
@include("Shop.layout.partials.block-breadcrumb")
@include("Shop.layout.partials.block-products")
@endsection

View File

@@ -0,0 +1,68 @@
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="noindex, nofollow">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>OpenSemis</title>
<meta name="description" content="Boutique propulsée par HumaN.E.T">
<meta name="keywords" content="">
<link rel="icon" type="image/vnd.microsoft.icon" href="img/favicon.ico">
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
<link rel="stylesheet" href="css/site.min.css" type="text/css" media="all">
@stack('css')
</head>
<body id="index">
<div class="wrapper">
<main>
@include("Shop.layout.partials.header")
<div class="content-wrapper">
<section class="content">
<div class="container-fluid">
@yield('content')
</div>
</section>
</div>
@include("Shop._partials.footer")
</main>
</div>
<script type="text/javascript" src="js/site.min.js" ></script>
@stack('scripts')
<script>
$.ajaxSetup({headers: {'X-CSRF-TOKEN': '{{ csrf_token() }}'}});
</script>
@if(Session::has('growl'))
<script>
$(function() {
@if(is_array(Session::get('growl')))
growl("{!! Session::get('growl')[0] !!}", "{{ Session::get('growl')[1] }}");
@else
growl("{{Session::get('growl')}}");
@endif
});
</script>
@endif
@stack('js')
</body>
</html>

View File

@@ -15,14 +15,13 @@
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico?1528709483"> <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico?1528709483">
<link rel="stylesheet" href="theme.css" type="text/css" media="all"> <link rel="stylesheet" href="theme.css" type="text/css" media="all">
</head> </head>
<body id="index" class="lang-fr country-us currency-usd layout-full-width page-index tax-display-disabled"> <body id="index">
<main> <main>
{{ include("Shop._partials.header") }} {{ include("Shop.layout.partials.header") }}
{{ include("Shop._partials.notifications") }} {{ include("Shop._partials.notifications") }}
<div id="top_home"> <div id="top_home">

View File

@@ -0,0 +1,23 @@
<div class="article">
<div class="row">
<div class="col-12">
<img src="{{ $article['img'] ?? '/img/logo'}}" class="img-responsive">
{{ $article['name'] }}
<span class="pull-right">
<i class="fa fa-heart"></i>
</span>
</div>
</div>
<div class="row">
<div class="col-6">
3.10 <br>
Semence
</div>
<div class="col-6">
1.65 <br>
Plant
</div>
</div>
</div>

View File

@@ -0,0 +1,12 @@
<div class="breadcrumb-container">
<nav data-depth="1" class="breadcrumb container">
<ol itemscope itemtype="http://schema.org/BreadcrumbList">
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a itemprop="item" href="fr/">
<span itemprop="name">Accueil</span>
</a>
<meta itemprop="position" content="1">
</li>
</ol>
</nav>
</div>

View File

@@ -0,0 +1,40 @@
<div id="ishiproductsblock" class="container clearfix">
<div class="ishiproductsblock-container">
<h2 class="home-title">Meilleurs produits</h2>
<ul id="ishiproductstab" class="nav nav-tabs clearfix">
<li class="nav-item first_item">
<a class="nav-link active" href="#featured-products-block" data-toggle="tab">En vedette</a>
</li>
<li class="nav-item ">
<a class="nav-link " href="#new-products-block" data-toggle="tab">Dernier</a>
</li>
<li class="nav-item last_item">
<a class="nav-link " href="#bestseller-products-block" data-toggle="tab">Meilleures ventes</a>
</li>
</ul>
<div class="product_content ">
<div class="tab-content">
<div id="featured-products-block" class="tab-pane active">
<div class="block_content row">
<div id="ishi-featured-products" class="owl-carousel">
{{ include("Shop._partials.product", {index:1}) }}
{{ include("Shop._partials.product", {index:2}) }}
{{ include("Shop._partials.product", {index:3}) }}
{{ include("Shop._partials.product", {index:4}) }}
{{ include("Shop._partials.product", {index:5}) }}
{{ include("Shop._partials.product", {index:6}) }}
{{ include("Shop._partials.product", {index:7}) }}
{{ include("Shop._partials.product", {index:8}) }}
</div>
</div>
</div>
<div id="new-products-block">
</div>
<div id="bestseller-products-block">
</div>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,15 @@
<div class="row">
<div class="col-8">
<h1>{{ $category['name'] }}</h1>
<h3>{{ $category['description'] }}</h3>
</div>
<div class="col-4">
@include('Shop.layout.partials.category_add')
</div>
</div>
<div class="row">
<div class="col-12">
@include('Shop.layout.partials.category_articles')
</div>
</div>

View File

@@ -0,0 +1,18 @@
<div class="row">
<div class="col-6">
Ajouter au panier la liste des semences
</div>
<div class="col-6">
Ajouter au panier la liste des plants
</div>
</div>
<div class="row">
<div class="col-12">
Il y a {{ $nb ?? 0 }} article(s) dans la liste
<form name="product_sorting">
<label>Trier par</label>
@include('components.select', ['name' => ])
</form>
</div>
</div>

View File

@@ -0,0 +1,3 @@
@foreach ($articles as $article)
@include('Shop.layout.partials.article')
@endforeach

View File

@@ -0,0 +1,13 @@
<div class="row">
<div class="col-6">
<div id="header-favorite" class="text-light" data-refresh-url="/favorite">
<i class="fa fa-3x fa-heart"></i>
</div>
</div>
<div class="col-6">
<div id="header-basket" class="text-light mr-3" data-refresh-url="/basket">
<i class="fa fa-3x fa-shopping-basket"></i>
</div>
</div>
</div>

View File

@@ -0,0 +1,20 @@
<div class="row bg-green">
<div class="col-4 col-md-2 form-inline pl-4">
<img src="/img/logo.jpg" class="img-responvive pull-left">
</div>
<div class="col-8 col-md-6 form-inline">
@include("Shop.layout.partials.search")
</div>
<div class="col-6 col-md-2">
@include("Shop.layout.partials.header-profile")
</div>
<div class="col-6 col-md-2 text-right">
@include("Shop.layout.partials.header-basket")
</div>
</div>

View File

@@ -0,0 +1,13 @@
<div class="user-info dropdown js-dropdown">
<span class="account-logo expand-more" data-toggle="dropdown" role="button">Compte client
<i class="material-icons expand-more">&#xE313;</i>
</span>
<ul class="dropdown-menu" aria-labelledby="dLabel">
<li>
<a href="fr/mon-compte" title="Identifiez-vous" rel="nofollow">
<span>Connexion</span>
</a>
</li>
</ul>
</div>

View File

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

View File

@@ -0,0 +1,4 @@
<div id="spin-wrapper"></div>
<div id="siteloader">
<div class="loader"></div>
</div>

View File

@@ -0,0 +1,13 @@
<form method="get" action="/recherche" id="search-general">
<div class="input-group">
<div class="input-group-prepend">
@include('components.select', ['name' => 'type', 'list' => ['Semences & Plants'] ])
</div>
<input type="text" class="form-control search-btn" aria-label="Text input with dropdown button">
<div class="input-group-append">
<span class="input-group-text"><i class="fa fa-search"></i></span>
</div>
</div>
</form>

View File

@@ -0,0 +1,30 @@
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
@foreach ($categories as $category)
@if (isset($category['children']))
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{ $category['name'] }}
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
@foreach ($category['children'] as $children)
<a class="dropdown-item" href="{{ $children['id'] }}">{{ $children['name'] }}</a>
@endforeach
</div>
</li>
@else
<li class="nav-item">
<a class="nav-link" href="{{ $category['id'] }}">{{ $category['name'] }}</a>
</li>
@endif
@endforeach
</ul>
<span style="font-family: Arial Narrow; font-size: 1.1em; font-weight: 900;">
Variétés Paysannes de la Semence à l'Assiette
</span>
</div>
</nav>