RouteMeHome/get_my
1
0
Fork 0
mirror of https://gitlab.com/bmcgonag/get_my.git synced 2026-03-27 00:08:49 +00:00
Code Issues 1 Projects Releases Packages Wiki Activity Actions

Updated user management and modal for password change.

Browse source
This commit is contained in:
Brian McGonagill 2024-07-23 08:35:04 -05:00
parent 17b42b7d68
commit df3eb4ff08
5 changed files with 31 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

21
client/Accounts/UserMgmt/userInfoModal.html
View file

@ -1,25 +1,24 @@
<template name="userInfoModal"> <template name="userInfoModal">
<div id="userInfoModal" class="modal"> <div id="userInfoModal" class="modal modal-fixed-footer">
<div class="modal-content"> <div class="modal-content">
<div class="row"> <div>
<div class="col s12 m12 12">
<h4>Password Reset</h4> <h4>Password Reset</h4>
</div> </div>
<div class="row"> <form class="row" style="gap: 1em;">
<div class="col s12 m6 l6 input-field"> <div class="col s12 m6 l6 input-field outlined">
<input type="password" class="newPass" id="newPass" /> <input type="password" class="newPass" id="newPass" />
<label for="newPass">Enter New Password</label> <label for="newPass">Enter New Password</label>
</div> </div>
<div class="col s12 m6 l6 input-field"> <div class="col s12 m6 l6 input-field outlined">
<input type="password" class="newPassConf" style="{{#if $eq passMatch false}}background: red;{{/if}}" id="newPassConf" /> <input type="password" class="newPassConf {{#if $eq passMatch false}}red lighten-3{{/if}}" id="newPassConf" />
<label for="newPassConf">Enter New Password</label> <label for="newPassConf">Enter New Password</label>
{{#if $eq passMatch false}}<p class="red-text">Passwords do not match!</p>{{/if}}
</div> </div>
</div> </form>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<a href="#" id="closePass" class="modal-close waves-effect waves-orange btn-flat white-text">Cancel</a> <a class="modal-close btn waves-effect waves-light filled orange white-text">Cancel</a>
<a href="#" id="chPass" class="waves-effect waves-green btn-flat white-text">change Password</a> <a id="chPass" class="btn waves-effect waves-light filled green white-text modal-close">Change Password</a>
</div>
</div> </div>
</div> </div>
</template> </template>

5
client/Accounts/UserMgmt/userInfoModal.js
View file

@ -1,3 +1,5 @@
import { M } from '../../lib/assets/materialize.js';
Template.userInfoModal.onCreated(function() { Template.userInfoModal.onCreated(function() {
}); });
@ -5,7 +7,8 @@ Template.userInfoModal.onCreated(function() {
Template.userInfoModal.onRendered(function() { Template.userInfoModal.onRendered(function() {
Session.set("passMatch", true); Session.set("passMatch", true);
Session.set("passErr", false); Session.set("passErr", false);
$('.modal').modal(); var elems = document.querySelectorAll('.modal');
var instances = M.Modal.init(elems, {});
}); });
Template.userInfoModal.helpers({ Template.userInfoModal.helpers({

4
client/Accounts/UserMgmt/userMgmt.html
View file

@ -20,8 +20,8 @@
<td>{{userRole}}</td> <td>{{userRole}}</td>
<td> <td>
<div class="input-field"> <div class="input-field">
<i class="material-icons modal-trigger clickable deleteUser">delete</i> <i class="material-icons modal-trigger clickable deleteUser" data-target="modalDelete">delete</i>
<i class="material-icons clickable editUser">edit</i> <i class="material-icons clickable editUser modal-trigger" data-target="userInfoModal">edit</i>
</div> </div>
</td> </td>
</tr> </tr>

11
client/Accounts/UserMgmt/userMgmt.js
View file

@ -1,12 +1,15 @@
import { M } from '../../lib/assets/materialize.js';
Template.userMgmt.onCreated(function() { Template.userMgmt.onCreated(function() {
this.subscribe("userList"); this.subscribe("userList");
}); });
Template.userMgmt.onRendered(function() { Template.userMgmt.onRendered(function() {
$('select').formSelect(); var elems = document.querySelectorAll('select');
$('.modal').modal(); var instances = M.FormSelect.init(elems, {});
var elemm = document.querySelectorAll('.modal');
var instancem = M.Modal.init(elemm, {});;
}); });
Template.userMgmt.helpers({ Template.userMgmt.helpers({
@ -31,7 +34,6 @@ Template.userMgmt.events({
let userId = this._id; let userId = this._id;
// take action // take action
Session.set("usersId", userId); Session.set("usersId", userId);
$("#userInfoModal").modal('open');
}, },
"click .deleteUser" (event) { "click .deleteUser" (event) {
event.preventDefault(); event.preventDefault();
@ -43,6 +45,5 @@ Template.userMgmt.events({
Session.set("item", "User"); Session.set("item", "User");
Session.set("view", "Users"); Session.set("view", "Users");
Session.set("method", "delete.userFromSys"); Session.set("method", "delete.userFromSys");
$('#modalDelete').modal('open');
} }
}); });

2
client/ListItems/listItemsForm.html
View file

@ -40,7 +40,7 @@
<label for="findListItems">Item...</label> <label for="findListItems">Item...</label>
</div> </div>
<div class="col s4 m3 l2"> <div class="col s4 m3 l2">
<a class="waves-effect waves-light btn saveListItem green right">Add</a> <a class="waves-effect waves-light btn saveListItem green white-text right">Add</a>
</div> </div>
</div> </div>
{{/if}} {{/if}}