forks
/
amnezia-wg-easy
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update app.js

This commit is contained in:
Peter Lewis 2023-02-01 11:25:12 +00:00 committed by GitHub
parent a00a9f0449
commit fb3ece4360
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/www/js/app.js
View File

@ -112,7 +112,7 @@ new Vue({
}, },
}, },
methods: { methods: {
dateTime: value => { dateTime: (value) => {
return new Intl.DateTimeFormat(undefined, { return new Intl.DateTimeFormat(undefined, {
year: 'numeric', year: 'numeric',
month: 'short', month: 'short',
@ -127,7 +127,7 @@ new Vue({
if (!this.authenticated) return; if (!this.authenticated) return;
const clients = await this.api.getClients(); const clients = await this.api.getClients();
this.clients = clients.map(client => { this.clients = clients.map((client) => {
if (client.name.includes('@') && client.name.includes('.')) { if (client.name.includes('@') && client.name.includes('.')) {
client.avatar = `https://www.gravatar.com/avatar/${md5(client.name)}?d=blank`; client.avatar = `https://www.gravatar.com/avatar/${md5(client.name)}?d=blank`;
} }
@ -186,7 +186,7 @@ new Vue({
this.requiresPassword = session.requiresPassword; this.requiresPassword = session.requiresPassword;
return this.refresh(); return this.refresh();
}) })
.catch(err => { .catch((err) => {
alert(err.message || err.toString()); alert(err.message || err.toString());
}) })
.finally(() => { .finally(() => {
@ -202,7 +202,7 @@ new Vue({
this.authenticated = false; this.authenticated = false;
this.clients = null; this.clients = null;
}) })
.catch(err => { .catch((err) => {
alert(err.message || err.toString()); alert(err.message || err.toString());
}); });
}, },
@ -211,54 +211,54 @@ new Vue({
if (!name) return; if (!name) return;
this.api.createClient({ name }) this.api.createClient({ name })
.catch(err => alert(err.message || err.toString())) .catch((err) => alert(err.message || err.toString()))
.finally(() => this.refresh().catch(console.error)); .finally(() => this.refresh().catch(console.error));
}, },
deleteClient(client) { deleteClient(client) {
this.api.deleteClient({ clientId: client.id }) this.api.deleteClient({ clientId: client.id })
.catch(err => alert(err.message || err.toString())) .catch((err) => alert(err.message || err.toString()))
.finally(() => this.refresh().catch(console.error)); .finally(() => this.refresh().catch(console.error));
}, },
enableClient(client) { enableClient(client) {
this.api.enableClient({ clientId: client.id }) this.api.enableClient({ clientId: client.id })
.catch(err => alert(err.message || err.toString())) .catch((err) => alert(err.message || err.toString()))
.finally(() => this.refresh().catch(console.error)); .finally(() => this.refresh().catch(console.error));
}, },
disableClient(client) { disableClient(client) {
this.api.disableClient({ clientId: client.id }) this.api.disableClient({ clientId: client.id })
.catch(err => alert(err.message || err.toString())) .catch((err) => alert(err.message || err.toString()))
.finally(() => this.refresh().catch(console.error)); .finally(() => this.refresh().catch(console.error));
}, },
updateClientName(client, name) { updateClientName(client, name) {
this.api.updateClientName({ clientId: client.id, name }) this.api.updateClientName({ clientId: client.id, name })
.catch(err => alert(err.message || err.toString())) .catch((err) => alert(err.message || err.toString()))
.finally(() => this.refresh().catch(console.error)); .finally(() => this.refresh().catch(console.error));
}, },
updateClientAddress(client, address) { updateClientAddress(client, address) {
this.api.updateClientAddress({ clientId: client.id, address }) this.api.updateClientAddress({ clientId: client.id, address })
.catch(err => alert(err.message || err.toString())) .catch((err) => alert(err.message || err.toString()))
.finally(() => this.refresh().catch(console.error)); .finally(() => this.refresh().catch(console.error));
}, },
}, },
filters: { filters: {
bytes, bytes,
timeago: value => { timeago: (value) => {
return timeago().format(value); return timeago().format(value);
}, },
}, },
mounted() { mounted() {
this.api = new API(); this.api = new API();
this.api.getSession() this.api.getSession()
.then(session => { .then((session) => {
this.authenticated = session.authenticated; this.authenticated = session.authenticated;
this.requiresPassword = session.requiresPassword; this.requiresPassword = session.requiresPassword;
this.refresh({ this.refresh({
updateCharts: true, updateCharts: true,
}).catch(err => { }).catch((err) => {
alert(err.message || err.toString()); alert(err.message || err.toString());
}); });
}) })
.catch(err => { .catch((err) => {
alert(err.message || err.toString()); alert(err.message || err.toString());
}); });
@ -271,8 +271,8 @@ new Vue({
Promise.resolve().then(async () => { Promise.resolve().then(async () => {
const currentRelease = await this.api.getRelease(); const currentRelease = await this.api.getRelease();
const latestRelease = await fetch('https://weejewel.github.io/wg-easy/changelog.json') const latestRelease = await fetch('https://weejewel.github.io/wg-easy/changelog.json')
.then(res => res.json()) .then((res) => res.json())
.then(releases => { .then((releases) => {
const releasesArray = Object.entries(releases).map(([version, changelog]) => ({ const releasesArray = Object.entries(releases).map(([version, changelog]) => ({
version: parseInt(version, 10), version: parseInt(version, 10),
changelog, changelog,