Comunic/ComunicWeb
1
0
Fork 0
mirror of https://github.com/pierre42100/ComunicWeb synced 2025-11-04 12:14:12 +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
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); }), 25000);
ComunicWeb.common.cacheManager.registerInterval(autoRefresh); ComunicWeb.common.cacheManager.registerInterval(autoRefresh);
/**
* Refresh dark theme mode
*/
ComunicWeb.components.darkTheme.refresh();
//Success //Success
return true; return true;
}, },

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

@@ -7,9 +7,9 @@
ComunicWeb.components.darkTheme = { 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 * CSS element that contains dark theme CSS rules
@@ -22,7 +22,7 @@ ComunicWeb.components.darkTheme = {
* @return {boolean} TRUE if enabled / FALSE else * @return {boolean} TRUE if enabled / FALSE else
*/ */
isEnabled: function(){ 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 * @param {boolean} enable TRUE to enable / FALSE else
*/ */
setEnabled: function(enable){ 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 //Check if the theme has to be disabled
if(!this._enabled){ if(!this.isEnabled()){
if(this._cssElem != null) if(this._cssElem != null)
this._cssElem.disabled = true; this._cssElem.disabled = true;
return; return;