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

added user config for dark mode and navigation

Browse source
This commit is contained in:
Brian McGonagill 2024-07-25 10:25:56 -05:00
parent 1d7ecc3efa
commit 40af926104
7 changed files with 82 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -10,13 +10,16 @@ Template.userInfoModal.onRendered(function() {
Session.set("userEmailErr", false);
Session.set("userRoleErr", false);
Meteor.setTimeout(() => {
var elems = document.querySelectorAll('.modal');
var instances = M.Modal.init(elems, {});
var elems = document.querySelectorAll('.modal');
var instances = M.Modal.init(elems, {});
var elemse = document.querySelectorAll('select');
var instancese = M.FormSelect.init(elemse, {});
}, 350);
var elemse = document.querySelectorAll('select');
var instancese = M.FormSelect.init(elemse, {});
Meteor.setTimeout(() => {
instances = M.Modal.init(elems, {});
instancese = M.FormSelect.init(elemse, {});
}, 500);
});
Template.userInfoModal.helpers({

2
client/General/headerBar.html
View file

@ -11,6 +11,7 @@
<li><a href="#" id="mylists" class="navBtn">My Lists</a></li>
<li><a href="#" id="mymenus" class="navBtn">My Menus</a></li>
<li><a href="#" id="myTasks" class="navBtn">My Tasks</a></li>
<li><a href="#" class="navBtn" id="mySettings">My Settings</a></li>
{{#if isInRole 'systemadmin'}}
<li><a href="#" id="manage" class="navBtn">Manage</a></li>
{{/if}}
@ -26,6 +27,7 @@
<li><a href="#!" id="mylists" class="navBtn">My Lists</a></li>
<li><a href="#!" id="mymenus" class="navBtn">My Menus</a></li>
<li><a href="#!" id="myTasks" class="navBtn">My Tasks</a></li>
<li><a href="#!" class="navBtn" id="mySettings">My Settings</a></li>
{{#if isInRole 'systemadmin'}}
<li><a href="#!" id="manage" class="navBtn">Manage</a></li>
{{/if}}

2
client/MainLayout.js
View file

@ -9,7 +9,7 @@ Template.MainLayout.onRendered(function() {
let myId = Meteor.userId();
let myprefs = UserConfig.findOne({ user: myId });
if (typeof myprefs != 'undefined') {
if (myprefs.darkPref == "light") {
if (myprefs.darkMode == "light") {
console.log("Found theme as light");
// Session.set("myTheme", "light");
document.documentElement.setAttribute('theme', "light");

20
client/UserConfig/userConfig.html
View file

@ -1,3 +1,21 @@
<template name="userConfig">
<h4>My Settings</h4>
<div class="row">
<div class="col s12 m6 l4">
<div class="card">
<div class="card-content">
<span class="card-title">Dark / Light Mode</span>
<div class="switch">
<label>
Light
<input type="checkbox" id="darkMode">
<span class="lever"></span>
Dark
</label>
</div>
</div>
</div>
</div>
</div>
{{> snackbar}}
</template>

31
client/UserConfig/userConfig.js
View file

@ -5,7 +5,15 @@ Template.userConfig.onCreated(function() {
});
Template.userConfig.onRendered(function() {
let myConfig = UserConfig.findOne({ user: Meteor.userId() });
if (typeof myConfig != 'undefined') {
console.log("My Pref: " + myConfig.darkPref);
if (myConfig.darkMode == 'light') {
$("#darkMode").prop('checked', false);
} else {
$("#darkMode").prop('checked', true);
}
}
});
Template.userConfig.helpers({
@ -13,5 +21,24 @@ Template.userConfig.helpers({
});
Template.userConfig.events({
'click #darkMode' (event) {
let darkModePref = $("#darkMode").prop('checked');
if (darkModePref == true) {
Meteor.call('update.darkModePref', 'dark', function(err, reuslt) {
if (err) {
console.log(" ERROR: could not set dark mode preference to dark: " + err);
} else {
showSnackbar("Dark Mode Preference Set to Dark", "green");
}
});
} else {
Meteor.call('update.darkModePref', 'light', function(err, result) {
if (err) {
console.log(" ERROR: could not set dark mode preference to light: " + err);
} else {
showSnackbar("Dark Mode Preference Set to Light", "green");
}
});
}
},
});

21
imports/api/userConfig.js
View file

@ -32,11 +32,20 @@ Meteor.methods({
throw new Meteor.Error('Not able to change registration setting. Make sure you are logged in with valid system administrator credentials.');
}
return UserConfig.update({ user: this.userId }, {
$set: {
darkMode: pref,
dateUpdate: Date()
}
});
let myConfig = UserConfig.findOne({ user: this.userId });
if (typeof myConfig == 'undefined') {
Meteor.call('add.darkModePref', pref, function(err, result) {
if (err) {
console.log(" ERROR calling the add functioin for dark mode: " + err);
}
});
} else {
return UserConfig.update({ user: this.userId }, {
$set: {
darkMode: pref,
dateUpdate: Date()
}
});
}
}
});

7
lib/routes.js
View file

@ -122,4 +122,11 @@ FlowRouter.route('/cleanUp', {
action() {
BlazeLayout.render('MainLayout', { main: 'cleanUp'});
}
});
FlowRouter.route('/mySettings', {
name: 'mySettings',
action() {
BlazeLayout.render('MainLayout', { main: 'userConfig'});
}
});