Add oidc.name and oidc.appId fields

This commit is contained in:
Johannes Zellner
2023-03-23 09:27:40 +01:00
parent eae390a387
commit 5d903451fa
7 changed files with 77 additions and 22 deletions
+15 -3
View File
@@ -11,9 +11,13 @@
<br/>
<br/>
<form name="clientAddForm" role="form" novalidate ng-submit="clientAdd.submit()" autocomplete="off">
<div class="form-group">
<label class="control-label" for="clientName">Name</label>
<input type="text" id="clientName" class="form-control" name="clientName" ng-model="clientAdd.name" autofocus required/>
</div>
<div class="form-group" ng-class="{ 'has-error': clientAdd.error.id }">
<label class="control-label" for="clientId">Client ID</label>
<input type="text" id="clientId" class="form-control" name="clientId" ng-model="clientAdd.id" autofocus required/>
<input type="text" id="clientId" class="form-control" name="clientId" ng-model="clientAdd.id" required/>
<div class="control-label" ng-show="clientAdd.error.id">
<small>{{ clientAdd.error.id }}</small>
</div>
@@ -52,6 +56,10 @@
</div>
<div class="modal-body">
<form name="clientEditForm" role="form" novalidate ng-submit="clientEdit.submit()" autocomplete="off">
<div class="form-group">
<label class="control-label" for="inputEditClientName">Name</label>
<input type="text" id="inputEditClientName" class="form-control" name="clientName" ng-model="clientEdit.name" autofocus required/>
</div>
<div class="form-group">
<label class="control-label" for="inputEditClientSecret">Client Secret</label>
<input type="text" id="inputEditClientSecret" class="form-control" name="clientSecret" ng-model="clientEdit.secret" required/>
@@ -149,8 +157,9 @@
<table class="table table-hover">
<thead>
<tr>
<th style="width: 45%">Client ID</th>
<th style="width: 45%">Client Secret</th>
<th style="width: 33%">Name</th>
<th style="width: 33%">Client ID</th>
<th style="width: 33%">Client Secret</th>
<th style="width: 10%" class="text-right">{{ 'main.actions' | tr }}</th>
</tr>
</thead>
@@ -159,6 +168,9 @@
<td colspan="3" class="text-center">No clients yet</td>
</tr>
<tr ng-repeat="client in clients">
<td class="text-left elide-table-cell hand" ng-click="clientEdit.show(client)">
{{ client.name }}
</td>
<td class="text-left elide-table-cell hand" ng-click="clientEdit.show(client)">
{{ client.id }}
</td>
+6 -2
View File
@@ -22,6 +22,7 @@ angular.module('Application').controller('OidcController', ['$scope', '$location
busy: false,
error: {},
id: '',
name: '',
secret: '',
loginRedirectUri: '',
logoutRedirectUri: '',
@@ -29,6 +30,7 @@ angular.module('Application').controller('OidcController', ['$scope', '$location
show: function () {
$scope.clientAdd.id = '';
$scope.clientAdd.secret = '';
$scope.clientAdd.name = '';
$scope.clientAdd.loginRedirectUri = '';
$scope.clientAdd.logoutRedirectUri = '';
$scope.clientAdd.busy = false;
@@ -42,7 +44,7 @@ angular.module('Application').controller('OidcController', ['$scope', '$location
$scope.clientAdd.busy = true;
$scope.clientAdd.error = {};
Client.addOidcClient($scope.clientAdd.id, $scope.clientAdd.secret, $scope.clientAdd.loginRedirectUri, $scope.clientAdd.logoutRedirectUri, function (error) {
Client.addOidcClient($scope.clientAdd.id, $scope.clientAdd.name, $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';
@@ -68,12 +70,14 @@ angular.module('Application').controller('OidcController', ['$scope', '$location
busy: false,
error: {},
id: '',
name: '',
secret: '',
loginRedirectUri: '',
logoutRedirectUri: '',
show: function (client) {
$scope.clientEdit.id = client.id;
$scope.clientEdit.name = client.name;
$scope.clientEdit.secret = client.secret;
$scope.clientEdit.loginRedirectUri = client.loginRedirectUri;
$scope.clientEdit.logoutRedirectUri = client.logoutRedirectUri;
@@ -88,7 +92,7 @@ angular.module('Application').controller('OidcController', ['$scope', '$location
$scope.clientEdit.busy = true;
$scope.clientEdit.error = {};
Client.updateOidcClient($scope.clientEdit.id, $scope.clientEdit.secret, $scope.clientEdit.loginRedirectUri, $scope.clientEdit.logoutRedirectUri, function (error) {
Client.updateOidcClient($scope.clientEdit.id, $scope.clientEdit.name, $scope.clientEdit.secret, $scope.clientEdit.loginRedirectUri, $scope.clientEdit.logoutRedirectUri, function (error) {
if (error) {
console.error('Unable to edit openid client.', error);