@stechquick/studio-cli 4.2.0-2 → 4.2.0-3

package/dist/studio-cli/kits/mobile-app-kit/.ai-kit/ui-kit/examples/style/customFilterUsingCalculateFilterExpressionEvent.qjson

@@ -0,0 +1,301 @@
+let pjson = {
+	"pJson": [
+		{
+			"T": "Messaging",
+			"P": {
+				"ID": {
+					"H": "PageComp",
+					"T": "prop"
+				},
+				"triggerOnRestored": {
+					"H": "false",
+					"T": "prop"
+				}
+			},
+			"E": {
+				"getHeaderFilter": {
+					"H": "\r\nlet requestCustomer :IRequest = <any>{};\r\nrequestCustomer.url = 'https://reqres.in/api/users';\r\nrequestCustomer.http = 'get';\r\n// requestCustomer.data = {\r\n//     \"name\": \"morpheus\",\r\n//     \"job\": \"leader\"\r\n// };\r\nrequestCustomer.responseField = 'headerFilter'\r\nrequestCustomer.onSuccess = 'getHeaderFilterSuccess';\r\nrequestCustomer.onFail = 'onHeaderFilterFail';\r\n\r\nquick.Request.async(requestCustomer);\r\n\r\n\r\n",
+					"C": true,
+					"HL": "TS"
+				},
+				"PreRender": {
+					"H": "quick.Quick.bind({ bindedObject: \"store\", fields: [\"testField\"] });\r\nquick.store.set('testField', \"Field 1 \");",
+					"I": true,
+					"HL": "TS"
+				},
+				"PostRender": {
+					"H": "quick.MM.trigger('getHeaderFilter')\r\ncomponents.EdtrComp_93.dataSource = [{\r\n      \"id\": 7,\r\n      \"email\": \"george.bluth@reqres.in\",\r\n      \"first_name\": \"George\",\r\n      \"last_name\": \"Bluth\",\r\n      \"avatar\": \"https://reqres.in/img/faces/1-image.jpg\"\r\n    },\r\n    {\r\n      \"id\": 8,\r\n      \"email\": \"janet.weaver@reqres.in\",\r\n      \"first_name\": \"Janet\",\r\n      \"last_name\": \"Weaver\",\r\n      \"avatar\": \"https://reqres.in/img/faces/2-image.jpg\"\r\n    },\r\n    {\r\n      \"id\": 9,\r\n      \"email\": \"emma.wong@reqres.in\",\r\n      \"first_name\": \"Emma\",\r\n      \"last_name\": \"Wong\",\r\n      \"avatar\": \"https://reqres.in/img/faces/3-image.jpg\"\r\n    },\r\n    {\r\n      \"id\": 10,\r\n      \"email\": \"eve.holt@reqres.in\",\r\n      \"first_name\": \"Eve\",\r\n      \"last_name\": \"Holt\",\r\n      \"avatar\": \"https://reqres.in/img/faces/4-image.jpg\"\r\n    },\r\n    {\r\n      \"id\": 11,\r\n      \"email\": \"charles.morris@reqres.in\",\r\n      \"first_name\": \"Charles\",\r\n      \"last_name\": \"Morris\",\r\n      \"avatar\": \"https://reqres.in/img/faces/5-image.jpg\"\r\n    },\r\n    {\r\n      \"id\": 12,\r\n      \"email\": \"tracey.ramos@reqres.in\",\r\n      \"first_name\": \"Tracey\",\r\n      \"last_name\": \"Ramos\",\r\n      \"avatar\": \"https://reqres.in/img/faces/6-image.jpg\"\r\n    }\r\n];\r\nquick.Quick.updateComponent(components.EdtrComp_93)",
+					"TO": 1,
+					"HL": "TS"
+				},
+				"getHeaderFilterSuccess": {
+					"H": "quick.store.set('testField',[{text: response.headerFilter.data[0].id, value: response.headerFilter.data[0].id}, {text: response.headerFilter.data[1].id, value: response.headerFilter.data[1].id}])\r\nquick.Quick.updateComponent(components.EdtrComp_93)",
+					"C": true,
+					"HL": "TS"
+				}
+			},
+			"C": {},
+			"_Editor": {
+				"eID": "EdtrComp_1"
+			},
+			"O": {
+				"cType": "child"
+			}
+		},
+		{
+			"T": "VContainer",
+			"P": {
+				"ID": {
+					"H": "VContainerComp",
+					"T": "prop"
+				},
+				"class": {
+					"H": "'container'",
+					"T": "class"
+				},
+				"visible": {
+					"H": "true",
+					"T": "prop"
+				},
+				"eager": {
+					"H": "true",
+					"T": "prop"
+				}
+			},
+			"E": {},
+			"C": {
+				"default": {
+					"c": [
+						{
+							"T": "VRow",
+							"P": {
+								"ID": {
+									"H": "VRowComp",
+									"T": "prop"
+								}
+							},
+							"E": {},
+							"C": {
+								"default": {
+									"c": [
+										{
+											"T": "VCol",
+											"C": {
+												"default": {
+													"c": [
+														{
+															"T": "DxDataGrid",
+															"P": {
+																"ID": {
+																	"H": "EdtrComp_93",
+																	"T": "prop"
+																},
+																"dataSource": {
+																	"H": "[]",
+																	"T": "prop"
+																}
+															},
+															"E": {},
+															"C": {
+																"default": {
+																	"c": [
+																		{
+																			"T": "DxHeaderFilter",
+																			"P": {
+																				"visible": {
+																					"H": "'showFilterRow'",
+																					"T": "prop"
+																				},
+																				"allowSearch": {
+																					"H": "false",
+																					"T": "prop"
+																				},
+																				"ID": {
+																					"H": "EdtrComp_149",
+																					"T": "prop"
+																				}
+																			},
+																			"E": {},
+																			"C": {},
+																			"_Editor": {
+																				"eID": "EdtrComp_149"
+																			},
+																			"O": {
+																				"cType": "slot"
+																			}
+																		},
+																		{
+																			"T": "DxColumn",
+																			"P": {
+																				"cellTemplate": {
+																					"H": "name",
+																					"T": "prop"
+																				},
+																				"dataField": {
+																					"H": "'id'",
+																					"T": "prop"
+																				},
+																				"ID": {
+																					"H": "EdtrComp_106",
+																					"T": "prop"
+																				},
+																				"allowFiltering": {
+																					"H": "true",
+																					"T": "prop"
+																				},
+																				"allowHeaderFiltering": {
+																					"H": "true",
+																					"T": "prop"
+																				},
+																				"headerFilter": {
+																					"H": "true",
+																					"T": "prop"
+																				}
+																			},
+																			"E": {
+																				"calculateFilterExpression": {
+																					"H": "debugger\r\nquick.store.set('filterValue', filterValue)\r\nlet requestCustomer :IRequest = <any>{};\r\nrequestCustomer.url = 'https://reqres.in/api/users';\r\nrequestCustomer.http = 'get';\r\nrequestCustomer.data = {\r\n    \"filterValue\": filterValue\r\n};\r\nrequestCustomer.responseField = 'onHeaderFilter'\r\nrequestCustomer.onSuccess = 'getHeaderFilterSuccess';\r\nrequestCustomer.onFail = 'onHeaderFilterFail';\r\n\r\nquick.Request.async(requestCustomer);",
+																					"PE": true,
+																					"P": "filterValue:any,selectedFilterOperation:string",
+																					"HL": "TS"
+																				},
+																				"getHeaderFilterSuccess": {
+																					"H": "debugger\r\nlet filterValue = quick.store.get('filterValue')\r\ncomponents.EdtrComp_93.dataSource = response.onHeaderFilter.data.filter(item => item.id == filterValue)\r\nquick.Quick.updateComponent(components.EdtrComp_93)",
+																					"C": true,
+																					"HL": "TS"
+																				}
+																			},
+																			"C": {
+																				"default": {
+																					"c": [
+																						{
+																							"T": "DxHeaderFilter",
+																							"P": {
+																								"visible": {
+																									"H": "'showFilterRow'",
+																									"T": "prop"
+																								},
+																								"allowSearch": {
+																									"H": "false",
+																									"T": "prop"
+																								},
+																								"ID": {
+																									"H": "EdtrComp_103",
+																									"T": "prop"
+																								},
+																								"dataSource": {
+																									"H": "//await(MM.getHeaderFilter())\r\n//await(MM.trigger('getHeaderFilter'))\r\nstore.get('testField')",
+																									"T": "prop"
+																								}
+																							},
+																							"E": {},
+																							"C": {},
+																							"_Editor": {
+																								"eID": "EdtrComp_103"
+																							},
+																							"O": {
+																								"cType": "slot"
+																							}
+																						}
+																					],
+																					"cType": "slot"
+																				}
+																			},
+																			"_Editor": {
+																				"eID": "EdtrComp_106"
+																			},
+																			"O": {
+																				"cType": "slot"
+																			}
+																		},
+																		{
+																			"T": "DxColumn",
+																			"P": {
+																				"cellTemplate": {
+																					"H": "protein",
+																					"T": "prop"
+																				},
+																				"dataField": {
+																					"H": "'email'",
+																					"T": "prop"
+																				},
+																				"ID": {
+																					"H": "EdtrComp_188",
+																					"T": "prop"
+																				},
+																				"allowFiltering": {
+																					"H": "false",
+																					"T": "prop"
+																				}
+																			},
+																			"E": {},
+																			"C": {},
+																			"_Editor": {
+																				"eID": "EdtrComp_188"
+																			},
+																			"O": {
+																				"cType": "slot"
+																			}
+																		}
+																	],
+																	"cType": "slot"
+																}
+															},
+															"_Editor": {
+																"eID": "EdtrComp_93"
+															},
+															"O": {
+																"cType": "scopedSlot",
+																"forceUpdateAfterPropertySetting": true
+															}
+														}
+													],
+													"cType": "slot"
+												}
+											},
+											"E": {},
+											"P": {
+												"ID": {
+													"H": "VColComp",
+													"T": "prop"
+												}
+											},
+											"_Editor": {
+												"eID": "EdtrComp_3"
+											},
+											"O": {
+												"cType": "slot"
+											},
+											"S": {
+												"xs-xl": {
+													"flexDirection": "column"
+												}
+											}
+										}
+									],
+									"cType": "slot"
+								}
+							},
+							"_Editor": {
+								"eID": "EdtrComp_4"
+							},
+							"O": {
+								"cType": "slot"
+							}
+						}
+					],
+					"cType": "slot"
+				}
+			},
+			"_Editor": {
+				"eID": "EdtrComp_5"
+			},
+			"O": {
+				"cType": "slot"
+			}
+		}
+	],
+	"lrids": {},
+	"opt": { "V": 2.5 }
+};
+export default pjson

package/dist/studio-cli/kits/mobile-app-kit/.ai-kit/ui-kit/examples/style/customStore.qjson

@@ -0,0 +1,157 @@
+let pjson = {
+	"opt": { "V": 2.5 },
+	"pJson": [
+		{
+			"T": "LiveConnection",
+			"P": {
+				"ID": {
+					"H": "connectionComp",
+					"T": "prop"
+				},
+				"secure": {
+					"H": "true",
+					"T": "prop"
+				},
+				"autoConnect": {
+					"H": "false",
+					"T": "prop"
+				},
+				"url": {
+					"H": "//'echo.websocket.org'\r\n//'/js.devexpress.com/Demos/NetCore/liveUpdateSignalRHub'\r\n//'/ws-feed.shrimpy.io/'\r\n//'/ws-feed.shrimpy.io?token=3f823368132fb12f72de8f35a5834e691559c2ec22141facc175d8530a014f668e569cc5aeb1188b993acb1c2e0215d16fe51f8b91de2a003227476ef7fb9634'\r\n//'/dex.binance.org/api/ws/BNB_BTCB-1DE@trades'\r\n//'/stream.cryptowat.ch/connect?apikey=XT11G0PE8VX02ZZ49RUR'\r\n//'/stream.cryptowat.ch/connect?apikey=CXRJ2EJTOLGUF4RNY4CF'\r\n'/ws-feed.pro.coinbase.com'",
+					"T": "prop"
+				}
+			},
+			"E": {
+				"onMessageReceived": {
+					"H": "EM.trace(message)\r\n\r\n//GetAllData\r\nif(message.type =='last_match'){\r\n    if (!store.indexes){\r\n        store.indexes = {}\r\n        store.mydata = []\r\n        store.customStore = {}\r\n        dataGrid.dataSource = []\r\n    }\r\n    targetIndex = store.indexes[message.product_id]\r\n    if (!targetIndex){\r\n        EM.trace('pid: ' + message.product_id)\r\n        store.indexes[message.product_id] = store.mydata.length\r\n        targetIndex = store.mydata.length\r\n    }\r\n    EM.trace('targetIndex: ' + targetIndex)\r\n    EM.trace('store.mydata.length: ' + store.mydata.length)\r\n    store.mydata[targetIndex] = message\r\n    EM.trace(store.mydata)\r\n    \r\n    if(targetIndex == 2){\r\n        EM.trace('Bind All Data')\r\n        store.customStore = devex.createCustomStore({key='product_id', load = store.mydata})\r\n        dataGrid.dataSource = store.customStore\r\n    }\r\n    \r\n}\r\n\r\n//Update\r\nif(message.type=='match'){\r\n        EM.trace('Update Data')\r\n        store.customStore.push([{ 'type'= 'update', 'key'= message.product_id, 'data'= message }])     \r\n}\r\n",
+					"P": "message"
+				}
+			},
+			"C": {},
+			"_Editor": {
+				"eID": "EdtrComp_1"
+			},
+			"O": {
+				"cType": "child"
+			}
+		},
+		{
+			"T": "DataGrid",
+			"P": {
+				"ID": {
+					"H": "dataGrid",
+					"T": "prop"
+				}
+			},
+			"E": {},
+			"C": {},
+			"_Editor": {
+				"eID": "EdtrComp_32"
+			},
+			"O": {
+				"cType": "child"
+			}
+		},
+		{
+			"T": "VBtn",
+			"P": {
+				"ID": {
+					"H": "EdtrComp_4",
+					"T": "prop"
+				}
+			},
+			"E": {
+				"click": {
+					"H": "//Send socket subscription message on button clicked\r\n//Send() method opens connection if closed and enqueues data to be transmitted.\r\n\r\ntradeSubscription = {}\r\ntradeSubscription.type = 'subscribe'\r\ntradeSubscription.product_ids = ['BTC-USD','ETH-USD','ETH-EUR']\r\n\r\ntradeSubscription.channels = ['matches']\r\n\r\ntickerChannel = {}\r\ntickerChannel.name = 'ticker'\r\ntickerChannel.product_ids = ['BTC-USD','ETH-USD','ETH-EUR']\r\n\r\nconnectionComp.message = tradeSubscription\r\nconnectionComp.Send()",
+					"P": ""
+				}
+			},
+			"C": {
+				"default": {
+					"c": [
+						{
+							"T": "QLabel",
+							"C": {},
+							"E": {},
+							"P": {
+								"ID": {
+									"H": "EdtrComp_5",
+									"T": "prop"
+								},
+								"text": {
+									"H": "'Send Message (CUSTOMSTORE)'",
+									"T": "prop"
+								}
+							},
+							"_Editor": {
+								"eID": "EdtrComp_5"
+							},
+							"O": {
+								"cType": "child"
+							}
+						}
+					],
+					"cType": "slot"
+				}
+			},
+			"_Editor": {
+				"eID": "EdtrComp_4"
+			},
+			"O": {
+				"cType": "slot"
+			}
+		},
+		{
+			"T": "VBtn",
+			"P": {
+				"ID": {
+					"H": "EdtrComp_10",
+					"T": "prop"
+				}
+			},
+			"E": {
+				"click": {
+					"H": "connectionComp.Close()",
+					"P": ""
+				}
+			},
+			"C": {
+				"default": {
+					"c": [
+						{
+							"T": "QLabel",
+							"C": {},
+							"E": {},
+							"P": {
+								"ID": {
+									"H": "EdtrComp_12",
+									"T": "prop"
+								},
+								"text": {
+									"H": "'Close Connection'",
+									"T": "prop"
+								}
+							},
+							"_Editor": {
+								"eID": "EdtrComp_12"
+							},
+							"O": {
+								"cType": "child"
+							}
+						}
+					],
+					"cType": "slot"
+				}
+			},
+			"_Editor": {
+				"eID": "EdtrComp_10"
+			},
+			"O": {
+				"cType": "slot"
+			}
+		}
+	],
+	"lrids": {},
+	"description": {}
+};
+export default pjson

package/dist/studio-cli/kits/mobile-app-kit/.ai-kit/ui-kit/examples/style/dataTableFormatColumn.qjson

@@ -0,0 +1,151 @@
+let pjson = {
+	"opt": { "V": 2.5 },
+	"pJson": [
+		{
+			"T": "VDataTable",
+			"P": {
+				"ID": {
+					"H": "dataTable",
+					"T": "prop"
+				},
+				"headers": {
+					"H": "[{ text = 'Formatted Date', value= 'date'},\n{ text = 'Formatted Date(UI)', value= 'dateUI' },\n{ text = 'Formatted Time(UI)', value= 'shortTime' },\n{ text = 'Formatted Money(UI)', value= 'money' }]",
+					"T": "prop"
+				},
+				"footerProps": {
+					"H": "{showFirstLastPage = true,\nfirstIcon = 'mdi-arrow-collapse-left',\nlastIcon = 'mdi-arrow-collapse-right',\nprevIcon = 'mdi-minus',\nnextIcon = 'mdi-plus'}",
+					"T": "prop"
+				},
+				"itemsPerPage": {
+					"H": "5",
+					"T": "prop"
+				},
+				"items": {
+					"H": "[{date = Date.now(), dateUI = '04011989', shortTime = Date.now(), money = 2400},\r\n{date = Date.now(), dateUI = '04011989', shortTime = Date.now(), money = 370000}]",
+					"T": "prop"
+				}
+			},
+			"E": {},
+			"C": {
+				"item.date": {
+					"c": [
+						{
+							"T": "QLabel",
+							"P": {
+								"ID": {
+									"H": "EdtrComp_8",
+									"T": "prop"
+								},
+								"text": {
+									"H": "Quick.toShortDate(item.date, 'DD/MM/YYYY')\r\n\r\n",
+									"T": "prop"
+								}
+							},
+							"E": {},
+							"C": {},
+							"_Editor": {
+								"eID": "EdtrComp_8"
+							},
+							"O": {
+								"compDomClasses": "q-label ",
+								"cType": "child"
+							}
+						}
+					],
+					"cType": "scopedSlot"
+				},
+				"item.dateUI": {
+					"c": [
+						{
+							"T": "QLabel",
+							"P": {
+								"ID": {
+									"H": "EdtrComp_10",
+									"T": "prop"
+								},
+								"text": {
+									"H": "//dateObj = Quick.toDate(item.date,'DDMMYYYY')\r\ndateObj = Quick.toDate(item.date) // Gets format type from ui settings.yaml (settings-proxy.js for editor) \"serviceDateFormat\" field\r\nQuick.toShortDate(dateObj) // Gets format type from ui settings.yaml (settings-proxy.js for editor) \"shortDateFormat\" field\r\n\r\n\r\n\r\n",
+									"T": "prop"
+								}
+							},
+							"E": {},
+							"C": {},
+							"_Editor": {
+								"eID": "EdtrComp_10"
+							},
+							"O": {
+								"compDomClasses": "q-label ",
+								"cType": "child"
+							}
+						}
+					],
+					"cType": "scopedSlot"
+				},
+				"item.money": {
+					"c": [
+						{
+							"T": "QLabel",
+							"P": {
+								"ID": {
+									"H": "EdtrComp_7",
+									"T": "prop"
+								},
+								"text": {
+									"H": "Quick.toMoney(item.money)",
+									"T": "prop"
+								}
+							},
+							"E": {},
+							"C": {},
+							"_Editor": {
+								"eID": "EdtrComp_7"
+							},
+							"O": {
+								"compDomClasses": "q-label ",
+								"cType": "child"
+							}
+						}
+					],
+					"cType": "scopedSlot"
+				},
+				"item.shortTime": {
+					"c": [
+						{
+							"T": "QLabel",
+							"P": {
+								"ID": {
+									"H": "EdtrComp_6",
+									"T": "prop"
+								},
+								"text": {
+									"H": "Quick.toShortTime(item.shortTime)",
+									"T": "prop"
+								}
+							},
+							"E": {},
+							"C": {},
+							"_Editor": {
+								"eID": "EdtrComp_6"
+							},
+							"O": {
+								"compDomClasses": "q-label ",
+								"cType": "child"
+							}
+						}
+					],
+					"cType": "scopedSlot"
+				}
+			},
+			"_Editor": {
+				"eID": "EdtrComp_1"
+			},
+			"O": {
+				"cType": "child",
+				"compDomClasses": "v-data-table theme--light"
+			}
+		}
+	],
+	"lrids": {},
+	"description": {}
+};
+export default pjson