statool/statoolinfosweb
statool/statoolinfosweb
1
0
Fork 0
Code Issues 3 Pull requests Projects Releases Activity

Added legend box in service list view.

Browse source
This commit is contained in:
Christian P. MOMON 2020-10-09 06:13:07 +02:00
parent 037eb02d59
commit a87af89454
2 changed files with 87 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

70
src/fr/devinsy/statoolinfos/htmlize/serviceListView.xhtml
View file

@ -12,6 +12,76 @@
</head> </head>
<body> <body>
<div class="center_table" style="width: 1300px;"> <div class="center_table" style="width: 1300px;">
<div class="legend right" style="float: right; margin-top: -150px;">
<div class="row">
<div class="column left">
<img src="status-ok.png" title="n/a"/> OK<br/>
<img src="status-warning.png" title="n/a"/>Warning<br/>
<img src="status-alert.png" title="n/a"/>Alert<br/>
<img src="status-error.png" title="n/a"/>Error<br/>
<img src="status-over.png" title="n/a"/>Over<br/>
<img src="status-void.png" title="n/a"/>Void
</div>
<div class="column left">
<img src="circle-icons/mono/global.png" title="Sans compte"/>Sans compte<br/>
<img src="circle-icons/mono/profile.png" title="Compte libre"/>Compte libre<br/>
<img src="circle-icons/mono/money.png" title="Réservé aux adhérents"/>Adhérents<br/>
<img src="circle-icons/mono/creditcard.png" title="Réservé aux clients"/>Clients<br/>
<img src="circle-icons/color/cruise.png" title="Site web"/>Site web<br/>
<img src="circle-icons/color/ribbon.png" title="Mentions légales"/>Mentions légales
</div>
<div class="column left">
<img src="circle-icons/color/contacts.png" title="Page web de contact"/>Page web contact<br/>
<img src="circle-icons/color/mail.png" title="Courriel de contact/support"/>Courriel de contact<br/>
<img src="circle-icons/color/bookshelf.png" title="Documentation"/>Guide utilisateur<br/>
<img src="circle-icons/color/tools.png" title="Documentation technique"/>Guide technique<br/>
<img src="circle-icons/color/booklet.png" title="Licence"/>License<br/>
<img src="circle-icons/color/dev.png" title="Sources"/>Sources
</div>
</div>
</div>
<div class="legend center">
<div class="row">
<div class="column">
<img src="status-ok.png" title="n/a"/> OK<br/>
<img src="status-warning.png" title="n/a"/>Warning
</div>
<div class="column">
<img src="status-alert.png" title="n/a"/>Alert<br/>
<img src="status-error.png" title="n/a"/>Error
</div>
<div class="column">
<img src="status-over.png" title="n/a"/>Over<br/>
<img src="status-void.png" title="n/a"/>Void
</div>
<div class="column">
<img src="circle-icons/mono/global.png" title="Sans compte"/>Sans compte<br/>
<img src="circle-icons/mono/profile.png" title="Compte libre"/>Compte libre
</div>
<div class="column">
<img src="circle-icons/mono/money.png" title="Réservé aux adhérents"/>Adhérents<br/>
<img src="circle-icons/mono/creditcard.png" title="Réservé aux clients"/>Clients
</div>
<div class="column">
<img src="circle-icons/color/cruise.png" title="Site web"/>Site web<br/>
<img src="circle-icons/color/ribbon.png" title="Mentions légales"/>Mentions légales
</div>
<div class="column">
<img src="circle-icons/color/contacts.png" title="Page web de contact"/>Page web contact<br/>
<img src="circle-icons/color/mail.png" title="Courriel de contact/support"/>Courriel de contact
</div>
<div class="column">
<img src="circle-icons/color/bookshelf.png" title="Documentation"/>Guide utilisateur<br/>
<img src="circle-icons/color/tools.png" title="Documentation technique"/>Guide technique
</div>
<div class="column">
<img src="circle-icons/color/booklet.png" title="Licence"/>License<br/>
<img src="circle-icons/color/dev.png" title="Sources"/>Sources
</div>
</div>
</div>
<table class="center_table table_classic sortable left"> <table class="center_table table_classic sortable left">
<thead> <thead>
<tr> <tr>

17
src/fr/devinsy/statoolinfos/htmlize/stuff/statoolinfos.css
View file

@ -771,3 +771,20 @@ table > tfoot > tr > th.danger
vertical-align: middle; vertical-align: middle;
} }
.legend img
{
width: 16px;
height: 16px;
padding: 0;
margin-right: 5px;
margin-bottom: 5px;
vertical-align: middle;
}
.legend .column
{
margin-top: 5px;
margin-left: 25px;
font-size: 12px;
text-align: left;
}