chaos/VaultUI
1
0
Fork 0
Code Issues Activity

Use Promise.all in TOTPView.

Browse source
This commit is contained in:
Kitteh 2021-05-07 14:02:59 +01:00
parent 234f735870
commit 36ee4708e6
2 changed files with 21 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
src/pages/TOTP/TOTPView.js
View file

@ -1,6 +1,7 @@
import { CopyableInputBox } from "../../elements/CopyableInputBox.js";
import { DoesNotExistError } from "../../types/internalErrors.js";
import { Page } from "../../types/Page.js";
import { objectToMap } from "../../utils.js";
import { changePage, setErrorText, setPageContent, setTitleElement } from "../../pageUtils.js";
import { getTOTPCode } from "../../api/getTOTPCode";
import { getTOTPKeys } from "../../api/getTOTPKeys";
@ -11,9 +12,10 @@ import i18next from 'i18next';
export class TOTPViewPage extends Page {
constructor() {
super();
this.refreshers = [];
this.refresher = undefined;
this.totpListElements = {};
}
render() {
async render() {
setTitleElement(pageState);
let totpList = makeElement({ tag: "div" });
setPageContent(makeElement({
@ -37,14 +39,11 @@ export class TOTPViewPage extends Page {
getTOTPKeys(pageState.currentBaseMount, pageState.currentSecretPath).then(res => {
res.forEach(function (totpKeyName) {
res.forEach(async function (totpKeyName) {
let totpListElement = this.makeTOTPListElement(totpKeyName);
totpList.appendChild(totpListElement);
let totpRefresher = async function (totpKeyName, totpListElement) {
totpListElement.setCode(await getTOTPCode(pageState.currentBaseMount, totpKeyName));
};
totpRefresher(totpKeyName, totpListElement);
this.refreshers.push(setInterval(totpRefresher, 3000, totpKeyName, totpListElement));
this.totpListElements[totpKeyName] = totpListElement;
await this.updateTOTPElement(totpKeyName, totpListElement);
}, this);
document.getElementById("loadingText").remove();
}).catch(e => {
@ -56,10 +55,22 @@ export class TOTPViewPage extends Page {
}
});
let totpRefresher = async () => {
await Promise.all(Array.from(objectToMap(this.totpListElements)).map((kv) => {
return this.updateTOTPElement(...kv);
}))
}
await totpRefresher();
this.refresher = setInterval(totpRefresher, 3000);
}
cleanup() {
this.refreshers.forEach(refresher => clearInterval(refresher));
clearInterval(this.refresher);
this.totpListElements = {};
}
async updateTOTPElement(totpKeyName, totpListElement) {
totpListElement.setCode(await getTOTPCode(pageState.currentBaseMount, totpKeyName));
}
makeTOTPListElement(totpKeyName) {

1
src/utils.js
View file

@ -3,6 +3,7 @@ export function removeDoubleSlash(str) {
}
export const getObjectKeys = (obj) => Object.getOwnPropertyNames(obj);
export const objectToMap = (obj) => new Map(Object.entries(obj));
export function getKeyByObjectPropertyValue(map, searchValue) {
for (let key of getObjectKeys(map)) {