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 to set font color in header bar in dark mode.

Browse source
This commit is contained in:
Brian McGonagill 2024-07-27 13:56:23 -05:00
parent 84dd13d92d
commit 01ae220674
3 changed files with 22 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

32
client/General/headerBar.html
View file

@ -4,36 +4,36 @@
</ul>
<nav>
<div class="nav-wrapper blue darken-4">
<a href="#" class="brand-logo center" id="brandLogo">Get My</a>
<a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<a href="#" class="brand-logo center {{#if $eq myTheme 'dark'}}white-text{{/if}}" id="brandLogo">Get My</a>
<a href="#" data-target="mobile-demo" class="sidenav-trigger {{#if $eq myTheme 'dark'}}white-text{{/if}}"><i class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down">
{{#if currentUser}}
<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>
<li><a href="#" id="mylists" class="navBtn {{#if $eq myTheme 'dark'}}white-text{{/if}}">My Lists</a></li>
<li><a href="#" id="mymenus" class="navBtn {{#if $eq myTheme 'dark'}}white-text{{/if}}">My Menus</a></li>
<li><a href="#" id="myTasks" class="navBtn {{#if $eq myTheme 'dark'}}white-text{{/if}}">My Tasks</a></li>
<li><a href="#" class="navBtn {{#if $eq myTheme 'dark'}}white-text{{/if}}" id="mySettings">My Settings</a></li>
{{#if isInRole 'systemadmin'}}
<li><a href="#" id="manage" class="navBtn">Manage</a></li>
<li><a href="#" id="manage" class="navBtn {{#if $eq myTheme 'dark'}}white-text{{/if}}">Manage</a></li>
{{/if}}
<li class="signOut"><a href="#" class="signOut">Log Out</a></li>
<li class="signOut {{#if $eq myTheme 'dark'}}white-text{{/if}}"><a href="#" class="signOut">Log Out</a></li>
{{else}}
<li><a href="#!" id="login" class="navBtn">Login</a></li>
<li><a href="#!" id="login" class="navBtn {{#if $eq myTheme 'dark'}}white-text{{/if}}">Login</a></li>
{{/if}}
</ul>
</div>
</nav>
<ul class="sidenav" id="mobile-demo">
{{#if currentUser}}
<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>
<li><a href="#!" id="mylists" class="navBtn {{#if $eq myTheme 'dark'}}white-text{{/if}}">My Lists</a></li>
<li><a href="#!" id="mymenus" class="navBtn {{#if $eq myTheme 'dark'}}white-text{{/if}}">My Menus</a></li>
<li><a href="#!" id="myTasks" class="navBtn {{#if $eq myTheme 'dark'}}white-text{{/if}}">My Tasks</a></li>
<li><a href="#!" class="navBtn" id="mySettings {{#if $eq myTheme 'dark'}}white-text{{/if}}">My Settings</a></li>
{{#if isInRole 'systemadmin'}}
<li><a href="#!" id="manage" class="navBtn">Manage</a></li>
<li><a href="#!" id="manage" class="navBtn {{#if $eq myTheme 'dark'}}white-text{{/if}}">Manage</a></li>
{{/if}}
<li><a href="#!" class="signOut">Sign Out</a></li>
<li><a href="#!" class="signOut {{#if $eq myTheme 'dark'}}white-text{{/if}}">Sign Out</a></li>
{{else}}
<li><a href="#!" id="login" class="navBtn">Login</a></li>
<li><a href="#!" id="login" class="navBtn {{#if $eq myTheme 'dark'}}white-text{{/if}}">Login</a></li>
{{/if}}
</ul>
</template>

5
client/General/headerBar.js
View file

@ -15,6 +15,9 @@ Template.headerBar.helpers({
adminReg: function() {
return Session.get("adminreg");
},
myTheme: function() {
return Session.get("myTheme");
}
});
Template.headerBar.events({
@ -36,5 +39,5 @@ Template.headerBar.events({
'click #brandLogo' (event) {
event.preventDefault();
FlowRouter.go('/dashboard');
},
}
});

4
client/MainLayout.js
View file

@ -11,11 +11,11 @@ Template.MainLayout.onRendered(function() {
if (typeof myprefs != 'undefined') {
if (myprefs.darkMode == "light") {
console.log("Found theme as light");
// Session.set("myTheme", "light");
Session.set("myTheme", "light");
document.documentElement.setAttribute('theme', "light");
} else {
console.log("Found theme as dark");
// Session.set("myTheme", "dark");
Session.set("myTheme", "dark");
document.documentElement.setAttribute('theme', "dark");
}
} else {