diff --git a/scripts/pi-hole/js/groups-lists.js b/scripts/pi-hole/js/groups-lists.js
index e9fe5626..0c7f54aa 100644
--- a/scripts/pi-hole/js/groups-lists.js
+++ b/scripts/pi-hole/js/groups-lists.js
@@ -59,45 +59,55 @@ function format(data) {
}
// Compile extra info for displaying
- return (
- "
" +
- '| Type of this list: | ' +
- setTypeIcon(data.type) +
- data.type +
- 'list |
| Health status of this list: | ' +
- statusText +
- ' |
| This list was added to Pi-hole | ' +
- utils.datetimeRelative(data.date_added) +
- " (" +
- utils.datetime(data.date_added, false) +
- ') |
| Database entry was last modified | ' +
- utils.datetimeRelative(data.date_modified) +
- " (" +
- utils.datetime(data.date_modified, false) +
- ') |
| The list contents were last updated | ' +
- (data.date_updated > 0
- ? utils.datetimeRelative(data.date_updated) +
- " (" +
- utils.datetime(data.date_updated, false) +
- ")"
- : "N/A") +
- ' |
| Number of entries on this list: | ' +
- (data.number !== null && numbers === true
- ? parseInt(data.number, 10).toLocaleString()
- : "N/A") +
- (data.abp_entries !== null && parseInt(data.abp_entries, 10) > 0 && numbers === true
- ? " (out of which " + parseInt(data.abp_entries, 10).toLocaleString() + " are in ABP-style)"
- : "") +
- ' |
| Number of non-domains on this list: | " +
- "" +
- (data.invalid_domains !== null && numbers === true
- ? parseInt(data.invalid_domains, 10).toLocaleString()
- : "N/A") +
- ' |
| Database ID of this list: | ' +
- data.id +
- " |
"
- );
+ var dateAddedISO = utils.datetime(data.date_added, false),
+ dateModifiedISO = utils.datetime(data.date_modified, false),
+ dateUpdated =
+ data.date_updated > 0
+ ? utils.datetimeRelative(data.date_updated) +
+ " (" +
+ utils.datetime(data.date_updated, false) +
+ ")"
+ : "N/A",
+ numberOfEntries =
+ (data.number !== null && numbers === true
+ ? parseInt(data.number, 10).toLocaleString()
+ : "N/A") +
+ (data.abp_entries !== null && parseInt(data.abp_entries, 10) > 0 && numbers === true
+ ? " (out of which " + parseInt(data.abp_entries, 10).toLocaleString() + " are in ABP-style)"
+ : ""),
+ nonDomains =
+ data.invalid_domains !== null && numbers === true
+ ? parseInt(data.invalid_domains, 10).toLocaleString()
+ : "N/A";
+
+ return `
+
+ | Type of this list: | ${setTypeIcon(data.type)}${data.type}list |
+
+
+ | Health status of this list: | ${statusText} |
+
+
+ | This list was added to Pi-hole |
+ ${utils.datetimeRelative(data.date_added)} (${dateAddedISO}) |
+
+
+ | Database entry was last modified |
+ ${utils.datetimeRelative(data.date_modified)} (${dateModifiedISO}) |
+
+
+ | The list contents were last updated | ${dateUpdated} |
+
+
+ | Number of entries on this list: | ${numberOfEntries} |
+
+
+ | Number of non-domains on this list: | ${nonDomains} |
+
+
+ | Database ID of this list: | ${data.id} |
+
+
`;
}
// Define the status icon element