Skip to content

GitLab

openvpn-app
openvpn-app
Commit ee2e1167 authored by Girish Ramakrishnan's avatar Girish Ramakrishnan
Browse files
Options

linter

parent 34d91eb0
Hide whitespace changes
Inline Side-by-side
Showing with 194 additions and 194 deletions
frontend/js/app.js
View file @ ee2e1167
......@@ -2,230 +2,230 @@
(function () {
'use strict';
ELEMENT.locale(ELEMENT.lang.en);
function ipv4Validator(rule, value, callback) {
if (value.match(/^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/)) callback();
else callback(new Error('Must be a valid IPv4 address'));
}
window.app = new Vue({
el: '#app',
data: {
busy: true,
entries: [],
user: null,
loginForm: { username: '', password: '' },
connectedClients: {},
settings: {
busy: false,
visible: false,
data: {
address: '',
netmask: '',
dnsServer: '',
allowICC: false
},
rules: {
address: [{
validator: ipv4Validator,
trigger: 'change'
}],
netmask: [{
validator: ipv4Validator,
trigger: 'change'
}],
dnsServer: [{
validator: ipv4Validator,
trigger: 'change'
}]
}
}
},
computed: {
connectedClientCount () {
return this.entries.filter(e => e.connected).length;
}
},
created () {
this.busy = true;
'use strict';
superagent.get('/api/profile').end((error, result) => {
this.busy = false;
ELEMENT.locale(ELEMENT.lang.en);
if (result && result.statusCode === 401) return this.$nextTick(() => this.$refs.usernameInput.focus());
if (error) return console.error(error);
this.user = result.body.user;
this.refresh();
});
},
methods: {
logout () {
superagent.get('/api/logout').end((error, result) => {
if (error) return console.error(error);
function ipv4Validator(rule, value, callback) {
if (value.match(/^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/)) callback();
else callback(new Error('Must be a valid IPv4 address'));
}
this.user = null;
this.connectedClients = {};
this.entries = [];
});
window.app = new Vue({
el: '#app',
data: {
busy: true,
entries: [],
user: null,
loginForm: { username: '', password: '' },
connectedClients: {},
settings: {
busy: false,
visible: false,
data: {
address: '',
netmask: '',
dnsServer: '',
allowICC: false
},
rules: {
address: [{
validator: ipv4Validator,
trigger: 'change'
}],
netmask: [{
validator: ipv4Validator,
trigger: 'change'
}],
dnsServer: [{
validator: ipv4Validator,
trigger: 'change'
}]
}
}
},
computed: {
connectedClientCount () {
return this.entries.filter(e => e.connected).length;
}
},
login (username, password) {
created () {
this.busy = true;
superagent.post('/api/login', { username: username, password: password }).end((error, result) => {
superagent.get('/api/profile').end((error, result) => {
this.busy = false;
this.loginForm.password = '';
if (result && result.statusCode === 401) return this.$nextTick(() => this.$refs.passwordInput.focus());
if (result && result.statusCode === 401) return this.$nextTick(() => this.$refs.usernameInput.focus());
if (error) return console.error(error);
this.loginForm.username = '';
this.user = result.body.user;
this.refresh();
});
},
refresh () {
this.busy = true;
methods: {
logout () {
superagent.get('/api/logout').end((error, result) => {
if (error) return console.error(error);
this.user = null;
this.connectedClients = {};
this.entries = [];
});
},
login (username, password) {
this.busy = true;
superagent.get('/api/list/')
.end((error, result) => {
this.busy = false;
superagent.post('/api/login', { username: username, password: password }).end((error, result) => {
this.busy = false;
this.loginForm.password = '';
if (result && result.statusCode === 401) return this.logout();
if (error) return console.error(error);
if (result && result.statusCode === 401) return this.$nextTick(() => this.$refs.passwordInput.focus());
if (error) return console.error(error);
this.entries = result.body.entries;
this.loginForm.username = '';
this.user = result.body.user;
if (result.body.connectedClients) this.connectedClients = result.body.connectedClients;
});
},
createKeyAsk () {
this.$prompt('', 'New Device Name', {
confirmButtonText: 'Create',
cancelButtonText: 'Cancel',
confirmButtonLoading: false,
inputPattern: /^[a-z0-9-_]+$/i,
inputErrorMessage: 'Invalid Device Name',
beforeClose: (action, instance, done) => {
if (action === 'confirm') {
instance.confirmButtonLoading = true;
instance.confirmButtonText = 'Creating...';
const onError = error => {
console.error(error);
instance.confirmButtonLoading = false;
instance.confirmButtonText = 'Create';
this.$message.error(error);
};
superagent.put('/api/key/' + instance.inputValue).end((error, result) => {
if (result && result.statusCode === 401) return this.logout();
if (result && result.statusCode === 409) return onError('Invalid device name');
if (result && result.statusCode !== 201) return onError('Something went wrong');
if (error) return onError(error);
this.refresh();
this.refresh();
});
},
refresh () {
this.busy = true;
superagent.get('/api/list/')
.end((error, result) => {
this.busy = false;
if (result && result.statusCode === 401) return this.logout();
if (error) return console.error(error);
this.entries = result.body.entries;
if (result.body.connectedClients) this.connectedClients = result.body.connectedClients;
});
},
createKeyAsk () {
this.$prompt('', 'New Device Name', {
confirmButtonText: 'Create',
cancelButtonText: 'Cancel',
confirmButtonLoading: false,
inputPattern: /^[a-z0-9-_]+$/i,
inputErrorMessage: 'Invalid Device Name',
beforeClose: (action, instance, done) => {
if (action === 'confirm') {
instance.confirmButtonLoading = true;
instance.confirmButtonText = 'Creating...';
const onError = error => {
console.error(error);
instance.confirmButtonLoading = false;
instance.confirmButtonText = 'Create';
this.$message.error(error);
};
superagent.put('/api/key/' + instance.inputValue).end((error, result) => {
if (result && result.statusCode === 401) return this.logout();
if (result && result.statusCode === 409) return onError('Invalid device name');
if (result && result.statusCode !== 201) return onError('Something went wrong');
if (error) return onError(error);
this.refresh();
done();
});
} else {
done();
});
} else {
done();
}
}
}
}).then(action => {}); // handle the promise rejection on dismiss
},
revokeKeyAsk (name) {
this.$msgbox({
title: 'Really revoke the key for ' + name + '?',
message: '<div role="alert" class="el-alert el-alert--error"><i class="el-alert__icon el-icon-warning"></i><div class="el-alert__content"><span class="el-alert__title">You won\'t be able to undo this action!</span></div></div><br/><p>To confirm, please enter the device name <b>' + name + '</b></p>',
dangerouslyUseHTMLString: true,
showInput: true,
confirmButtonLoading: false,
inputValidator: value => name === value,
inputErrorMessage: 'Name does not match',
showCancelButton: true,
confirmButtonClass: 'el-button--danger',
confirmButtonText: 'Revoke',
cancelButtonText: 'Cancel',
beforeClose: (action, instance, done) => {
if (action === 'confirm') {
instance.confirmButtonLoading = true;
instance.confirmButtonText = 'Revoking...';
const onError = error => {
console.error(error);
instance.confirmButtonLoading = false;
instance.confirmButtonText = 'Revoke';
this.$message.error(error);
};
superagent.delete('/api/key/' + name).end((error, result) => {
if (result && result.statusCode === 401) return this.logout();
if (result && result.statusCode === 409) return onError('Invalid device name');
if (result && result.statusCode !== 200) return onError('Something went wrong');
if (error) return onError(error);
this.refresh();
}).then(action => {}); // handle the promise rejection on dismiss
},
revokeKeyAsk (name) {
this.$msgbox({
title: 'Really revoke the key for ' + name + '?',
message: '<div role="alert" class="el-alert el-alert--error"><i class="el-alert__icon el-icon-warning"></i><div class="el-alert__content"><span class="el-alert__title">You won\'t be able to undo this action!</span></div></div><br/><p>To confirm, please enter the device name <b>' + name + '</b></p>',
dangerouslyUseHTMLString: true,
showInput: true,
confirmButtonLoading: false,
inputValidator: value => name === value,
inputErrorMessage: 'Name does not match',
showCancelButton: true,
confirmButtonClass: 'el-button--danger',
confirmButtonText: 'Revoke',
cancelButtonText: 'Cancel',
beforeClose: (action, instance, done) => {
if (action === 'confirm') {
instance.confirmButtonLoading = true;
instance.confirmButtonText = 'Revoking...';
const onError = error => {
console.error(error);
instance.confirmButtonLoading = false;
instance.confirmButtonText = 'Revoke';
this.$message.error(error);
};
superagent.delete('/api/key/' + name).end((error, result) => {
if (result && result.statusCode === 401) return this.logout();
if (result && result.statusCode === 409) return onError('Invalid device name');
if (result && result.statusCode !== 200) return onError('Something went wrong');
if (error) return onError(error);
this.refresh();
done();
});
} else {
done();
});
} else {
done();
}
}
}
}).then(action => {}); // handle the promise rejection on dismiss
},
prettyDate: (row, column) => {
const d = new Date(row.created);
return d.toDateString();
},
tableRowClassName ({row, rowIndex}) {
return row.connected ? 'connected-row' : '';
},
toggleRowExpansion (row, event, column) {
this.$refs.deviceTable.toggleRowExpansion(row);
},
refreshSettings () {
superagent.get('/api/settings').end((error, result) => {
this.busy = false;
}).then(action => {}); // handle the promise rejection on dismiss
},
prettyDate: (row, column) => {
const d = new Date(row.created);
return d.toDateString();
},
tableRowClassName ({row, rowIndex}) {
return row.connected ? 'connected-row' : '';
},
toggleRowExpansion (row, event, column) {
this.$refs.deviceTable.toggleRowExpansion(row);
},
refreshSettings () {
superagent.get('/api/settings').end((error, result) => {
this.busy = false;
if (result && result.statusCode === 401) return this.logout();
if (error) return console.error(error);
if (result && result.statusCode === 401) return this.logout();
if (error) return console.error(error);
this.settings.data = result.body.settings;
});
},
onSettingsSave () {
this.settings.busy = true;
this.settings.data = result.body.settings;
});
},
onSettingsSave () {
this.settings.busy = true;
superagent.post('/api/settings', { settings: this.settings.data }).end((error, result) => {
this.settings.busy = false;
superagent.post('/api/settings', { settings: this.settings.data }).end((error, result) => {
this.settings.busy = false;
if (result && result.statusCode === 401) return this.logout();
if (error) return console.error(error);
if (result && result.statusCode === 401) return this.logout();
if (error) return console.error(error);
this.onSettingsClose();
this.onSettingsClose();
this.$message.success('Settings saved');
});
},
onSettingsClose () {
this.settings.visible = false;
},
onSettingsOpen () {
this.settings.visible = true;
this.refreshSettings();
this.$message.success('Settings saved');
});
},
onSettingsClose () {
this.settings.visible = false;
},
onSettingsOpen () {
this.settings.visible = true;
this.refreshSettings();
}
}
}
});
});
})();
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment