qcobjects-sdk 2.4.66 → 2.5.105

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (177) hide show
  1. package/.github/workflows/npmpublish.yml +47 -0
  2. package/README.md +0 -1
  3. package/VERSION +1 -1
  4. package/build/index.js +137 -25
  5. package/build/ts/org.qcobjects.base.components.js +75 -0
  6. package/build/ts/org.qcobjects.cloud.auth.session.data.js +122 -0
  7. package/build/ts/org.qcobjects.cloud.auth.session.usertoken.js +97 -0
  8. package/build/ts/org.qcobjects.components.grid.js +63 -0
  9. package/build/ts/org.qcobjects.components.js +200 -0
  10. package/build/{js/org.qcobjects.modal.effects.js → ts/org.qcobjects.components.list.js} +40 -29
  11. package/build/ts/org.qcobjects.components.notifications.js +180 -0
  12. package/build/ts/org.qcobjects.components.slider.js +207 -0
  13. package/build/{js → ts}/org.qcobjects.components.splashscreen.js +123 -130
  14. package/build/ts/org.qcobjects.controllers.form.js +180 -0
  15. package/build/ts/org.qcobjects.controllers.grid.js +269 -0
  16. package/build/{js → ts}/org.qcobjects.controllers.js +11 -11
  17. package/build/ts/org.qcobjects.controllers.list.js +235 -0
  18. package/build/ts/org.qcobjects.controllers.slider.js +126 -0
  19. package/build/ts/org.qcobjects.controllers.swagger.js +75 -0
  20. package/build/ts/org.qcobjects.effects.base.js +70 -0
  21. package/build/ts/org.qcobjects.effects.extended.js +270 -0
  22. package/build/ts/org.qcobjects.effects.js +49 -0
  23. package/build/ts/org.qcobjects.i18n_messages.js +59 -0
  24. package/build/{js → ts}/org.qcobjects.modal.controllers.js +16 -15
  25. package/build/ts/org.qcobjects.modal.effects.js +46 -0
  26. package/build/{js → ts}/org.qcobjects.models.js +11 -11
  27. package/{src/js/org.qcobjects.tools.canvas.ts → build/ts/org.qcobjects.tools.canvas.js} +16 -21
  28. package/build/{js → ts}/org.qcobjects.tools.js +10 -3
  29. package/build/ts/org.qcobjects.tools.layouts.js +74 -0
  30. package/build/{js → ts}/org.qcobjects.views.js +11 -11
  31. package/build-esbuild.js +72 -0
  32. package/eslint.config.mjs +88 -0
  33. package/package.json +67 -63
  34. package/postbuild.js +10 -0
  35. package/public/browser/index.js +9829 -0
  36. package/public/browser/index.js.map +7 -0
  37. package/public/cjs/index.cjs +9879 -0
  38. package/public/cjs/index.cjs.map +7 -0
  39. package/public/esm/index.mjs +9819 -0
  40. package/public/esm/index.mjs.map +7 -0
  41. package/public/types/index.d.ts +614 -0
  42. package/spec/helpers/mock-sdk.helper.ts +2 -0
  43. package/spec/mocks/qcobjects-sdk.mock.ts +1 -0
  44. package/spec/support/jasmine.json +7 -4
  45. package/src/index.ts +127 -2
  46. package/src/ts/org.qcobjects.base.components.ts +83 -0
  47. package/src/ts/org.qcobjects.cloud.auth.session.data.ts +134 -0
  48. package/src/ts/org.qcobjects.cloud.auth.session.usertoken.ts +108 -0
  49. package/src/ts/org.qcobjects.components.grid.ts +68 -0
  50. package/src/{js → ts}/org.qcobjects.components.list.ts +15 -31
  51. package/src/{js → ts}/org.qcobjects.components.notifications.ts +12 -12
  52. package/src/ts/org.qcobjects.components.slider.ts +216 -0
  53. package/src/{js → ts}/org.qcobjects.components.splashscreen.ts +31 -39
  54. package/src/ts/org.qcobjects.components.ts +226 -0
  55. package/src/ts/org.qcobjects.controllers.form.ts +209 -0
  56. package/src/ts/org.qcobjects.controllers.grid.ts +291 -0
  57. package/src/ts/org.qcobjects.controllers.list.ts +256 -0
  58. package/src/ts/org.qcobjects.controllers.slider.ts +153 -0
  59. package/src/ts/org.qcobjects.controllers.swagger.ts +83 -0
  60. package/src/{js → ts}/org.qcobjects.controllers.ts +7 -9
  61. package/src/ts/org.qcobjects.effects.base.ts +81 -0
  62. package/src/{js/org.qcobjects.effects.ts → ts/org.qcobjects.effects.extended.ts} +70 -198
  63. package/src/ts/org.qcobjects.effects.ts +42 -0
  64. package/src/ts/org.qcobjects.i18n_messages.ts +68 -0
  65. package/src/{js → ts}/org.qcobjects.modal.controllers.ts +12 -14
  66. package/src/{js → ts}/org.qcobjects.modal.effects.ts +22 -18
  67. package/src/{js → ts}/org.qcobjects.models.ts +8 -11
  68. package/src/ts/org.qcobjects.tools.canvas.ts +57 -0
  69. package/src/ts/org.qcobjects.tools.layouts.ts +82 -0
  70. package/src/{js → ts}/org.qcobjects.tools.ts +7 -1
  71. package/src/{js → ts}/org.qcobjects.views.ts +9 -8
  72. package/src/types/global/index.d.ts +181 -0
  73. package/transpile.js +65 -0
  74. package/tsconfig.d.json +65 -3
  75. package/tsconfig.jasmine.json +64 -0
  76. package/tsconfig.json +71 -7
  77. package/.eslintignore +0 -4
  78. package/.eslintrc.cjs +0 -6
  79. package/.github/workflows/npmpublish-beta.yml +0 -38
  80. package/.github/workflows/npmpublish-lts.yml +0 -38
  81. package/.github/workflows/npmpublish-main.yml +0 -40
  82. package/.gitmodules +0 -4
  83. package/build/QCObjects-SDK.js +0 -97
  84. package/build/css/base-modal.css +0 -43
  85. package/build/css/basic-layout-embedded-nav.css +0 -14
  86. package/build/css/basic-layout.css +0 -76
  87. package/build/css/components/horizontal-list.css +0 -64
  88. package/build/css/components/list.css +0 -57
  89. package/build/css/components/splashscreen.css +0 -111
  90. package/build/css/modal.css +0 -46
  91. package/build/index.cjs +0 -4
  92. package/build/index.mjs +0 -2
  93. package/build/js/org.qcobjects.cloud.auth.session.data.js +0 -125
  94. package/build/js/org.qcobjects.cloud.auth.session.usertoken.js +0 -109
  95. package/build/js/org.qcobjects.components.grid.js +0 -81
  96. package/build/js/org.qcobjects.components.js +0 -292
  97. package/build/js/org.qcobjects.components.list.js +0 -71
  98. package/build/js/org.qcobjects.components.notifications.js +0 -179
  99. package/build/js/org.qcobjects.components.slider.js +0 -193
  100. package/build/js/org.qcobjects.controllers.form.js +0 -178
  101. package/build/js/org.qcobjects.controllers.grid.js +0 -258
  102. package/build/js/org.qcobjects.controllers.list.js +0 -228
  103. package/build/js/org.qcobjects.controllers.slider.js +0 -131
  104. package/build/js/org.qcobjects.controllers.swagger.js +0 -50
  105. package/build/js/org.qcobjects.effects.js +0 -417
  106. package/build/js/org.qcobjects.i18n_messages.js +0 -72
  107. package/build/js/org.qcobjects.tools.canvas.js +0 -53
  108. package/build/js/org.qcobjects.tools.layouts.js +0 -73
  109. package/build/templates/components/modalyoulose.tpl.html +0 -3
  110. package/build/templates/components/modalyouwin.tpl.html +0 -4
  111. package/build/templates/components/splashscreen.tpl.html +0 -128
  112. package/build/templates/components/swagger-ui.tpl.html +0 -22
  113. package/docs/CNAME +0 -1
  114. package/public/QCObjects-SDK.js +0 -696
  115. package/public/QCObjects-SDK.js.map +0 -7
  116. package/public/css/base-modal.css +0 -2
  117. package/public/css/base-modal.css.map +0 -7
  118. package/public/css/basic-layout-embedded-nav.css +0 -2
  119. package/public/css/basic-layout-embedded-nav.css.map +0 -7
  120. package/public/css/basic-layout.css +0 -2
  121. package/public/css/basic-layout.css.map +0 -7
  122. package/public/css/components/horizontal-list.css +0 -2
  123. package/public/css/components/horizontal-list.css.map +0 -7
  124. package/public/css/components/list.css +0 -2
  125. package/public/css/components/list.css.map +0 -7
  126. package/public/css/components/splashscreen.css +0 -2
  127. package/public/css/components/splashscreen.css.map +0 -7
  128. package/public/css/modal.css +0 -2
  129. package/public/css/modal.css.map +0 -7
  130. package/public/index.cjs +0 -4
  131. package/public/index.js +0 -27
  132. package/public/index.mjs +0 -2
  133. package/public/templates/components/modalyoulose.tpl.html +0 -3
  134. package/public/templates/components/modalyouwin.tpl.html +0 -4
  135. package/public/templates/components/splashscreen.tpl.html +0 -128
  136. package/public/templates/components/swagger-ui.tpl.html +0 -22
  137. package/src/QCObjects-SDK.d.ts +0 -26
  138. package/src/QCObjects-SDK.ts +0 -108
  139. package/src/index.cts +0 -2
  140. package/src/index.d.ts +0 -2
  141. package/src/index.mts +0 -2
  142. package/src/js/org.qcobjects.cloud.auth.session.data.d.ts +0 -1
  143. package/src/js/org.qcobjects.cloud.auth.session.data.ts +0 -135
  144. package/src/js/org.qcobjects.cloud.auth.session.usertoken.d.ts +0 -2
  145. package/src/js/org.qcobjects.cloud.auth.session.usertoken.ts +0 -128
  146. package/src/js/org.qcobjects.components.d.ts +0 -10
  147. package/src/js/org.qcobjects.components.grid.d.ts +0 -3
  148. package/src/js/org.qcobjects.components.grid.ts +0 -95
  149. package/src/js/org.qcobjects.components.list.d.ts +0 -3
  150. package/src/js/org.qcobjects.components.notifications.d.ts +0 -1
  151. package/src/js/org.qcobjects.components.slider.d.ts +0 -1
  152. package/src/js/org.qcobjects.components.slider.ts +0 -205
  153. package/src/js/org.qcobjects.components.splashscreen.d.ts +0 -28
  154. package/src/js/org.qcobjects.components.ts +0 -336
  155. package/src/js/org.qcobjects.controllers.d.ts +0 -1
  156. package/src/js/org.qcobjects.controllers.form.d.ts +0 -1
  157. package/src/js/org.qcobjects.controllers.form.ts +0 -206
  158. package/src/js/org.qcobjects.controllers.grid.d.ts +0 -1
  159. package/src/js/org.qcobjects.controllers.grid.ts +0 -287
  160. package/src/js/org.qcobjects.controllers.list.d.ts +0 -1
  161. package/src/js/org.qcobjects.controllers.list.ts +0 -254
  162. package/src/js/org.qcobjects.controllers.slider.d.ts +0 -1
  163. package/src/js/org.qcobjects.controllers.slider.ts +0 -158
  164. package/src/js/org.qcobjects.controllers.swagger.d.ts +0 -1
  165. package/src/js/org.qcobjects.controllers.swagger.ts +0 -83
  166. package/src/js/org.qcobjects.effects.d.ts +0 -20
  167. package/src/js/org.qcobjects.i18n_messages.d.ts +0 -1
  168. package/src/js/org.qcobjects.i18n_messages.ts +0 -82
  169. package/src/js/org.qcobjects.modal.controllers.d.ts +0 -1
  170. package/src/js/org.qcobjects.modal.effects.d.ts +0 -1
  171. package/src/js/org.qcobjects.models.d.ts +0 -1
  172. package/src/js/org.qcobjects.tools.canvas.d.ts +0 -1
  173. package/src/js/org.qcobjects.tools.d.ts +0 -1
  174. package/src/js/org.qcobjects.tools.layouts.d.ts +0 -1
  175. package/src/js/org.qcobjects.tools.layouts.ts +0 -85
  176. package/src/js/org.qcobjects.views.d.ts +0 -1
  177. /package/spec/{testsSpec.js → testsSpec.ts} +0 -0
@@ -1,287 +0,0 @@
1
- import { Package, Controller, _DOMCreateElement, logger, _DataStringify, ClassFactory, New, ComponentURI, CONFIG, serviceLoader, ControllerParams, QCObjectsElement, QCObjectsShadowedElement } from "qcobjects";
2
- import { GridComponent } from "./org.qcobjects.components.grid";
3
- /**
4
- * QCObjects SDK 2.4
5
- * ________________
6
- *
7
- * Author: Jean Machuca <correojean@gmail.com>
8
- *
9
- * Cross Browser Javascript Framework for MVC Patterns
10
- * QuickCorp/QCObjects is licensed under the
11
- * GNU Lesser General Public License v3.0
12
- * [LICENSE] (https://github.com/QuickCorp/QCObjects/blob/master/LICENSE.txt)
13
- *
14
- * Permissions of this copyleft license are conditioned on making available
15
- * complete source code of licensed works and modifications under the same
16
- * license or the GNU GPLv3. Copyright and license notices must be preserved.
17
- * Contributors provide an express grant of patent rights. However, a larger
18
- * work using the licensed work through interfaces provided by the licensed
19
- * work may be distributed under different terms and without source code for
20
- * the larger work.
21
- *
22
- * Copyright (C) 2015 Jean Machuca,<correojean@gmail.com>
23
- *
24
- * Everyone is permitted to copy and distribute verbatim copies of this
25
- * license document, but changing it is not allowed.
26
- */
27
-
28
- (function() {
29
- "use strict";
30
- type DataGridControllerParams = ControllerParams & {
31
- rows:number | string | null;
32
- cols: number | string | null;
33
- }
34
- Package("org.qcobjects.controllers.grid",[
35
-
36
- class GridController extends Controller {
37
- __instanceID!:number;
38
- rows:number | string | null;
39
- cols:number | string | null;
40
-
41
- constructor (controller:ControllerParams){
42
- super(controller);
43
- this.rows=this.component.body.getAttribute("rows");
44
- this.rows=(this.rows !== null)?(this.rows):((this.component as typeof GridComponent).rows);
45
- this.cols=this.component.body.getAttribute("cols");
46
- this.cols=(this.cols !== null)?(this.cols):((this.component as typeof GridComponent).cols);
47
-
48
- }
49
-
50
- cssGrid (){
51
- const component = this.component;
52
- const _componentRoot = (component.shadowed)?(component.shadowRoot):(component.body);
53
- if (typeof this.rows !== "undefined" && typeof this.cols !== "undefined"){
54
- const s = _DOMCreateElement("style");
55
- const templateRows = "auto ".repeat(this.rows as number);
56
- const templateCols = "auto ".repeat(this.cols as number);
57
- const className = "grid"+this.__instanceID.toString();
58
- s.innerHTML = `.${className}{
59
- display: grid; \
60
- grid-template-rows: ${templateRows}; \
61
- grid-template-columns: ${templateCols}; \
62
- margin:0 auto; \
63
- }`;
64
- _componentRoot?.append(s);
65
- if (component.shadowed){
66
- (_componentRoot as ShadowRoot)?.host.classList.add(className);
67
- } else {
68
- ((_componentRoot as HTMLDivElement).classList).add(className);
69
- }
70
- }
71
- }
72
-
73
- done (){
74
- this.cssGrid();
75
-
76
- logger.debug("GridComponent built");
77
-
78
- }
79
-
80
- },
81
-
82
- class DataGridController extends Controller {
83
- __instanceID!:number;
84
- rows:number | string | null;
85
- cols: number | string | null;
86
- _componentRoot:QCObjectsElement | QCObjectsShadowedElement | HTMLElement | ShadowRoot | undefined;
87
-
88
- constructor (controller:DataGridControllerParams){
89
- super(controller);
90
- this._componentRoot = (controller.component.shadowed)?(controller.component.shadowRoot):(controller.component.body);
91
- this.rows=controller.component.body.getAttribute("rows");
92
- this.rows=(controller.rows !== null)?(controller.rows):((controller.component as typeof GridComponent).rows);
93
- this.cols=controller.component.body.getAttribute("cols");
94
- this.cols=(controller.cols !== null)?(controller.cols):((controller.component as typeof GridComponent).cols);
95
- logger.debug("DataGridController INIT");
96
-
97
- }
98
-
99
- getPageIndex (page:number, totalPage:number, totalElements:number) {
100
- page = (page>0)?(page-1):(0);
101
- return [totalElements*page/ totalPage, (totalElements*page/ totalPage) + totalElements/totalPage];
102
- }
103
-
104
- addSubcomponents (){
105
- this.component.subcomponents = [];
106
- if (typeof this._componentRoot !== "undefined"){
107
- this._componentRoot.innerHTML = "";
108
- }
109
- this.cssGrid();
110
- logger.debug(_DataStringify(this.component.data));
111
- try {
112
- const subcomponentClass = this.component.body.getAttribute("subcomponentClass");
113
- if (subcomponentClass != null){
114
- let offset:number;
115
- let limit:number;
116
- let pagesNumber:number;
117
- let list = [...this.component.data];
118
- let paginateIn = this.component.body.getAttribute("paginate-in");
119
- let page:number | string | null | undefined;
120
- paginateIn = (paginateIn !== null)?(paginateIn):("client");
121
- if (paginateIn === "client"){
122
- page = this.component.body.getAttribute("page-number") as unknown as number;
123
- page = (isNaN(page) || page === null)?(-1):(page);
124
- if (page !== -1){
125
- pagesNumber = this.component.body.getAttribute("total-pages") as unknown as number;
126
- pagesNumber = (isNaN(pagesNumber))?(1):(pagesNumber);
127
- offset = this.getPageIndex(page, pagesNumber, list.length)[0];
128
- limit = this.getPageIndex(page, pagesNumber, list.length)[1];
129
- } else {
130
- offset = 0;
131
- limit = list.length;
132
- pagesNumber = 1;
133
- }
134
- list = list.slice(offset,limit);
135
- } else {
136
- offset = 0;
137
- limit = list.length;
138
- pagesNumber = 1;
139
- }
140
- list.map(
141
- (record,dataIndex, list) => {
142
- const _ret_ = undefined;
143
- try {
144
- const _body = _DOMCreateElement("component");
145
- _body.setAttribute("name",ClassFactory(subcomponentClass).name);
146
- _body.setAttribute("shadowed",ClassFactory(subcomponentClass).shadowed);
147
- _body.setAttribute("cached",ClassFactory(subcomponentClass).cached);
148
- record = Object.assign(record, {
149
- __dataIndex: dataIndex,
150
- __dataLength: list.length,
151
- __page: page,
152
- __totalPages: pagesNumber,
153
- __limit: limit,
154
- __offset: offset
155
- });
156
- const subcomponent = New(ClassFactory(subcomponentClass),{
157
- name:"item",
158
- data:record,
159
- templateURI:ComponentURI({
160
- "COMPONENTS_BASE_PATH":CONFIG.get("componentsBasePath", ""),
161
- "COMPONENT_NAME":ClassFactory(subcomponentClass).name,
162
- "TPLEXTENSION":CONFIG.get("tplextension", ""),
163
- "TPL_SOURCE":ClassFactory(subcomponentClass).tplsource
164
- }),
165
- body:_body,
166
- template:ClassFactory(subcomponentClass).template
167
- });
168
- subcomponent.done = this.component.done.bind(subcomponent);
169
- try {
170
- if (subcomponent){
171
- subcomponent.data.__dataIndex = dataIndex;
172
- if (Object.hasOwnProperty.call(this.component.data,"length")){
173
- subcomponent.data.__dataLength = this.component.data.length;
174
- }
175
- logger.debug("adding subcomponent to body");
176
- this._componentRoot?.append(subcomponent.body);
177
- try {
178
- this.component.subcomponents.push(subcomponent);
179
- }catch (e){
180
- logger.debug("ERROR LOADING SUBCOMPONENT IN DATAGRID");
181
- }
182
- } else {
183
- logger.debug("ERROR LOADING SUBCOMPONENT IN DATAGRID");
184
- }
185
- }catch (e){
186
- logger.debug("ERROR LOADING SUBCOMPONENT IN DATAGRID");
187
- }
188
-
189
- } catch (e) {
190
- logger.debug("ERROR LOADING SUBCOMPONENT IN DATAGRID");
191
- }
192
- return _ret_;
193
- }
194
- );
195
- } else {
196
- logger.debug("NO SUBCOMPONENT CLASS IN COMPONENT");
197
- }
198
-
199
- } catch (e){
200
- logger.debug("No data for component");
201
- }
202
- }
203
-
204
- cssGrid (){
205
- const component = this.component;
206
- const _componentRoot = (component.shadowed)?(component.shadowRoot):(component.body);
207
- if (typeof this.rows !== "undefined" && typeof this.cols !== "undefined"){
208
- const s = _DOMCreateElement("style");
209
- const templateRows = "auto ".repeat(this.rows as number);
210
- const templateCols = "auto ".repeat(this.cols as number);
211
- const className = "grid"+this.__instanceID.toString();
212
- s.innerHTML = `.${className}{
213
- display: grid; \
214
- grid-template-rows: ${templateRows}; \
215
- grid-template-columns: ${templateCols}; \
216
- margin:0 auto; \
217
- }`;
218
- if (component.shadowed){
219
- component.body.append(s);
220
- (_componentRoot as ShadowRoot).host.classList.add(className);
221
- } else {
222
- _componentRoot?.append(s);
223
- (_componentRoot as HTMLElement).classList.add(className);
224
- }
225
- }
226
- }
227
-
228
- done (){
229
- const componentInstance = this.component;
230
- logger.debug("DataGridController DONE");
231
- const serviceClass = this.component.body.getAttribute("serviceClass");
232
- if (serviceClass != null){
233
- let offset;
234
- let limit;
235
- let paginateIn = componentInstance.body.getAttribute("paginate-in");
236
- paginateIn = (paginateIn !== null)?(paginateIn):("client");
237
- if (paginateIn === "server"){
238
- let page = componentInstance.body.getAttribute("page-number") as unknown as number;
239
- page = (isNaN(page) || page === null)?(-1):(page);
240
- let pagesNumber;
241
- if (page !== -1){
242
- const serverDataCount = (this.component.body.getAttribute("server-data-count")!==null)?(this.component.body.getAttribute("server-data-count") as unknown as number):(1);
243
- pagesNumber = this.component.body.getAttribute("total-pages") as unknown as number;
244
- pagesNumber = (isNaN(pagesNumber))?(1):(pagesNumber);
245
- offset = this.getPageIndex(page, pagesNumber, serverDataCount)[0];
246
- limit = this.getPageIndex(page, pagesNumber, serverDataCount)[1];
247
- // send params in jsonrpc 2.0 style
248
- componentInstance.serviceData = (typeof componentInstance.serviceData !== "undefined")?(componentInstance.serviceData):({});
249
- componentInstance.serviceData.params = (typeof componentInstance.serviceData.params !== "undefined")?(componentInstance.serviceData.params):({});
250
- componentInstance.serviceData.params.offset = offset;
251
- componentInstance.serviceData.params.limit = limit;
252
- }
253
- }
254
-
255
- serviceLoader(New(ClassFactory(serviceClass),{
256
- data:componentInstance.serviceData
257
- }), false).then(
258
- (successfulResponse)=>{
259
- // This will show the service response as a plain text
260
- logger.debug("DONE SERVICE COMPONENT");
261
- successfulResponse.service.JSONresponse = JSON.parse(successfulResponse.service.template);
262
- if (typeof successfulResponse.service.JSONresponse.result !== "undefined"){
263
- logger.debug(_DataStringify(successfulResponse.service.JSONresponse.result));
264
- componentInstance.data = successfulResponse.service.JSONresponse.result;
265
- } else {
266
- componentInstance.data = successfulResponse.service.JSONresponse;
267
- }
268
- this.addSubcomponents();
269
-
270
- },
271
- (failedResponse)=>{
272
- logger.debug(failedResponse);
273
- }).catch ((e)=>{
274
- logger.debug("Something went wrong when calling the service from: "+serviceClass);
275
- logger.debug(e.message);
276
- });
277
-
278
- }
279
-
280
- }
281
-
282
-
283
- }
284
-
285
- ]);
286
-
287
- })();
@@ -1 +0,0 @@
1
- export {};
@@ -1,254 +0,0 @@
1
- import { Package, Controller, logger, CONFIG, _DataStringify, _DOMCreateElement, New, ClassFactory, ComponentURI, serviceLoader, ControllerParams, QCObjectsElement, QCObjectsShadowedElement } from "qcobjects";
2
- import { ListComponent } from "./org.qcobjects.components.list";
3
- /**
4
- * QCObjects SDK 2.4
5
- * ________________
6
- *
7
- * Author: Jean Machuca <correojean@gmail.com>
8
- *
9
- * Cross Browser Javascript Framework for MVC Patterns
10
- * QuickCorp/QCObjects is licensed under the
11
- * GNU Lesser General Public License v3.0
12
- * [LICENSE] (https://github.com/QuickCorp/QCObjects/blob/master/LICENSE.txt)
13
- *
14
- * Permissions of this copyleft license are conditioned on making available
15
- * complete source code of licensed works and modifications under the same
16
- * license or the GNU GPLv3. Copyright and license notices must be preserved.
17
- * Contributors provide an express grant of patent rights. However, a larger
18
- * work using the licensed work through interfaces provided by the licensed
19
- * work may be distributed under different terms and without source code for
20
- * the larger work.
21
- *
22
- * Copyright (C) 2015 Jean Machuca,<correojean@gmail.com>
23
- *
24
- * Everyone is permitted to copy and distribute verbatim copies of this
25
- * license document, but changing it is not allowed.
26
- */
27
- (function () {
28
- "use strict";
29
- type ListControllerParams = ControllerParams & {
30
- component: typeof ListComponent;
31
- valueField:string | undefined;
32
- labelField:string | undefined;
33
-
34
- };
35
- Package("org.qcobjects.controllers.list", [
36
-
37
- class ListController extends Controller {
38
- __instanceID!: number;
39
- component: typeof ListComponent;
40
- valueField:string | undefined;
41
- labelField:string | undefined;
42
- rows:number | string | null;
43
- cols:number;
44
- _componentRoot:QCObjectsElement | QCObjectsShadowedElement | HTMLElement | undefined;
45
-
46
- constructor({component, dependencies = [], valueField = undefined, labelField = undefined}:ListControllerParams) {
47
- super({component, dependencies, valueField, labelField} as ListControllerParams);
48
- this.component = component;
49
- this._componentRoot = (this.component.shadowed) ? (this.component.shadowRoot) : (this.component.body);
50
-
51
- this.labelField = this.component.body.getAttribute("label-field") as string;
52
- this.valueField = this.component.body.getAttribute("value-field") as string;
53
- this.rows = this.component.body.getAttribute("rows");
54
- this.rows = (this.rows !== null) ? (this.rows) : (this.component.rows);
55
- this.cols = 1;
56
- logger.debug("ListController INIT");
57
-
58
- }
59
-
60
- getPageIndex(page:number, totalPage:number, totalElements:number) {
61
- page = (page > 0) ? (page - 1) : (0);
62
- return [totalElements * page / totalPage, (totalElements * page / totalPage) + totalElements / totalPage];
63
- }
64
-
65
- addSubcomponents() {
66
- this.component.subcomponents = [];
67
- const layout = this.component.body.getAttribute("layout");
68
- const basePath = CONFIG.get("listBasePath", CONFIG.get("remoteSDKPath", ""));
69
- let cssLayout = "";
70
- this.labelField = this.component.body.getAttribute("label-field");
71
- this.valueField = this.component.body.getAttribute("value-field");
72
-
73
- if (layout === "horizontal") {
74
- cssLayout = `@import url("${basePath}css/components/horizontal-list.css");`;
75
- } else {
76
- cssLayout = `@import url("${basePath}css/components/list.css");`;
77
- }
78
- if (typeof this._componentRoot !== "undefined"){
79
- this._componentRoot.innerHTML = `<style>${cssLayout}</style><ul></ul>`;
80
- }
81
- logger.debug(_DataStringify(this.component.data));
82
- try {
83
- const subcomponentClass = this.component.body.getAttribute("subcomponentClass");
84
- if (subcomponentClass != null) {
85
- let offset:number;
86
- let limit:number;
87
- let pagesNumber:number;
88
- let list = [...this.component.data];
89
- let paginateIn = this.component.body.getAttribute("paginate-in");
90
- paginateIn = (paginateIn !== null) ? (paginateIn) : ("client");
91
- let page:number;
92
- if (paginateIn === "client") {
93
- page = this.component.body.getAttribute("page-number");
94
- page = (isNaN(page) || page === null) ? (-1) : (page);
95
- if (page !== -1) {
96
- pagesNumber = this.component.body.getAttribute("total-pages");
97
- pagesNumber = (isNaN(pagesNumber)) ? (1) : (pagesNumber);
98
- offset = this.getPageIndex(page, pagesNumber, list.length)[0];
99
- limit = this.getPageIndex(page, pagesNumber, list.length)[1];
100
- } else {
101
- offset = 0;
102
- limit = list.length;
103
- pagesNumber = 1;
104
- }
105
- list = list.slice(offset, limit);
106
- } else {
107
- offset = 0;
108
- limit = list.length;
109
- pagesNumber = 1;
110
- }
111
- list.map(
112
- (record, dataIndex) => {
113
- const _ret_=undefined;
114
- try {
115
- const _body = _DOMCreateElement("li");
116
- record.label = record[this.labelField as string];
117
- record.value = record[this.valueField as string];
118
- const subcomponent = New(ClassFactory(subcomponentClass), {
119
- name:"list-item",
120
- data: {
121
- label: record[this.labelField as string],
122
- value: record[this.valueField as string],
123
- __dataIndex: dataIndex,
124
- __page: page,
125
- __totalPages: pagesNumber,
126
- __limit: limit,
127
- __offset: offset
128
- },
129
- templateURI: ComponentURI({
130
- "COMPONENTS_BASE_PATH": CONFIG.get("componentsBasePath", ""),
131
- "COMPONENT_NAME": ClassFactory(subcomponentClass).name,
132
- "TPLEXTENSION": CONFIG.get("tplextension", ""),
133
- "TPL_SOURCE": ClassFactory(subcomponentClass).tplsource
134
- }),
135
- body: _body,
136
- template: ClassFactory(subcomponentClass).template
137
- });
138
- subcomponent.done = this.component.done.bind(subcomponent);
139
- try {
140
- if (subcomponent) {
141
- subcomponent.data.__dataIndex = dataIndex;
142
- if (Object.hasOwnProperty.call(this.component.data, "length")) {
143
- subcomponent.data.__dataLength = this.component.data.length;
144
- }
145
- logger.debug("adding subcomponent to body");
146
- (this._componentRoot as QCObjectsElement).subelements("ul").map(ul => ul.append(subcomponent));
147
- try {
148
- this.component.subcomponents.push(subcomponent);
149
- } catch (e) {
150
- logger.debug("ERROR LOADING SUBCOMPONENT IN DATAGRID");
151
- }
152
- } else {
153
- logger.debug("ERROR LOADING SUBCOMPONENT IN DATAGRID");
154
- }
155
- } catch (e) {
156
- logger.debug("ERROR LOADING SUBCOMPONENT IN DATAGRID");
157
- }
158
-
159
- } catch (e) {
160
- logger.debug("ERROR LOADING SUBCOMPONENT IN DATAGRID");
161
- }
162
- return _ret_;
163
- }
164
- );
165
- } else {
166
- logger.debug("NO SUBCOMPONENT CLASS IN COMPONENT");
167
- }
168
-
169
- } catch (e) {
170
- logger.debug("No data for component");
171
- }
172
- }
173
-
174
- cssGrid() {
175
- const component = this.component;
176
- const _componentRoot = (component.shadowed) ? (component.shadowRoot) : (component.body);
177
- if (typeof this.rows !== "undefined" && typeof this.cols !== "undefined") {
178
- const s = _DOMCreateElement("style");
179
- const templateRows = "auto ".repeat(this.rows as number);
180
- const templateCols = "auto ".repeat(this.cols);
181
- const className = "grid" + this.__instanceID.toString();
182
- s.innerHTML = `.${className}{
183
- display: grid; \
184
- grid-template-rows: ${templateRows}; \
185
- grid-template-columns: ${templateCols}; \
186
- margin:0 auto; \
187
- }`;
188
- _componentRoot.append(s);
189
- _componentRoot.classList.add(className);
190
- }
191
- }
192
-
193
- done() {
194
- this.cssGrid();
195
-
196
- const componentInstance = this.component;
197
- logger.debug("ListController DONE");
198
- const serviceClass = this.component.body.getAttribute("serviceClass");
199
- if (serviceClass != null) {
200
- let offset;
201
- let limit;
202
- let paginateIn = componentInstance.body.getAttribute("paginate-in");
203
- paginateIn = (paginateIn !== null) ? (paginateIn) : ("client");
204
- if (paginateIn === "server") {
205
- let page = componentInstance.body.getAttribute("page-number");
206
- page = (isNaN(page) || page === null) ? (-1) : (page);
207
- let pagesNumber;
208
- if (page !== -1) {
209
- const serverDataCount = (this.component.body.getAttribute("server-data-count") !== null) ? (this.component.body.getAttribute("server-data-count")) : (1);
210
- pagesNumber = this.component.body.getAttribute("total-pages");
211
- pagesNumber = (isNaN(pagesNumber)) ? (1) : (pagesNumber);
212
- offset = this.getPageIndex(page, pagesNumber, serverDataCount)[0];
213
- limit = this.getPageIndex(page, pagesNumber, serverDataCount)[1];
214
- // send params in jsonrpc 2.0 style
215
- componentInstance.serviceData = (typeof componentInstance.serviceData !== "undefined") ? (componentInstance.serviceData) : ({});
216
- componentInstance.serviceData.params = (typeof componentInstance.serviceData.params !== "undefined") ? (componentInstance.serviceData.params) : ({});
217
- componentInstance.serviceData.params.offset = offset;
218
- componentInstance.serviceData.params.limit = limit;
219
- }
220
- }
221
-
222
- serviceLoader(New(ClassFactory(serviceClass), {
223
- data: componentInstance.serviceData
224
- }), false).then(
225
- (successfulResponse) => {
226
- // This will show the service response as a plain text
227
- logger.debug("DONE SERVICE COMPONENT");
228
- successfulResponse.service.JSONresponse = JSON.parse(successfulResponse.service.template);
229
- if (typeof successfulResponse.service.JSONresponse.result !== "undefined") {
230
- logger.debug(_DataStringify(successfulResponse.service.JSONresponse.result));
231
- componentInstance.data = successfulResponse.service.JSONresponse.result;
232
- } else {
233
- componentInstance.data = successfulResponse.service.JSONresponse;
234
- }
235
- this.addSubcomponents();
236
-
237
- },
238
- (failedResponse) => {
239
- logger.debug(failedResponse);
240
- }).catch((e) => {
241
- logger.debug("Something went wrong when calling the service from: " + serviceClass);
242
- logger.debug(e.message);
243
- });
244
-
245
- }
246
-
247
- }
248
-
249
-
250
- }
251
-
252
- ]);
253
-
254
- })();
@@ -1 +0,0 @@
1
- export {};