Add experimental oidc dashboard view

2023-03-21 17:40:32 +01:00
parent b78c773bc6
commit 14bcfbeeb2
5 changed files with 299 additions and 1 deletions
@@ -0,0 +1,104 @@
+'use strict';
+
+/* global angular */
+/* global $ */
+
+angular.module('Application').controller('OidcController', ['$scope', '$location', 'Client', function ($scope, $location, Client) {
+    Client.onReady(function () { if (!Client.getUserInfo().isAtLeastAdmin) $location.path('/'); });
+
+    $scope.user = Client.getUserInfo();
+    $scope.config = Client.getConfig();
+    $scope.clients = [];
+
+    $scope.refreshClients = function () {
+        Client.getOidcClients(function (error, result) {
+            if (error) return console.error('Failed to load oidc clients', error);
+
+            $scope.clients = result;
+        });
+    };
+
+    $scope.clientAdd = {
+        busy: false,
+        error: {},
+        id: '',
+        secret: '',
+        loginRedirectUri: '',
+        logoutRedirectUri: '',
+
+        show: function () {
+            $scope.clientAdd.id = '';
+            $scope.clientAdd.secret = '';
+            $scope.clientAdd.loginRedirectUri = '';
+            $scope.clientAdd.logoutRedirectUri = '';
+            $scope.clientAdd.busy = false;
+            $scope.clientAdd.error = null;
+            $scope.clientAddForm.$setPristine();
+
+            $('#clientAddModal').modal('show');
+        },
+
+        submit: function () {
+            $scope.clientAdd.busy = true;
+            $scope.clientAdd.error = {};
+
+            Client.addOidcClient($scope.clientAdd.id, $scope.clientAdd.secret, $scope.clientAdd.loginRedirectUri, $scope.clientAdd.logoutRedirectUri, function (error) {
+                if (error) {
+                    if (error.statusCode === 409) {
+                        $scope.clientAdd.error.id = 'Client ID already exists';
+                        $('#clientId').focus();
+                    } else {
+                        console.error('Unable to add openid client.', error);
+                    }
+
+                    $scope.clientAdd.busy = false;
+
+                    return;
+                }
+
+                $scope.refreshClients();
+                $scope.clientAdd.busy = false;
+
+                $('#clientAddModal').modal('hide');
+            });
+        }
+    };
+
+    $scope.deleteClient = {
+        busy: false,
+        error: {},
+        id: '',
+
+        show: function (clientId) {
+            $scope.deleteClient.busy = false;
+            $scope.deleteClient.id = clientId;
+
+            $('#clientDeleteModal').modal('show');
+        },
+
+        submit: function () {
+            Client.delOidcClient($scope.deleteClient.id, function (error) {
+                $scope.deleteClient.busy = false;
+
+                if (error) return console.error('Failed to delete openid client', error);
+
+                $scope.refreshClients();
+
+                $('#clientDeleteModal').modal('hide');
+            });
+        }
+    };
+
+    Client.onReady(function () {
+        $scope.refreshClients();
+    });
+
+    // setup all the dialog focus handling
+    ['clientAddModal', 'clientEditModal'].forEach(function (id) {
+        $('#' + id).on('shown.bs.modal', function () {
+            $(this).find('[autofocus]:first').focus();
+        });
+    });
+
+    $('.modal-backdrop').remove();
+}]);