Comunic/ComunicWeb
1
0
Fork 0
mirror of https://github.com/pierre42100/ComunicWeb synced 2024-11-22 12:09:21 +00:00
Code Issues Projects Releases Wiki Activity

Dark theme persistant on page reload.

Browse Source
This commit is contained in:
Pierre HUBERT 2019-01-10 17:07:42 +01:00
parent 5bb4e2ae1f
commit c05506a2a5
2 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
assets/js/common/system.js
View File

@ -81,6 +81,11 @@ ComunicWeb.common.system = {
}), 25000);
ComunicWeb.common.cacheManager.registerInterval(autoRefresh);
/**
* Refresh dark theme mode
*/
ComunicWeb.components.darkTheme.refresh();
//Success
return true;
},

18
assets/js/components/darkTheme.js
View File

@ -7,9 +7,9 @@
ComunicWeb.components.darkTheme = {
/**
* This variable contains the dark theme status
* Specify whether dark theme has to be enabled or not
*/
_enabled: false,
_local_storage_name: "dark_theme_mode",
/**
* CSS element that contains dark theme CSS rules
@ -22,7 +22,7 @@ ComunicWeb.components.darkTheme = {
* @return {boolean} TRUE if enabled / FALSE else
*/
isEnabled: function(){
return this._enabled;
return localStorage.getItem(this._local_storage_name) == "true";
},
/**
@ -31,10 +31,18 @@ ComunicWeb.components.darkTheme = {
* @param {boolean} enable TRUE to enable / FALSE else
*/
setEnabled: function(enable){
this._enabled = enable;
localStorage.setItem(this._local_storage_name, enable ? "true" : "false");
this.refresh();
},
/**
* Refresh dark theme state
*/
refresh: function(){
//Check if the theme has to be disabled
if(!this._enabled){
if(!this.isEnabled()){
if(this._cssElem != null)
this._cssElem.disabled = true;
return;