tjdev/dns-watch-2022
Archived
0
0
Fork 0
Code Pull Requests Activity

🍱 isp icons

Browse Source
This commit is contained in:
thetek 2021-04-03 17:01:12 +02:00
parent d6873461aa
commit b6734e923e
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ui/raw/index.js
View File

@ -26,7 +26,7 @@ function dnswatch_search() {
request.onload = function() { request.onload = function() {
if (request.status >= 200 && request.status < 400) { if (request.status >= 200 && request.status < 400) {
var response = JSON.parse(this.response); var response = JSON.parse(this.response);
console.log(response); //console.log(response);
// TODO: CLEAN UP THIS MESS OF TABLE GENERATION CODE // TODO: CLEAN UP THIS MESS OF TABLE GENERATION CODE
@ -41,7 +41,7 @@ function dnswatch_search() {
table += '</td>\n'; table += '</td>\n';
// provider // provider
table += '<td class="icon">\n'; table += '<td class="icon">\n';
table += `<i data-feather="${ response["data"]["reference"]["icon"] }"></i>\n`; table += `<img class="uncolored-svg" src="../svg/${ response["data"]["reference"]["nameserver"] }.svg">\n`;
table += '</td>\n' table += '</td>\n'
// name and address // name and address
table += `<td class="name">${ response["data"]["reference"]["name"] }<small>${ response["data"]["reference"]["address"] }</small></td>\n`; table += `<td class="name">${ response["data"]["reference"]["name"] }<small>${ response["data"]["reference"]["address"] }</small></td>\n`;
@ -57,7 +57,7 @@ function dnswatch_search() {
table += '<tr></tr>\n'; // spacer table += '<tr></tr>\n'; // spacer
//// search rows //// search rows
response['data']['search'].forEach(i => { response['data']['search'].forEach(i => {
console.log(i); //console.log(i);
table += '<tr>\n'; table += '<tr>\n';
// status // status
table += `<td class="status ${ i["matching"] ? "check" : "cross" }">\n`; table += `<td class="status ${ i["matching"] ? "check" : "cross" }">\n`;
@ -65,7 +65,7 @@ function dnswatch_search() {
table += '</td>\n'; table += '</td>\n';
// provider icon // provider icon
table += '<td class="icon">\n'; table += '<td class="icon">\n';
table += `<i data-feather="${ i["icon"] }"></i>\n`; table += `<img class="uncolored-svg" src="../svg/${ i["nameserver"] }.svg">\n`;
table += '</td>\n'; table += '</td>\n';
// name and address // name and address
table += `<td class="name">${ i["name"] }<small>${ i["address"] }</small></td>\n`; table += `<td class="name">${ i["name"] }<small>${ i["address"] }</small></td>\n`;

5
ui/raw/index.sass
View File

@ -138,7 +138,7 @@ input, button
color: $c-blue color: $c-blue
td.icon td.icon
border-left: solid transparent 2rem border-left: solid transparent 2rem
width: 5rem width: 3rem
td.name small td.name small
color: darken($c-fg, 30%) color: darken($c-fg, 30%)
margin-left: 1rem margin-left: 1rem
@ -169,6 +169,9 @@ input, button
vertical-align: -.2rem vertical-align: -.2rem
width: 1.2rem width: 1.2rem
.uncolored-svg
filter: invert(.8)
@keyframes spinner @keyframes spinner
0% 0%
transform: rotate(0deg) transform: rotate(0deg)