/************************************************************************
* This file is part of EspoCRM.
*
* EspoCRM – Open Source CRM application.
* Copyright (C) 2014-2025 Yurii Kuznietsov, Taras Machyshyn, Oleksii Avramenko
* Website: https://www.espocrm.com
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see .
*
* The interactive user interfaces in modified source and object code versions
* of this program must display Appropriate Legal Notices, as required under
* Section 5 of the GNU Affero General Public License version 3.
*
* In accordance with Section 7(b) of the GNU Affero General Public License version 3,
* these Appropriate Legal Notices must retain the display of the "EspoCRM" word.
************************************************************************/
/** @module controller */
import Exceptions from 'exceptions';
import {Events, View as BullView} from 'bullbone';
import $ from 'jquery';
/**
* @callback module:controller~viewCallback
* @param {module:view} view A view.
*/
/**
* @callback module:controller~masterViewCallback
* @param {module:views/site/master} view A master view.
*/
/**
* A controller. To be extended.
*
* @mixes Bull.Events
*/
class Controller {
/**
* @internal
* @param {Object.} params
* @param {Object} injections
*/
constructor(params, injections) {
this.params = params || {};
/** @type {module:controllers/base} */
this.baseController = injections.baseController;
/** @type {Bull.Factory} */
this.viewFactory = injections.viewFactory;
/** @type {module:model} */
this.modelFactory = injections.modelFactory;
/** @type {module:collection-factory} */
this.collectionFactory = injections.collectionFactory;
this._settings = injections.settings || null;
this._user = injections.user || null;
this._preferences = injections.preferences || null;
this._acl = injections.acl || null;
this._cache = injections.cache || null;
this._router = injections.router || null;
this._storage = injections.storage || null;
this._metadata = injections.metadata || null;
this._dateTime = injections.dateTime || null;
this._broadcastChannel = injections.broadcastChannel || null;
this.set('masterRendered', false);
}
/**
* A default action.
*
* @type {string}
*/
defaultAction = 'index'
/**
* A name.
*
* @type {string|null}
*/
name = null
/**
* Params.
*
* @type {Object}
* @private
*/
params = null
/**
* A view factory.
*
* @type {Bull.Factory}
* @protected
*/
viewFactory = null
/**
* A model factory.
*
* @type {module:model-factory}
* @protected
*/
modelFactory = null
/**
* A body view.
*
* @public
* @type {string|null}
*/
masterView = null
/**
* Set the router.
*
* @internal
* @param {module:router} router
*/
setRouter(router) {
this._router = router;
this.trigger('router-set', router);
}
/**
* @protected
* @returns {module:models/settings}
*/
getConfig() {
return this._settings;
}
/**
* @protected
* @returns {module:models/user}
*/
getUser() {
return this._user;
}
/**
* @protected
* @returns {module:models/preferences}
*/
getPreferences() {
return this._preferences;
}
/**
* @protected
* @returns {module:acl-manager}
*/
getAcl() {
return this._acl;
}
/**
* @protected
* @returns {module:cache}
*/
getCache() {
return this._cache;
}
/**
* @protected
* @returns {module:router}
*/
getRouter() {
return this._router;
}
/**
* @protected
* @returns {module:storage}
*/
getStorage() {
return this._storage;
}
/**
* @protected
* @returns {module:metadata}
*/
getMetadata() {
return this._metadata;
}
/**
* @protected
* @returns {module:date-time}
*/
getDateTime() {
return this._dateTime;
}
/**
* Get a parameter of all controllers.
*
* @param {string} key A key.
* @return {*} Null if a key doesn't exist.
*/
get(key) {
if (key in this.params) {
return this.params[key];
}
return null;
}
/**
* Set a parameter for all controllers.
*
* @param {string} key A name of a view.
* @param {*} value
*/
set(key, value) {
this.params[key] = value;
}
/**
* Unset a parameter.
*
* @param {string} key A key.
*/
unset(key) {
delete this.params[key];
}
/**
* Has a parameter.
*
* @param {string} key A key.
* @returns {boolean}
*/
has(key) {
return key in this.params;
}
/**
* @param {string} key
* @param {string} [name]
* @return {string}
* @private
*/
_composeScrollKey(key, name) {
name = name || this.name;
return `scrollTop-${name}-${key}`;
}
/**
* @param {string} key
* @return {string}
* @private
*/
_composeMainViewKey(key) {
return `mainView-${this.name}-${key}`;
}
/**
* Get a stored main view.
*
* @param {string} key A key.
* @returns {module:view|null}
*/
getStoredMainView(key) {
return this.get(this._composeMainViewKey(key));
}
/**
* Has a stored main view.
* @param {string} key
* @returns {boolean}
*/
hasStoredMainView(key) {
return this.has(this._composeMainViewKey(key));
}
/**
* Clear a stored main view.
* @param {string} key
*/
clearStoredMainView(key) {
const view = this.getStoredMainView(key);
if (view) {
view.remove(true);
}
this.unset(this._composeScrollKey(key));
this.unset(this._composeMainViewKey(key));
}
/**
* Store a main view.
*
* @param {string} key A key.
* @param {module:view} view A view.
*/
storeMainView(key, view) {
this.set(this._composeMainViewKey(key), view);
this.listenTo(view, 'remove', (o) => {
o = o || {};
if (o.ignoreCleaning) {
return;
}
this.stopListening(view, 'remove');
this.clearStoredMainView(key);
});
}
/**
* Check access to an action.
*
* @param {string} action An action.
* @returns {boolean}
*/
checkAccess(action) {
return true;
}
/**
* Process access check to the controller.
*/
handleAccessGlobal() {
if (!this.checkAccessGlobal()) {
throw new Exceptions.AccessDenied("Denied access to '" + this.name + "'");
}
}
/**
* Check access to the controller.
*
* @returns {boolean}
*/
checkAccessGlobal() {
return true;
}
/**
* Check access to an action. Throwing an exception.
*
* @param {string} action An action.
*/
handleCheckAccess(action) {
if (this.checkAccess(action)) {
return;
}
const msg = action ?
"Denied access to action '" + this.name + "#" + action + "'" :
"Denied access to scope '" + this.name + "'";
throw new Exceptions.AccessDenied(msg);
}
/**
* Process an action.
*
* @param {string} action
* @param {Object} options
*/
doAction(action, options) {
this.handleAccessGlobal();
action = action || this.defaultAction;
const method = 'action' + Espo.Utils.upperCaseFirst(action);
if (!(method in this)) {
throw new Exceptions.NotFound("Action '" + this.name + "#" + action + "' is not found");
}
const preMethod = 'before' + Espo.Utils.upperCaseFirst(action);
const postMethod = 'after' + Espo.Utils.upperCaseFirst(action);
if (preMethod in this) {
this[preMethod].call(this, options || {});
}
this[method].call(this, options || {});
if (postMethod in this) {
this[postMethod].call(this, options || {});
}
}
/**
* Serve a master view. Render if not already rendered.
*
* @param {module:controller~masterViewCallback} callback A callback with a created master view.
* @private
*/
master(callback) {
const entire = this.get('entire');
if (entire) {
entire.remove();
this.set('entire', null);
}
const master = this.get('master');
if (master) {
callback.call(this, master);
return;
}
const masterView = this.masterView || 'views/site/master';
this.viewFactory.create(masterView, {fullSelector: 'body'}, /** module:view */master => {
this.set('master', master);
if (this.get('masterRendered')) {
callback.call(this, master);
return;
}
master.render()
.then(() => {
this.set('masterRendered', true);
callback.call(this, master);
})
});
}
/**
* @param {import('views/site/master').default} masterView
* @private
*/
_unchainMainView(masterView) {
if (
!masterView.currentViewKey /*||
!this.hasStoredMainView(masterView.currentViewKey)*/
) {
return;
}
const currentMainView = masterView.getMainView();
if (!currentMainView) {
return;
}
currentMainView.propagateEvent('remove', {ignoreCleaning: true});
masterView.unchainView('main');
}
/**
* @typedef {Object} module:controller~mainParams
* @property {boolean} [useStored] Use a stored view if available.
* @property {string} [key] A stored view key.
*/
/**
* Create a main view in the master container and render it.
*
* @param {string|module:view} [view] A view name or view instance.
* @param {Object.} [options] Options for a view.
* @param {module:controller~viewCallback} [callback] A callback with a created view.
* @param {module:controller~mainParams} [params] Parameters.
*/
main(view, options, callback, params = {}) {
const dto = {
isCanceled: false,
key: params.key,
useStored: params.useStored,
callback: callback,
};
const selector = '#main';
const useStored = params.useStored || false;
const key = params.key;
this.listenToOnce(this.baseController, 'action', () => dto.isCanceled = true);
const mainView = view && typeof view === 'object' ?
view : undefined;
const viewName = !mainView ?
(view || 'views/base') : undefined;
this.master(masterView => {
if (dto.isCanceled) {
return;
}
options = options || {};
options.fullSelector = selector;
if (useStored && this.hasStoredMainView(key)) {
const mainView = this.getStoredMainView(key);
let isActual = true;
if (
mainView &&
('isActualForReuse' in mainView) &&
typeof mainView.isActualForReuse === 'function'
) {
isActual = mainView.isActualForReuse();
}
const lastUrl = (mainView && 'lastUrl' in mainView) ? mainView.lastUrl : null;
if (
isActual &&
(!lastUrl || lastUrl === this.getRouter().getCurrentUrl())
) {
this._processMain(mainView, masterView, dto);
if (
'setupReuse' in mainView &&
typeof mainView.setupReuse === 'function'
) {
mainView.setupReuse(options.params || {});
}
return;
}
this.clearStoredMainView(key);
}
if (mainView) {
this._unchainMainView(masterView);
masterView.assignView('main', mainView, selector)
.then(() => {
dto.isSet = true;
this._processMain(view, masterView, dto);
});
return;
}
this.viewFactory.create(viewName, options, view => {
this._processMain(view, masterView, dto);
});
});
}
/**
* @param {import('view').default} mainView
* @param {import('views/site/master').default} masterView
* @param {{
* isCanceled: boolean,
* key?: string,
* useStored?: boolean,
* callback?: module:controller~viewCallback,
* isSet?: boolean,
* }} dto Data.
* @private
*/
_processMain(mainView, masterView, dto) {
if (dto.isCanceled) {
return;
}
const key = dto.key;
if (key) {
this.storeMainView(key, mainView);
}
const onAction = () => {
mainView.cancelRender();
dto.isCanceled = true;
};
mainView.listenToOnce(this.baseController, 'action', onAction);
if (masterView.currentViewKey) {
const scrollKey = this._composeScrollKey(masterView.currentViewKey, masterView.currentName);
this.set(scrollKey, $(window).scrollTop());
if (!dto.isSet) {
this._unchainMainView(masterView);
}
}
masterView.currentViewKey = key;
masterView.currentName = this.name;
if (!dto.isSet) {
masterView.setView('main', mainView);
}
const afterRender = () => {
setTimeout(() => mainView.stopListening(this.baseController, 'action', onAction), 500);
mainView.updatePageTitle();
const scrollKey = this._composeScrollKey(key);
if (dto.useStored && this.has(scrollKey)) {
$(window).scrollTop(this.get(scrollKey));
return;
}
$(window).scrollTop(0);
};
if (dto.callback) {
this.listenToOnce(mainView, 'after:render', afterRender);
dto.callback.call(this, mainView);
return;
}
mainView.render()
.then(afterRender);
}
/**
* Show a loading notify-message.
*/
showLoadingNotification() {
const master = this.get('master');
if (!master) {
return;
}
master.showLoadingNotification();
}
/**
* Hide a loading notify-message.
*/
hideLoadingNotification() {
const master = this.get('master');
if (!master) {
return;
}
master.hideLoadingNotification();
}
/**
* Create a view in the BODY element. Use for rendering separate pages without the default navbar and footer.
* If a callback is not passed, the view will be automatically rendered.
*
* @param {string|module:view} view A view name or view instance.
* @param {Object.} [options] Options for a view.
* @param {module:controller~viewCallback} [callback] A callback with a created view.
*/
entire(view, options, callback) {
const masterView = this.get('master');
if (masterView) {
masterView.remove();
}
this.set('master', null);
this.set('masterRendered', false);
if (typeof view === 'object') {
view.setElement('body');
this.viewFactory.prepare(view, () => {
if (!callback) {
view.render();
return;
}
callback(view);
});
return;
}
options = options || {};
options.fullSelector = 'body';
this.viewFactory.create(view, options, view => {
this.set('entire', view);
if (!callback) {
view.render();
return;
}
callback(view);
});
}
}
Object.assign(Controller.prototype, Events);
/** For backward compatibility. */
Controller.extend = BullView.extend;
export default Controller;