Skip to content

Commit

Permalink
Ref #1: ajout des boutons de racourcis au milieu de la page.
Browse files Browse the repository at this point in the history
  • Loading branch information
LucileDT committed May 24, 2018
1 parent 525049c commit ea874a2
Show file tree
Hide file tree
Showing 50 changed files with 135,660 additions and 36 deletions.
1 change: 1 addition & 0 deletions application/app/Resources/views/base.html.twig
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,7 @@
<!-- ---- JavaScript ----- -->
<script src="{{ asset('js/jquery-3.3.1.min.js') }}"></script>
<script src="{{ asset('js/bootstrap.min.js') }}"></script>
<script src="{{ asset('js/base.js') }}"></script>
{% block javascripts %}{% endblock %}
</head>

Expand Down
93 changes: 57 additions & 36 deletions application/app/Resources/views/default/index.html.twig
Original file line number Diff line number Diff line change
@@ -1,48 +1,69 @@
{% extends 'base.html.twig' %}

{% block body %}
<div class="container">
{% if errors is defined and errors is not null %}
<div class="alert alert-danger">
{{ errors.messageKey }}
</div>
{% endif %}
<div class="row spacer-default">
<div class="col-md-3"></div>
<div class="col-md-6">
<p class="text-center lead">
Bienvenue sur le Progiciel de Gestion Intégré de Régimes&nbsp;&&nbsp;Délices
</p>
</div>
<div class="col-md-3"></div>
</div>
<div class="row spacer-default">
<div class="col-md-3"></div>
<div class="col-md-6">
<p class="text-center lead">
Pour accéder au lociciel, identifiez-vous
</p>
</div>
<div class="col-md-3"></div>
<div class="row">
<div class="col-md-12">
<ol class="breadcrumb">
<li class="active"><a href="/">Accueil</a></li>
</ol>
</div>
</div>

<div class="container">
<div class="row">
<div class="col-md-4"></div>
<div class="col-md-4">
<form action="{{ path('login') }}" method="post">
<div class="form-group">
<input type="text" class="form-control" id="username" name="username" placeholder="Nom d'utilisateur" value="{% if username is defined %} {{ username }} {% endif %}">
<div class="col-md-12">
<div id="container-buttons" class="well">
<div class="row">
<div class="col-md-12">
<h4>Raccourcis</h4>
</div>
</div>
<div class="form-group">
<input type="password" class="form-control" id="password" name="password" placeholder="Mot de passe">
<div class="row spacer-small">
<div class="col-md-4">
<a href="" class="btn btn-default disabled" data-toggle="tooltip" title="Sera rendu disponible ultérieurement">
<span class="glyphicon glyphicon-plus-sign"></span>
<span class="button-label">Enregistrer une commande client</span>
</a>
</div>
<div class="col-md-4">
<a href="" class="btn btn-default disabled" data-toggle="tooltip" title="Sera rendu disponible ultérieurement">
<span class="glyphicon glyphicon-ok-circle"></span>
<span class="button-label">Valider un bon de livraison client</span>
</a>
</div>
<div class="col-md-4">
<a href="" class="btn btn-default disabled" data-toggle="tooltip" title="Sera rendu disponible ultérieurement">
<span class="glyphicon glyphicon-ok-circle"></span>
<span class="button-label">Accuser réception d'une livraison client</span>
</a>
</div>
</div>
<button type="submit" class="btn btn-primary center-block">Connexion</button>
</form>
<div class="row spacer-small">
<div class="col-md-4">
<a href="" class="btn btn-default disabled" data-toggle="tooltip" data-placement="bottom" title="Sera rendu disponible ultérieurement">
<span class="glyphicon glyphicon-plus-sign"></span>
<span class="button-label">Passer une commande fournisseur</span>
</a>
</div>
<div class="col-md-4">
<a href="" class="btn btn-default disabled" data-toggle="tooltip" data-placement="bottom" title="Sera rendu disponible ultérieurement">
<span class="glyphicon glyphicon-ok-circle"></span>
<span class="button-label">Accuser réception d'une livraison fournisseur</span>
</a>
</div>
<div class="col-md-4">
<a href="" class="btn btn-default disabled" data-toggle="tooltip" data-placement="bottom" title="Sera rendu disponible ultérieurement">
<span class="glyphicon glyphicon-plus-sign"></span>
<span class="button-label">Enregistrer un nouveau produit</span>
</a>
</div>
</div>
</div>
</div>
<div class="col-md-4"></div>
</div>


</div>
{% endblock %}

{% block stylesheets %}{% endblock %}
{% block stylesheets %}
<link rel="stylesheet" href="{{ asset('css/default/index.css') }}">
{% endblock %}
118 changes: 118 additions & 0 deletions application/web/css/base.css
Original file line number Diff line number Diff line change
@@ -1,3 +1,102 @@
/* -------------------------------------- */
/* Ajout de toutes les fontes du site web */
/* -------------------------------------- */
@font-face {
font-family: 'DejaVu Sans';
src: url('../fonts/dejavu-sans/DejaVuSans.eot');
src: url('../fonts/dejavu-sans/DejaVuSans.woff') format('woff');
src: url('../fonts/dejavu-sans/DejaVuSans.woff2') format('woff2');
src: url('../fonts/dejavu-sans/DejaVuSans.ttf') format('truetype');
src: url('../fonts/dejavu-sans/DejaVuSans.svg') format('svg');
font-weight: normal;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: 'DejaVu Sans';
src: url('../fonts/dejavu-sans/DejaVuSans-Bold.eot');
src: url('../fonts/dejavu-sans/DejaVuSans-Bold.woff') format('woff');
src: url('../fonts/dejavu-sans/DejaVuSans-Bold.woff2') format('woff2');
src: url('../fonts/dejavu-sans/DejaVuSans-Bold.ttf') format('truetype');
src: url('../fonts/dejavu-sans/DejaVuSans-Bold.svg') format('svg');
font-weight: bold;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: 'DejaVu Sans';
src: url('../fonts/dejavu-sans/DejaVuSansCondensed.eot');
src: url('../fonts/dejavu-sans/DejaVuSansCondensed.woff') format('woff');
src: url('../fonts/dejavu-sans/DejaVuSansCondensed.woff2') format('woff2');
src: url('../fonts/dejavu-sans/DejaVuSansCondensed.ttf') format('truetype');
src: url('../fonts/dejavu-sans/DejaVuSansCondensed.svg') format('svg');
font-weight: normal;
font-style: normal;
font-stretch: condensed;
}
@font-face {
font-family: 'DejaVu Sans';
src: url('../fonts/dejavu-sans/DejaVuSansCondensed-Bold.eot');
src: url('../fonts/dejavu-sans/DejaVuSansCondensed-Bold.woff') format('woff');
src: url('../fonts/dejavu-sans/DejaVuSansCondensed-Bold.woff2') format('woff2');
src: url('../fonts/dejavu-sans/DejaVuSansCondensed-Bold.ttf') format('truetype');
src: url('../fonts/dejavu-sans/DejaVuSansCondensed-Bold.svg') format('svg');
font-weight: bold;
font-style: normal;
font-stretch: condensed;
}
@font-face {
font-family: 'DejaVu Sans';
src: url('../fonts/dejavu-sans/DejaVuSansCondensed-BoldOblique.eot');
src: url('../fonts/dejavu-sans/DejaVuSansCondensed-BoldOblique.woff') format('woff');
src: url('../fonts/dejavu-sans/DejaVuSansCondensed-BoldOblique.woff2') format('woff2');
src: url('../fonts/dejavu-sans/DejaVuSansCondensed-BoldOblique.ttf') format('truetype');
src: url('../fonts/dejavu-sans/DejaVuSansCondensed-BoldOblique.svg') format('svg');
font-weight: bold;
font-style: italic;
font-stretch: condensed;
}
@font-face {
font-family: 'DejaVu Sans';
src: url('../fonts/dejavu-sans/DejaVuSansCondensed-Oblique.eot');
src: url('../fonts/dejavu-sans/DejaVuSansCondensed-Oblique.woff') format('woff');
src: url('../fonts/dejavu-sans/DejaVuSansCondensed-Oblique.woff2') format('woff2');
src: url('../fonts/dejavu-sans/DejaVuSansCondensed-Oblique.ttf') format('truetype');
src: url('../fonts/dejavu-sans/DejaVuSansCondensed-Oblique.svg') format('svg');
font-weight: normal;
font-style: italic;
font-stretch: condensed;
}
@font-face {
font-family: 'DejaVu Sans';
src: url('../fonts/dejavu-sans/DejaVuSans-ExtraLight.eot');
src: url('../fonts/dejavu-sans/DejaVuSans-ExtraLight.woff') format('woff');
src: url('../fonts/dejavu-sans/DejaVuSans-ExtraLight.woff2') format('woff2');
src: url('../fonts/dejavu-sans/DejaVuSans-ExtraLight.ttf') format('truetype');
src: url('../fonts/dejavu-sans/DejaVuSans-ExtraLight.svg') format('svg');
font-weight: lighter;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: 'DejaVu Sans';
src: url('../fonts/dejavu-sans/DejaVuSans-Oblique.eot');
src: url('../fonts/dejavu-sans/DejaVuSans-Oblique.woff') format('woff');
src: url('../fonts/dejavu-sans/DejaVuSans-Oblique.woff2') format('woff2');
src: url('../fonts/dejavu-sans/DejaVuSans-Oblique.ttf') format('truetype');
src: url('../fonts/dejavu-sans/DejaVuSans-Oblique.svg') format('svg');
font-weight: normal;
font-style: italic;
font-stretch: normal;
}

/* ------------------------------------ */
/* Mise en place des fontes sur le site */
/* ------------------------------------ */
* {
font-family: 'DejaVu Sans', sans-serif;
}

/* -------------------------------------------------------------------------------- */
/* Positionnement du footer en bas de la page quand le contenu n'en occupe pas 100% */
/* -------------------------------------------------------------------------------- */
Expand Down Expand Up @@ -61,4 +160,23 @@ body {
.navbar-default .navbar-nav > .disabled > a:focus,
.navbar-default .navbar-nav > .disabled > a:hover {
color: #7a8288;
}

/* -------------------------------------------- */
/* Met les tooltips de couleur -info par défaut */
/* -------------------------------------------- */
.tooltip > .tooltip-inner {
background-color: #4EBABA;
}
.tooltip.top > .tooltip-arrow {
border-top-color: #4EBABA;
}
.tooltip.bottom > .tooltip-arrow {
border-bottom-color: #4EBABA;
}
.tooltip.left > .tooltip-arrow {
border-left-color: #4EBABA;
}
.tooltip.right > .tooltip-arrow {
border-right-color: #4EBABA;
}
33 changes: 33 additions & 0 deletions application/web/css/default/index.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
/* -------------------------------- */
/* Formate les boutons de l'accueil */
/* -------------------------------- */
#container-buttons a.btn.disabled {
cursor: not-allowed;
pointer-events: auto;
}

#container-buttons a.btn > span {
display: table-cell;
vertical-align: middle;
white-space: normal;
}

#container-buttons a.btn {
display: table;
width: 100%;
height: 100px;
font-size: 16px;
table-layout: fixed;
}

#container-buttons a.btn > span.glyphicon {
width: 40px;
font-size: 25px;
border-right: 12px;
}

#container-buttons a.btn > span.button-label {
width: 100%;
font-size: 20px;
font-weight: 300;
}
Binary file not shown.
Loading

0 comments on commit ea874a2

Please sign in to comment.