From c203ebde282b3051bf90503aa7745c01b27f0449 Mon Sep 17 00:00:00 2001 From: Arnau Giralt Date: Tue, 10 Oct 2023 18:27:49 +0200 Subject: [PATCH 1/2] LITE-28825: Add marketplaces tab in deployment details screen - Create DeploymentMarketplacesTab component --- .../components/DeploymentMarketplacesTab.vue | 123 ++++++++++++++++++ ui/src/pages/DeploymentDetails.vue | 5 +- 2 files changed, 126 insertions(+), 2 deletions(-) create mode 100644 ui/src/components/DeploymentMarketplacesTab.vue diff --git a/ui/src/components/DeploymentMarketplacesTab.vue b/ui/src/components/DeploymentMarketplacesTab.vue new file mode 100644 index 0000000..d28dd66 --- /dev/null +++ b/ui/src/components/DeploymentMarketplacesTab.vue @@ -0,0 +1,123 @@ + + + diff --git a/ui/src/pages/DeploymentDetails.vue b/ui/src/pages/DeploymentDetails.vue index 4fbac39..2fcdca0 100644 --- a/ui/src/pages/DeploymentDetails.vue +++ b/ui/src/pages/DeploymentDetails.vue @@ -46,7 +46,6 @@ c-view.deployment-details( :height="16", ) - .info-column grid-item( :column-width="78", @@ -67,7 +66,7 @@ c-view.deployment-details( :tabs="tabs", ) template(#marketplaces="") - .marketplaces-tab Marketplaces + deployment-marketplaces-tab(:deployment-id="deployment.id") template(#ppr="") ppr-tab( @@ -101,6 +100,7 @@ import Pic from '~components/Pic.vue'; import PprTab from '~components/PprTab.vue'; import DeploymentConfigurationTab from '~components/DeploymentConfigurationTab.vue'; +import DeploymentMarketplacesTab from '~components/DeploymentMarketplacesTab.vue'; import DeploymentRequestsTab from '~components/DeploymentRequestsTab.vue'; import { @@ -115,6 +115,7 @@ export default { cTabs, cView, DeploymentConfigurationTab, + DeploymentMarketplacesTab, DeploymentRequestsTab, DetailItem, GridItem, From 8e449011fc9482870682b0008cf4f23921a1a7c6 Mon Sep 17 00:00:00 2001 From: Arnau Giralt Date: Tue, 10 Oct 2023 18:28:05 +0200 Subject: [PATCH 2/2] LITE-28825: Build frontend dist files --- ...eployment-details.beec6964f0b8086e841b.js} | 54 ++++++++++++++++++- ...ecf28.js => index.0f34290ecb5c4c243244.js} | 2 +- connect_ext_ppr/static/index.html | 2 +- 3 files changed, 54 insertions(+), 4 deletions(-) rename connect_ext_ppr/static/{deployment-details.b0d7de95e55401ae12ca.js => deployment-details.beec6964f0b8086e841b.js} (91%) rename connect_ext_ppr/static/{index.bbc6cee29733e32ecf28.js => index.0f34290ecb5c4c243244.js} (99%) diff --git a/connect_ext_ppr/static/deployment-details.b0d7de95e55401ae12ca.js b/connect_ext_ppr/static/deployment-details.beec6964f0b8086e841b.js similarity index 91% rename from connect_ext_ppr/static/deployment-details.b0d7de95e55401ae12ca.js rename to connect_ext_ppr/static/deployment-details.beec6964f0b8086e841b.js index 18b12dd..de34861 100644 --- a/connect_ext_ppr/static/deployment-details.b0d7de95e55401ae12ca.js +++ b/connect_ext_ppr/static/deployment-details.beec6964f0b8086e841b.js @@ -149,6 +149,26 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ }), +/***/ "./ui/src/components/DeploymentMarketplacesTab.vue": +/*!*********************************************************!*\ + !*** ./ui/src/components/DeploymentMarketplacesTab.vue ***! + \*********************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _DeploymentMarketplacesTab_vue_vue_type_template_id_19a89f57_lang_pug___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./DeploymentMarketplacesTab.vue?vue&type=template&id=19a89f57&lang=pug& */ \"./ui/src/components/DeploymentMarketplacesTab.vue?vue&type=template&id=19a89f57&lang=pug&\");\n/* harmony import */ var _DeploymentMarketplacesTab_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DeploymentMarketplacesTab.vue?vue&type=script&lang=js& */ \"./ui/src/components/DeploymentMarketplacesTab.vue?vue&type=script&lang=js&\");\n/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ \"./node_modules/vue-loader/lib/runtime/componentNormalizer.js\");\n\n\n\n\n\n/* normalize component */\n;\nvar component = (0,_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(\n _DeploymentMarketplacesTab_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n _DeploymentMarketplacesTab_vue_vue_type_template_id_19a89f57_lang_pug___WEBPACK_IMPORTED_MODULE_0__.render,\n _DeploymentMarketplacesTab_vue_vue_type_template_id_19a89f57_lang_pug___WEBPACK_IMPORTED_MODULE_0__.staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\n/* hot reload */\nif (false) { var api; }\ncomponent.options.__file = \"ui/src/components/DeploymentMarketplacesTab.vue\"\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (component.exports);\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/DeploymentMarketplacesTab.vue?"); + +/***/ }), + +/***/ "./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/DeploymentMarketplacesTab.vue?vue&type=script&lang=js&": +/*!*********************************************************************************************************************************************!*\ + !*** ./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/DeploymentMarketplacesTab.vue?vue&type=script&lang=js& ***! + \*********************************************************************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/utils */ \"./ui/src/utils.js\");\n/* harmony import */ var _components_cDataTable_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ~components/cDataTable.vue */ \"./ui/src/components/cDataTable.vue\");\n/* harmony import */ var _components_DetailItem_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ~components/DetailItem.vue */ \"./ui/src/components/DetailItem.vue\");\n/* harmony import */ var _components_Pic_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ~components/Pic.vue */ \"./ui/src/components/Pic.vue\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ~utils */ \"./ui/src/tools/utils.js\");\n\n\n\n\n\n\n\n\n\n\nconst enrichByBatchInfo = (0,_utils__WEBPACK_IMPORTED_MODULE_4__.enrich)('id', ['pricelist', 'id'], 'pricelist');\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n components: {\n cDataTable: _components_cDataTable_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n DetailItem: _components_DetailItem_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n Pic: _components_Pic_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n },\n\n props: {\n deploymentId: String,\n },\n\n data: () => ({\n loading: true,\n marketplaces: [],\n headers: [\n { text: 'Marketplace', value: 'marketplace' },\n { text: 'External ID', value: 'externalId' },\n { text: 'Pricing Batch', value: 'priceList' },\n { text: 'Applied PPR', value: 'ppr' },\n ],\n }),\n\n methods: {\n prepareRow(item) {\n return {\n id: item.id,\n name: item.name,\n icon: item.icon,\n externalId: item.external_id,\n appliedPprVersion: item.ppr?.version || 0,\n priceList: item.pricelist,\n };\n },\n },\n\n async created() {\n const marketplaces = await (0,_utils__WEBPACK_IMPORTED_MODULE_0__.getDeploymentMarketplaces)(this.deploymentId);\n const batches = await (0,_utils__WEBPACK_IMPORTED_MODULE_0__.getDeploymentBatches)(this.deploymentId);\n\n this.marketplaces = enrichByBatchInfo(batches, marketplaces);\n this.loading = false;\n },\n});\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/DeploymentMarketplacesTab.vue?./node_modules/vue-loader/lib/index.js??vue-loader-options"); + +/***/ }), + /***/ "./ui/src/components/DeploymentRequestsTab.vue": /*!*****************************************************!*\ !*** ./ui/src/components/DeploymentRequestsTab.vue ***! @@ -365,7 +385,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac \********************************************************************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _cloudblueconnect_material_svg_baseline__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @cloudblueconnect/material-svg/baseline */ \"./node_modules/@cloudblueconnect/material-svg/icons/google/sync/baseline.svg\");\n/* harmony import */ var _components_cButton_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ~components/cButton.vue */ \"./ui/src/components/cButton.vue\");\n/* harmony import */ var _components_cStatus_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ~components/cStatus.vue */ \"./ui/src/components/cStatus.vue\");\n/* harmony import */ var _components_cTabs_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ~components/cTabs.vue */ \"./ui/src/components/cTabs.vue\");\n/* harmony import */ var _components_cView_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ~components/cView.vue */ \"./ui/src/components/cView.vue\");\n/* harmony import */ var _components_DetailItem_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ~components/DetailItem.vue */ \"./ui/src/components/DetailItem.vue\");\n/* harmony import */ var _components_GridItem_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ~components/GridItem.vue */ \"./ui/src/components/GridItem.vue\");\n/* harmony import */ var _components_Pic_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ~components/Pic.vue */ \"./ui/src/components/Pic.vue\");\n/* harmony import */ var _components_PprTab_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ~components/PprTab.vue */ \"./ui/src/components/PprTab.vue\");\n/* harmony import */ var _components_DeploymentConfigurationTab_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ~components/DeploymentConfigurationTab.vue */ \"./ui/src/components/DeploymentConfigurationTab.vue\");\n/* harmony import */ var _components_DeploymentRequestsTab_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ~components/DeploymentRequestsTab.vue */ \"./ui/src/components/DeploymentRequestsTab.vue\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @/utils */ \"./ui/src/utils.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n components: {\n cButton: _components_cButton_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n cStatus: _components_cStatus_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n cTabs: _components_cTabs_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n cView: _components_cView_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n DeploymentConfigurationTab: _components_DeploymentConfigurationTab_vue__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n DeploymentRequestsTab: _components_DeploymentRequestsTab_vue__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n DetailItem: _components_DetailItem_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n GridItem: _components_GridItem_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n Pic: _components_Pic_vue__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n PprTab: _components_PprTab_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n },\n\n data: () => ({\n currentTab: null,\n loading: true,\n deployment: null,\n }),\n\n computed: {\n icons: () => ({\n googleSyncBaseline: _cloudblueconnect_material_svg_baseline__WEBPACK_IMPORTED_MODULE_11__[\"default\"],\n }),\n\n deploymentId: vm => vm.$route.params.id,\n\n tabs: () => [\n { label: 'Marketplaces', value: 'marketplaces' },\n { label: 'PPR', value: 'ppr' },\n { label: 'Configuration', value: 'configuration' },\n { label: 'Requests', value: 'requests' },\n ],\n },\n\n created() {\n (0,_utils__WEBPACK_IMPORTED_MODULE_10__.getDeployment)(this.deploymentId).then(deployment => {\n this.deployment = deployment;\n this.loading = false;\n });\n },\n});\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/pages/DeploymentDetails.vue?./node_modules/vue-loader/lib/index.js??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _cloudblueconnect_material_svg_baseline__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @cloudblueconnect/material-svg/baseline */ \"./node_modules/@cloudblueconnect/material-svg/icons/google/sync/baseline.svg\");\n/* harmony import */ var _components_cButton_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ~components/cButton.vue */ \"./ui/src/components/cButton.vue\");\n/* harmony import */ var _components_cStatus_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ~components/cStatus.vue */ \"./ui/src/components/cStatus.vue\");\n/* harmony import */ var _components_cTabs_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ~components/cTabs.vue */ \"./ui/src/components/cTabs.vue\");\n/* harmony import */ var _components_cView_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ~components/cView.vue */ \"./ui/src/components/cView.vue\");\n/* harmony import */ var _components_DetailItem_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ~components/DetailItem.vue */ \"./ui/src/components/DetailItem.vue\");\n/* harmony import */ var _components_GridItem_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ~components/GridItem.vue */ \"./ui/src/components/GridItem.vue\");\n/* harmony import */ var _components_Pic_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ~components/Pic.vue */ \"./ui/src/components/Pic.vue\");\n/* harmony import */ var _components_PprTab_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ~components/PprTab.vue */ \"./ui/src/components/PprTab.vue\");\n/* harmony import */ var _components_DeploymentConfigurationTab_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ~components/DeploymentConfigurationTab.vue */ \"./ui/src/components/DeploymentConfigurationTab.vue\");\n/* harmony import */ var _components_DeploymentMarketplacesTab_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ~components/DeploymentMarketplacesTab.vue */ \"./ui/src/components/DeploymentMarketplacesTab.vue\");\n/* harmony import */ var _components_DeploymentRequestsTab_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ~components/DeploymentRequestsTab.vue */ \"./ui/src/components/DeploymentRequestsTab.vue\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @/utils */ \"./ui/src/utils.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n components: {\n cButton: _components_cButton_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n cStatus: _components_cStatus_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n cTabs: _components_cTabs_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n cView: _components_cView_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n DeploymentConfigurationTab: _components_DeploymentConfigurationTab_vue__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n DeploymentMarketplacesTab: _components_DeploymentMarketplacesTab_vue__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n DeploymentRequestsTab: _components_DeploymentRequestsTab_vue__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n DetailItem: _components_DetailItem_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n GridItem: _components_GridItem_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n Pic: _components_Pic_vue__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n PprTab: _components_PprTab_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n },\n\n data: () => ({\n currentTab: null,\n loading: true,\n deployment: null,\n }),\n\n computed: {\n icons: () => ({\n googleSyncBaseline: _cloudblueconnect_material_svg_baseline__WEBPACK_IMPORTED_MODULE_12__[\"default\"],\n }),\n\n deploymentId: vm => vm.$route.params.id,\n\n tabs: () => [\n { label: 'Marketplaces', value: 'marketplaces' },\n { label: 'PPR', value: 'ppr' },\n { label: 'Configuration', value: 'configuration' },\n { label: 'Requests', value: 'requests' },\n ],\n },\n\n created() {\n (0,_utils__WEBPACK_IMPORTED_MODULE_11__.getDeployment)(this.deploymentId).then(deployment => {\n this.deployment = deployment;\n this.loading = false;\n });\n },\n});\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/pages/DeploymentDetails.vue?./node_modules/vue-loader/lib/index.js??vue-loader-options"); /***/ }), @@ -489,6 +509,16 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ }), +/***/ "./ui/src/components/DeploymentMarketplacesTab.vue?vue&type=script&lang=js&": +/*!**********************************************************************************!*\ + !*** ./ui/src/components/DeploymentMarketplacesTab.vue?vue&type=script&lang=js& ***! + \**********************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_vue_loader_lib_index_js_vue_loader_options_DeploymentMarketplacesTab_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DeploymentMarketplacesTab.vue?vue&type=script&lang=js& */ \"./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/DeploymentMarketplacesTab.vue?vue&type=script&lang=js&\");\n /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_vue_loader_lib_index_js_vue_loader_options_DeploymentMarketplacesTab_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__[\"default\"]); \n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/DeploymentMarketplacesTab.vue?"); + +/***/ }), + /***/ "./ui/src/components/DeploymentRequestsTab.vue?vue&type=script&lang=js&": /*!******************************************************************************!*\ !*** ./ui/src/components/DeploymentRequestsTab.vue?vue&type=script&lang=js& ***! @@ -619,6 +649,16 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ }), +/***/ "./ui/src/components/DeploymentMarketplacesTab.vue?vue&type=template&id=19a89f57&lang=pug&": +/*!*************************************************************************************************!*\ + !*** ./ui/src/components/DeploymentMarketplacesTab.vue?vue&type=template&id=19a89f57&lang=pug& ***! + \*************************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: () => (/* reexport safe */ _node_modules_vue_loader_lib_loaders_templateLoader_js_ruleSet_1_rules_1_node_modules_pug_plain_loader_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_DeploymentMarketplacesTab_vue_vue_type_template_id_19a89f57_lang_pug___WEBPACK_IMPORTED_MODULE_0__.render),\n/* harmony export */ staticRenderFns: () => (/* reexport safe */ _node_modules_vue_loader_lib_loaders_templateLoader_js_ruleSet_1_rules_1_node_modules_pug_plain_loader_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_DeploymentMarketplacesTab_vue_vue_type_template_id_19a89f57_lang_pug___WEBPACK_IMPORTED_MODULE_0__.staticRenderFns)\n/* harmony export */ });\n/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_ruleSet_1_rules_1_node_modules_pug_plain_loader_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_DeploymentMarketplacesTab_vue_vue_type_template_id_19a89f57_lang_pug___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[1]!../../../node_modules/pug-plain-loader/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DeploymentMarketplacesTab.vue?vue&type=template&id=19a89f57&lang=pug& */ \"./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[1]!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/DeploymentMarketplacesTab.vue?vue&type=template&id=19a89f57&lang=pug&\");\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/DeploymentMarketplacesTab.vue?"); + +/***/ }), + /***/ "./ui/src/components/DeploymentRequestsTab.vue?vue&type=template&id=eef306ca&lang=pug&": /*!*********************************************************************************************!*\ !*** ./ui/src/components/DeploymentRequestsTab.vue?vue&type=template&id=eef306ca&lang=pug& ***! @@ -749,6 +789,16 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ }), +/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[1]!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/DeploymentMarketplacesTab.vue?vue&type=template&id=19a89f57&lang=pug&": +/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[1]!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/DeploymentMarketplacesTab.vue?vue&type=template&id=19a89f57&lang=pug& ***! + \**********************************************************************************************************************************************************************************************************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: () => (/* binding */ render),\n/* harmony export */ staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\n \"div\",\n { staticClass: \"marketplaces-tab\" },\n [\n _c(\"c-data-table\", {\n attrs: {\n headers: _vm.headers,\n \"prepare-row\": _vm.prepareRow,\n updating: _vm.loading,\n \"hide-all-pagination-sections\": \"\",\n },\n scopedSlots: _vm._u([\n {\n key: \"items\",\n fn: function ({ row, visibleHeaders }) {\n return [\n _c(\n \"tr\",\n {\n staticClass: \"table__row hoverable\",\n attrs: { id: row.id },\n },\n [\n _vm._l(visibleHeaders, function (header) {\n return [\n header.value === \"marketplace\"\n ? _c(\n \"td\",\n { key: header.value, staticClass: \"nowrap-cell\" },\n [\n _c(\"detail-item\", {\n attrs: { \"assistive-text\": row.id },\n scopedSlots: _vm._u(\n [\n {\n key: \"body-text\",\n fn: function () {\n return [\n _c(\n \"div\",\n { staticClass: \"truncate-text\" },\n [_vm._v(_vm._s(row.name))]\n ),\n ]\n },\n proxy: true,\n },\n {\n key: \"image\",\n fn: function () {\n return [\n _c(\"pic\", {\n staticClass: \"object-image\",\n class: {\n \"picture-placeholder\":\n !row.icon,\n },\n attrs: {\n height: 32,\n src: row.icon,\n width: 32,\n size: \"contain\",\n },\n }),\n ]\n },\n proxy: true,\n },\n ],\n null,\n true\n ),\n }),\n ],\n 1\n )\n : _vm._e(),\n header.value === \"externalId\"\n ? _c(\n \"td\",\n { key: header.value, staticClass: \"nowrap-cell\" },\n [\n row.externalId\n ? _c(\"span\", [_vm._v(_vm._s(row.externalId))])\n : _c(\n \"div\",\n { staticClass: \"assistive-color\" },\n [_vm._v(\"—\")]\n ),\n ]\n )\n : _vm._e(),\n header.value === \"ppr\"\n ? _c(\n \"td\",\n { key: header.value, staticClass: \"nowrap-cell\" },\n [\n row.appliedPprVersion\n ? _c(\"span\", [\n _vm._v(\n \"Version \" +\n _vm._s(row.appliedPprVersion)\n ),\n ])\n : _c(\n \"span\",\n { staticClass: \"assistive-text\" },\n [_vm._v(\"–\")]\n ),\n ]\n )\n : _vm._e(),\n header.value === \"priceList\"\n ? _c(\n \"td\",\n { key: header.value, staticClass: \"nowrap-cell\" },\n [\n row.priceList\n ? _c(\"detail-item\", {\n attrs: {\n \"assistive-text\": row.priceList.id,\n },\n scopedSlots: _vm._u(\n [\n {\n key: \"body-text\",\n fn: function () {\n return [\n _c(\n \"div\",\n {\n staticClass:\n \"truncate-text\",\n },\n [\n _vm._v(\n _vm._s(row.priceList.name)\n ),\n ]\n ),\n ]\n },\n proxy: true,\n },\n ],\n null,\n true\n ),\n })\n : _c(\n \"div\",\n { staticClass: \"assistive-color\" },\n [_vm._v(\"—\")]\n ),\n ],\n 1\n )\n : _vm._e(),\n ]\n }),\n ],\n 2\n ),\n ]\n },\n },\n ]),\n model: {\n value: _vm.marketplaces,\n callback: function ($$v) {\n _vm.marketplaces = $$v\n },\n expression: \"marketplaces\",\n },\n }),\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/DeploymentMarketplacesTab.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B1%5D!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options"); + +/***/ }), + /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[1]!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/DeploymentRequestsTab.vue?vue&type=template&id=eef306ca&lang=pug&": /*!******************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[1]!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/DeploymentRequestsTab.vue?vue&type=template&id=eef306ca&lang=pug& ***! @@ -855,7 +905,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac \*********************************************************************************************************************************************************************************************************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: () => (/* binding */ render),\n/* harmony export */ staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\n \"c-view\",\n {\n staticClass: \"deployment-details\",\n attrs: {\n title: _vm.deploymentId,\n \"assistive-title\": \"Deployment Details\",\n \"back-route\": { name: \"Dashboard\", params: { tab: \"deployments\" } },\n \"current-tab\": _vm.currentTab,\n loading: _vm.loading,\n },\n on: {\n \"update:currentTab\": function ($event) {\n _vm.currentTab = $event\n },\n \"update:current-tab\": function ($event) {\n _vm.currentTab = $event\n },\n },\n scopedSlots: _vm._u([\n {\n key: \"actions\",\n fn: function () {\n return [\n _c(\"c-button\", {\n attrs: {\n icon: _vm.icons.googleSyncBaseline,\n label: \"sync\",\n color: \"accent\",\n mode: \"solid\",\n },\n }),\n ]\n },\n proxy: true,\n },\n ]),\n },\n [\n _c(\"div\", { staticClass: \"info-container\" }, [\n _c(\n \"div\",\n { staticClass: \"info-column\" },\n [\n _c(\"grid-item\", {\n attrs: { label: \"Status\" },\n scopedSlots: _vm._u([\n {\n key: \"value\",\n fn: function () {\n return [\n _c(\"c-status\", {\n attrs: { status: _vm.deployment.status },\n }),\n ]\n },\n proxy: true,\n },\n ]),\n }),\n _c(\"grid-item\", {\n attrs: { label: \"Product\" },\n scopedSlots: _vm._u([\n {\n key: \"value\",\n fn: function () {\n return [\n _c(\"detail-item\", {\n attrs: {\n \"body-text\": _vm.deployment.product.name,\n dense: \"\",\n },\n scopedSlots: _vm._u([\n {\n key: \"image\",\n fn: function () {\n return [\n _c(\"pic\", {\n attrs: {\n src: _vm.deployment.product.icon,\n width: 16,\n height: 16,\n },\n }),\n ]\n },\n proxy: true,\n },\n ]),\n }),\n ]\n },\n proxy: true,\n },\n ]),\n }),\n _c(\"grid-item\", {\n attrs: { label: \"Vendor\" },\n scopedSlots: _vm._u([\n {\n key: \"value\",\n fn: function () {\n return [\n _c(\"detail-item\", {\n attrs: {\n \"body-text\": _vm.deployment.owner.name,\n dense: \"\",\n },\n scopedSlots: _vm._u([\n {\n key: \"image\",\n fn: function () {\n return [\n _c(\"pic\", {\n attrs: {\n src: _vm.deployment.owner.icon,\n width: 16,\n height: 16,\n },\n }),\n ]\n },\n proxy: true,\n },\n ]),\n }),\n ]\n },\n proxy: true,\n },\n ]),\n }),\n ],\n 1\n ),\n _c(\n \"div\",\n { staticClass: \"info-column\" },\n [\n _c(\"grid-item\", {\n attrs: { \"column-width\": 78, label: \"Hub\" },\n scopedSlots: _vm._u([\n {\n key: \"value\",\n fn: function () {\n return [\n _c(\"span\", [_vm._v(_vm._s(_vm.deployment.hub.name))]),\n ]\n },\n proxy: true,\n },\n ]),\n }),\n _c(\"grid-item\", {\n attrs: { \"column-width\": 78, label: \"Last Sync\" },\n scopedSlots: _vm._u([\n {\n key: \"value\",\n fn: function () {\n return [\n _c(\"span\", [\n _vm._v(\n _vm._s(\n _vm._f(\"utcToLocal\")(_vm.deployment.last_sync_at)\n )\n ),\n ]),\n ]\n },\n proxy: true,\n },\n ]),\n }),\n ],\n 1\n ),\n ]),\n _c(\"c-tabs\", {\n attrs: { \"current-tab\": _vm.currentTab, tabs: _vm.tabs },\n on: {\n \"update:currentTab\": function ($event) {\n _vm.currentTab = $event\n },\n \"update:current-tab\": function ($event) {\n _vm.currentTab = $event\n },\n },\n scopedSlots: _vm._u([\n {\n key: \"marketplaces\",\n fn: function () {\n return [\n _c(\"div\", { staticClass: \"marketplaces-tab\" }, [\n _vm._v(\"Marketplaces\"),\n ]),\n ]\n },\n proxy: true,\n },\n {\n key: \"ppr\",\n fn: function () {\n return [\n _c(\"ppr-tab\", {\n attrs: {\n \"deployment-id\": _vm.deployment.id,\n \"account-id\": _vm.deployment.account_id,\n },\n }),\n ]\n },\n proxy: true,\n },\n {\n key: \"configuration\",\n fn: function () {\n return [\n _c(\"deployment-configuration-tab\", {\n attrs: {\n \"deployment-id\": _vm.deployment.id,\n \"account-id\": _vm.deployment.account_id,\n },\n }),\n ]\n },\n proxy: true,\n },\n {\n key: \"requests\",\n fn: function () {\n return [\n _c(\"deployment-requests-tab\", {\n attrs: { deployment: _vm.deployment },\n }),\n ]\n },\n proxy: true,\n },\n ]),\n }),\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/pages/DeploymentDetails.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B1%5D!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: () => (/* binding */ render),\n/* harmony export */ staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\n \"c-view\",\n {\n staticClass: \"deployment-details\",\n attrs: {\n title: _vm.deploymentId,\n \"assistive-title\": \"Deployment Details\",\n \"back-route\": { name: \"Dashboard\", params: { tab: \"deployments\" } },\n \"current-tab\": _vm.currentTab,\n loading: _vm.loading,\n },\n on: {\n \"update:currentTab\": function ($event) {\n _vm.currentTab = $event\n },\n \"update:current-tab\": function ($event) {\n _vm.currentTab = $event\n },\n },\n scopedSlots: _vm._u([\n {\n key: \"actions\",\n fn: function () {\n return [\n _c(\"c-button\", {\n attrs: {\n icon: _vm.icons.googleSyncBaseline,\n label: \"sync\",\n color: \"accent\",\n mode: \"solid\",\n },\n }),\n ]\n },\n proxy: true,\n },\n ]),\n },\n [\n _c(\"div\", { staticClass: \"info-container\" }, [\n _c(\n \"div\",\n { staticClass: \"info-column\" },\n [\n _c(\"grid-item\", {\n attrs: { label: \"Status\" },\n scopedSlots: _vm._u([\n {\n key: \"value\",\n fn: function () {\n return [\n _c(\"c-status\", {\n attrs: { status: _vm.deployment.status },\n }),\n ]\n },\n proxy: true,\n },\n ]),\n }),\n _c(\"grid-item\", {\n attrs: { label: \"Product\" },\n scopedSlots: _vm._u([\n {\n key: \"value\",\n fn: function () {\n return [\n _c(\"detail-item\", {\n attrs: {\n \"body-text\": _vm.deployment.product.name,\n dense: \"\",\n },\n scopedSlots: _vm._u([\n {\n key: \"image\",\n fn: function () {\n return [\n _c(\"pic\", {\n attrs: {\n src: _vm.deployment.product.icon,\n width: 16,\n height: 16,\n },\n }),\n ]\n },\n proxy: true,\n },\n ]),\n }),\n ]\n },\n proxy: true,\n },\n ]),\n }),\n _c(\"grid-item\", {\n attrs: { label: \"Vendor\" },\n scopedSlots: _vm._u([\n {\n key: \"value\",\n fn: function () {\n return [\n _c(\"detail-item\", {\n attrs: {\n \"body-text\": _vm.deployment.owner.name,\n dense: \"\",\n },\n scopedSlots: _vm._u([\n {\n key: \"image\",\n fn: function () {\n return [\n _c(\"pic\", {\n attrs: {\n src: _vm.deployment.owner.icon,\n width: 16,\n height: 16,\n },\n }),\n ]\n },\n proxy: true,\n },\n ]),\n }),\n ]\n },\n proxy: true,\n },\n ]),\n }),\n ],\n 1\n ),\n _c(\n \"div\",\n { staticClass: \"info-column\" },\n [\n _c(\"grid-item\", {\n attrs: { \"column-width\": 78, label: \"Hub\" },\n scopedSlots: _vm._u([\n {\n key: \"value\",\n fn: function () {\n return [\n _c(\"span\", [_vm._v(_vm._s(_vm.deployment.hub.name))]),\n ]\n },\n proxy: true,\n },\n ]),\n }),\n _c(\"grid-item\", {\n attrs: { \"column-width\": 78, label: \"Last Sync\" },\n scopedSlots: _vm._u([\n {\n key: \"value\",\n fn: function () {\n return [\n _c(\"span\", [\n _vm._v(\n _vm._s(\n _vm._f(\"utcToLocal\")(_vm.deployment.last_sync_at)\n )\n ),\n ]),\n ]\n },\n proxy: true,\n },\n ]),\n }),\n ],\n 1\n ),\n ]),\n _c(\"c-tabs\", {\n attrs: { \"current-tab\": _vm.currentTab, tabs: _vm.tabs },\n on: {\n \"update:currentTab\": function ($event) {\n _vm.currentTab = $event\n },\n \"update:current-tab\": function ($event) {\n _vm.currentTab = $event\n },\n },\n scopedSlots: _vm._u([\n {\n key: \"marketplaces\",\n fn: function () {\n return [\n _c(\"deployment-marketplaces-tab\", {\n attrs: { \"deployment-id\": _vm.deployment.id },\n }),\n ]\n },\n proxy: true,\n },\n {\n key: \"ppr\",\n fn: function () {\n return [\n _c(\"ppr-tab\", {\n attrs: {\n \"deployment-id\": _vm.deployment.id,\n \"account-id\": _vm.deployment.account_id,\n },\n }),\n ]\n },\n proxy: true,\n },\n {\n key: \"configuration\",\n fn: function () {\n return [\n _c(\"deployment-configuration-tab\", {\n attrs: {\n \"deployment-id\": _vm.deployment.id,\n \"account-id\": _vm.deployment.account_id,\n },\n }),\n ]\n },\n proxy: true,\n },\n {\n key: \"requests\",\n fn: function () {\n return [\n _c(\"deployment-requests-tab\", {\n attrs: { deployment: _vm.deployment },\n }),\n ]\n },\n proxy: true,\n },\n ]),\n }),\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/pages/DeploymentDetails.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B1%5D!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options"); /***/ }) diff --git a/connect_ext_ppr/static/index.bbc6cee29733e32ecf28.js b/connect_ext_ppr/static/index.0f34290ecb5c4c243244.js similarity index 99% rename from connect_ext_ppr/static/index.bbc6cee29733e32ecf28.js rename to connect_ext_ppr/static/index.0f34290ecb5c4c243244.js index e918da1..f2ad507 100644 --- a/connect_ext_ppr/static/index.bbc6cee29733e32ecf28.js +++ b/connect_ext_ppr/static/index.0f34290ecb5c4c243244.js @@ -3096,7 +3096,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /******/ // This function allow to reference async chunks /******/ __webpack_require__.u = (chunkId) => { /******/ // return url for filenames based on template -/******/ return "" + chunkId + "." + {"deployment-details":"b0d7de95e55401ae12ca","request-details":"2e8575914807cddd3bc9"}[chunkId] + ".js"; +/******/ return "" + chunkId + "." + {"deployment-details":"beec6964f0b8086e841b","request-details":"2e8575914807cddd3bc9"}[chunkId] + ".js"; /******/ }; /******/ })(); /******/ diff --git a/connect_ext_ppr/static/index.html b/connect_ext_ppr/static/index.html index 85379a1..94ee149 100644 --- a/connect_ext_ppr/static/index.html +++ b/connect_ext_ppr/static/index.html @@ -12,7 +12,7 @@ Index - +