phuoc/dumas_gestion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

correction couleurs et ajout liens infobox

Browse Source
This commit is contained in:
thienan
2021-06-28 16:36:47 +02:00
parent acdab93cba
commit 85c3bbaa5c
2 changed files with 338 additions and 280 deletions
Download Patch File Download Diff File Expand all files Collapse all files

495
mondumas/static/css/style.less
View File

@@ -1,240 +1,255 @@
/* style.less */
@error: #b94a48;
/* ajout pour Nicola */
@media (max-width: 992px) {
.navbar-header {
float: none;
}
.navbar-left,.navbar-right {
float: none !important;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin-top: 7.5px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.collapse.in{
display:block !important;
}
}
.navbar {
margin-bottom: 0;
background-color: #fe9900;
color: #404040 !important;
z-index: 9999;
border: 0;
font-size: 20px !important;
line-height: 1.42857143 !important;
letter-spacing: 4px;
border-radius: 0;
}
.navbar li a, .navbar .navbar-brand {
color: #404040 !important;
font-size: 14px !important;
}
.navbar-nav li a:hover, .navbar-nav li.active a {
color: #f4511e !important;
font-size: 14px !important;
background-color: #fff !important;
}
.navbar-default .navbar-toggle {
border-color: transparent;
color: #fff !important;
}
/* Dropdown */
.open .dropdown-toggle {
color: #000000 ;
background-color: #555 !important;
}
/* Dropdown links */
.dropdown-menu li a {
color: #000000 !important;
}
/* On hover, the dropdown links will turn red */
.dropdown-menu li a:hover {
background-color: #f4511e !important;
color: #000000 !important;
}
/* push modal dialog down the viewport */
.modal-dialog {
top:7%;
}
.type-ligne-panel {
padding-left: 25px;
margin-top: 5px;
margin-bottom: 20px;
display: none;
}
.footer {
background-color: #2f2f2f;
color: #ffffff;
padding-top: 2em;
padding-bottom: 1em;
}
.form-group {
label.error {
color: @error;
}
}
.gly-spin {
-webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
#bg {
position: fixed;
top: 0;
left: 0;
/* Set up proportionate scaling */
width: 100%;
height: auto;
/* Set rules to fill background */
min-width: 100%;
min-height: 100%;
}
.logo {
height: 60px;
}
.logo-primary {
color: #337ab7;
font-size: 50px;
}
.logo-info {
color: #5BC0DE;
font-size: 50px;
}
.logo-success {
color: #5CB85C;
font-size: 50px;
}
.logo-danger {
color: #D9534F;
font-size: 50px;
}
.logo-warning {
color: #F0AD4E;
font-size: 50px;
}
.logo-small {
font-size: 50px;
}
.bg-PE {
background-color: #ffffb3 !important;
color: black;
}
.bg-ME {
background-color: #ffe44d !important;
color: black;
}
.bg-PL {
background-color: #b3ff66 !important;
color: black;
}
.bg-PO {
background-color: #b1dae7 !important;
color: black;
}
.bg-CD {
background-color: #ffb3cc !important;
color: black;
}
.new-page {
page-break-before: always;
}
#signature_img {
width: 350px;
height: 150px;
padding: 20px;
}
.gly-spin {
-webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(359deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
/* ne pas affichier l'url after the link */
@media print {
a[href]:after {
content: none !important;
}
}
/* style.less */
@error: #b94a48;
/* ajout pour Nicola */
@media (max-width: 992px) {
.navbar-header {
float: none;
}
.navbar-left,.navbar-right {
float: none !important;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin-top: 7.5px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.collapse.in{
display:block !important;
}
}
.navbar {
margin-bottom: 0;
background-color: #fe9900;
color: #404040 !important;
z-index: 9999;
border: 0;
font-size: 20px !important;
line-height: 1.42857143 !important;
letter-spacing: 4px;
border-radius: 0;
}
.navbar li a, .navbar .navbar-brand {
color: #404040 !important;
font-size: 14px !important;
}
.navbar-nav li a:hover, .navbar-nav li.active a {
color: #f4511e !important;
font-size: 14px !important;
background-color: #fff !important;
}
.navbar-default .navbar-toggle {
border-color: transparent;
color: #fff !important;
}
/* Dropdown */
.open .dropdown-toggle {
color: #000000 ;
background-color: #555 !important;
}
/* Dropdown links */
.dropdown-menu li a {
color: #000000 !important;
}
/* On hover, the dropdown links will turn red */
.dropdown-menu li a:hover {
background-color: #f4511e !important;
color: #000000 !important;
}
/* push modal dialog down the viewport */
.modal-dialog {
top:7%;
}
.type-ligne-panel {
padding-left: 25px;
margin-top: 5px;
margin-bottom: 20px;
display: none;
}
.footer {
background-color: #2f2f2f;
color: #ffffff;
padding-top: 2em;
padding-bottom: 1em;
}
.form-group {
label.error {
color: @error;
}
}
.gly-spin {
-webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
#bg {
position: fixed;
top: 0;
left: 0;
/* Set up proportionate scaling */
width: 100%;
height: auto;
/* Set rules to fill background */
min-width: 100%;
min-height: 100%;
}
.logo {
height: 60px;
}
.logo-primary {
color: #337ab7;
font-size: 50px;
}
.logo-info {
color: #5BC0DE;
font-size: 50px;
}
.logo-success {
color: #5CB85C;
font-size: 50px;
}
.logo-danger {
color: #D9534F;
font-size: 50px;
}
.logo-warning {
color: #F0AD4E;
font-size: 50px;
}
.logo-small {
font-size: 50px;
}
.bg-PE {
background-color: #ffffb3 !important;
color: black;
}
.bg-ME {
background-color: #ffe44d !important;
color: black;
}
.bg-PL {
background-color: #b3ff66 !important;
color: black;
}
.bg-PO {
background-color: #b1dae7 !important;
color: black;
}
.bg-CD {
background-color: #ffb3cc !important;
color: black;
}
.bg-mar {
background-color: #800000 !important;
color: white;
}
.bg-choco {
background-color: #D2691E !important;
color: white;
}
.bg-tan {
background-color: #D2B48C !important;
color: black;
}
.new-page {
page-break-before: always;
}
#signature_img {
width: 350px;
height: 150px;
padding: 20px;
}
.gly-spin {
-webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(359deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
/* ne pas affichier l'url after the link */
@media print {
a[href]:after {
content: none !important;
}
}

123
mondumas/templates/parametres/new_home.pt
View File

@@ -1,15 +1,37 @@
<metal:block use-macro="main_template">
<div metal:fill-slot="content">
<!-- <div class="sidebar-wrapper">
<aside class="main-sidebar">
<section class="sidebar">
<ul class="sidebar-menu" data-widget="tree">
<li class="header">HEADER</li>
<li class="active"><a href="#"><i class="fa fa-link"></i> <span>Link</span></a></li>
<li><a href="#"><i class="fa fa-link"></i> <span>Another Link</span></a></li>
<li class="treeview">
<a href="#"><i class="fa fa-link"></i> <span>Multilevel</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li><a href="#">Link in level 2</a></li>
<li><a href="#">Link in level 2</a></li>
</ul>
</li>
</ul>
</section>
</aside>
</div> -->
<div class="container-fluid">
<br />
<div class="row">
<div class="col-sm-3 text-center" tal:condition="logged_in=='CAO'">
<a href="${request.application_url}/devis_list">
<span class="glyphicon glyphicon-text-height logo-small"></span>
<h4>E-DEVIS</h4></a>
</div>
<div class="col-sm-3">
<div class="info-box bg-grey">
<div class="info-box bg-tan">
<span class="info-box-icon"><i class="glyphicon glyphicon-folder-open"></i></span>
<div class="info-box-content">
<span class="info-box-number">DEMANDES DEVIS</span>
@@ -21,7 +43,7 @@
</div>
</div>
<div class="col-sm-3">
<div class="info-box bg-blue">
<div class="info-box bg-tan">
<span class="info-box-icon"><i class="glyphicon glyphicon-file"></i></span>
<div class="info-box-content">
<span class="info-box-number">DEVIS</span>
@@ -33,7 +55,7 @@
</div>
</div>
<div class="col-sm-3">
<div class="info-box bg-orange">
<div class="info-box bg-tan">
<span class="info-box-icon"><i class="glyphicon glyphicon-inbox"></i></span>
<div class="info-box-content">
<span class="info-box-number">FACTURES</span>
@@ -44,26 +66,35 @@
</div>
</div>
</div>
<div class="row">
<div class="col-sm-3 text-center" tal:condition="logged_in=='CAO'">
<a href="${request.application_url}/devis_list">
<div class="info-box bg-mar">
<span class="info-box-icon"><i class="glyphicon glyphicon-text-height"></i></span>
<div class="info-box-content">
<span class="info-box-number">E-DEVIS</span>
</div>
</div>
</a>
</div>
</div>
</div>
<br />
<div class="row">
<div class="col-sm-3 text-center">
<div class="col-sm-3">
<a href="${request.application_url}/agenda/today">
<span class="glyphicon glyphicon-calendar logo-small"></span><br />
<h4>MON AGENDA</h4></a>
</div>
<div class="col-sm-3">
<div class="info-box bg-yellow">
<span class="info-box-icon"><i class="glyphicon glyphicon-calendar"></i></span>
<div class="info-box-content">
<span class="info-box-number">AGENDA</span>
<span class="info-box-text">A traiter : </span>
<span class="info-box-number"><span class="badge bg-red">${nb_rdv.nb_rdv}</span></span>
<div class="info-box bg-tan">
<span class="info-box-icon"><i class="glyphicon glyphicon-calendar"></i></span>
<div class="info-box-content">
<span class="info-box-number">AGENDA</span>
<span class="info-box-text">A traiter : </span>
<span class="info-box-number"><span class="badge bg-red">${nb_rdv.nb_rdv}</span></span>
</div>
</div>
</div>
</a>
</div>
<div class="col-sm-3">
<div class="info-box bg-green">
<div class="info-box bg-tan">
<span class="info-box-icon"><i class="glyphicon glyphicon-tint"></i></span>
<div class="info-box-content">
<span class="info-box-number">RDF</span>
@@ -73,38 +104,50 @@
</div>
</div>
<div class="col-sm-3">
<div class="info-box bg-purple">
<span class="info-box-icon"><i class="glyphicon glyphicon-envelope"></i></span>
<div class="info-box-content">
<span class="info-box-number">EMAILS</span>
<span class="info-box-text">A traiter : </span>
<span class="info-box-number"><span class="badge bg-red">${nb_mails}</span></span>
<a href="${request.application_url}/demandes" tal:condition="access > 0">
<div class="info-box bg-choco">
<span class="info-box-icon"><i class="glyphicon glyphicon-envelope"></i></span>
<div class="info-box-content">
<span class="info-box-number">EMAILS</span>
<span class="info-box-text">A traiter : </span>
<span class="info-box-number"><span class="badge bg-purple">${nb_mails}</span></span>
</div>
</div>
</div>
</a>
</div>
</div>
<br>
<div class="row text-center" tal:condition="access >= 5">
<div class="row" tal:condition="access >= 5">
<div class="col-sm-3">
<a href="${request.application_url}/planning/today">
<span class="glyphicon glyphicon-calendar logo-small"></span><br />
<h4>PLANNING</h4></a>
</div>
<div class="col-sm-3">
<a href="${request.application_url}/demandes" tal:condition="access > 0">
<span class="glyphicon glyphicon-download-alt logo-warning"></span>
<h4>EMAILS <span class="glyphicon glyphicon-arrow-right"></span> DOSSIERS</h4></a>
<div class="info-box bg-choco">
<span class="info-box-icon"><i class="glyphicon glyphicon-calendar"></i></span>
<div class="info-box-content">
<span class="info-box-number">PLANNING</span>
</div>
</div>
</a>
</div>
<div class="col-sm-3">
<a href="${request.application_url}/upload_om" tal:condition="access > 0">
<span class="glyphicon glyphicon-download-alt logo-warning"></span>
<h4>PDF <span class="glyphicon glyphicon-arrow-right"></span> DOSSIERS</h4></a>
<div class="info-box bg-choco">
<span class="info-box-icon"><i class="glyphicon glyphicon-download-alt"></i></span>
<div class="info-box-content">
<span class="info-box-number">PDF <span class="glyphicon glyphicon-arrow-right"></span> DOSSIERS</span>
</div>
</div>
</a>
</div>
<div class="col-sm-3">
<a href="${request.application_url}/stats" tal:condition="access > 6">
<span class="glyphicon glyphicon-stats logo-warning"></span>
<h4>STATISTIQUES</h4></a>
<div class="info-box bg-mar">
<span class="info-box-icon"><i class="glyphicon glyphicon-stats"></i></span>
<div class="info-box-content">
<span class="info-box-number">STATS</span>
</div>
</div>
</a>
</div>
</div>
<br />