qcobjects-sdk 2.4.6 → 2.4.8
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.
- package/.eslintrc.json +26 -21
- package/QCObjects-SDK.js +47 -47
- package/VERSION +1 -1
- package/demo-tests/test-component-grid.html +43 -30
- package/demo-tests/test-component-list.html +31 -23
- package/demo-tests/test-component-notifications.html +31 -12
- package/demo-tests/test-component-slider.html +47 -31
- package/js/org.qcobjects.cloud.auth.session.data.js +106 -47
- package/js/org.qcobjects.cloud.auth.session.usertoken.js +64 -54
- package/js/org.qcobjects.components.grid.js +46 -34
- package/js/org.qcobjects.components.js +137 -80
- package/js/org.qcobjects.components.list.js +27 -18
- package/js/org.qcobjects.components.notifications.js +73 -58
- package/js/org.qcobjects.components.slider.js +174 -151
- package/js/org.qcobjects.components.splashscreen.js +480 -460
- package/js/org.qcobjects.controllers.form.js +38 -20
- package/js/org.qcobjects.controllers.grid.js +46 -25
- package/js/org.qcobjects.controllers.js +38 -6
- package/js/org.qcobjects.controllers.list.js +169 -157
- package/js/org.qcobjects.controllers.slider.js +113 -97
- package/js/org.qcobjects.controllers.swagger.js +60 -51
- package/js/org.qcobjects.effects.js +149 -124
- package/js/org.qcobjects.i18n_messages.js +11 -6
- package/js/org.qcobjects.modal.controllers.js +14 -9
- package/js/org.qcobjects.modal.effects.js +25 -16
- package/js/org.qcobjects.models.js +19 -11
- package/js/org.qcobjects.tools.canvas.js +10 -6
- package/js/org.qcobjects.tools.js +17 -8
- package/js/org.qcobjects.tools.layouts.js +19 -8
- package/js/org.qcobjects.views.js +12 -7
- package/package.json +3 -4
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* QCObjects SDK 2.
|
|
2
|
+
* QCObjects SDK 2.4
|
|
3
3
|
* ________________
|
|
4
4
|
*
|
|
5
5
|
* Author: Jean Machuca <correojean@gmail.com>
|
|
@@ -21,57 +21,66 @@
|
|
|
21
21
|
*
|
|
22
22
|
* Everyone is permitted to copy and distribute verbatim copies of this
|
|
23
23
|
* license document, but changing it is not allowed.
|
|
24
|
-
*/
|
|
25
|
-
(function() {
|
|
26
|
-
"use strict";
|
|
27
|
-
Package("org.qcobjects.controllers.swagger",[
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
24
|
+
*/
|
|
25
|
+
(function () {
|
|
26
|
+
"use strict";
|
|
27
|
+
Package("org.qcobjects.controllers.swagger", [
|
|
28
|
+
|
|
29
|
+
class SwaggerUIController extends Controller {
|
|
30
|
+
constructor() {
|
|
31
|
+
super();
|
|
32
|
+
this.dependencies = [];
|
|
33
|
+
this.component = null;
|
|
34
|
+
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
startSwaggerUI() {
|
|
38
|
+
// Begin Swagger UI call region
|
|
39
|
+
if (typeof SwaggerUIBundle !== "undefined") {
|
|
40
|
+
/* eslint-disable no-undef */
|
|
41
|
+
const ui = SwaggerUIBundle({
|
|
42
|
+
url: CONFIG.get("swagger-ui-url", "https://petstore.swagger.io/v2/swagger.json"),
|
|
43
|
+
dom_id: "#" + CONFIG.get("swagger-ui-dom_id", "swagger-ui"),
|
|
44
|
+
deepLinking: true,
|
|
45
|
+
presets: [
|
|
46
|
+
SwaggerUIBundle.presets.apis,
|
|
47
|
+
SwaggerUIStandalonePreset
|
|
48
|
+
],
|
|
49
|
+
plugins: [
|
|
50
|
+
SwaggerUIBundle.plugins.DownloadUrl
|
|
51
|
+
],
|
|
52
|
+
layout: "StandaloneLayout"
|
|
53
|
+
});
|
|
54
|
+
// End Swagger UI call region
|
|
55
|
+
window.ui = ui;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
done() {
|
|
61
|
+
var controller = this;
|
|
62
|
+
controller.component.body.innerHTML = "<div id=\"" + CONFIG.get("swagger-ui-dom_id", "swagger-ui") + "\"></div>";
|
|
63
|
+
var swaggerUIPackagePath = CONFIG.get("swagger-ui-package-path", "node_modules/swagger-ui-dist/");
|
|
64
|
+
|
|
65
|
+
this.dependencies.push(New(SourceJS, {
|
|
66
|
+
url: swaggerUIPackagePath + "swagger-ui-standalone-preset.js",
|
|
67
|
+
external: CONFIG.get("swagger-ui-external", false)
|
|
68
|
+
}));
|
|
69
|
+
this.dependencies.push(New(SourceCSS, {
|
|
70
|
+
url: swaggerUIPackagePath + "swagger-ui.css",
|
|
71
|
+
external: CONFIG.get("swagger-ui-external", false)
|
|
72
|
+
}));
|
|
73
|
+
this.dependencies.push(New(SourceJS, {
|
|
74
|
+
url: swaggerUIPackagePath + "swagger-ui-bundle.js",
|
|
75
|
+
external: CONFIG.get("swagger-ui-external", false),
|
|
76
|
+
done: function () {
|
|
77
|
+
controller.startSwaggerUI();
|
|
78
|
+
}
|
|
79
|
+
}));
|
|
50
80
|
}
|
|
51
81
|
|
|
52
|
-
|
|
53
|
-
done: function (){
|
|
54
|
-
var controller = this;
|
|
55
|
-
controller.component.body.innerHTML = "<div id=\""+CONFIG.get("swagger-ui-dom_id","swagger-ui")+"\"></div>";
|
|
56
|
-
var swaggerUIPackagePath = CONFIG.get("swagger-ui-package-path","node_modules/swagger-ui-dist/");
|
|
82
|
+
}
|
|
57
83
|
|
|
58
|
-
|
|
59
|
-
url:swaggerUIPackagePath+"swagger-ui-standalone-preset.js",
|
|
60
|
-
external:CONFIG.get("swagger-ui-external",false)
|
|
61
|
-
}));
|
|
62
|
-
this.dependencies.push(New(SourceCSS,{
|
|
63
|
-
url:swaggerUIPackagePath+"swagger-ui.css",
|
|
64
|
-
external:CONFIG.get("swagger-ui-external",false)
|
|
65
|
-
}));
|
|
66
|
-
this.dependencies.push(New(SourceJS,{
|
|
67
|
-
url:swaggerUIPackagePath+"swagger-ui-bundle.js",
|
|
68
|
-
external:CONFIG.get("swagger-ui-external",false),
|
|
69
|
-
done:function (){
|
|
70
|
-
controller.startSwaggerUI();
|
|
71
|
-
}
|
|
72
|
-
}));
|
|
73
|
-
}
|
|
74
|
-
})
|
|
75
|
-
]);
|
|
84
|
+
]);
|
|
76
85
|
|
|
77
|
-
}).call(null);
|
|
86
|
+
}).call(null);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* QCObjects SDK 2.
|
|
2
|
+
* QCObjects SDK 2.4
|
|
3
3
|
* ________________
|
|
4
4
|
*
|
|
5
5
|
* Author: Jean Machuca <correojean@gmail.com>
|
|
@@ -21,242 +21,267 @@
|
|
|
21
21
|
*
|
|
22
22
|
* Everyone is permitted to copy and distribute verbatim copies of this
|
|
23
23
|
* license document, but changing it is not allowed.
|
|
24
|
-
*/
|
|
24
|
+
*/
|
|
25
25
|
"use strict";
|
|
26
|
-
(function() {
|
|
27
|
-
Package("org.qcobjects.tools.effects",[
|
|
26
|
+
(function () {
|
|
27
|
+
Package("org.qcobjects.tools.effects", [
|
|
28
28
|
|
|
29
|
-
|
|
30
|
-
apply
|
|
31
|
-
var dx = xto-xfrom;
|
|
32
|
-
var dy = yto-yfrom;
|
|
33
|
-
element.style.transform="translate("+xfrom+"px,"+yfrom+"px)";
|
|
29
|
+
class Move extends Effect {
|
|
30
|
+
apply(element, xfrom, yfrom, xto, yto) {
|
|
31
|
+
var dx = xto - xfrom;
|
|
32
|
+
var dy = yto - yfrom;
|
|
33
|
+
element.style.transform = "translate(" + xfrom + "px," + yfrom + "px)";
|
|
34
34
|
this.animate({
|
|
35
35
|
duration: this.duration,
|
|
36
36
|
timing(timeFraction) {
|
|
37
37
|
return timeFraction;
|
|
38
38
|
},
|
|
39
39
|
draw(progress) {
|
|
40
|
-
logger.debug("animation progress: "+progress.toString());
|
|
41
|
-
var y = yfrom + (progress*dy/100);
|
|
42
|
-
var x = xfrom + (progress*dx/100);
|
|
43
|
-
logger.debug("x: "+x.toString()+" y:"+y.toString());
|
|
44
|
-
element.style.transform="translate("+x+"px,"+y+"px)";
|
|
40
|
+
logger.debug("animation progress: " + progress.toString());
|
|
41
|
+
var y = yfrom + (progress * dy / 100);
|
|
42
|
+
var x = xfrom + (progress * dx / 100);
|
|
43
|
+
logger.debug("x: " + x.toString() + " y:" + y.toString());
|
|
44
|
+
element.style.transform = "translate(" + x + "px," + y + "px)";
|
|
45
45
|
}
|
|
46
46
|
});
|
|
47
47
|
}
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
48
|
+
|
|
49
|
+
},
|
|
50
|
+
|
|
51
|
+
class MoveXInFromRight extends Move {
|
|
52
|
+
apply(element) {
|
|
53
|
+
super.apply.call(this, element, element.width, 0, 0, 0);
|
|
52
54
|
}
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
55
|
+
},
|
|
56
|
+
|
|
57
|
+
class MoveXInFromLeft extends Move {
|
|
58
|
+
apply(element) {
|
|
59
|
+
super.apply.call(this, element, -element.width, 0, 0, 0);
|
|
57
60
|
}
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
61
|
+
},
|
|
62
|
+
|
|
63
|
+
class MoveYInFromBottom extends Move {
|
|
64
|
+
apply(element) {
|
|
65
|
+
super.apply.call(this, element, 0, element.height, 0, 0);
|
|
62
66
|
}
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
+
|
|
68
|
+
},
|
|
69
|
+
|
|
70
|
+
class MoveYInFromTop extends Move {
|
|
71
|
+
apply(element) {
|
|
72
|
+
super.apply.call(this, element, 0, -element.height, 0, 0);
|
|
67
73
|
}
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
74
|
+
},
|
|
75
|
+
|
|
76
|
+
class RotateX extends Effect {
|
|
77
|
+
apply(element, angleFrom, angleTo) {
|
|
78
|
+
var da = angleTo - angleFrom;
|
|
72
79
|
this.animate({
|
|
73
80
|
duration: this.duration,
|
|
74
81
|
timing(timeFraction) {
|
|
75
82
|
return timeFraction;
|
|
76
83
|
},
|
|
77
84
|
draw(progress) {
|
|
78
|
-
logger.debug("animation progress: "+progress.toString());
|
|
79
|
-
var angle = Math.round(angleFrom + (progress*da/100));
|
|
80
|
-
logger.debug("angle: "+angle.toString());
|
|
81
|
-
element.style.transform= "rotate3d(1,0,0,"+angle.toString()+"deg)";
|
|
85
|
+
logger.debug("animation progress: " + progress.toString());
|
|
86
|
+
var angle = Math.round(angleFrom + (progress * da / 100));
|
|
87
|
+
logger.debug("angle: " + angle.toString());
|
|
88
|
+
element.style.transform = "rotate3d(1,0,0," + angle.toString() + "deg)";
|
|
82
89
|
}
|
|
83
90
|
});
|
|
84
91
|
}
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
92
|
+
|
|
93
|
+
},
|
|
94
|
+
|
|
95
|
+
class RotateY extends Effect {
|
|
96
|
+
apply(element, angleFrom, angleTo) {
|
|
97
|
+
var da = angleTo - angleFrom;
|
|
89
98
|
this.animate({
|
|
90
99
|
duration: this.duration,
|
|
91
100
|
timing(timeFraction) {
|
|
92
101
|
return timeFraction;
|
|
93
102
|
},
|
|
94
103
|
draw(progress) {
|
|
95
|
-
logger.debug("animation progress: "+progress.toString());
|
|
96
|
-
var angle = Math.round(angleFrom + (progress*da/100));
|
|
97
|
-
logger.debug("angle: "+angle.toString());
|
|
98
|
-
element.style.transform= "rotate3d(0,1,0,"+angle.toString()+"deg)";
|
|
104
|
+
logger.debug("animation progress: " + progress.toString());
|
|
105
|
+
var angle = Math.round(angleFrom + (progress * da / 100));
|
|
106
|
+
logger.debug("angle: " + angle.toString());
|
|
107
|
+
element.style.transform = "rotate3d(0,1,0," + angle.toString() + "deg)";
|
|
99
108
|
}
|
|
100
109
|
});
|
|
101
110
|
}
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
111
|
+
},
|
|
112
|
+
|
|
113
|
+
class RotateZ extends Effect {
|
|
114
|
+
apply(element, angleFrom, angleTo) {
|
|
115
|
+
var da = angleTo - angleFrom;
|
|
106
116
|
this.animate({
|
|
107
117
|
duration: this.duration,
|
|
108
118
|
timing(timeFraction) {
|
|
109
119
|
return timeFraction;
|
|
110
120
|
},
|
|
111
121
|
draw(progress) {
|
|
112
|
-
logger.debug("animation progress: "+progress.toString());
|
|
113
|
-
var angle = Math.round(angleFrom + (progress*da/100));
|
|
114
|
-
logger.debug("angle: "+angle.toString());
|
|
115
|
-
element.style.transform= "rotate3d(0,0,1,"+angle.toString()+"deg)";
|
|
122
|
+
logger.debug("animation progress: " + progress.toString());
|
|
123
|
+
var angle = Math.round(angleFrom + (progress * da / 100));
|
|
124
|
+
logger.debug("angle: " + angle.toString());
|
|
125
|
+
element.style.transform = "rotate3d(0,0,1," + angle.toString() + "deg)";
|
|
116
126
|
}
|
|
117
127
|
});
|
|
118
128
|
}
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
129
|
+
|
|
130
|
+
},
|
|
131
|
+
|
|
132
|
+
class Rotate extends Effect {
|
|
133
|
+
apply(element, angleFrom, angleTo) {
|
|
134
|
+
var da = angleTo - angleFrom;
|
|
123
135
|
this.animate({
|
|
124
136
|
duration: this.duration,
|
|
125
137
|
timing(timeFraction) {
|
|
126
138
|
return timeFraction;
|
|
127
139
|
},
|
|
128
140
|
draw(progress) {
|
|
129
|
-
logger.debug("animation progress: "+progress.toString());
|
|
130
|
-
var angle = Math.round(angleFrom + (progress*da/100));
|
|
131
|
-
logger.debug("angle: "+angle.toString());
|
|
132
|
-
element.style.transform= "rotate3d(1,1,1,"+angle.toString()+"deg)";
|
|
141
|
+
logger.debug("animation progress: " + progress.toString());
|
|
142
|
+
var angle = Math.round(angleFrom + (progress * da / 100));
|
|
143
|
+
logger.debug("angle: " + angle.toString());
|
|
144
|
+
element.style.transform = "rotate3d(1,1,1," + angle.toString() + "deg)";
|
|
133
145
|
}
|
|
134
146
|
});
|
|
135
147
|
}
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
148
|
+
},
|
|
149
|
+
|
|
150
|
+
class Fade extends Effect {
|
|
151
|
+
apply(element, alphaFrom, alphaTo) {
|
|
152
|
+
var da = alphaTo - alphaFrom;
|
|
140
153
|
this.animate({
|
|
141
154
|
duration: this.duration,
|
|
142
155
|
timing(timeFraction) {
|
|
143
156
|
return timeFraction;
|
|
144
157
|
},
|
|
145
158
|
draw(progress) {
|
|
146
|
-
logger.debug("animation progress: "+progress.toString());
|
|
147
|
-
var alpha = alphaFrom + (progress*da/100);
|
|
148
|
-
logger.debug("alpha: "+alpha.toString());
|
|
149
|
-
element.style.opacity= alpha.toString();
|
|
159
|
+
logger.debug("animation progress: " + progress.toString());
|
|
160
|
+
var alpha = alphaFrom + (progress * da / 100);
|
|
161
|
+
logger.debug("alpha: " + alpha.toString());
|
|
162
|
+
element.style.opacity = alpha.toString();
|
|
150
163
|
}
|
|
151
164
|
});
|
|
152
165
|
}
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
166
|
+
},
|
|
167
|
+
|
|
168
|
+
class Radius extends Effect {
|
|
169
|
+
apply(element, radiusFrom, radiusTo) {
|
|
170
|
+
var dr = radiusTo - radiusFrom;
|
|
157
171
|
this.animate({
|
|
158
172
|
duration: this.duration,
|
|
159
173
|
timing(timeFraction) {
|
|
160
174
|
return timeFraction;
|
|
161
175
|
},
|
|
162
176
|
draw(progress) {
|
|
163
|
-
logger.debug("animation progress: "+progress.toString());
|
|
164
|
-
var radius = radiusFrom + (progress*dr/100);
|
|
165
|
-
logger.debug("radius: "+radius.toString());
|
|
166
|
-
element.style.borderRadius= radius.toString()+"px";
|
|
177
|
+
logger.debug("animation progress: " + progress.toString());
|
|
178
|
+
var radius = radiusFrom + (progress * dr / 100);
|
|
179
|
+
logger.debug("radius: " + radius.toString());
|
|
180
|
+
element.style.borderRadius = radius.toString() + "px";
|
|
167
181
|
}
|
|
168
182
|
});
|
|
169
183
|
}
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
184
|
+
|
|
185
|
+
},
|
|
186
|
+
|
|
187
|
+
class Resize extends Effect {
|
|
188
|
+
apply(element, scaleFrom, scaleTo) {
|
|
189
|
+
var ds = scaleTo - scaleFrom;
|
|
174
190
|
this.animate({
|
|
175
191
|
duration: this.duration,
|
|
176
192
|
timing(timeFraction) {
|
|
177
193
|
return timeFraction;
|
|
178
194
|
},
|
|
179
195
|
draw(progress) {
|
|
180
|
-
logger.debug("animation progress: "+progress.toString());
|
|
181
|
-
var scale = scaleFrom + (progress*ds/100);
|
|
182
|
-
logger.debug("resize: "+scale.toString());
|
|
183
|
-
element.style.transformOrigin="center";
|
|
184
|
-
element.style.transform= "scale("+scale+","+scale+")";
|
|
196
|
+
logger.debug("animation progress: " + progress.toString());
|
|
197
|
+
var scale = scaleFrom + (progress * ds / 100);
|
|
198
|
+
logger.debug("resize: " + scale.toString());
|
|
199
|
+
element.style.transformOrigin = "center";
|
|
200
|
+
element.style.transform = "scale(" + scale + "," + scale + ")";
|
|
185
201
|
}
|
|
186
202
|
});
|
|
187
203
|
}
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
204
|
+
|
|
205
|
+
},
|
|
206
|
+
|
|
207
|
+
class WipeLeft extends Effect {
|
|
208
|
+
apply(element, scaleFrom, scaleTo) {
|
|
209
|
+
var ds = scaleTo - scaleFrom;
|
|
192
210
|
this.animate({
|
|
193
211
|
duration: this.duration,
|
|
194
212
|
timing(timeFraction) {
|
|
195
213
|
return timeFraction;
|
|
196
214
|
},
|
|
197
215
|
draw(progress) {
|
|
198
|
-
logger.debug("animation progress: "+progress.toString());
|
|
199
|
-
var scale = scaleFrom + (progress*ds/100);
|
|
200
|
-
logger.debug("wipe: "+scale.toString());
|
|
201
|
-
element.style.transformOrigin="right";
|
|
202
|
-
element.style.transform= "scaleX("+scale+")";
|
|
216
|
+
logger.debug("animation progress: " + progress.toString());
|
|
217
|
+
var scale = scaleFrom + (progress * ds / 100);
|
|
218
|
+
logger.debug("wipe: " + scale.toString());
|
|
219
|
+
element.style.transformOrigin = "right";
|
|
220
|
+
element.style.transform = "scaleX(" + scale + ")";
|
|
203
221
|
}
|
|
204
222
|
});
|
|
205
223
|
}
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
224
|
+
|
|
225
|
+
},
|
|
226
|
+
|
|
227
|
+
class WipeRight extends Effect {
|
|
228
|
+
apply(element, scaleFrom, scaleTo) {
|
|
229
|
+
var ds = scaleTo - scaleFrom;
|
|
210
230
|
this.animate({
|
|
211
231
|
duration: this.duration,
|
|
212
232
|
timing(timeFraction) {
|
|
213
233
|
return timeFraction;
|
|
214
234
|
},
|
|
215
235
|
draw(progress) {
|
|
216
|
-
logger.debug("animation progress: "+progress.toString());
|
|
217
|
-
var scale = scaleFrom + (progress*ds/100);
|
|
218
|
-
logger.debug("wipe: "+scale.toString());
|
|
219
|
-
element.style.transformOrigin="left";
|
|
220
|
-
element.style.transform= "scaleX("+scale+")";
|
|
236
|
+
logger.debug("animation progress: " + progress.toString());
|
|
237
|
+
var scale = scaleFrom + (progress * ds / 100);
|
|
238
|
+
logger.debug("wipe: " + scale.toString());
|
|
239
|
+
element.style.transformOrigin = "left";
|
|
240
|
+
element.style.transform = "scaleX(" + scale + ")";
|
|
221
241
|
}
|
|
222
242
|
});
|
|
223
243
|
}
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
244
|
+
|
|
245
|
+
},
|
|
246
|
+
|
|
247
|
+
class WipeUp extends Effect {
|
|
248
|
+
apply(element, scaleFrom, scaleTo) {
|
|
249
|
+
var ds = scaleTo - scaleFrom;
|
|
228
250
|
this.animate({
|
|
229
251
|
duration: this.duration,
|
|
230
252
|
timing(timeFraction) {
|
|
231
253
|
return timeFraction;
|
|
232
254
|
},
|
|
233
255
|
draw(progress) {
|
|
234
|
-
logger.debug("animation progress: "+progress.toString());
|
|
235
|
-
var scale = scaleFrom + (progress*ds/100);
|
|
236
|
-
logger.debug("wipe: "+scale.toString());
|
|
237
|
-
element.style.transformOrigin="bottom";
|
|
238
|
-
element.style.transform= "scaleY("+scale+")";
|
|
256
|
+
logger.debug("animation progress: " + progress.toString());
|
|
257
|
+
var scale = scaleFrom + (progress * ds / 100);
|
|
258
|
+
logger.debug("wipe: " + scale.toString());
|
|
259
|
+
element.style.transformOrigin = "bottom";
|
|
260
|
+
element.style.transform = "scaleY(" + scale + ")";
|
|
239
261
|
}
|
|
240
262
|
});
|
|
241
263
|
}
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
264
|
+
|
|
265
|
+
},
|
|
266
|
+
|
|
267
|
+
class WipeDown extends Effect {
|
|
268
|
+
apply(element, scaleFrom, scaleTo) {
|
|
269
|
+
var ds = scaleTo - scaleFrom;
|
|
246
270
|
this.animate({
|
|
247
271
|
duration: this.duration,
|
|
248
272
|
timing(timeFraction) {
|
|
249
273
|
return timeFraction;
|
|
250
274
|
},
|
|
251
275
|
draw(progress) {
|
|
252
|
-
logger.debug("animation progress: "+progress.toString());
|
|
253
|
-
var scale = scaleFrom + (progress*ds/100);
|
|
254
|
-
logger.debug("wipe: "+scale.toString());
|
|
255
|
-
element.style.transformOrigin="top";
|
|
256
|
-
element.style.transform= "scaleY("+scale+")";
|
|
276
|
+
logger.debug("animation progress: " + progress.toString());
|
|
277
|
+
var scale = scaleFrom + (progress * ds / 100);
|
|
278
|
+
logger.debug("wipe: " + scale.toString());
|
|
279
|
+
element.style.transformOrigin = "top";
|
|
280
|
+
element.style.transform = "scaleY(" + scale + ")";
|
|
257
281
|
}
|
|
258
282
|
});
|
|
259
283
|
}
|
|
260
|
-
}
|
|
284
|
+
}
|
|
285
|
+
|
|
261
286
|
]);
|
|
262
287
|
}).call(null);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* QCObjects SDK 2.
|
|
2
|
+
* QCObjects SDK 2.4
|
|
3
3
|
* ________________
|
|
4
4
|
*
|
|
5
5
|
* Author: Jean Machuca <correojean@gmail.com>
|
|
@@ -25,13 +25,16 @@
|
|
|
25
25
|
(function() {
|
|
26
26
|
"use strict";
|
|
27
27
|
Package("org.qcobjects.i18n_messages", [
|
|
28
|
-
|
|
29
|
-
|
|
28
|
+
|
|
29
|
+
class i18n_messages extends InheritClass {
|
|
30
|
+
_load_i18n_packages_ (){
|
|
30
31
|
return CONFIG.get("i18n_languages",[]).map((i18n_packagename)=>{
|
|
31
32
|
Import(`org.quickcorp.i18n_messages.${i18n_packagename}`);
|
|
32
33
|
});
|
|
33
|
-
}
|
|
34
|
-
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
_new_() {
|
|
37
|
+
super._new_();
|
|
35
38
|
var i18n = this;
|
|
36
39
|
if (CONFIG.get("use_i18n")){
|
|
37
40
|
CONFIG.set("lang", "en");
|
|
@@ -46,7 +49,9 @@ Package("org.qcobjects.i18n_messages", [
|
|
|
46
49
|
}
|
|
47
50
|
}
|
|
48
51
|
}
|
|
49
|
-
|
|
52
|
+
|
|
53
|
+
},
|
|
54
|
+
|
|
50
55
|
{
|
|
51
56
|
_i18n_messages:i18n_messages._load_i18n_packages_()
|
|
52
57
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* QCObjects SDK 2.
|
|
2
|
+
* QCObjects SDK 2.4
|
|
3
3
|
* ________________
|
|
4
4
|
*
|
|
5
5
|
* Author: Jean Machuca <correojean@gmail.com>
|
|
@@ -25,18 +25,23 @@
|
|
|
25
25
|
(function() {
|
|
26
26
|
"use strict";
|
|
27
27
|
Package("org.qcobjects.modal.controllers",[
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
28
|
+
|
|
29
|
+
class ModalController extends Controller {
|
|
30
|
+
|
|
31
|
+
constructor () {
|
|
32
|
+
super();
|
|
33
|
+
this.dependencies=[];
|
|
34
|
+
this.component=null;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
done (){
|
|
35
38
|
var component = this.component;
|
|
36
39
|
component.body.innerHTML = component.body.innerHTML.replace("/{{content}}/g",component.submodal.template);
|
|
37
40
|
|
|
38
41
|
}
|
|
39
|
-
|
|
42
|
+
|
|
43
|
+
}
|
|
44
|
+
|
|
40
45
|
]);
|
|
41
46
|
|
|
42
47
|
}).call(null);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* QCObjects SDK 2.
|
|
2
|
+
* QCObjects SDK 2.4
|
|
3
3
|
* ________________
|
|
4
4
|
*
|
|
5
5
|
* Author: Jean Machuca <correojean@gmail.com>
|
|
@@ -25,24 +25,33 @@
|
|
|
25
25
|
(function() {
|
|
26
26
|
"use strict";
|
|
27
27
|
Package("org.qcobjects.modal.effects",[
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
28
|
+
|
|
29
|
+
class ModalFade extends Fade {
|
|
30
|
+
constructor () {
|
|
31
|
+
super();
|
|
32
|
+
this.duration=500;
|
|
32
33
|
}
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
34
|
+
|
|
35
|
+
},
|
|
36
|
+
|
|
37
|
+
class ModalMoveDown extends Move {
|
|
38
|
+
constructor () {
|
|
39
|
+
super();
|
|
40
|
+
this.duration=300;
|
|
41
|
+
|
|
38
42
|
}
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
43
|
+
|
|
44
|
+
},
|
|
45
|
+
|
|
46
|
+
class ModalMoveUp extends Move {
|
|
47
|
+
constructor () {
|
|
48
|
+
super();
|
|
49
|
+
this.duration=800;
|
|
50
|
+
|
|
44
51
|
}
|
|
45
|
-
|
|
52
|
+
|
|
53
|
+
}
|
|
54
|
+
|
|
46
55
|
]);
|
|
47
56
|
|
|
48
57
|
}).call(null);
|