Vmeda.Online/src/addon/remotethemes/remotethemes.module.ts

115 lines
4.4 KiB
TypeScript
Raw Normal View History

// (C) Copyright 2015 Martin Dougiamas
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
import { NgModule } from '@angular/core';
import { AddonRemoteThemesProvider } from './providers/remotethemes';
import { CoreEventsProvider } from '@providers/events';
import { CoreInitDelegate } from '@providers/init';
import { CoreLoggerProvider } from '@providers/logger';
import { CoreSitesProvider } from '@providers/sites';
@NgModule({
declarations: [
],
imports: [
],
providers: [
AddonRemoteThemesProvider
]
})
export class AddonRemoteThemesModule {
constructor(initDelegate: CoreInitDelegate, remoteThemesProvider: AddonRemoteThemesProvider, eventsProvider: CoreEventsProvider,
sitesProvider: CoreSitesProvider, loggerProvider: CoreLoggerProvider) {
const logger = loggerProvider.getInstance('AddonRemoteThemesModule');
// Preload the current site styles.
initDelegate.registerProcess({
name: 'AddonRemoteThemesPreloadCurrent',
priority: CoreInitDelegate.MAX_RECOMMENDED_PRIORITY + 250,
blocking: true,
load: remoteThemesProvider.preloadCurrentSite.bind(remoteThemesProvider)
});
// Preload the styles of the rest of sites.
initDelegate.registerProcess({
name: 'AddonRemoteThemesPreload',
blocking: true,
load: remoteThemesProvider.preloadSites.bind(remoteThemesProvider)
});
let addingSite,
unloadTmpStyles;
// When a new site is added to the app, add its styles.
eventsProvider.on(CoreEventsProvider.SITE_ADDED, (data) => {
addingSite = data.siteId;
remoteThemesProvider.addSite(data.siteId).catch((error) => {
logger.error('Error adding site', error);
}).then(() => {
if (addingSite == data.siteId) {
addingSite = false;
}
if (unloadTmpStyles == data.siteId) {
// This site had some tmp styles loaded, unload them.
remoteThemesProvider.unloadTmpStyles();
}
});
});
// Update styles when current site is updated.
eventsProvider.on(CoreEventsProvider.SITE_UPDATED, (data) => {
if (data.siteId === sitesProvider.getCurrentSiteId()) {
remoteThemesProvider.load(data.siteId).catch((error) => {
logger.error('Error loading site after site update', error);
});
}
});
// Enable styles of current site on login.
eventsProvider.on(CoreEventsProvider.LOGIN, (data) => {
remoteThemesProvider.enable(data.siteId);
});
// Disable added styles on logout.
eventsProvider.on(CoreEventsProvider.LOGOUT, (data) => {
remoteThemesProvider.clear();
});
// Remove site styles when a site is deleted.
eventsProvider.on(CoreEventsProvider.SITE_DELETED, (site) => {
remoteThemesProvider.removeSite(site.id);
});
// Load temporary styles when site config is checked in login.
eventsProvider.on(CoreEventsProvider.LOGIN_SITE_CHECKED, (data) => {
remoteThemesProvider.loadTmpStyles(data.config.mobilecssurl);
});
// Unload temporary styles when site config is "unchecked" in login.
eventsProvider.on(CoreEventsProvider.LOGIN_SITE_UNCHECKED, (data) => {
if (data.siteId && data.siteid == addingSite) {
// The tmp styles are from a site that is being added permanently.
// Wait for the final site styles to be loaded before removing the tmp styles so there is no blink effect.
unloadTmpStyles = data.siteId;
} else {
// The tmp styles are from a site that wasn't added in the end. Just remove them.
remoteThemesProvider.unloadTmpStyles();
}
});
}
}