Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

[dark theme] added 'Themes' controller

Browse source
This commit is contained in:
Maxim Kadushkin 2021-02-06 13:03:46 +03:00
parent c879fa6c80
commit f938e668ef
10 changed files with 75 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

62
apps/common/main/lib/controller/Themes.js Normal file
View file

@ -0,0 +1,62 @@
/**
* Created by Maxim.Kadushkin on 2/5/2021.
*/
define([
'core'
], function () {
'use strict';
Common.UI.Themes = new (function() {
var sdk_themes_relation = {
'theme-light': 'flat',
'theme-dark': 'flatDark'
};
sdk_themes_relation.contains = function (name) {
return !!this[name];
}
return {
init: function (api) {
var me = this;
$(window).on('storage', function (e) {
if ( e.key == 'ui-theme' ) {
me.setTheme(e.originalEvent.newValue);
}
})
this.api = api;
api.asc_setSkin(sdk_themes_relation[Common.localStorage.getItem('ui-theme', 'theme-light')]);
// app.eventbus.addListeners({
// 'FileMenu': {
// 'settings:apply': function (menu) {
// }
// }
// }, {id: 'Themes'});
// getComputedStyle(document.documentElement).getPropertyValue('--background-normal');
},
current: function () {
return Common.localStorage.getItem('ui-theme', 'theme-light');
},
setTheme: function (name) {
if ( sdk_themes_relation.contains(name) ) {
var classname = document.documentElement.className.replace(/theme-\w+\s?/, '');
document.documentElement.className = classname;
this.api.asc_setSkin(sdk_themes_relation[name]);
$(':root').addClass(name);
Common.localStorage.setItem('ui-theme', name);
}
},
toggleTheme: function () {
this.setTheme(this.current() == 'theme-dark' ? 'theme-light' : 'theme-dark');
}
}
})();
});

1
apps/documenteditor/main/app.js
View file

@ -205,6 +205,7 @@ require([
,'common/main/lib/controller/ExternalMergeEditor'
,'common/main/lib/controller/ReviewChanges'
,'common/main/lib/controller/Protection'
,'common/main/lib/controller/Themes'
,'common/main/lib/controller/Desktop'
], function() {
app.start();

16
apps/documenteditor/main/app/controller/Main.js
View file

@ -171,6 +171,7 @@ define([
this.api = this.getApplication().getController('Viewport').getApi();
Common.UI.FocusManager.init();
Common.UI.Themes.init(this.api);
if (this.api){
this.api.SetDrawingFreeze(true);
@ -189,9 +190,6 @@ define([
case '2': this.api.SetFontRenderingMode(2); break;
}
value = Common.localStorage.getItem("uitheme", "theme-light");
me.api.asc_setSkin(value == "theme-dark" ? 'flatDark' : "flat");
this.api.asc_registerCallback('asc_onError', _.bind(this.onError, this));
this.api.asc_registerCallback('asc_onDocumentContentReady', _.bind(this.onDocumentContentReady, this));
this.api.asc_registerCallback('asc_onOpenDocumentProgress', _.bind(this.onOpenDocument, this));
@ -1122,17 +1120,7 @@ define([
$('#header-logo').children(0).click(e => {
e.stopImmediatePropagation();
var value = Common.localStorage.getItem("uitheme", "theme-light");
var classname = document.documentElement.className.replace(/theme-\w+\s?/, '');
document.documentElement.className = classname;
if ( value != "theme-dark" ) {
me.api.asc_setSkin('flatDark');
$(':root').addClass('theme-dark');
Common.localStorage.setItem("uitheme", "theme-dark");
} else {
me.api.asc_setSkin("flat");
Common.localStorage.setItem("uitheme", "theme-light");
}
Common.UI.Themes.toggleTheme();
// getComputedStyle(document.documentElement).getPropertyValue('--background-normal');
})

1
apps/documenteditor/main/app_dev.js
View file

@ -195,6 +195,7 @@ require([
,'common/main/lib/controller/ExternalMergeEditor'
,'common/main/lib/controller/ReviewChanges'
,'common/main/lib/controller/Protection'
,'common/main/lib/controller/Themes'
,'common/main/lib/controller/Desktop'
], function() {
window.compareVersions = true;

1
apps/presentationeditor/main/app.js
View file

@ -189,6 +189,7 @@ require([
'common/main/lib/controller/ExternalDiagramEditor'
,'common/main/lib/controller/ReviewChanges'
,'common/main/lib/controller/Protection'
,'common/main/lib/controller/Themes'
,'common/main/lib/controller/Desktop'
], function() {
app.start();

16
apps/presentationeditor/main/app/controller/Main.js
View file

@ -156,6 +156,7 @@ define([
this.api = this.getApplication().getController('Viewport').getApi();
Common.UI.FocusManager.init();
Common.UI.Themes.init(this.api);
if (this.api){
this.api.SetDrawingFreeze(true);
@ -170,9 +171,6 @@ define([
Common.Utils.InternalSettings.set("pe-settings-fontrender", value);
this.api.SetFontRenderingMode(parseInt(value));
value = Common.localStorage.getItem("uitheme", "theme-light");
me.api.asc_setSkin(value == "theme-dark" ? 'flatDark' : "flat");
this.api.asc_registerCallback('asc_onError', _.bind(this.onError, this));
this.api.asc_registerCallback('asc_onDocumentContentReady', _.bind(this.onDocumentContentReady, this));
this.api.asc_registerCallback('asc_onOpenDocumentProgress', _.bind(this.onOpenDocument, this));
@ -846,17 +844,7 @@ define([
$('#header-logo').children(0).click(e => {
e.stopImmediatePropagation();
var value = Common.localStorage.getItem("uitheme", "theme-light");
var classname = document.documentElement.className.replace(/theme-\w+\s?/, '');
document.documentElement.className = classname;
if ( value != "theme-dark" ) {
me.api.asc_setSkin('flatDark');
$(':root').addClass('theme-dark');
Common.localStorage.setItem("uitheme", "theme-dark");
} else {
me.api.asc_setSkin("flat");
Common.localStorage.setItem("uitheme", "theme-light");
}
Common.UI.Themes.toggleTheme();
})
},

1
apps/presentationeditor/main/app_dev.js
View file

@ -180,6 +180,7 @@ require([
'common/main/lib/controller/ExternalDiagramEditor'
,'common/main/lib/controller/ReviewChanges'
,'common/main/lib/controller/Protection'
,'common/main/lib/controller/Themes'
,'common/main/lib/controller/Desktop'
], function() {
window.compareVersions = true;

1
apps/spreadsheeteditor/main/app.js
View file

@ -201,6 +201,7 @@ require([
'common/main/lib/controller/Plugins'
,'common/main/lib/controller/ReviewChanges'
,'common/main/lib/controller/Protection'
,'common/main/lib/controller/Themes'
,'common/main/lib/controller/Desktop'
], function() {
app.start();

17
apps/spreadsheeteditor/main/app/controller/Main.js
View file

@ -166,6 +166,7 @@ define([
this.api = this.getApplication().getController('Viewport').getApi();
Common.UI.FocusManager.init();
Common.UI.Themes.init(this.api);
var value = Common.localStorage.getBool("sse-settings-cachemode", true);
Common.Utils.InternalSettings.set("sse-settings-cachemode", value);
@ -176,9 +177,6 @@ define([
Common.Utils.InternalSettings.set("sse-settings-fontrender", value);
this.api.asc_setFontRenderingMode(parseInt(value));
value = Common.localStorage.getItem("uitheme", "theme-light");
this.api.asc_setSkin(value == "theme-dark" ? 'flatDark' : "flat");
this.api.asc_registerCallback('asc_onOpenDocumentProgress', _.bind(this.onOpenDocument, this));
this.api.asc_registerCallback('asc_onEndAction', _.bind(this.onLongActionEnd, this));
this.api.asc_registerCallback('asc_onError', _.bind(this.onError, this));
@ -910,18 +908,7 @@ define([
$('#header-logo').children(0).click(e => {
e.stopImmediatePropagation();
document.documentElement.className = document.documentElement.className.replace(/theme-\w+\s?/, '');
if ( "theme-dark" != Common.localStorage.getItem("uitheme", "theme-light") ) {
me.api.asc_setSkin('flatDark');
$(':root').addClass('theme-dark');
Common.localStorage.setItem("uitheme", "theme-dark");
} else {
me.api.asc_setSkin("flat");
Common.localStorage.setItem("uitheme", "theme-light");
}
// getComputedStyle(document.documentElement).getPropertyValue('--background-normal');
Common.UI.Themes.toggleTheme();
})
},

1
apps/spreadsheeteditor/main/app_dev.js
View file

@ -191,6 +191,7 @@ require([
'common/main/lib/controller/Plugins'
,'common/main/lib/controller/ReviewChanges'
,'common/main/lib/controller/Protection'
,'common/main/lib/controller/Themes'
,'common/main/lib/controller/Desktop'
], function() {
window.compareVersions = true;