Update lists styling
This commit is contained in:
parent
3879f698d1
commit
364fc0aa19
@ -25,17 +25,28 @@ function genContactTable(contacts) {
|
||||
<th>Téléphone</th>
|
||||
<th>Prénom</th>
|
||||
<th>Nom</th>
|
||||
<th>Status</th>
|
||||
<th>Action</th>
|
||||
</tr>`;
|
||||
for(const contact of contacts) {
|
||||
const [text, color] = statusText(contact.called, contact.vote);
|
||||
res += `
|
||||
<tr>
|
||||
<td>${contact.phone}</td>
|
||||
<td>${contact.firstName}</td>
|
||||
<td>${contact.firstName}</td>
|
||||
<td>${contact.lastName}</td>
|
||||
<td class="${color}">${text}</td>
|
||||
<td><button onclick="deleteContact('${contact.phone}');">Supprimer</button></td>
|
||||
</tr>`;
|
||||
}
|
||||
res += `</table>`;
|
||||
return res
|
||||
}
|
||||
|
||||
function statusText(called, vote) {
|
||||
if(called == 0) return ["À appeler", "called_0"];
|
||||
else if(called == 2) return ["Appel en cours", ""];
|
||||
else if(vote==0) return ["Ne votera pas", "voted_0"];
|
||||
else if(vote==1) return ["Votera", "voted_1"];
|
||||
return "";
|
||||
}
|
||||
|
@ -7,6 +7,18 @@
|
||||
<style>
|
||||
table, th, td {
|
||||
border:1px solid black;
|
||||
/*border-collapse: collapse;*/
|
||||
padding: 5px;
|
||||
}
|
||||
tr:hover {background-color: #D6EEEE;}
|
||||
.called_0 {
|
||||
background-color: grey;
|
||||
}
|
||||
.voted_1 {
|
||||
background-color: green;
|
||||
}
|
||||
.voted_0 {
|
||||
background-color: red;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
@ -7,7 +7,10 @@
|
||||
<style>
|
||||
table, th, td {
|
||||
border:1px solid black;
|
||||
/*border-collapse: collapse;*/
|
||||
padding: 5px;
|
||||
}
|
||||
tr:hover {background-color: #D6EEEE;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -7,7 +7,14 @@
|
||||
<style>
|
||||
table, th, td {
|
||||
border:1px solid black;
|
||||
/*border-collapse: collapse;*/
|
||||
padding: 5px;
|
||||
}
|
||||
table a {
|
||||
display:block;
|
||||
text-decoration:none;
|
||||
}
|
||||
tr:hover {background-color: #D6EEEE;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
Loading…
Reference in New Issue
Block a user