From f7254551bdefb51624b4a26940543235e07db48f Mon Sep 17 00:00:00 2001
From: ulrich@undisclosed <ulrich@ulrich-vaio>
Date: Sun, 17 May 2020 11:56:42 +0000
Subject: [PATCH] Nutzer loeschen und Dialog zur Bestaetigung
---
web/ui/ui.js | 189 +++++++++++++++++++++++++++++++++++++++-------
1 files changed, 158 insertions(+), 31 deletions(-)
diff --git a/web/ui/ui.js b/web/ui/ui.js
index 1a76637..0665ebf 100644
--- a/web/ui/ui.js
+++ b/web/ui/ui.js
@@ -1,7 +1,11 @@
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);
@@ -9,12 +13,16 @@
$('#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 ------ */
@@ -38,10 +46,6 @@
um_apicall_del_user(self.serialisieren(user));
}
}
-}
-
-function um_new_user() {
- alert('show form to enter new user');
}
/* ----------- role functions ------------ */
@@ -72,13 +76,34 @@
}
}
+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() {
@@ -89,24 +114,51 @@
$('#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 template = $('#tpl-list').html();
+ Mustache.parse(template); // optional, speeds up future uses
+ $("#nutzerliste").append( Mustache.render(template, resp) );
}
function um_clear_user_form() {
@@ -139,25 +191,36 @@
return roleId;
}
-// {"List":[{"List":[{"String":"ROLE_NAME"},{"String":"testrolle1"}]}]}
+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 rollen = resp.List[0];
- for(var i = 1; i < rollen.List.length; i++) {
- var rolle = rollen.List[i];
- $("#rollen").append('<option value=' + rolle.String + '>' + rolle.String + '</option>');
- }
- //$('#neueRolle').prop( "disabled", true );
+
+ var template = $('#tpl-list').html();
+ Mustache.parse(template); // optional, speeds up future uses
+ $("#rollen").append( Mustache.render(template, resp) );
+
$('#rolleErteilen').prop( "disabled", true );
}
@@ -174,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);
@@ -228,15 +290,15 @@
});
}
-// public UserRole grantRole(String userId, String 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",
@@ -255,7 +317,29 @@
});
}
-//public List getUserRoleNames(String userId)
+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 ) {
+ $('#fehler').html("Error: " + errorThrown + " Status: " + status);
+ },
+ complete: function( xhr, status ) {
+ //alert( "The request is complete!" );
+ }
+ });
+}
+
function um_apicall_get_user_roles(userId) {
var m = 'getUserRoleNames';
var u = '../svc/' + m + '?p=' + userId;
@@ -264,7 +348,6 @@
type: "GET",
dataType : "json",
success: function( resp ) {
- // Antwort in Liste anzeigen
um_show_user_role_list(resp);
},
error: function( xhr, status, errorThrown ) {
@@ -284,8 +367,47 @@
type: "GET",
dataType : "json",
success: function( resp ) {
- // Antwort in Liste anzeigen
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);
@@ -310,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