Files
cloudron-box/dashboard/public/views/network.js
2024-10-04 14:30:44 +02:00

343 lines
11 KiB
JavaScript

'use strict';
/* global angular */
/* global $, TASK_TYPES */
angular.module('Application').controller('NetworkController', ['$scope', '$location', '$timeout', 'Client', function ($scope, $location, $timeout, Client) {
Client.onReady(function () { if (!Client.getUserInfo().isAtLeastAdmin) $location.path('/'); });
$scope.user = Client.getUserInfo();
$scope.config = Client.getConfig();
// keep in sync with sysinfo.js
$scope.sysinfoProvider = [
{ name: 'Disabled', value: 'noop' },
{ name: 'Public IP', value: 'generic' },
{ name: 'Static IP Address', value: 'fixed' },
{ name: 'Network Interface', value: 'network-interface' }
];
$scope.ipv6ConfigureProvider = [
{ name: 'Disabled', value: 'noop' },
{ name: 'Public IP', value: 'generic' },
{ name: 'Static IP Address', value: 'fixed' },
{ name: 'Network Interface', value: 'network-interface' }
];
$scope.prettyIpProviderName = function (provider) {
switch (provider) {
case 'noop': return 'Disabled';
case 'generic': return 'Public IP';
case 'fixed': return 'Static IP Address';
case 'network-interface': return 'Network Interface';
default: return 'Unknown';
}
};
$scope.dyndnsConfigure = {
busy: false,
error: '',
isEnabled: false,
tasks: [],
refreshTasks: function () {
Client.getTasksByType(TASK_TYPES.TASK_SYNC_DYNDNS, function (error, tasks) {
if (error) return console.error(error);
$scope.dyndnsConfigure.tasks = tasks.slice(0, 10);
if ($scope.dyndnsConfigure.tasks.length && $scope.dyndnsConfigure.tasks[0].active) {
$timeout($scope.renewCerts.refreshTasks, 5000);
}
});
},
refresh: function () {
Client.getDynamicDnsConfig(function (error, enabled) {
if (error) return console.error(error);
$scope.dyndnsConfigure.isEnabled = enabled;
$scope.dyndnsConfigure.refreshTasks();
});
},
setEnabled: function (enabled) {
$scope.dyndnsConfigure.busy = true;
$scope.dyndnsConfigure.error = '';
Client.setDynamicDnsConfig(enabled, function (error) {
$scope.dyndnsConfigure.busy = false;
if (error) $scope.dyndnsConfigure.error = error.message;
else $scope.dyndnsConfigure.isEnabled = enabled;
});
}
};
$scope.ipv6Configure = {
busy: false,
error: {},
displayError: '',
serverIPv6: '',
provider: '',
ipv6: '',
ifname: '',
// configure dialog
newProvider: '',
newIPv6: '',
newIfname: '',
refresh: function () {
Client.getIPv6Config(function (error, result) {
if (error) {
$scope.ipv6Configure.displayError = error.message;
return console.error(error);
}
$scope.ipv6Configure.provider = result.provider;
$scope.ipv6Configure.ipv6 = result.ip || '';
$scope.ipv6Configure.ifname = result.ifname || '';
if (result.provider === 'noop') return;
Client.getServerIpv6(function (error, result) {
if (error) {
$scope.ipv6Configure.displayError = error.message;
return console.error(error);
}
$scope.ipv6Configure.serverIPv6 = result.ip;
});
});
},
show: function () {
$scope.ipv6Configure.error = {};
$scope.ipv6Configure.newProvider = $scope.ipv6Configure.provider;
$scope.ipv6Configure.newIPv6 = $scope.ipv6Configure.ipv6;
$scope.ipv6Configure.newIfname = $scope.ipv6Configure.ifname;
$('#ipv6ConfigureModal').modal('show');
},
submit: function () {
$scope.ipv6Configure.error = {};
$scope.ipv6Configure.busy = true;
var config = {
provider: $scope.ipv6Configure.newProvider
};
if (config.provider === 'fixed') {
config.ip = $scope.ipv6Configure.newIPv6;
} else if (config.provider === 'network-interface') {
config.ifname = $scope.ipv6Configure.newIfname;
}
Client.setIPv6Config(config, function (error) {
$scope.ipv6Configure.busy = false;
if (error && error.message.indexOf('ipv') !== -1) {
$scope.ipv6Configure.error.ipv6 = error.message;
$scope.ipv6ConfigureForm.$setPristine();
$scope.ipv6ConfigureForm.$setUntouched();
return;
} else if (error && (error.message.indexOf('interface') !== -1 || error.message.indexOf('IPv6') !== -1)) {
$scope.ipv6Configure.error.ifname = error.message;
$scope.ipv6ConfigureForm.$setPristine();
$scope.ipv6ConfigureForm.$setUntouched();
return;
} else if (error) {
$scope.ipv6Configure.error.generic = error.message;
$scope.ipv6ConfigureForm.$setPristine();
$scope.ipv6ConfigureForm.$setUntouched();
console.error(error);
return;
}
$scope.ipv6Configure.refresh();
$('#ipv6ConfigureModal').modal('hide');
});
}
};
$scope.blocklist = {
busy: false,
error: {},
blocklist: '',
currentBlocklist: '',
currentBlocklistLength: 0,
refresh: function () {
Client.getBlocklist(function (error, result) {
if (error) return console.error(error);
$scope.blocklist.currentBlocklist = result;
$scope.blocklist.currentBlocklistLength = result.split('\n').filter(function (l) { return l.length !== 0 && l[0] !== '#'; }).length;
});
},
show: function () {
$scope.blocklist.error = {};
$scope.blocklist.blocklist = $scope.blocklist.currentBlocklist;
$('#blocklistModal').modal('show');
},
submit: function () {
$scope.blocklist.error = {};
$scope.blocklist.busy = true;
Client.setBlocklist($scope.blocklist.blocklist, function (error) {
$scope.blocklist.busy = false;
if (error) {
$scope.blocklist.error.blocklist = error.message;
$scope.blocklist.error.ip = error.message;
$scope.blocklistChangeForm.$setPristine();
$scope.blocklistChangeForm.$setUntouched();
return;
}
$scope.blocklist.refresh();
$('#blocklistModal').modal('hide');
});
}
};
$scope.trustedIps = {
busy: false,
error: {},
trustedIps: '',
currentTrustedIps: '',
currentTrustedIpsLength: 0,
refresh: function () {
Client.getTrustedIps(function (error, result) {
if (error) return console.error(error);
$scope.trustedIps.currentTrustedIps = result;
$scope.trustedIps.currentTrustedIpsLength = result.split('\n').filter(function (l) { return l.length !== 0 && l[0] !== '#'; }).length;
});
},
show: function () {
$scope.trustedIps.error = {};
$scope.trustedIps.trustedIps = $scope.trustedIps.currentTrustedIps;
$('#trustedIpsModal').modal('show');
},
submit: function () {
$scope.trustedIps.error = {};
$scope.trustedIps.busy = true;
Client.setTrustedIps($scope.trustedIps.trustedIps, function (error) {
$scope.trustedIps.busy = false;
if (error) {
$scope.trustedIps.error.trustedIps = error.message;
$scope.trustedIps.error.ip = error.message;
$scope.trustedIpsChangeForm.$setPristine();
$scope.trustedIpsChangeForm.$setUntouched();
return;
}
$scope.trustedIps.refresh();
$('#trustedIpsModal').modal('hide');
});
}
};
$scope.sysinfo = {
busy: false,
error: {},
serverIPv4: '',
provider: '',
ipv4: '',
ifname: '',
// configure dialog
newProvider: '',
newIPv4: '',
newIfname: '',
refresh: function () {
Client.getIPv4Config(function (error, result) {
if (error) return console.error(error);
$scope.sysinfo.provider = result.provider;
$scope.sysinfo.ipv4 = result.ip || '';
$scope.sysinfo.ifname = result.ifname || '';
Client.getServerIpv4(function (error, result) {
if (error) return console.error(error);
$scope.sysinfo.serverIPv4 = result.ip;
});
});
},
show: function () {
$scope.sysinfo.error = {};
$scope.sysinfo.newProvider = $scope.sysinfo.provider;
$scope.sysinfo.newIPv4 = $scope.sysinfo.ipv4;
$scope.sysinfo.newIfname = $scope.sysinfo.ifname;
$('#sysinfoModal').modal('show');
},
submit: function () {
$scope.sysinfo.error = {};
$scope.sysinfo.busy = true;
var config = {
provider: $scope.sysinfo.newProvider
};
if (config.provider === 'fixed') {
config.ip = $scope.sysinfo.newIPv4;
} else if (config.provider === 'network-interface') {
config.ifname = $scope.sysinfo.newIfname;
}
Client.setIPv4Config(config, function (error) {
$scope.sysinfo.busy = false;
if (error && error.message.indexOf('ipv') !== -1) {
$scope.sysinfo.error.ipv4 = error.message;
$scope.sysinfoForm.$setPristine();
$scope.sysinfoForm.$setUntouched();
return;
} else if (error && (error.message.indexOf('interface') !== -1 || error.message.indexOf('IPv4') !== -1)) {
$scope.sysinfo.error.ifname = error.message;
$scope.sysinfoForm.$setPristine();
$scope.sysinfoForm.$setUntouched();
return;
} else if (error) {
$scope.sysinfo.error.generic = error.message;
console.error(error);
return;
}
$scope.sysinfo.refresh();
$('#sysinfoModal').modal('hide');
});
}
};
Client.onReady(function () {
$scope.sysinfo.refresh();
$scope.dyndnsConfigure.refresh();
$scope.ipv6Configure.refresh();
$scope.trustedIps.refresh();
if ($scope.user.isAtLeastOwner) $scope.blocklist.refresh();
});
$('.modal-backdrop').remove();
}]);