tykayn/caisse-bliss
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

responsive style on homepage

Browse Source
This commit is contained in:
Baptiste Lemoine 2018-08-27 16:16:54 +02:00
parent 1c6a977441
commit 03426296ab
6 changed files with 42 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/Resources/views/default/description-app.html.twig
View File

@ -1,19 +1,19 @@
<div class="product-values marged-v"> <div class="product-values marged-v">
<div class="row"> <div class="row">
<div class="col-xs-12 col-sm-4 text-center"> <div class="col-xs-12 col-sm-4 text-center product-values-block">
<i class="fa fa-check-circle fa-3x"></i> <i class="fa fa-check-circle fa-3x"></i>
<h2 class="text-center">Gratuit</h2> <h2 class="text-center">Gratuit</h2>
<p>Gérez votre comptabilité de stand en ligne sans dépenser un rond. Plus besoin de transporter un <p>Gérez votre comptabilité de stand en ligne sans dépenser un rond. Plus besoin de transporter un
inventaire et des feuilles de calcul faites à l'arrache.</p> inventaire et des feuilles de calcul faites à l'arrache.</p>
</div> </div>
<div class="col-xs-12 col-sm-4 text-center"> <div class="col-xs-12 col-sm-4 text-center product-values-block">
<i class="fa fa-random fa-3x"></i> <i class="fa fa-random fa-3x"></i>
<h2>Flexible</h2> <h2>Flexible</h2>
<p>Modifiez vos produits à la volée, soyez plusieurs à gérer la caisse si vous le souhaitez, changez de <p>Modifiez vos produits à la volée, soyez plusieurs à gérer la caisse si vous le souhaitez, changez de
responsable en cours de journée. Créez plusieurs produits juste en écrivant leur nom avec l'interface responsable en cours de journée. Créez plusieurs produits juste en écrivant leur nom avec l'interface
d'importation simplifiée.</p> d'importation simplifiée.</p>
</div> </div>
<div class="col-xs-12 col-sm-4 text-center"> <div class="col-xs-12 col-sm-4 text-center product-values-block">
<i class="fa fa-truck fa-3x"></i> <i class="fa fa-truck fa-3x"></i>
<h2>Portable</h2> <h2>Portable</h2>
<p>Fait pour être utilisé sur les marchés et les salons. Votre gestion des stocks n'en sera que <p>Fait pour être utilisé sur les marchés et les salons. Votre gestion des stocks n'en sera que
@ -21,7 +21,7 @@
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12 col-sm-4 text-center"> <div class="col-xs-12 col-sm-4 text-center product-values-block">
<i class="fa fa-rotate-left fa-3x"></i> <i class="fa fa-rotate-left fa-3x"></i>
<h2>Open Source</h2> <h2>Open Source</h2>
@ -32,12 +32,12 @@
. .
</p> </p>
</div> </div>
<div class="col-xs-12 col-sm-4 text-center"> <div class="col-xs-12 col-sm-4 text-center product-values-block">
<i class="fa fa-pie-chart fa-3x"></i> <i class="fa fa-pie-chart fa-3x"></i>
<h2>Statistiques</h2> <h2>Statistiques</h2>
<p>Données statistiques et gestion des stocks actualisée au fur et à mesure des ventes.</p> <p>Données statistiques et gestion des stocks actualisée au fur et à mesure des ventes.</p>
</div> </div>
<div class="col-xs-12 col-sm-4 text-center"> <div class="col-xs-12 col-sm-4 text-center product-values-block">
<i class="fa fa-heart-o fa-3x"></i> <i class="fa fa-heart-o fa-3x"></i>
<h2>Data Love</h2> <h2>Data Love</h2>
<p>Données exportables et importables en masse librement.</p> <p>Données exportables et importables en masse librement.</p>

12
app/Resources/views/default/main-screen.html.twig
View File

@ -9,13 +9,13 @@
<div class="bg-shader"> <div class="bg-shader">
<div class="container main-section"> <div class="container main-section">
<div class="row"> <div class="row">
<div class="col-xs-6"> <div class="col-xs-12 col-sm-6 padded-v">
<h1> <h1>
{#<i class="fa fa-circle-o-notch logo-main"></i>#} {#<i class="fa fa-circle-o-notch logo-main"></i>#}
Caisse Bliss Caisse Bliss
</h1> </h1>
</div> </div>
<div class="col-xs-6"> <div class="col-xs-12 col-sm-6 padded-v">
<div class="description"> <div class="description">
<strong> Votre caisse mobile dynamique en ligne </strong> Pensé pour les <strong> Votre caisse mobile dynamique en ligne </strong> Pensé pour les
exposants et les créateurs divers en festival, cette caisse saura s'adapter à exposants et les créateurs divers en festival, cette caisse saura s'adapter à
@ -25,14 +25,14 @@
<div class="try"> <div class="try">
<br> <br>
<div class="row"> <div class="row">
<div class="col-xs-6 padded text-right"> <div class="col-xs-12 col-sm-6 padded text-right">
<a class="btn btn-primary" <a class="btn btn-primary"
href="{{ path('fos_user_security_login') }}" href="{{ path('fos_user_security_login') }}"
class="btn btn-primary"> class="btn btn-primary">
Essayez dès maintenant Essayez dès maintenant
</a> </a>
</div> </div>
<div class="col-xs-6"> <div class="col-xs-12 col-sm-6">
<sub> Démonstration en vous connectant avec le login: <sub> Démonstration en vous connectant avec le login:
<strong>demo</strong> et le mot de passe <strong>demo</strong>. <strong>demo</strong> et le mot de passe <strong>demo</strong>.
</sub> </sub>
@ -59,7 +59,7 @@
<div class="try"> <div class="try">
<fieldset class="bg-dark padded"> <fieldset class="bg-dark padded">
<div class="row"> <div class="row">
<div class="col-xs-6"> <div class="col-xs-12 col-sm-6">
<a class="btn btn-primary" href="{{ path('dashboard') }}" <a class="btn btn-primary" href="{{ path('dashboard') }}"
class="btn btn-success"> class="btn btn-success">
Essayez dès maintenant Essayez dès maintenant
@ -69,7 +69,7 @@
mot de passe <strong>demo</strong>. mot de passe <strong>demo</strong>.
</p> </p>
</div> </div>
<div class="col-xs-6"> <div class="col-xs-12 col-sm-6">
{#<a class="btn btn-default" href="{{ path('fos_user_security_login') }}">#} {#<a class="btn btn-default" href="{{ path('fos_user_security_login') }}">#}
{#<i class="fa fa-key"></i>#} {#<i class="fa fa-key"></i>#}
{#Se connecter#} {#Se connecter#}

1
assets/css/pages/global.scss
View File

@ -66,7 +66,6 @@ body {
height: 4em; height: 4em;
padding: 1em; padding: 1em;
box-sizing: border-box; box-sizing: border-box;
margin-top: 4em;
} }
thead { thead {

1
assets/css/pages/home.scss
View File

@ -27,4 +27,5 @@
h2, h3, h4, h5, h6 { h2, h3, h4, h5, h6 {
color: $light; color: $light;
} }
font-size: 1.25rem;
} }

24
assets/css/pages/responsive.scss
View File

@ -1,5 +1,26 @@
@media all and(max-width: 1200px) { @media all and(max-width: 1200px) {
html,body{
font-size: 1.2rem;
}
.bg-shader {
height: 100%;
min-height: 100vh;
}
.product-values-block {
padding: 1em;
}
#homepage{
.main-section{
padding: 2rem;
}
.btn{
display:block;
width: 100%;
font-size: 1.25em;
}
}
#caisse-now { #caisse-now {
.product-box { .product-box {
width: 100%; width: 100%;
@ -11,6 +32,9 @@
} }
@media all and(max-width: 600px) { @media all and(max-width: 600px) {
html,body{
font-size: 1.5rem;
}
.category-listing{ .category-listing{
width: calc(100% - 2rem); width: calc(100% - 2rem);
} }

7
src/AppBundle/Controller/DefaultController.php
View File

@ -3,7 +3,6 @@
namespace AppBundle\Controller; namespace AppBundle\Controller;
use AppBundle\Entity\ExpenseKind; use AppBundle\Entity\ExpenseKind;
use AppBundle\Entity\Festival;
use AppBundle\Entity\Product; use AppBundle\Entity\Product;
use AppBundle\Entity\ProductCategory; use AppBundle\Entity\ProductCategory;
use AppBundle\Entity\ProductSold; use AppBundle\Entity\ProductSold;
@ -219,10 +218,14 @@ class DefaultController extends Controller
$m->persist($currentUser); $m->persist($currentUser);
$m->flush(); $m->flush();
$expensesOfUser = $currentUser->getExpenses();
$ownerService = $this->ownerService;
$expensesOfUser = $ownerService->serializeExpensesOfUser($currentUser);
return new JsonResponse([ return new JsonResponse([
'expenses' => $expensesOfUser, 'expenses' => $expensesOfUser,
'disponibility' => $currentUser->getDisponibility(),
'averageMonthlyEarnings' => $currentUser->getAverageMonthlyEarnings(),
]); ]);
} }