Forum GLPI-Project

Uniyannick

Member

Registered: 2014-04-29

Posts: 450

Website

Notification template

Bonjour,

Voici quelques template de notification modifiés avec le css qui va bien. css a coller dans modele de notification /css
effacer les contenus / cliquer sur html et coller le code ci - dessous .

pour les templates aller sur traduction / traduction par defaut /

css
-----------------------------------------------------------------------------------------------------

body {
   font-family: 'Bitstream Vera Sans', arial, Tahoma, 'Sans serif';
   font-size: 12px;
   margin: 0;
   padding: 0;
   background:  #dfdfdf repeat-x;
}

ul, li, dt, dl, dd, form, img, input {
   margin: 0;
   padding: 0;
}

ul {
   list-style-type: none;
}

small {
   font-family: verdana;
   font-size: 10px;
}

.b {
   font-weight: bold;
}

.center {
   text-align:center;
}

.left {
   text-align:left;
}

.right {
   text-align:right;
}

.center-h {
   margin:auto;
}

.middle {
   vertical-align:middle;
}

.bottom {
   vertical-align:bottom;
}

.top {
   vertical-align:top;
}

.relative {
   position: relative;
}

.red {
   color:red;
}

.blue {
   color:blue;
}

.green {
   color:green;
}

a, a:link {
   font-weight: bold;
   text-decoration: none;
   color : #dc001b;
   font-size : 12px;
}

a:hover {
   color: black;
}

table {
   font-size: 11px;
   border:0;
}

th { }

td { }

.tab_glpi {
   margin: 0 auto;
}

.tab_cadre {
   margin: 0 auto;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -o-border-radius: 4px;
   border: 1px solid #cccccc;
   z-index:1;
   text-align: left;
   font-size: 18px;
   background-color: #ffffff;
}

.tab_cadre_fixe, .tab_cadre_fixehov {
   margin: 0 auto 10px auto;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -o-border-radius: 4px;
   background: #f2f2f2;
   z-index:1;
   text-align: left;
   font-size: 11px;
   width:950px;
}

.tab_cadre_fixe img {
   vertical-align: middle;   
}

.tab_cadrehov, .tab_cadrehov_pointer {
   margin: 0 auto;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -o-border-radius: 4px;
   border: 1px solid #cccccc;
   text-align: left;
   font-size: 11px;
   width: 80%;
   background-color: #ffffff;
   -moz-box-shadow: 0px 2px 5px #666;
   -webkit-box-shadow: 0px 2px 5px #666;
   box-shadow: 0px 2px 5px #666;
}

.tab_cadre th, .tab_cadre_fixe th, .tab_cadre_fixehov th, .tab_cadrehov th, .tab_cadrehov_pointer th, .tab_cadre_report th {
   font-size: 18px;
   font-weight: bold;
   background-color: #ece6da;
   text-align: center;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -o-border-radius: 4px;
   padding: 2px;
   border-bottom:1px solid #cccccc;
   padding: 2px;*/
}

.tab_cadre td, .tab_cadre_fixe td, .tab_cadre_fixehov td, .tab_cadrehov td, .tab_cadrehov_pointer td, .tab_cadre_report td  {
   padding: 3px 5px;
}

.tab_cadrehov tr:hover, .tab_cadre_fixehov tr:hover {
   background-color: #FFF4DF;
}

.tab_cadrehov_pointer tr:hover {
   cursor: pointer;
   background-color: #FFF4DF;
}

.tab_check {
   text-align:center;
   margin: 20px;
   margin-left: auto;
   margin-right: auto;
   width: 90%;
   border: 1px solid #aaaaaa;
   padding:10px;
}

.tab_check th {
   font-size: 12px;
   font-weight: bold;
   color: #fccc6f;
   vertical-align:bottom;
}

.tab_check td {
   font-size:11px;
   border-bottom:1px solid #bbbbbb;
}

.tab_cadrehov_pointer tr {
   cursor: pointer;
}

.tab_bg_1 {
   background-color: #f2f2f2;
}

.tab_bg_1_2 {
   background-color: #cf9b9b;
}

.tab_bg_2 {
   background-color: #f2f2f2;
}

.tab_bg_2_2 {
   background-color: #cf9b9b;
}

.tab_bg_3 {
   background-color: #e7e7e2;
}

.tab_bg_4 {
   background-color: #e4e4e2;
}

.tab_bg_5 {
   background-color: #f2f2f2;
}

.tab_find {
   background-color: #ccccc7;
}

.tab_find:hover {
   background-color:#FFF2C2;
   cursor:pointer;
}

------------------------------------------------------------------------------------------------------------
problem

<p>##IFproblem.storestatus=solved##</p>
<table class="tab_cadre" style="width: 700px;">
<tbody>
<tr><th colspan="2">Click to open the problem : <a href="##problem.urlapprove##">##lang.problem.solution.description##</a></th></tr>
<tr class="tab_bg_1">
<td>##lang.problem.solvedate## :</td>
<td>##problem.solvedate##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.problem.solution.type## :</td>
<td>##problem.solution.type##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.problem.solution.description## :</td>
<td>##problem.solution.description##</td>
</tr>
</tbody>
</table>
<p>##ENDIFproblem.storestatus##</p>
<p><span style="color: #8b8c8f; font-weight: bold; text-decoration: underline;"> ##lang.problem.title##</span> :##problem.title## <br /> <span style="color: #8b8c8f; font-weight: bold; text-decoration: underline;"> ##lang.problem.authors##</span> :##IFproblem.authors## ##problem.authors## ##ENDIFproblem.authors## ##ELSEproblem.authors##--##ENDELSEproblem.authors## <br /> <span style="color: #8b8c8f; font-weight: bold; text-decoration: underline;"> ##lang.problem.creationdate##</span> :##problem.creationdate## <br /> ##IFproblem.assigntousers####ENDIFproblem.assigntousers####IFproblem.assigntogroups####ENDIFproblem.assigntogroups####IFproblem.storestatus=closed####ENDIFproblem.storestatus##</p>
<table class="tab_cadre" style="width: 700px;">
<tbody>
<tr><th colspan="2"><a href="##problem.url##">##problem.title##</a></th></tr>
<tr class="tab_bg_1">
<td>##lang.problem.authors## :</td>
<td>##IFproblem.authors## ##problem.authors## ##ENDIFproblem.authors## ##ELSEproblem.authors## -- ##ENDELSEproblem.authors##</td>
<td colspan="2"></td>
</tr>
<tr class="tab_bg_1">
<td>##lang.problem.creationdate## :</td>
<td>##problem.creationdate##</td>
<td colspan="2"></td>
</tr>
<tr class="tab_bg_1">
<td>##lang.problem.assigntousers## :</td>
<td>##problem.assigntousers##</td>
<td colspan="2"></td>
</tr>
<tr class="tab_bg_1">
<td>##lang.problem.status## :</td>
<td>##problem.status##</td>
<td colspan="2"></td>
</tr>
<tr class="tab_bg_1">
<td>##lang.problem.assigntogroups## :</td>
<td>##problem.assigntogroups##</td>
<td colspan="2"></td>
</tr>
<tr class="tab_bg_1">
<td>##lang.problem.urgency## :</td>
<td>##problem.urgency##</td>
<td colspan="2"></td>
</tr>
<tr class="tab_bg_1">
<td>##lang.problem.impact## :</td>
<td>##problem.impact##</td>
<td colspan="2"></td>
</tr>
<tr class="tab_bg_1">
<td>##lang.problem.priority## :</td>
<td>##problem.priority##</td>
<td colspan="2"></td>
</tr>
<tr class="tab_bg_1">
<td>##lang.problem.category## :</td>
<td>##IFproblem.category## ##problem.category## ##ENDIFproblem.category## ##ELSEproblem.category## ##lang.problem.nocategoryassigned## ##ENDELSEproblem.category##</td>
<td colspan="2"></td>
</tr>
<tr class="tab_bg_1">
<td>##lang.problem.content## :</td>
<td colspan="3">##problem.content##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.problem.solvedate## :</td>
<td colspan="3">##problem.solvedate##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.problem.solution.type## :</td>
<td colspan="3">##problem.solution.type##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.problem.solution.description## :</td>
<td colspan="3">##problem.solution.description##</td>
</tr>
</tbody>
</table>
<p>##lang.problem.numberoftasks## : ##problem.numberoftasks####FOREACHtasks##</p>
<table class="tab_cadre" style="width: 700px;">
<tbody>
<tr class="tab_bg_3">
<td colspan="4" align="center"><strong>[##task.date##]</strong></td>
</tr>
<tr class="tab_bg_1">
<td>##lang.task.isprivate## :</td>
<td colspan="3">##task.isprivate##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.task.author## :</td>
<td colspan="3">##task.author##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.task.description## :</td>
<td colspan="3">##task.description##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.task.time## :</td>
<td colspan="3">##task.time##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.task.category## :</td>
<td colspan="3">##task.category##</td>
</tr>
</tbody>
</table>
<p>##ENDFOREACHtasks##</p>

--------------------------------------------------------------------------------------------------------------

change

<p>##IFchange.storestatus=5##</p>
<table class="tab_cadre" style="width: 700px;">
<tbody>
<tr><th colspan="2">Click to open the change : <a href="##change.urlapprove##">##lang.change.solution.description##</a></th></tr>
<tr class="tab_bg_1"></tr>
<tr class="tab_bg_1">
<td>##lang.change.content##</td>
<td>##change.content##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.change.solution.type## :</td>
<td>##change.solution.type##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.change.solution.description## :</td>
<td>##change.solution.description##</td>
</tr>
</tbody>
</table>
<p>##ENDIFchange.storestatus##</p>
<p>##IFchange.storestatus=5####ENDIFchange.storestatus##</p>
<table class="tab_cadre" style="width: 700px;">
<tbody>
<tr><th colspan="2">Click to open the change : <a href="##change.urlapprove##">##lang.change.url##</a></th></tr>
<tr class="tab_bg_1">
<td>##lang.change.solvedate## :</td>
<td>##change.solvedate##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.change.solution.description##</td>
<td>##change.solution.description####ENDIFchange.storestatus##</td>
</tr>
<tr class="tab_bg_1">
<td>##ELSEchange.storestatus## ##lang.change.url## :</td>
<td><a href="##change.url##">##change.url##</a>##ENDELSEchange.storestatus##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.change.description##</td>
<td>##change.description##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.change.title## :</td>
<td>##change.title##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.change.authors## :</td>
<td>###IFchange.authors## ##change.authors## ##ENDIFchange.authors## ##ELSEchange.authors##--##ENDELSEchange.authors##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.change.title## :</td>
<td>##change.title##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.change.authors## :</td>
<td>##IFchange.authors## ##change.authors## ##ENDIFchange.authors## ##ELSEchange.authors##--##ENDELSEchange.authors##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.change.creationdate## :</td>
<td>##change.creationdate##</td>
</tr>
<tr class="tab_bg_1">
<td>##IFchange.assigntousers## ##lang.change.assigntousers## :</td>
<td>##change.status##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.change.status## :</td>
<td>##change.assigntousers## ##ENDIFchange.assigntousers##</td>
</tr>
<tr class="tab_bg_1">
<td>##IFchange.assigntogroups## ##lang.change.assigntogroups## :</td>
<td>##change.assigntogroups## ##ENDIFchange.assigntogroups##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.change.urgency## :</td>
<td>##change.urgency##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.change.impact## :</td>
<td>##change.impact##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.change.priority## :</td>
<td>##change.priority##</td>
</tr>
<tr class="tab_bg_1">
<td>##IFchange.category####lang.change.category## :</td>
<td>##change.category## ##ENDIFchange.category## ##ELSEchange.category## ##lang.change.nocategoryassigned## ##ENDELSEchange.category##</td>
</tr>
<tr><th colspan="4" id="closed">Solved Change Description</th></tr>
<tr>
<td colspan="4">
<table class="tab_cadre" style="width: 700px;">
<tbody>
<tr class="tab_bg_1">
<td>##lang.change.solvedate## :</td>
<td>##change.solvedate##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.change.solution.type## :</td>
<td>##change.solution.type##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.change.solution.description## :</td>
<td>##change.solution.description##</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr><th colspan="4" id="followups">##lang.change.numberofproblems## : ##change.numberofproblems##</th></tr>
<tr>
<td colspan="4">##FOREACHproblems##
<table class="tab_cadre" style="width: 700px;">
<tbody>
<tr class="tab_bg_1">
<td>[##problem.date##] ##lang.change.title##:</td>
<td><a href="##problem.url##">##problem.title##</a></td>
</tr>
<tr class="tab_bg_1">
<td>##lang.change.content## :</td>
<td>##problem.content##</td>
</tr>
</tbody>
</table>
##ENDFOREACHproblems##</td>
</tr>
<tr><th colspan="4" id="followups">##lang.change.numberoftasks## : ##change.numberoftasks##</th></tr>
<tr>
<td colspan="4">##FOREACHtasks##
<table class="tab_cadre" style="width: 700px;">
<tbody>
<tr class="tab_bg_1">
<td>##lang.change.numberoftasks## :</td>
<td>##change.numberoftasks##</td>
</tr>
<tr class="tab_bg_1">
<td>[##task.date##] ##lang.task.author##:</td>
<td>##task.author##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.task.description## :</td>
<td>##task.description##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.task.time## :</td>
<td>##task.time##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.task.category## :</td>
<td>##task.category##</td>
</tr>
</tbody>
</table>
##ENDFOREACHtasks##</td>
</tr>
</tbody>
</table>

--------------------------------------------------------------------------------------------------------------------

satisfaction survey

<table class="tab_cadre">
<tbody>
<tr><th colspan="2">Dear user, <br /> <br />Please follow the link to rate the IT support intervention. Click on 5 stars if you are fully satisfied. <br /> <br />Your IT service support team </th></tr>
<tr class="tab_bg_1">
<td valign="middle">##lang.ticket.title## :</td>
<td>##ticket.title##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.ticket.closedate## :</td>
<td>##ticket.closedate##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.satisfaction.text##</td>
<td><a href="##ticket.urlsatisfaction##">##ticket.urlsatisfaction##</a></td>
</tr>
</tbody>
</table>

-----------------------------------------------------------------------------------------------

ticket

<p>##IFticket.storestatus=solved##</p>
<table class="tab_cadre" style="width: 700px;">
<tbody>
<tr><th colspan="2">Click to open the ticket : <a href="##ticket.urlapprove##">##lang.ticket.solution.description##</a></th></tr>
<tr class="tab_bg_1">
<td colspan="2"><strong>##lang.ticket.autoclosewarning##</strong></td>
</tr>
<tr class="tab_bg_1">
<td>##lang.ticket.solvedate## :</td>
<td>##ticket.solvedate##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.ticket.solution.type## :</td>
<td>##ticket.solution.type##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.ticket.solution.description## :</td>
<td>##ticket.solution.description##</td>
</tr>
</tbody>
</table>
<p>##ENDIFticket.storestatus##</p>
<p>##IFticket.requesttype####ENDIFticket.requesttype## ##IFticket.itemtype####ENDIFticket.itemtype## ##IFticket.assigntousers####ENDIFticket.assigntousers####IFticket.assigntogroups####ENDIFticket.assigntogroups####IFticket.storestatus=closed####ENDIFticket.storestatus####IFticket.numberoffollowups####ENDIFticket.numberoffollowups####IFticket.numberoftasks####ENDIFticket.numberoftasks##</p>
<table class="tab_cadre" style="width: 700px;">
<tbody>
<tr><th colspan="2"><a href="##ticket.url##">##ticket.title##</a></th><th>##IFticket.numberoffollowups## <a href="#followups">##lang.ticket.numberoffollowups## : ##ticket.numberoffollowups##</a> ##ENDIFticket.numberoffollowups##</th><th>##IFticket.numberoftasks## <a href="#tasks">##lang.ticket.numberoftasks## : ##ticket.numberoftasks##</a> ##ENDIFticket.numberoftasks##</th></tr>
<tr class="tab_bg_1">
<td>##lang.ticket.authors## :</td>
<td>##IFticket.authors## ##ticket.authors## ##ENDIFticket.authors## ##ELSEticket.authors## -- ##ENDELSEticket.authors##</td>
<td colspan="2"></td>
</tr>
<tr class="tab_bg_1">
<td>##lang.ticket.creationdate## :</td>
<td>##ticket.creationdate##</td>
<td colspan="2"></td>
</tr>
<tr class="tab_bg_1">
<td>##lang.ticket.closedate## :</td>
<td>##ticket.closedate##</td>
<td colspan="2"></td>
</tr>
<tr class="tab_bg_1">
<td>##lang.ticket.requesttype## :</td>
<td>##ticket.requesttype##</td>
<td colspan="2"></td>
</tr>
<tr class="tab_bg_1">
<td>##lang.ticket.item.name## :</td>
<td>##ticket.itemtype## - ##ticket.item.name## ##IFticket.item.model## - ##ticket.item.model## ##ENDIFticket.item.model## ##IFticket.item.serial## - ##ticket.item.serial## ##ENDIFticket.item.serial## ##IFticket.item.otherserial## - ##ticket.item.otherserial## ##ENDIFticket.item.otherserial##</td>
<td colspan="2"></td>
</tr>
<tr class="tab_bg_1">
<td>##lang.ticket.assigntousers## :</td>
<td>##ticket.assigntousers##</td>
<td colspan="2"></td>
</tr>
<tr class="tab_bg_1">
<td>##lang.ticket.status## :</td>
<td>##ticket.status##</td>
<td colspan="2"></td>
</tr>
<tr class="tab_bg_1">
<td>##lang.ticket.assigntogroups## :</td>
<td>##ticket.assigntogroups##</td>
<td colspan="2"></td>
</tr>
<tr class="tab_bg_1">
<td>##lang.ticket.urgency## :</td>
<td>##ticket.urgency##</td>
<td colspan="2"></td>
</tr>
<tr class="tab_bg_1">
<td>##lang.ticket.impact## :</td>
<td>##ticket.impact##</td>
<td colspan="2"></td>
</tr>
<tr class="tab_bg_1">
<td>##lang.ticket.priority## :</td>
<td>##ticket.priority##</td>
<td colspan="2"></td>
</tr>
<tr class="tab_bg_1">
<td>##lang.ticket.category## :</td>
<td>##IFticket.category## ##ticket.category## ##ENDIFticket.category## ##ELSEticket.category## ##lang.ticket.nocategoryassigned## ##ENDELSEticket.category##</td>
<td colspan="2"></td>
</tr>
<tr class="tab_bg_1">
<td>##lang.ticket.content## :</td>
<td colspan="3">##ticket.content##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.ticket.solvedate## :</td>
<td colspan="3">##ticket.solvedate##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.ticket.solution.type## :</td>
<td colspan="3">##ticket.solution.type##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.ticket.solution.description## :</td>
<td colspan="3">##ticket.solution.description##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.ticket.numberoffollowups## :</td>
<td colspan="3">##ticket.numberoffollowups##</td>
</tr>
<tr><th colspan="4" id="followups">##lang.ticket.numberoffollowups## : ##ticket.numberoffollowups##</th></tr>
<tr>
<td colspan="4">##FOREACHfollowups##
<table class="tab_cadre" style="width: 700px;">
<tbody>
<tr class="tab_bg_3">
<td colspan="4" align="center"><strong>[##followup.date##]</strong></td>
</tr>
<tr class="tab_bg_1">
<td>##lang.followup.isprivate## :</td>
<td colspan="3">##followup.isprivate##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.followup.author## :</td>
<td colspan="3">##followup.author##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.followup.description## :</td>
<td colspan="3">##followup.description##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.followup.date## :</td>
<td colspan="3">##followup.date##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.followup.requesttype## :</td>
<td colspan="3">##followup.requesttype##</td>
</tr>
</tbody>
</table>
##ENDFOREACHfollowups##</td>
</tr>
<tr><th colspan="4" id="tasks">##lang.ticket.numberoftasks## : ##ticket.numberoftasks##</th></tr>
<tr>
<td colspan="4">##FOREACHtasks##
<table class="tab_cadre" style="width: 700px;">
<tbody>
<tr class="tab_bg_3">
<td colspan="4" align="center"><strong>[##task.date##]</strong></td>
</tr>
<tr class="tab_bg_1">
<td>##lang.task.isprivate## :</td>
<td colspan="3">##task.isprivate##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.task.author## :</td>
<td colspan="3">##task.author##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.task.description## :</td>
<td colspan="3">##task.description##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.task.time## :</td>
<td colspan="3">##task.time##</td>
</tr>
<tr class="tab_bg_1">
<td>##lang.task.category## :</td>
<td colspan="3">##task.category##</td>
</tr>
</tbody>
</table>
##ENDFOREACHtasks##</td>
</tr>
</tbody>
</table>

---

Yannick

Prod : GLPI 9.4.2 - Windows 2012 - php 7.3 - mysql mariadb
Certifié ITIL V3, PMP - http://www.itamconsulting.com

Uniyannick

Member

Registered: 2014-04-29

Posts: 450

Website

Re: Notification template

Pour ceux qui utilisent le code ci-dessus, un ptit merci sera motivant pour en proposer davantage. :-)

---

Yannick

Prod : GLPI 9.4.2 - Windows 2012 - php 7.3 - mysql mariadb
Certifié ITIL V3, PMP - http://www.itamconsulting.com

keurdange

Member

Registered: 2016-08-30

Posts: 3

Re: Notification template

Merci à toi Uniyannick.
Ton code m'a beaucoup aidé.