correction couleurs et ajout liens infobox

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

View File

@@ -177,6 +177,21 @@
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;
}

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 />