diff --git a/connect_ext_ppr/static/deployment-details.64e888974f0cb7f2d86d.js b/connect_ext_ppr/static/deployment-details.7fd1c2931ae682adf7b1.js similarity index 89% rename from connect_ext_ppr/static/deployment-details.64e888974f0cb7f2d86d.js rename to connect_ext_ppr/static/deployment-details.7fd1c2931ae682adf7b1.js index e76467c..18b12dd 100644 --- a/connect_ext_ppr/static/deployment-details.64e888974f0cb7f2d86d.js +++ b/connect_ext_ppr/static/deployment-details.7fd1c2931ae682adf7b1.js @@ -9,6 +9,16 @@ */ (self["webpackChunkconnect_extension_xvs"] = self["webpackChunkconnect_extension_xvs"] || []).push([["deployment-details"],{ +/***/ "./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/stylus-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/DeploymentRequestsTab.vue?vue&type=style&index=0&id=eef306ca&lang=stylus&": +/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/stylus-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/DeploymentRequestsTab.vue?vue&type=style&index=0&id=eef306ca&lang=stylus& ***! + \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/DeploymentRequestsTab.vue?./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/stylus-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options"); + +/***/ }), + /***/ "./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/stylus-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/GridItem.vue?vue&type=style&index=0&id=292fb55a&lang=stylus&": /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/stylus-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/GridItem.vue?vue&type=style&index=0&id=292fb55a&lang=stylus& ***! @@ -139,6 +149,26 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ }), +/***/ "./ui/src/components/DeploymentRequestsTab.vue": +/*!*****************************************************!*\ + !*** ./ui/src/components/DeploymentRequestsTab.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 _DeploymentRequestsTab_vue_vue_type_template_id_eef306ca_lang_pug___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./DeploymentRequestsTab.vue?vue&type=template&id=eef306ca&lang=pug& */ \"./ui/src/components/DeploymentRequestsTab.vue?vue&type=template&id=eef306ca&lang=pug&\");\n/* harmony import */ var _DeploymentRequestsTab_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DeploymentRequestsTab.vue?vue&type=script&lang=js& */ \"./ui/src/components/DeploymentRequestsTab.vue?vue&type=script&lang=js&\");\n/* harmony import */ var _DeploymentRequestsTab_vue_vue_type_style_index_0_id_eef306ca_lang_stylus___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DeploymentRequestsTab.vue?vue&type=style&index=0&id=eef306ca&lang=stylus& */ \"./ui/src/components/DeploymentRequestsTab.vue?vue&type=style&index=0&id=eef306ca&lang=stylus&\");\n/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ \"./node_modules/vue-loader/lib/runtime/componentNormalizer.js\");\n\n\n\n;\n\n\n/* normalize component */\n\nvar component = (0,_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(\n _DeploymentRequestsTab_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n _DeploymentRequestsTab_vue_vue_type_template_id_eef306ca_lang_pug___WEBPACK_IMPORTED_MODULE_0__.render,\n _DeploymentRequestsTab_vue_vue_type_template_id_eef306ca_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/DeploymentRequestsTab.vue\"\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (component.exports);\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/DeploymentRequestsTab.vue?"); + +/***/ }), + +/***/ "./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/DeploymentRequestsTab.vue?vue&type=script&lang=js&": +/*!*****************************************************************************************************************************************!*\ + !*** ./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/DeploymentRequestsTab.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 _cloudblueconnect_material_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @cloudblueconnect/material-svg */ \"./node_modules/@cloudblueconnect/material-svg/icons/google/add/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_cChip_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ~components/cChip.vue */ \"./ui/src/components/cChip.vue\");\n/* harmony import */ var _components_cDataTable_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ~components/cDataTable.vue */ \"./ui/src/components/cDataTable.vue\");\n/* harmony import */ var _components_cStatus_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ~components/cStatus.vue */ \"./ui/src/components/cStatus.vue\");\n/* harmony import */ var _components_CreateDeploymentRequestDialog_index_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ~components/CreateDeploymentRequestDialog/index.vue */ \"./ui/src/components/CreateDeploymentRequestDialog/index.vue\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/utils */ \"./ui/src/utils.js\");\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 cChip: _components_cChip_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n cDataTable: _components_cDataTable_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n cStatus: _components_cStatus_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n CreateDeploymentRequestDialog: _components_CreateDeploymentRequestDialog_index_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n },\n\n props: {\n deployment: {\n type: Object,\n required: true,\n },\n },\n\n data: () => ({\n loading: true,\n requests: [],\n\n icons: { googleAddBaseline: _cloudblueconnect_material_svg__WEBPACK_IMPORTED_MODULE_6__[\"default\"] },\n\n isCreateRequestDialogOpen: false,\n\n headers: [\n {\n text: 'Request',\n value: 'id',\n },\n {\n text: 'PPR',\n value: 'ppr',\n width: 105,\n },\n {\n text: 'Created',\n value: 'created',\n width: 137,\n },\n {\n text: 'Status',\n value: 'status',\n width: 140,\n },\n ],\n }),\n\n computed: {\n deploymentId: vm => vm.deployment.id,\n },\n\n methods: {\n prepareRow(item) {\n return {\n id: item.id,\n status: item.status,\n created: item.events.created?.at,\n ppr: item.ppr.version,\n manual: item.manually,\n };\n },\n\n openUploadPPRDialog() {\n this.isCreateRequestDialogOpen = true;\n },\n\n async loadRequests() {\n this.loading = true;\n this.requests = await (0,_utils__WEBPACK_IMPORTED_MODULE_5__.getDeploymentRequests)(this.deploymentId);\n this.loading = false;\n },\n },\n\n created() {\n this.loadRequests();\n },\n});\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/DeploymentRequestsTab.vue?./node_modules/vue-loader/lib/index.js??vue-loader-options"); + +/***/ }), + /***/ "./ui/src/components/ErrorSnackbar.vue": /*!*********************************************!*\ !*** ./ui/src/components/ErrorSnackbar.vue ***! @@ -335,7 +365,17 @@ 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_10__ = __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 _utils__WEBPACK_IMPORTED_MODULE_9__ = __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/* 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 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_10__[\"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 ],\n },\n\n created() {\n (0,_utils__WEBPACK_IMPORTED_MODULE_9__.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_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"); + +/***/ }), + +/***/ "./ui/src/components/DeploymentRequestsTab.vue?vue&type=style&index=0&id=eef306ca&lang=stylus&": +/*!*****************************************************************************************************!*\ + !*** ./ui/src/components/DeploymentRequestsTab.vue?vue&type=style&index=0&id=eef306ca&lang=stylus& ***! + \*****************************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_node_modules_stylus_loader_dist_cjs_js_node_modules_vue_loader_lib_index_js_vue_loader_options_DeploymentRequestsTab_vue_vue_type_style_index_0_id_eef306ca_lang_stylus___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js!../../../node_modules/stylus-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DeploymentRequestsTab.vue?vue&type=style&index=0&id=eef306ca&lang=stylus& */ \"./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/stylus-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/DeploymentRequestsTab.vue?vue&type=style&index=0&id=eef306ca&lang=stylus&\");\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/DeploymentRequestsTab.vue?"); /***/ }), @@ -449,6 +489,16 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ }), +/***/ "./ui/src/components/DeploymentRequestsTab.vue?vue&type=script&lang=js&": +/*!******************************************************************************!*\ + !*** ./ui/src/components/DeploymentRequestsTab.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_DeploymentRequestsTab_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DeploymentRequestsTab.vue?vue&type=script&lang=js& */ \"./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/DeploymentRequestsTab.vue?vue&type=script&lang=js&\");\n /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_vue_loader_lib_index_js_vue_loader_options_DeploymentRequestsTab_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__[\"default\"]); \n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/DeploymentRequestsTab.vue?"); + +/***/ }), + /***/ "./ui/src/components/ErrorSnackbar.vue?vue&type=script&lang=js&": /*!**********************************************************************!*\ !*** ./ui/src/components/ErrorSnackbar.vue?vue&type=script&lang=js& ***! @@ -569,6 +619,16 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ }), +/***/ "./ui/src/components/DeploymentRequestsTab.vue?vue&type=template&id=eef306ca&lang=pug&": +/*!*********************************************************************************************!*\ + !*** ./ui/src/components/DeploymentRequestsTab.vue?vue&type=template&id=eef306ca&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_DeploymentRequestsTab_vue_vue_type_template_id_eef306ca_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_DeploymentRequestsTab_vue_vue_type_template_id_eef306ca_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_DeploymentRequestsTab_vue_vue_type_template_id_eef306ca_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!./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&\");\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/DeploymentRequestsTab.vue?"); + +/***/ }), + /***/ "./ui/src/components/ErrorSnackbar.vue?vue&type=template&id=3a78611c&lang=pug&": /*!*************************************************************************************!*\ !*** ./ui/src/components/ErrorSnackbar.vue?vue&type=template&id=3a78611c&lang=pug& ***! @@ -689,6 +749,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/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& ***! + \******************************************************************************************************************************************************************************************************************************************************************************/ +/***/ ((__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: \"request-tasks-tab\" },\n [\n _c(\"c-data-table\", {\n attrs: {\n headers: _vm.headers,\n \"prepare-row\": _vm.prepareRow,\n \"show-loader\": _vm.loading,\n \"hide-all-pagination-sections\": \"\",\n \"fix-layout\": \"\",\n \"show-manage-panel\": \"\",\n },\n scopedSlots: _vm._u([\n {\n key: \"buttons\",\n fn: function () {\n return [\n _c(\"c-button\", {\n staticClass: \"ppr-table__upload-btn\",\n attrs: {\n icon: _vm.icons.googleAddBaseline,\n color: \"accent\",\n mode: \"solid\",\n label: \"Create Request\",\n small: \"\",\n },\n on: { click: _vm.openUploadPPRDialog },\n }),\n ]\n },\n proxy: true,\n },\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 === \"id\"\n ? _c(\n \"td\",\n { key: header.value, staticClass: \"nowrap-cell\" },\n [\n _c(\n \"router-link\",\n {\n attrs: {\n to: {\n name: \"RequestDetails\",\n params: { id: row.id },\n },\n },\n },\n [_vm._v(_vm._s(row.id))]\n ),\n row.manual\n ? _c(\"c-chip\", {\n staticClass: \"request-tasks-tab__manual\",\n attrs: {\n text: \"Manual\",\n type: \"pale\",\n small: \"\",\n },\n })\n : _vm._e(),\n ],\n 1\n )\n : _vm._e(),\n header.value === \"ppr\"\n ? _c(\n \"td\",\n { key: header.value, staticClass: \"nowrap-cell\" },\n [\n _c(\"span\", [\n _vm._v(\"Version \" + _vm._s(row.ppr)),\n ]),\n ]\n )\n : _vm._e(),\n header.value === \"created\"\n ? _c(\n \"td\",\n { key: header.value, staticClass: \"nowrap-cell\" },\n [\n row.created\n ? _c(\"span\", [\n _vm._v(\n _vm._s(\n _vm._f(\"utcToLocal\")(row.created)\n )\n ),\n ])\n : _c(\n \"span\",\n { staticClass: \"assistive-text\" },\n [_vm._v(\"–\")]\n ),\n ]\n )\n : _vm._e(),\n header.value === \"status\"\n ? _c(\n \"td\",\n { key: header.value, staticClass: \"nowrap-cell\" },\n [\n _c(\n \"div\",\n { staticClass: \"request-tasks-tab__status\" },\n [\n _c(\"c-status\", {\n attrs: { status: row.status },\n }),\n ],\n 1\n ),\n ]\n )\n : _vm._e(),\n ]\n }),\n ],\n 2\n ),\n ]\n },\n },\n ]),\n model: {\n value: _vm.requests,\n callback: function ($$v) {\n _vm.requests = $$v\n },\n expression: \"requests\",\n },\n }),\n _c(\"create-deployment-request-dialog\", {\n attrs: { deployment: _vm.deployment },\n on: { \"request-created\": _vm.loadRequests },\n model: {\n value: _vm.isCreateRequestDialogOpen,\n callback: function ($$v) {\n _vm.isCreateRequestDialogOpen = $$v\n },\n expression: \"isCreateRequestDialogOpen\",\n },\n }),\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/DeploymentRequestsTab.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/ErrorSnackbar.vue?vue&type=template&id=3a78611c&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/ErrorSnackbar.vue?vue&type=template&id=3a78611c&lang=pug& ***! @@ -785,7 +855,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 }),\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(\"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"); /***/ }) diff --git a/connect_ext_ppr/static/deployment-details.css b/connect_ext_ppr/static/deployment-details.css index 0a852af..49b36b5 100644 --- a/connect_ext_ppr/static/deployment-details.css +++ b/connect_ext_ppr/static/deployment-details.css @@ -471,6 +471,20 @@ margin-right: 12px; } +/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/stylus-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/DeploymentRequestsTab.vue?vue&type=style&index=0&id=eef306ca&lang=stylus& ***! + \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ +.request-tasks-tab__status { + display: flex; + align-items: center; +} +.request-tasks-tab__dot { + margin: 0 8px; +} +.request-tasks-tab__manual { + margin-left: 8px; +} + /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/stylus-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/pages/DeploymentDetails.vue?vue&type=style&index=0&id=2ceadcfa&lang=stylus& ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/ diff --git a/connect_ext_ppr/static/index.87eae4483d347d643754.js b/connect_ext_ppr/static/index.5fdf03c1a578e43267e6.js similarity index 98% rename from connect_ext_ppr/static/index.87eae4483d347d643754.js rename to connect_ext_ppr/static/index.5fdf03c1a578e43267e6.js index dbf5eb8..0a6f59c 100644 --- a/connect_ext_ppr/static/index.87eae4483d347d643754.js +++ b/connect_ext_ppr/static/index.5fdf03c1a578e43267e6.js @@ -543,7 +543,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -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 _components_cDialog_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ~components/cDialog.vue */ \"./ui/src/components/cDialog.vue\");\n/* harmony import */ var _HubsTab_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./HubsTab.vue */ \"./ui/src/components/CreateDeploymentRequestDialog/HubsTab.vue\");\n/* harmony import */ var _MarketplacesTab_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./MarketplacesTab.vue */ \"./ui/src/components/CreateDeploymentRequestDialog/MarketplacesTab.vue\");\n/* harmony import */ var _OptionsTab_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./OptionsTab.vue */ \"./ui/src/components/CreateDeploymentRequestDialog/OptionsTab.vue\");\n/* harmony import */ var _ProductsTab_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ProductsTab.vue */ \"./ui/src/components/CreateDeploymentRequestDialog/ProductsTab.vue\");\n/* harmony import */ var _PprTab_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./PprTab.vue */ \"./ui/src/components/CreateDeploymentRequestDialog/PprTab.vue\");\n/* harmony import */ var _SummaryTab_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./SummaryTab.vue */ \"./ui/src/components/CreateDeploymentRequestDialog/SummaryTab.vue\");\n/* harmony import */ var _mixins_sync__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ~mixins/sync */ \"./ui/src/tools/mixins/sync.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @/utils */ \"./ui/src/utils.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst defaultForm = () => ({\n product: {},\n hub: {},\n ppr: {},\n marketplaces: {\n choices: [],\n all: false,\n },\n options: {\n manual: false,\n delegate: false,\n },\n});\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n mixins: [(0,_mixins_sync__WEBPACK_IMPORTED_MODULE_7__[\"default\"])([{ prop: 'value', local: 'localValue' }])],\n\n components: {\n cDialog: _components_cDialog_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n HubsTab: _HubsTab_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n MarketplacesTab: _MarketplacesTab_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n OptionsTab: _OptionsTab_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n ProductsTab: _ProductsTab_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n PprTab: _PprTab_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n SummaryTab: _SummaryTab_vue__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n },\n\n props: {\n value: Boolean,\n },\n\n data: () => ({\n localValue: false,\n currentTab: null,\n form: defaultForm(),\n createdRequest: null,\n deployment: null,\n errorText: '',\n }),\n\n computed: {\n tabs: vm => [\n {\n key: 'product',\n label: 'Product',\n assistiveText: vm.form.product?.name,\n },\n {\n key: 'hub',\n label: 'Hub',\n assistiveText: vm.form.hub?.name,\n },\n {\n key: 'ppr',\n label: 'PPR',\n assistiveText: vm.form.ppr?.version ? `Version ${vm.form.ppr.version}` : undefined,\n },\n {\n key: 'marketplaces',\n label: 'Marketplaces',\n assistiveText: vm.form.marketplaces.all ? 'All' : vm.form.marketplaces?.choices.map(mp => mp.id).join(', '),\n },\n {\n key: 'options',\n label: 'Options',\n },\n {\n key: 'summary',\n label: 'Summary',\n },\n ],\n\n currentStep: vm => vm.tabs.findIndex(tab => tab.key === vm.currentTab?.key) + 1,\n\n currentStepText: ({ currentStep, isLastStep }) => (isLastStep ? 'Summary' : `Step ${currentStep}`),\n isLastStep: ({ tabs, currentStep }) => currentStep === tabs.length,\n isFirstStep: ({ currentStep }) => currentStep === 1,\n isPreviousToLastStep: ({ tabs, currentStep }) => currentStep === tabs.length - 1,\n\n isCurrentTabValid: vm => {\n const key = vm.currentTab?.key;\n const currentTabForm = vm.form[key];\n\n if (!key || !currentTabForm) return false;\n\n if (key === 'product' || key === 'hub') return !!currentTabForm.id;\n if (key === 'ppr') return !!currentTabForm.version;\n if (key === 'marketplaces') return !!currentTabForm.all || !!currentTabForm.choices.length;\n\n return true;\n },\n\n defaultTabActions: vm => [\n {\n label: 'Cancel',\n closeAfterHandle: true,\n color: '#212121',\n },\n { type: 'spacer' },\n {\n label: 'Back',\n handler: vm.goToPreviousStep,\n disabled: vm.isFirstStep,\n closeAfterHandle: false,\n color: '#212121',\n },\n {\n label: vm.isPreviousToLastStep ? 'Create' : 'Next',\n handler: vm.nextStepHandler,\n disabled: !vm.isCurrentTabValid,\n closeAfterHandle: false,\n color: '#2C98F0',\n },\n ],\n\n nextStepHandler: vm => {\n // Create deployment request before summary tab\n if (vm.isPreviousToLastStep) return vm.createDeploymentRequest;\n // Fetch deployment after we get product and hub\n if (vm.currentTab?.key === 'hub') return vm.fetchDeployment;\n\n return vm.goToNextStep;\n },\n\n summaryTabActions: vm => [\n {\n label: 'Go to details',\n handler: vm.goToDetails,\n closeAfterHandle: true,\n color: '#212121',\n },\n {\n label: 'Close',\n handler: () => vm.$emit('request-created'),\n closeAfterHandle: true,\n color: '#212121',\n },\n ],\n\n currentTabActions: vm => (vm.isLastStep ? vm.summaryTabActions : vm.defaultTabActions),\n },\n\n methods: {\n goToPreviousStep() {\n this.$refs.dialog.previousStep();\n },\n\n goToNextStep() {\n this.$refs.dialog.nextStep();\n },\n\n async createDeploymentRequest() {\n this.createdRequest = await (0,_utils__WEBPACK_IMPORTED_MODULE_8__.createDeploymentRequest)({\n marketplaces: this.form.marketplaces,\n deployment: { id: this.deployment.id },\n ppr: { id: this.form.ppr.id },\n manually: this.form.options.manual,\n delegate_l2: this.form.options.delegate,\n });\n\n this.goToNextStep();\n },\n\n async fetchDeployment() {\n [this.deployment] = await (0,_utils__WEBPACK_IMPORTED_MODULE_8__.getDeployments)({\n hubId: this.form.hub.id,\n productId: this.form.product.id,\n });\n\n this.goToNextStep();\n },\n\n goToDetails() {\n this.$router.push({ name: 'RequestDetails', params: { id: this.createdRequest.id } });\n },\n\n onTabChange(tab) {\n this.currentTab = tab;\n },\n\n setError(e) {\n this.errorText = e.message;\n },\n },\n\n watch: {\n localValue(v) {\n if (!v) {\n this.form = defaultForm();\n }\n },\n },\n});\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CreateDeploymentRequestDialog/index.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 _components_cDialog_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ~components/cDialog.vue */ \"./ui/src/components/cDialog.vue\");\n/* harmony import */ var _HubsTab_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./HubsTab.vue */ \"./ui/src/components/CreateDeploymentRequestDialog/HubsTab.vue\");\n/* harmony import */ var _MarketplacesTab_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./MarketplacesTab.vue */ \"./ui/src/components/CreateDeploymentRequestDialog/MarketplacesTab.vue\");\n/* harmony import */ var _OptionsTab_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./OptionsTab.vue */ \"./ui/src/components/CreateDeploymentRequestDialog/OptionsTab.vue\");\n/* harmony import */ var _ProductsTab_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ProductsTab.vue */ \"./ui/src/components/CreateDeploymentRequestDialog/ProductsTab.vue\");\n/* harmony import */ var _PprTab_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./PprTab.vue */ \"./ui/src/components/CreateDeploymentRequestDialog/PprTab.vue\");\n/* harmony import */ var _SummaryTab_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./SummaryTab.vue */ \"./ui/src/components/CreateDeploymentRequestDialog/SummaryTab.vue\");\n/* harmony import */ var _mixins_sync__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ~mixins/sync */ \"./ui/src/tools/mixins/sync.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @/utils */ \"./ui/src/utils.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst defaultForm = () => ({\n product: {},\n hub: {},\n ppr: {},\n marketplaces: {\n choices: [],\n all: false,\n },\n options: {\n manual: false,\n delegate: false,\n },\n});\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n mixins: [(0,_mixins_sync__WEBPACK_IMPORTED_MODULE_7__[\"default\"])([{ prop: 'value', local: 'localValue' }])],\n\n components: {\n cDialog: _components_cDialog_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n HubsTab: _HubsTab_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n MarketplacesTab: _MarketplacesTab_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n OptionsTab: _OptionsTab_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n ProductsTab: _ProductsTab_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n PprTab: _PprTab_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n SummaryTab: _SummaryTab_vue__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n },\n\n props: {\n value: Boolean,\n deployment: {\n type: Object,\n default: () => null,\n },\n },\n\n data: () => ({\n localValue: false,\n currentTab: null,\n form: defaultForm(),\n createdRequest: null,\n localDeployment: null,\n errorText: '',\n }),\n\n computed: {\n tabs: vm => [\n {\n key: 'product',\n label: 'Product',\n assistiveText: vm.form.product?.name,\n },\n {\n key: 'hub',\n label: 'Hub',\n assistiveText: vm.form.hub?.name,\n },\n {\n key: 'ppr',\n label: 'PPR',\n assistiveText: vm.form.ppr?.version ? `Version ${vm.form.ppr.version}` : undefined,\n },\n {\n key: 'marketplaces',\n label: 'Marketplaces',\n assistiveText: vm.form.marketplaces.all ? 'All' : vm.form.marketplaces?.choices.map(mp => mp.id).join(', '),\n },\n {\n key: 'options',\n label: 'Options',\n },\n {\n key: 'summary',\n label: 'Summary',\n },\n ],\n\n currentStep: vm => vm.tabs.findIndex(tab => tab.key === vm.currentTab?.key) + 1,\n\n currentStepText: ({ currentStep, isLastStep }) => (isLastStep ? 'Summary' : `Step ${currentStep}`),\n isLastStep: ({ tabs, currentStep }) => currentStep === tabs.length,\n isFirstStep: ({ currentStep }) => currentStep === 1,\n isPreviousToLastStep: ({ tabs, currentStep }) => currentStep === tabs.length - 1,\n\n isCurrentTabValid: vm => {\n const key = vm.currentTab?.key;\n const currentTabForm = vm.form[key];\n\n if (!key || !currentTabForm) return false;\n\n if (key === 'product' || key === 'hub') return !!currentTabForm.id;\n if (key === 'ppr') return !!currentTabForm.version;\n if (key === 'marketplaces') return !!currentTabForm.all || !!currentTabForm.choices.length;\n\n return true;\n },\n\n defaultTabActions: vm => [\n {\n label: 'Cancel',\n closeAfterHandle: true,\n color: '#212121',\n },\n { type: 'spacer' },\n {\n label: 'Back',\n handler: vm.goToPreviousStep,\n disabled: vm.isFirstStep,\n closeAfterHandle: false,\n color: '#212121',\n },\n {\n label: vm.isPreviousToLastStep ? 'Create' : 'Next',\n handler: vm.nextStepHandler,\n disabled: !vm.isCurrentTabValid,\n closeAfterHandle: false,\n color: '#2C98F0',\n },\n ],\n\n nextStepHandler: vm => {\n // Create deployment request before summary tab\n if (vm.isPreviousToLastStep) return vm.createDeploymentRequest;\n // Fetch deployment after we get product and hub\n if (vm.currentTab?.key === 'hub') return vm.fetchDeployment;\n\n return vm.goToNextStep;\n },\n\n summaryTabActions: vm => [\n {\n label: 'Go to details',\n handler: vm.goToDetails,\n closeAfterHandle: true,\n color: '#212121',\n },\n {\n label: 'Close',\n handler: () => vm.$emit('request-created'),\n closeAfterHandle: true,\n color: '#212121',\n },\n ],\n\n currentTabActions: vm => (vm.isLastStep ? vm.summaryTabActions : vm.defaultTabActions),\n },\n\n methods: {\n goToPreviousStep() {\n this.$refs.dialog.previousStep();\n },\n\n goToNextStep() {\n this.$refs.dialog.nextStep();\n },\n\n async createDeploymentRequest() {\n this.createdRequest = await (0,_utils__WEBPACK_IMPORTED_MODULE_8__.createDeploymentRequest)({\n marketplaces: this.form.marketplaces,\n deployment: { id: this.localDeployment.id },\n ppr: { id: this.form.ppr.id },\n manually: this.form.options.manual,\n delegate_l2: this.form.options.delegate,\n });\n\n this.goToNextStep();\n },\n\n async fetchDeployment() {\n if (this.deployment) return;\n\n [this.localDeployment] = await (0,_utils__WEBPACK_IMPORTED_MODULE_8__.getDeployments)({\n hubId: this.form.hub.id,\n productId: this.form.product.id,\n });\n\n this.goToNextStep();\n },\n\n goToDetails() {\n this.$router.push({ name: 'RequestDetails', params: { id: this.createdRequest.id } });\n },\n\n onTabChange(tab) {\n this.currentTab = tab;\n },\n\n setError(e) {\n this.errorText = e.message;\n },\n },\n\n watch: {\n async localValue(v) {\n if (!v) {\n this.form = defaultForm();\n } else if (this.deployment) {\n this.localDeployment = this.deployment;\n this.form.hub = this.deployment.hub;\n this.form.product = this.deployment.product;\n\n await this.$nextTick();\n this.$refs.dialog.activeTab = 'ppr';\n }\n },\n },\n});\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CreateDeploymentRequestDialog/index.vue?./node_modules/vue-loader/lib/index.js??vue-loader-options"); /***/ }), @@ -2413,7 +2413,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -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(\"c-dialog\", {\n ref: \"dialog\",\n attrs: {\n title: \"Create Deployment Request\",\n actions: _vm.currentTabActions,\n \"error-text\": _vm.errorText,\n status: _vm.currentStepText,\n tabs: _vm.tabs,\n height: \"640px\",\n width: \"800px\",\n \"is-wizard\": \"\",\n },\n on: {\n \"update:errorText\": function ($event) {\n _vm.errorText = $event\n },\n \"update:error-text\": function ($event) {\n _vm.errorText = $event\n },\n \"change-tab\": _vm.onTabChange,\n },\n scopedSlots: _vm._u([\n {\n key: \"product\",\n fn: function () {\n return [\n _c(\"products-tab\", {\n on: { error: _vm.setError },\n model: {\n value: _vm.form.product,\n callback: function ($$v) {\n _vm.$set(_vm.form, \"product\", $$v)\n },\n expression: \"form.product\",\n },\n }),\n ]\n },\n proxy: true,\n },\n {\n key: \"hub\",\n fn: function () {\n return [\n _c(\"hubs-tab\", {\n attrs: { \"product-id\": _vm.form.product?.id },\n on: { error: _vm.setError },\n model: {\n value: _vm.form.hub,\n callback: function ($$v) {\n _vm.$set(_vm.form, \"hub\", $$v)\n },\n expression: \"form.hub\",\n },\n }),\n ]\n },\n proxy: true,\n },\n {\n key: \"ppr\",\n fn: function () {\n return [\n _c(\"ppr-tab\", {\n attrs: { \"deployment-id\": _vm.deployment?.id },\n on: { error: _vm.setError },\n model: {\n value: _vm.form.ppr,\n callback: function ($$v) {\n _vm.$set(_vm.form, \"ppr\", $$v)\n },\n expression: \"form.ppr\",\n },\n }),\n ]\n },\n proxy: true,\n },\n {\n key: \"marketplaces\",\n fn: function () {\n return [\n _c(\"marketplaces-tab\", {\n attrs: { \"deployment-id\": _vm.deployment?.id },\n on: { error: _vm.setError },\n model: {\n value: _vm.form.marketplaces,\n callback: function ($$v) {\n _vm.$set(_vm.form, \"marketplaces\", $$v)\n },\n expression: \"form.marketplaces\",\n },\n }),\n ]\n },\n proxy: true,\n },\n {\n key: \"options\",\n fn: function () {\n return [\n _c(\"options-tab\", {\n model: {\n value: _vm.form.options,\n callback: function ($$v) {\n _vm.$set(_vm.form, \"options\", $$v)\n },\n expression: \"form.options\",\n },\n }),\n ]\n },\n proxy: true,\n },\n {\n key: \"summary\",\n fn: function () {\n return [\n _c(\"summary-tab\", {\n attrs: {\n \"request-id\": _vm.createdRequest?.id,\n product: _vm.form.product,\n hub: _vm.form.hub,\n ppr: _vm.form.ppr,\n marketplaces: _vm.form.marketplaces,\n options: _vm.form.options,\n },\n }),\n ]\n },\n proxy: true,\n },\n ]),\n model: {\n value: _vm.localValue,\n callback: function ($$v) {\n _vm.localValue = $$v\n },\n expression: \"localValue\",\n },\n })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CreateDeploymentRequestDialog/index.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(\"c-dialog\", {\n ref: \"dialog\",\n attrs: {\n title: \"Create Deployment Request\",\n actions: _vm.currentTabActions,\n \"error-text\": _vm.errorText,\n status: _vm.currentStepText,\n tabs: _vm.tabs,\n height: \"640px\",\n width: \"800px\",\n \"is-wizard\": \"\",\n },\n on: {\n \"update:errorText\": function ($event) {\n _vm.errorText = $event\n },\n \"update:error-text\": function ($event) {\n _vm.errorText = $event\n },\n \"change-tab\": _vm.onTabChange,\n },\n scopedSlots: _vm._u([\n {\n key: \"product\",\n fn: function () {\n return [\n _c(\"products-tab\", {\n on: { error: _vm.setError },\n model: {\n value: _vm.form.product,\n callback: function ($$v) {\n _vm.$set(_vm.form, \"product\", $$v)\n },\n expression: \"form.product\",\n },\n }),\n ]\n },\n proxy: true,\n },\n {\n key: \"hub\",\n fn: function () {\n return [\n _c(\"hubs-tab\", {\n attrs: { \"product-id\": _vm.form.product?.id },\n on: { error: _vm.setError },\n model: {\n value: _vm.form.hub,\n callback: function ($$v) {\n _vm.$set(_vm.form, \"hub\", $$v)\n },\n expression: \"form.hub\",\n },\n }),\n ]\n },\n proxy: true,\n },\n {\n key: \"ppr\",\n fn: function () {\n return [\n _c(\"ppr-tab\", {\n attrs: { \"deployment-id\": _vm.localDeployment?.id },\n on: { error: _vm.setError },\n model: {\n value: _vm.form.ppr,\n callback: function ($$v) {\n _vm.$set(_vm.form, \"ppr\", $$v)\n },\n expression: \"form.ppr\",\n },\n }),\n ]\n },\n proxy: true,\n },\n {\n key: \"marketplaces\",\n fn: function () {\n return [\n _c(\"marketplaces-tab\", {\n attrs: { \"deployment-id\": _vm.localDeployment?.id },\n on: { error: _vm.setError },\n model: {\n value: _vm.form.marketplaces,\n callback: function ($$v) {\n _vm.$set(_vm.form, \"marketplaces\", $$v)\n },\n expression: \"form.marketplaces\",\n },\n }),\n ]\n },\n proxy: true,\n },\n {\n key: \"options\",\n fn: function () {\n return [\n _c(\"options-tab\", {\n model: {\n value: _vm.form.options,\n callback: function ($$v) {\n _vm.$set(_vm.form, \"options\", $$v)\n },\n expression: \"form.options\",\n },\n }),\n ]\n },\n proxy: true,\n },\n {\n key: \"summary\",\n fn: function () {\n return [\n _c(\"summary-tab\", {\n attrs: {\n \"request-id\": _vm.createdRequest?.id,\n product: _vm.form.product,\n hub: _vm.form.hub,\n ppr: _vm.form.ppr,\n marketplaces: _vm.form.marketplaces,\n options: _vm.form.options,\n },\n }),\n ]\n },\n proxy: true,\n },\n ]),\n model: {\n value: _vm.localValue,\n callback: function ($$v) {\n _vm.localValue = $$v\n },\n expression: \"localValue\",\n },\n })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CreateDeploymentRequestDialog/index.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"); /***/ }), @@ -2754,7 +2754,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue_ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -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 _pages_Dashboard_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/pages/Dashboard.vue */ \"./ui/src/pages/Dashboard.vue\");\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([\n {\n path: '/',\n redirect: { name: 'Dashboard', params: { tab: 'deployments' } },\n },\n {\n name: 'Dashboard',\n path: '/dashboard/:tab(deployments|requests)?',\n component: _pages_Dashboard_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n },\n {\n name: 'DeploymentDetails',\n path: '/deployments/:id/:tab(marketplaces|ppr|configuration)?',\n component: () => Promise.all(/*! import() | deployment-details */[__webpack_require__.e(\"vendors\"), __webpack_require__.e(\"deployment-details\")]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/DeploymentDetails.vue */ \"./ui/src/pages/DeploymentDetails.vue\")),\n },\n {\n name: 'RequestDetails',\n path: '/requests/:id/:tab(marketplaces|tasks)?',\n component: () => Promise.all(/*! import() | request-details */[__webpack_require__.e(\"vendors\"), __webpack_require__.e(\"request-details\")]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/RequestDetails.vue */ \"./ui/src/pages/RequestDetails.vue\")),\n },\n]);\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/routes/index.js?"); +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 _pages_Dashboard_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/pages/Dashboard.vue */ \"./ui/src/pages/Dashboard.vue\");\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([\n {\n path: '/',\n redirect: { name: 'Dashboard', params: { tab: 'deployments' } },\n },\n {\n name: 'Dashboard',\n path: '/dashboard/:tab(deployments|requests)?',\n component: _pages_Dashboard_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n },\n {\n name: 'DeploymentDetails',\n path: '/deployments/:id/:tab(marketplaces|ppr|configuration|requests)?',\n component: () => Promise.all(/*! import() | deployment-details */[__webpack_require__.e(\"vendors\"), __webpack_require__.e(\"deployment-details\")]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/DeploymentDetails.vue */ \"./ui/src/pages/DeploymentDetails.vue\")),\n },\n {\n name: 'RequestDetails',\n path: '/requests/:id/:tab(marketplaces|tasks)?',\n component: () => Promise.all(/*! import() | request-details */[__webpack_require__.e(\"vendors\"), __webpack_require__.e(\"request-details\")]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/RequestDetails.vue */ \"./ui/src/pages/RequestDetails.vue\")),\n },\n]);\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/routes/index.js?"); /***/ }), @@ -2908,7 +2908,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ createDeploymentConfigurations: () => (/* binding */ createDeploymentConfigurations),\n/* harmony export */ createDeploymentRequest: () => (/* binding */ createDeploymentRequest),\n/* harmony export */ deleteDeploymentConfiguration: () => (/* binding */ deleteDeploymentConfiguration),\n/* harmony export */ getDeployment: () => (/* binding */ getDeployment),\n/* harmony export */ getDeploymentConfigurations: () => (/* binding */ getDeploymentConfigurations),\n/* harmony export */ getDeploymentMarketplaces: () => (/* binding */ getDeploymentMarketplaces),\n/* harmony export */ getDeploymentRequestMarketplaces: () => (/* binding */ getDeploymentRequestMarketplaces),\n/* harmony export */ getDeploymentRequestTasks: () => (/* binding */ getDeploymentRequestTasks),\n/* harmony export */ getDeployments: () => (/* binding */ getDeployments),\n/* harmony export */ getDeploymentsRequest: () => (/* binding */ getDeploymentsRequest),\n/* harmony export */ getDeploymentsRequests: () => (/* binding */ getDeploymentsRequests),\n/* harmony export */ getPPR: () => (/* binding */ getPPR),\n/* harmony export */ getPPRs: () => (/* binding */ getPPRs),\n/* harmony export */ getProductHubs: () => (/* binding */ getProductHubs),\n/* harmony export */ getProducts: () => (/* binding */ getProducts),\n/* harmony export */ regeneratePPR: () => (/* binding */ regeneratePPR),\n/* harmony export */ uploadPPR: () => (/* binding */ uploadPPR)\n/* harmony export */ });\n/* harmony import */ var _tools_rest__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/tools/rest */ \"./ui/src/tools/rest.js\");\n/*\nCopyright (c) 2023, Ingram Micro\nAll rights reserved.\n*/\n\n\n\nconst getDeployments = ({ hubId, productId } = {}) => {\n const queryParams = new URLSearchParams();\n\n if (hubId) queryParams.append('hub_id', hubId);\n if (productId) queryParams.append('product_id', productId);\n\n return _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments?${queryParams.toString()}`);\n};\n\nconst getDeployment = (id) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/${id}`);\n\nconst getDeploymentConfigurations = (id) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/${id}/configurations`);\n\nconst createDeploymentConfigurations = (id, data) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].post(`/api/deployments/${id}/configurations`, data);\n\nconst getPPRs = (id) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/${id}/pprs`);\n\nconst getPPR = (deploymentId, id) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/${deploymentId}/pprs/${id}`);\n\nconst regeneratePPR = id => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].post(`/api/deployments/${id}/pprs`, {});\n\nconst deleteDeploymentConfiguration = (deploymentId, configurationId) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].delete(`/api/deployments/${deploymentId}/configurations/${configurationId}`);\n\nconst getDeploymentsRequests = () => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get('/api/deployments/requests');\n\nconst getDeploymentsRequest = (id) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/requests/${id}`);\n\nconst uploadPPR = (deploymentId, {\n id,\n location,\n size,\n name,\n mimeType,\n description,\n}) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].post(`/api/deployments/${deploymentId}/pprs`, {\n file: {\n id,\n location,\n size,\n name,\n mime_type: mimeType,\n },\n description,\n});\n\nconst getProducts = () => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get('/api/products');\n\nconst getProductHubs = (productId) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/products/${productId}/hubs`);\n\nconst getDeploymentMarketplaces = (deploymentId) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/${deploymentId}/marketplaces`);\n\nconst getDeploymentRequestMarketplaces = (requestId) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/requests/${requestId}/marketplaces`);\n\nconst getDeploymentRequestTasks = (requestId) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/requests/${requestId}/tasks`);\n\nconst createDeploymentRequest = (body) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].post('/api/deployments/requests', body);\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/utils.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ createDeploymentConfigurations: () => (/* binding */ createDeploymentConfigurations),\n/* harmony export */ createDeploymentRequest: () => (/* binding */ createDeploymentRequest),\n/* harmony export */ deleteDeploymentConfiguration: () => (/* binding */ deleteDeploymentConfiguration),\n/* harmony export */ getDeployment: () => (/* binding */ getDeployment),\n/* harmony export */ getDeploymentConfigurations: () => (/* binding */ getDeploymentConfigurations),\n/* harmony export */ getDeploymentMarketplaces: () => (/* binding */ getDeploymentMarketplaces),\n/* harmony export */ getDeploymentRequestMarketplaces: () => (/* binding */ getDeploymentRequestMarketplaces),\n/* harmony export */ getDeploymentRequestTasks: () => (/* binding */ getDeploymentRequestTasks),\n/* harmony export */ getDeploymentRequests: () => (/* binding */ getDeploymentRequests),\n/* harmony export */ getDeployments: () => (/* binding */ getDeployments),\n/* harmony export */ getDeploymentsRequest: () => (/* binding */ getDeploymentsRequest),\n/* harmony export */ getDeploymentsRequests: () => (/* binding */ getDeploymentsRequests),\n/* harmony export */ getPPR: () => (/* binding */ getPPR),\n/* harmony export */ getPPRs: () => (/* binding */ getPPRs),\n/* harmony export */ getProductHubs: () => (/* binding */ getProductHubs),\n/* harmony export */ getProducts: () => (/* binding */ getProducts),\n/* harmony export */ regeneratePPR: () => (/* binding */ regeneratePPR),\n/* harmony export */ uploadPPR: () => (/* binding */ uploadPPR)\n/* harmony export */ });\n/* harmony import */ var _tools_rest__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/tools/rest */ \"./ui/src/tools/rest.js\");\n/*\nCopyright (c) 2023, Ingram Micro\nAll rights reserved.\n*/\n\n\n\nconst getDeployments = ({ hubId, productId } = {}) => {\n const queryParams = new URLSearchParams();\n\n if (hubId) queryParams.append('hub_id', hubId);\n if (productId) queryParams.append('product_id', productId);\n\n return _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments?${queryParams.toString()}`);\n};\n\nconst getDeployment = (id) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/${id}`);\n\nconst getDeploymentConfigurations = (id) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/${id}/configurations`);\n\nconst createDeploymentConfigurations = (id, data) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].post(`/api/deployments/${id}/configurations`, data);\n\nconst getPPRs = (id) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/${id}/pprs`);\n\nconst getPPR = (deploymentId, id) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/${deploymentId}/pprs/${id}`);\n\nconst regeneratePPR = id => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].post(`/api/deployments/${id}/pprs`, {});\n\nconst deleteDeploymentConfiguration = (deploymentId, configurationId) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].delete(`/api/deployments/${deploymentId}/configurations/${configurationId}`);\n\nconst getDeploymentsRequests = () => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get('/api/deployments/requests');\n\nconst getDeploymentRequests = (deploymentId) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/${deploymentId}/requests`);\n\nconst getDeploymentsRequest = (id) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/requests/${id}`);\n\nconst uploadPPR = (deploymentId, {\n id,\n location,\n size,\n name,\n mimeType,\n description,\n}) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].post(`/api/deployments/${deploymentId}/pprs`, {\n file: {\n id,\n location,\n size,\n name,\n mime_type: mimeType,\n },\n description,\n});\n\nconst getProducts = () => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get('/api/products');\n\nconst getProductHubs = (productId) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/products/${productId}/hubs`);\n\nconst getDeploymentMarketplaces = (deploymentId) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/${deploymentId}/marketplaces`);\n\nconst getDeploymentRequestMarketplaces = (requestId) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/requests/${requestId}/marketplaces`);\n\nconst getDeploymentRequestTasks = (requestId) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/requests/${requestId}/tasks`);\n\nconst createDeploymentRequest = (body) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].post('/api/deployments/requests', body);\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/utils.js?"); /***/ }) @@ -3019,7 +3019,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":"64e888974f0cb7f2d86d","request-details":"f7da03549496ad376a3c"}[chunkId] + ".js"; +/******/ return "" + chunkId + "." + {"deployment-details":"7fd1c2931ae682adf7b1","request-details":"f733e7047241083dcd7a"}[chunkId] + ".js"; /******/ }; /******/ })(); /******/ diff --git a/connect_ext_ppr/static/index.html b/connect_ext_ppr/static/index.html index 8004c07..4662da5 100644 --- a/connect_ext_ppr/static/index.html +++ b/connect_ext_ppr/static/index.html @@ -12,7 +12,7 @@ Index - +
diff --git a/connect_ext_ppr/static/request-details.f7da03549496ad376a3c.js b/connect_ext_ppr/static/request-details.f733e7047241083dcd7a.js similarity index 100% rename from connect_ext_ppr/static/request-details.f7da03549496ad376a3c.js rename to connect_ext_ppr/static/request-details.f733e7047241083dcd7a.js diff --git a/ui/src/components/CreateDeploymentRequestDialog/index.vue b/ui/src/components/CreateDeploymentRequestDialog/index.vue index 5c28dc0..049a155 100644 --- a/ui/src/components/CreateDeploymentRequestDialog/index.vue +++ b/ui/src/components/CreateDeploymentRequestDialog/index.vue @@ -28,14 +28,14 @@ c-dialog( template(#ppr="") ppr-tab( v-model="form.ppr", - :deployment-id="deployment?.id", + :deployment-id="localDeployment?.id", @error="setError", ) template(#marketplaces="") marketplaces-tab( v-model="form.marketplaces", - :deployment-id="deployment?.id", + :deployment-id="localDeployment?.id", @error="setError", ) @@ -100,6 +100,10 @@ export default { props: { value: Boolean, + deployment: { + type: Object, + default: () => null, + }, }, data: () => ({ @@ -107,7 +111,7 @@ export default { currentTab: null, form: defaultForm(), createdRequest: null, - deployment: null, + localDeployment: null, errorText: '', }), @@ -225,7 +229,7 @@ export default { async createDeploymentRequest() { this.createdRequest = await createDeploymentRequest({ marketplaces: this.form.marketplaces, - deployment: { id: this.deployment.id }, + deployment: { id: this.localDeployment.id }, ppr: { id: this.form.ppr.id }, manually: this.form.options.manual, delegate_l2: this.form.options.delegate, @@ -235,7 +239,9 @@ export default { }, async fetchDeployment() { - [this.deployment] = await getDeployments({ + if (this.deployment) return; + + [this.localDeployment] = await getDeployments({ hubId: this.form.hub.id, productId: this.form.product.id, }); @@ -257,9 +263,16 @@ export default { }, watch: { - localValue(v) { + async localValue(v) { if (!v) { this.form = defaultForm(); + } else if (this.deployment) { + this.localDeployment = this.deployment; + this.form.hub = this.deployment.hub; + this.form.product = this.deployment.product; + + await this.$nextTick(); + this.$refs.dialog.activeTab = 'ppr'; } }, }, diff --git a/ui/src/components/DeploymentRequestsTab.vue b/ui/src/components/DeploymentRequestsTab.vue new file mode 100644 index 0000000..5c62568 --- /dev/null +++ b/ui/src/components/DeploymentRequestsTab.vue @@ -0,0 +1,186 @@ + + + + + diff --git a/ui/src/pages/DeploymentDetails.vue b/ui/src/pages/DeploymentDetails.vue index ab5f182..4fbac39 100644 --- a/ui/src/pages/DeploymentDetails.vue +++ b/ui/src/pages/DeploymentDetails.vue @@ -81,6 +81,9 @@ c-view.deployment-details( :account-id="deployment.account_id", ) + template(#requests="") + deployment-requests-tab(:deployment="deployment") +