From 3b7ee14540cd313f2cae267653d2722b47c07a7b Mon Sep 17 00:00:00 2001 From: unknown <guillaume.aichhorn@gmail.com> Date: Wed, 21 Nov 2018 23:03:26 +0100 Subject: [PATCH] modified: routes/web.php --- .../app/Http/Controllers/ProfilController.php | 19 +++ pima/public/css/outil.css | 30 +++++ pima/resources/views/outil.blade.php | 105 +++++++++++++++ pima/resources/views/profil.blade.php | 125 ++++++++++++++++++ 4 files changed, 279 insertions(+) create mode 100644 pima/app/Http/Controllers/ProfilController.php create mode 100644 pima/public/css/outil.css create mode 100644 pima/resources/views/outil.blade.php create mode 100644 pima/resources/views/profil.blade.php diff --git a/pima/app/Http/Controllers/ProfilController.php b/pima/app/Http/Controllers/ProfilController.php new file mode 100644 index 0000000..25452ad --- /dev/null +++ b/pima/app/Http/Controllers/ProfilController.php @@ -0,0 +1,19 @@ +<?php + +namespace App\Http\Controllers; + +use Illuminate\Http\Request; +use App\Http\Requests\FormulaireRequest; +use App\Message; +use App\Tool; +use Auth; + +class ProfilController extends Controller +{ + + public function create($user){ + if (Auth::check()){ + return view('profil',["pseudo=>$user"]); + } + } +} diff --git a/pima/public/css/outil.css b/pima/public/css/outil.css new file mode 100644 index 0000000..3bc3775 --- /dev/null +++ b/pima/public/css/outil.css @@ -0,0 +1,30 @@ +.column { + float: left; + width: 33.33%; + background-color: blue; +} +.column2{ + float: left; + width: 33.33%; + background-color: pink; +} +.row:after { + content: ""; + display: table; + clear: both; +} + +.case{ + background-color: lightblue; + text-align: justify; +} + +@media screen and (max-width: 600px) { + .column{ + width: 100%; + } + .column2{ + width: 100%; + } + +} diff --git a/pima/resources/views/outil.blade.php b/pima/resources/views/outil.blade.php new file mode 100644 index 0000000..fb111b1 --- /dev/null +++ b/pima/resources/views/outil.blade.php @@ -0,0 +1,105 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"/> + <link rel="stylesheet" type="text/css" href="../../public/css/outil.css"/> + <style> + .column { + float: left; + width: 33%; + background-color: lightblue; + } + .column2{ + float: left; + width: 33%; + background-color: pink; + margin-left: .5%; + margin-right: .5%; + } + .row:after { + content: ""; + display: table; + clear: both; + } + + .case{ + background-color: lightblue; + text-align: justify; + } + + @media screen and (max-width: 600px) { + .column{ + width: 100%; + } + .column2{ + width: 100%; + } + + } + </style> + + </head> + + <body> + + <div class="row"> + <div class="column"> + <h1> Nom de l'outil </h1> + <div class="category"> + Catégorie + </div> + <div class="description"> + Description de l'objet, modèle, format... cadre limité avec suite du texte qui apparait si on passe sa souris dessus. + </div> + </div> + + <div class="column2"> + <h1> Nom de l'outil </h1> + <div class="category"> + Catégorie + </div> + <div class="description"> + Description de l'objet, modèle, format... cadre limité avec suite du texte qui apparait si on passe sa souris dessus. + </div> + </div> + + <div class="column"> + <h1> Nom de l'outil </h1> + <div class="category"> + Catégorie + </div> + <div class="description"> + Description de l'objet, modèle, format... cadre limité avec suite du texte qui apparait si on passe sa souris dessus. + </div> + </div> +<p> + Maintenant on fait appel à des données ! +</p> +<!--test sur un outil en flat avant de le faire à travers les requêtes --> +<?php $i=0; +foreach ($tasks as $task){ + if ($i%3==0){ + echo "<p></p><div class='row'> <div class='column'>";?> + {{$task}} + <?php + echo("</div>");} + else{ + if ($i%3==1){ + echo "<div class='row'> <div class='column2'>"; + echo $task; + echo("</div>"); + } + else{ + if ($i%3==2){ + echo "<div class='row'> <div class='column'>"; + echo $task; + echo("</div></div>"); + } + } +}$i++; +} + ?> + + </body> + +</html> diff --git a/pima/resources/views/profil.blade.php b/pima/resources/views/profil.blade.php new file mode 100644 index 0000000..610bddd --- /dev/null +++ b/pima/resources/views/profil.blade.php @@ -0,0 +1,125 @@ +@extends('template') + +@section('titre') +Profil +@endsection + +@section('contenu') + +<!--Header des pages--> + <header> + <!--Pop le header--> + <style> + .column { + float: left; + width: 33%; + background-color: lightblue; + color: black; + } + .column2{ + float: left; + width: 33%; + background-color: pink; + margin-left: .5%; + margin-right: .5%; + color:black; + } + .row:after { + content: ""; + display: table; + clear: both; + } + + .case{ + background-color: lightblue; + text-align: justify; + } + + @media screen and (max-width: 600px) { + .column{ + width: 100%; + } + .column2{ + width: 100%; + } + + } + </style> + + </header> + + <!--Blabla avant découpe --> + Ici blablabla + <hr/> + <!--Navigation--> + <section> + <nav class="side"> + <ul> + <li><a href="#coordonnees">Coordonnées</a></li> + <li><a href="#liste_outils">Liste d'outils</a></li> + <li><a href="#edit">Édition</a></li> + </ul> + </nav> + </section> + + <article> + <h1 id="coordonnees">Les coordonnées</h1> + <?php /*Connection avec la BDD.*/ + $con=mysqli_connect("localhost", "root", "","trocentrop"); + if (mysqli_connect_errno()) + { + echo "Failed to connect to MySQL: " . mysqli_connect_error(); + } + + if(Auth::check()){/*Récupération des données de l'user*/ + + echo "<p>NOM :".Auth::user()->name."</p>"; + echo "<p>MAIL :".Auth::user()->email."</p>"; + echo "<p>TEL :".Auth::user()->telephone."</p>"; + echo "<p>ADRESSE :".Auth::user()->adresse."</p>"; + } + ?> + <h1 id="liste_outils">Les outils</h1> + <div class="row"> + <div class="column"> + <h1> Nom de l'outil </h1> + <div class="category"> + Catégorie + </div> + <div class="description"> + Description de l'objet, modèle, format... cadre limité avec suite du texte qui apparait si on passe sa souris dessus. + </div> + </div> + + <div class="column2"> + <h1> Nom de l'outil </h1> + <div class="category"> + Catégorie + </div> + <div class="description"> + Description de l'objet, modèle, format... cadre limité avec suite du texte qui apparait si on passe sa souris dessus. et qu'est ce qu'il se passe si le texte est plus long ? C'est une super bonne question ça mon brave ldg + </div> + </div> + + <div class="column"> + <h1> Nom de l'outil </h1> + <div class="category"> + Catégorie + </div> + <div class="description"> + Description de l'objet, modèle, format... cadre limité avec suite du texte qui apparait si on passe sa souris dessus. + </div> + </div> + </div> + + <h1 id="edit">Les edit</h1> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam libero arcu, euismod a scelerisque vel, mattis et nisi. Donec vitae libero faucibus, vehicula sapien id, eleifend ligula. Fusce diam est, gravida non velit non, gravida aliquet ligula. Duis efficitur mi id fringilla facilisis. Quisque in sagittis dolor. Suspendisse rhoncus convallis suscipit. Ut aliquet sodales sapien quis fringilla. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc facilisis sapien ac tellus pharetra, sit amet rhoncus velit fringilla. Vestibulum eget diam nunc. Maecenas eros eros, consectetur id gravida ac, luctus non nunc. +Pellentesque ullamcorper massa at sapien fringilla, et lobortis ante bibendum. Aenean dui leo, laoreet in nisi nec, sagittis venenatis velit. Nunc suscipit malesuada finibus. Maecenas pharetra congue aliquet. Nullam eu turpis nulla. Nullam laoreet vehicula ipsum ac convallis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam libero arcu, euismod a scelerisque vel, mattis et nisi. Donec vitae libero faucibus, vehicula sapien id, eleifend ligula. Fusce diam est, gravida non velit non, gravida aliquet ligula. Duis efficitur mi id fringilla facilisis. Quisque in sagittis dolor. Suspendisse rhoncus convallis suscipit. Ut aliquet sodales sapien quis fringilla. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc facilisis sapien ac tellus pharetra, sit amet rhoncus velit fringilla. Vestibulum eget diam nunc. Maecenas eros eros, consectetur id gravida ac, luctus non nunc. + +Pellentesque ullamcorper massa at sapien fringilla, et lobortis ante bibendum. Aenean dui leo, laoreet in nisi nec, sagittis venenatis velit. Nunc suscipit malesuada finibus. Maecenas pharetra congue aliquet. Nullam eu turpis nulla. Nullam laoreet vehicula ipsum ac convallis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p> + <!-- Pop les pages à la suite, IL FAUT METTRE DES TITRES STYLES <h1 id=" . "> avec coordonnees, liste_outils et edit --> + </article> + + </section> +@endsection -- GitLab