From f9d0c4a3da9d183c90bc7351f233fa67ea3c66a7 Mon Sep 17 00:00:00 2001
From: ulrich@undisclosed
Date: Mon, 11 May 2020 07:57:30 +0000
Subject: [PATCH] Auswahl in Nutzerliste
---
web/ui/ui.js | 262 ++++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 224 insertions(+), 38 deletions(-)
diff --git a/web/ui/ui.js b/web/ui/ui.js
index 4a7daf9..0665ebf 100644
--- a/web/ui/ui.js
+++ b/web/ui/ui.js
@@ -1,14 +1,28 @@
function um_init() {
+ $('#user-form').hide();
+ $('#nav').hide();
+ $('#role-form').hide();
+ $('#user-role-form').hide();
$('.user-save-btn').click(um_user_save);
+ $('.user-cancel-btn').click(um_back_from_new_user);
$('#nutzerliste').click(um_user_list_click);
$('#nutzerLoeschen').click(um_del_user);
$('#nutzerNeu').click(um_new_user);
$('#nutzerLoeschen').prop( "disabled", true );
$('#nutzerRolleEntziehen').prop( "disabled", true );
+ $('#rolleErteilen').prop( "disabled", true );
+ $('#rolleErteilen').click(um_grant_role);
+ $('#nutzerRolleEntziehen').click(um_revoke_role);
$('#neueRolle').click(um_new_role);
+ $('#rollen').click(um_role_list_click);
+ $('#nutzerrollen').click(um_user_role_list_click);
+ $('#userMenu').text('?');
+ $('#logout').click(um_apicall_logout);
um_clear_user_form();
um_apicall_get_user_list();
+ um_apicall_get_granted_roles();
+ um_apicall_get_login();
}
/* ----- user functions ------ */
@@ -19,18 +33,11 @@
if(user.pw != kww) {
alert('Kennworte stimmen nicht ueberein.');
} else {
- //alert('user-save ' + user.id);
um_apicall_create_user(self.serialisieren(user));
}
}
function um_del_user() {
- /*var users = [];
- $('#nutzerliste :selected').each(function(i, selected){
- users[i] = $(selected).text();
- });*/
-
- //alert('delete user ' + users[0]);
var userId = um_get_first_selected_user_id();
if(userId !== 'none') {
var antwort = confirm("Wollen Sie den Nutzer " + userId + " loeschen?");
@@ -41,13 +48,10 @@
}
}
-function um_new_user() {
- alert('show form to enter new user');
-}
-
/* ----------- role functions ------------ */
function um_new_role() {
+ var roleIsNew = true;
var userId = um_get_first_selected_user_id();
if(userId === 'none') {
alert('Es wurde kein Benutzer ausgewaehlt.');
@@ -56,43 +60,105 @@
if (answer === null) {
alert("Es wurde Cancel betaetigt.");
} else if(answer !== "") {
- //alert("Rolle fuer Benutzer " + userId + " anlegen: " + answer);
- um_apicall_grant_role(userId, answer);
+ um_apicall_grant_role(userId, answer, roleIsNew);
} else {
alert("OK betaetigt, aber Keine Rolle angegeben.");
}
}
}
+function um_grant_role() {
+ var roleIsNew = false;
+ var userId = um_get_first_selected_user_id();
+ var roleId = um_get_first_selected_role_id();
+ if(roleId !== 'none' && userId !== 'none') {
+ um_apicall_grant_role(userId, roleId, roleIsNew);
+ }
+}
+
+function um_revoke_role() {
+ var userId = um_get_first_selected_user_id();
+ var roleId = um_get_first_selected_userrole_id();
+ if(roleId !== 'none' && userId !== 'none') {
+ um_apicall_revoke_role(userId, roleId);
+ }
+}
+
/* ----------- ui interaction ------------ */
function um_user_list_click() {
+ $('#nav-back-btn').click(um_back_from_roles);
$('#nutzerLoeschen').prop( "disabled", false );
+ $('#rollen :selected').prop("selected", false);
var userId = um_get_first_selected_user_id();
+ $('#userid').html(userId);
um_apicall_get_user_roles(userId);
+ $('#user-list-form').hide();
+ $('#nav').show();
+ $('#role-form').show();
+ $('#user-role-form').show();
}
+function um_new_user() {
+ $('#nav-back-btn').click(um_back_from_new_user);
+ $('#user-list-form').hide();
+ $('#user-form').show();
+ $('#nav').show();
+}
+
+function um_role_list_click() {
+ $('#rolleErteilen').prop( "disabled", false );
+}
+
+function um_user_role_list_click() {
+ $('#nutzerRolleEntziehen').prop( "disabled", false );
+}
+
+function um_back_from_roles() {
+ $('#user-list-form').show();
+ $('#nav').hide();
+ $('#role-form').hide();
+ $('#user-role-form').hide();
+}
+
+function um_back_from_new_user() {
+ $('#user-list-form').show();
+ $('#nav').hide();
+ $('#user-form').hide();
+ um_clear_user_form();
+}
/* ------- ui i/o ------ */
function um_user_form_lesen() {
var userId = $('#anmeldename').val();
var kw = $('#kennwort').val();
- var user = new User(userId, kw, '-', '-', '-');
+ var firstName = $('#vorname').val();
+ var lastName = $('#nachname').val();
+ var user = new User(userId, kw, firstName, lastName, '-');
return user;
}
+/*
+ * BaseLink liefert fuer einfache selects wie die der Nutzerverwaltung
+ * eine simple Listenfunktion, die auf der JSON-Seite wie folgt
+ * herauskommt.
+ *
+ * {"List":[{"List":[{"String":"USER_NAME"},{"String":"admin"},{"String":"test"}]}]}
+ *
+ * Fuer Mustache sieht ein Template dann z.B so aus:
+ *
+ * {{#List}}
+ * {{#List}}
+ * <option value="{{ String }}">{{ String }}</option>'
+ * {{/List}}
+ * {{/List}}
+ */
function um_show_user_list(resp) {
$("#nutzerliste").empty();
- var users = resp.List[0];
- for(var i = 1; i < users.List.length; i++) {
- var user = users.List[i];
- $("#nutzerliste").append('<option value=' + user.String + '>' + user.String + '</option>');
- }
- $('#nutzerLoeschen').prop( "disabled", true );
- //var user1 = users.List[1];
- //var username = user1.String;
- //alert(username);
+ var template = $('#tpl-list').html();
+ Mustache.parse(template); // optional, speeds up future uses
+ $("#nutzerliste").append( Mustache.render(template, resp) );
}
function um_clear_user_form() {
@@ -113,15 +179,49 @@
return userId;
}
-// {"List":[{"List":[{"String":"ROLE_NAME"},{"String":"testrolle1"}]}]}
+function um_get_first_selected_role_id() {
+ var roleId = 'none';
+ var roleIds = [];
+ $('#rollen :selected').each(function(i, selected){
+ roleIds[i] = $(selected).text();
+ });
+ if(roleIds.length > 0) {
+ roleId = roleIds[0];
+ }
+ return roleId;
+}
+
+function um_get_first_selected_userrole_id() {
+ var roleId = 'none';
+ var roleIds = [];
+ $('#nutzerrollen :selected').each(function(i, selected){
+ roleIds[i] = $(selected).text();
+ });
+ if(roleIds.length > 0) {
+ roleId = roleIds[0];
+ }
+ return roleId;
+}
+
function um_show_user_role_list(resp) {
$("#nutzerrollen").empty();
- var rollen = resp.List[0];
- for(var i = 1; i < rollen.List.length; i++) {
- var rolle = rollen.List[i];
- $("#nutzerrollen").append('<option value=' + rolle.String + '>' + rolle.String + '</option>');
- }
+
+ var template = $('#tpl-list').html();
+ Mustache.parse(template); // optional, speeds up future uses
+ $("#nutzerrollen").append( Mustache.render(template, resp) );
+
$('#nutzerRolleEntziehen').prop( "disabled", true );
+ $('#rolleErteilen').prop( "disabled", true );
+}
+
+function um_show_role_list(resp) {
+ $("#rollen").empty();
+
+ var template = $('#tpl-list').html();
+ Mustache.parse(template); // optional, speeds up future uses
+ $("#rollen").append( Mustache.render(template, resp) );
+
+ $('#rolleErteilen').prop( "disabled", true );
}
/* ---- api calls ----- */
@@ -137,9 +237,8 @@
type: "POST",
dataType : "html",
success: function( resp ) {
- //$('#fehler').html('Antwort: ' + resp);
um_apicall_get_user_list();
- um_clear_user_form();
+ um_back_from_new_user();
},
error: function( xhr, status, errorThrown ) {
$('#fehler').html("Error: " + errorThrown + " Status: " + status);
@@ -191,20 +290,45 @@
});
}
-// public UserRole grantRole(String userId, String roleName)
-function um_apicall_grant_role(userId, roleName) {
+// http]://example.com/um/api?c=de.uhilger.um.api.UserMgr&m=testmethode
+function um_apicall_grant_role(userId, roleName, isNewRole) {
+ var ur = new UserRole(userId, roleName);
var m = 'grantRole';
var u = '../svc/' + m;
$.ajax({
url: u,
data: {
- p1: userId,
- p2: roleName
+ p: self.serialisieren(ur)
},
type: "POST",
dataType : "html",
success: function( resp ) {
- // Liste der Rollen des Benutzers neu anzeigen bzw. die neue Rolle dort hinzufuegen
+ um_apicall_get_user_roles(userId);
+ if(isNewRole) {
+ um_apicall_get_granted_roles();
+ }
+ },
+ error: function( xhr, status, errorThrown ) {
+ $('#fehler').html("Error: " + errorThrown + " Status: " + status);
+ },
+ complete: function( xhr, status ) {
+ //alert( "The request is complete!" );
+ }
+ });
+}
+
+function um_apicall_revoke_role(userId, roleName) {
+ var ur = new UserRole(userId, roleName);
+ var m = 'revokeRole';
+ var u = '../svc/' + m;
+ $.ajax({
+ url: u,
+ data: {
+ p: self.serialisieren(ur)
+ },
+ type: "POST",
+ dataType : "html",
+ success: function( resp ) {
um_apicall_get_user_roles(userId);
},
error: function( xhr, status, errorThrown ) {
@@ -216,7 +340,6 @@
});
}
-//public List getUserRoleNames(String userId)
function um_apicall_get_user_roles(userId) {
var m = 'getUserRoleNames';
var u = '../svc/' + m + '?p=' + userId;
@@ -225,8 +348,66 @@
type: "GET",
dataType : "json",
success: function( resp ) {
- // Antwort in Liste anzeigen
um_show_user_role_list(resp);
+ },
+ error: function( xhr, status, errorThrown ) {
+ $('#fehler').html("Error: " + errorThrown + " Status: " + status);
+ },
+ complete: function( xhr, status ) {
+ //alert( "The request is complete!" );
+ }
+ });
+}
+
+function um_apicall_get_granted_roles() {
+ var m = 'getRoleNamesGranted';
+ var u = '../svc/' + m;
+ $.ajax({
+ url: u,
+ type: "GET",
+ dataType : "json",
+ success: function( resp ) {
+ um_show_role_list(resp);
+ },
+ error: function( xhr, status, errorThrown ) {
+ $('#fehler').html("Error: " + errorThrown + " Status: " + status);
+ },
+ complete: function( xhr, status ) {
+ //alert( "The request is complete!" );
+ }
+ });
+}
+
+function um_apicall_get_login() {
+ var m = '?c=de.uhilger.um.pub.SessionManager&m=getSessionUser';
+ var u = '../pub' + m;
+ $.ajax({
+ url: u,
+ type: "GET",
+ dataType : "json",
+ success: function( resp ) {
+ $('#userMenu').text(resp.UserData.firstName);
+ },
+ error: function( xhr, status, errorThrown ) {
+ $('#fehler').html("Error: " + errorThrown + " Status: " + status);
+ },
+ complete: function( xhr, status ) {
+ //alert( "The request is complete!" );
+ }
+ });
+
+}
+
+function um_apicall_logout() {
+ var m = '?c=de.uhilger.um.pub.SessionManager&m=expireSession';
+ var u = '../pub' + m;
+ $.ajax({
+ url: u,
+ type: "GET",
+ dataType : "text",
+ success: function( resp ) {
+ $('#userMenu').text('nicht angemeldet');
+ window.location.href = '../logout.html';
},
error: function( xhr, status, errorThrown ) {
$('#fehler').html("Error: " + errorThrown + " Status: " + status);
@@ -251,4 +432,9 @@
this.firstName = fn;
this.lastName = ln;
this.email = em;
+}
+
+function UserRole(u, r) {
+ this.userId = u;
+ this.role = r;
}
\ No newline at end of file
--
Gitblit v1.9.3