Upstream/esphome
1
0
Fork 0
mirror of https://github.com/esphome/esphome.git synced 2024-11-22 11:47:30 +01:00
Code Issues Projects Releases Wiki Activity

Auto-Redact personal information from logs (#421)

Browse Source
This commit is contained in:
Otto Winter 2019-02-10 20:30:05 +01:00 committed by GitHub
parent 4c8bd7a70c
commit 6eb769e6d5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
esphomeyaml/dashboard/static/esphomeyaml.css
View File

@ -76,6 +76,17 @@ i.very-large {
.log-underline { text-decoration: underline; } .log-underline { text-decoration: underline; }
.log-strikethrough { text-decoration: line-through; } .log-strikethrough { text-decoration: line-through; }
.log-underline.log-strikethrough { text-decoration: underline line-through; } .log-underline.log-strikethrough { text-decoration: underline line-through; }
.log-secret {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.log-secret-redacted {
opacity: 0;
width: 1px;
font-size: 1px;
}
.log-fg-black { color: rgb(128,128,128); } .log-fg-black { color: rgb(128,128,128); }
.log-fg-red { color: rgb(255,0,0); } .log-fg-red { color: rgb(255,0,0); }
.log-fg-green { color: rgb(0,255,0); } .log-fg-green { color: rgb(0,255,0); }

16
esphomeyaml/dashboard/static/esphomeyaml.js
View File

@ -11,6 +11,7 @@ const initializeColorState = () => {
foregroundColor: false, foregroundColor: false,
backgroundColor: false, backgroundColor: false,
carriageReturn: false, carriageReturn: false,
secret: false,
}; };
}; };
@ -43,10 +44,18 @@ const colorReplace = (pre, state, text) => {
if (state.italic) span.classList.add("log-italic"); if (state.italic) span.classList.add("log-italic");
if (state.underline) span.classList.add("log-underline"); if (state.underline) span.classList.add("log-underline");
if (state.strikethrough) span.classList.add("log-strikethrough"); if (state.strikethrough) span.classList.add("log-strikethrough");
if (state.secret) span.classList.add("log-secret");
if (state.foregroundColor !== null) span.classList.add(`log-fg-${state.foregroundColor}`); if (state.foregroundColor !== null) span.classList.add(`log-fg-${state.foregroundColor}`);
if (state.backgroundColor !== null) span.classList.add(`log-bg-${state.backgroundColor}`); if (state.backgroundColor !== null) span.classList.add(`log-bg-${state.backgroundColor}`);
span.appendChild(document.createTextNode(content)); span.appendChild(document.createTextNode(content));
lineSpan.appendChild(span); lineSpan.appendChild(span);
if (state.secret) {
const redacted = document.createElement("span");
redacted.classList.add("log-secret-redacted");
redacted.appendChild(document.createTextNode("[redacted]"));
lineSpan.appendChild(redacted);
}
}; };
@ -71,6 +80,7 @@ const colorReplace = (pre, state, text) => {
state.strikethrough = false; state.strikethrough = false;
state.foregroundColor = null; state.foregroundColor = null;
state.backgroundColor = null; state.backgroundColor = null;
state.secret = false;
break; break;
case 1: case 1:
state.bold = true; state.bold = true;
@ -81,6 +91,12 @@ const colorReplace = (pre, state, text) => {
case 4: case 4:
state.underline = true; state.underline = true;
break; break;
case 5:
state.secret = true;
break;
case 6:
state.secret = false;
break;
case 9: case 9:
state.strikethrough = true; state.strikethrough = true;
break; break;