Documentation GitLab

Source

pager/AdmPager.js

  1. "use strict"
  3. /**
  4.  *	----------------------------------------------------------------------------------------------
  5.  *	Imports
  6.  * 	----------------------------------------------------------------------------------------------
  7.  */
  8. import AdmEventBus from '../event/AdmEventBus';
  9.  
  10. /**
  11.  *	----------------------------------------------------------------------------------------------
  12.  *	Class Page Handling
  13.  * 	----------------------------------------------------------------------------------------------
  14.  */
  15.  class AdmPager extends AdmEventBus{ 
  16. 	
  17.     /**
  18.      * Create a basic adamantium app.
  19.      * @param {Object} config - Configuration object of adamantium app
  20.      */
  21. 	constructor(config = {}){
  22. 		super();
  23. 		this.appendTo = config.appendTo;
  24. 		this.loader = config.loader;
  25. 		this.defaultLayout = config.defaultLayout;
  26. 		this.initComplete = config.initComplete || null;
  28. 		this.currentLayout = null;
  29. 		this.currentPage =  null;
  31. 		this._currentPageModule =  null;
  32. 		this._currentLayoutModule =  null;	
  33. 	}
  35.     /**
  36.      * Load page with external loader.
  37. 	 * @access private 
  38. 	 * @param {Object} data - page data
  39.      */
  40. 	async loadPage(data){
  41. 		const Module = await this.loader(data);
  42. 		if(Module){
  43. 			this.setPage(Module.Page, data);
  44. 		}
  45. 	}
  47.     /**
  48.      * Set loaded page.
  49. 	 * @access public 
  50.      * @param {Class} Page - Class of page
  51. 	 * @param {Object} pageData - page route data
  52.      */
  53. 	async setPage(Page, pageData){ 
  54. 		if(this._currentPageModule === Page){
  55. 			if(this.currentPage.load){
  56. 				await this.currentPage.load(pageData);
  57. 			}
  58. 			if(this.currentPage.show){
  59. 				await this.currentPage.show();
  60. 			}
  61. 		}
  62. 		else{ 	
  63. 			if(this.currentPage){
  64. 				await this.removePage();
  65. 			}
  66. 			if( pageData?.config?.layout ){
  67. 				if( pageData.config.layout != this._currentLayoutModule ){
  68. 					await this.setLayout(pageData.config.layout);
  69. 				}		
  70. 			}
  71. 			else if( this.defaultLayout && this.defaultLayout != this._currentLayoutModule ){
  72. 				await this.setLayout(this.defaultLayout);
  73. 			}
  74. 		
  75. 			await this.addPage(Page, pageData);
  77. 			if(this.currentPage.load){
  78. 				await this.currentPage.load(pageData);
  79. 			}
  80. 			if(this.currentPage.show){
  81. 				await this.currentPage.show();
  82. 			}			
  83. 		}
  84. 		this.dispatchEvent("pageReady");
  85. 	}
  87. 	async addPage(Page, pageData){
  88. 		return new Promise(async (resolve) => {
  89. 			this._currentPageModule = Page;
  90. 			this.currentPage = new Page(pageData);
  91. 			if(this.currentPage.preInit){
  92. 				await this.currentPage.preInit();
  93. 			}
  94. 			document.querySelector(this.appendTo).appendChild(this.currentPage); 
  96. 			if(this.currentPage.init){
  97. 				this.currentPage.init(resolve);
  98. 			}else{
  99. 				this.currentPage.init = resolve;
  100. 			}
  101. 		})
  102. 	}
  104. 	async removePage(){
  105. 		if(this.currentPage.unload){
  106. 			await this.currentPage.unload();
  107. 		}
  108. 		if(this.currentPage.hide){
  109. 			await this.currentPage.hide();
  110. 		}		
  111. 		this.currentPage.remove();
  112. 	}
  114. 	/**
  115.      * Set a page layout.
  116. 	 * @access public 
  117.      * @param {Class} Layout - Class of a layout
  118. 	 * @return {Promise} A resolved promise
  119.      */
  120. 	setLayout(Layout){
  121. 		document.body.innerHTML = "";
  122. 		return new Promise((resolve) => {
  123. 			this._currentLayoutModule = Layout;
  124. 			this.currentLayout = new Layout();
  125. 			document.body.appendChild(this.currentLayout);
  127. 			if(this.currentLayout.init){
  128. 				this.currentLayout.init(resolve);
  129. 			}else{
  130. 				this.currentLayout.init = resolve;
  131. 			}
  132. 		})	
  133. 	}
  134. }
  136. export { AdmPager }