osmanli-veri-dagitim 2.1.58-dev → 2.1.59-dev
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1618,7 +1618,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _com
|
|
|
1618
1618
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1619
1619
|
|
|
1620
1620
|
"use strict";
|
|
1621
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _PackageSettignsCreate__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PackageSettignsCreate */ \"./src/components/customer/PackageSettignsCreate.vue\");\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"CardItem\",\n components: {\n PackageSettignsCreate: _PackageSettignsCreate__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n BaseButton: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseButton\"],\n BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"]\n },\n props: {\n item: Object,\n currentTab: String,\n cssClass: String\n },\n\n data() {\n return {\n packageDetail: null,\n marketInfo: null,\n platformInfo: null,\n isPopupVisible: false,\n loadDetail: false,\n isTerminal: true,\n algoDetail: {},\n isOperationWarning: false,\n isRuleMessageWarning: false,\n operationMessage: \"\",\n researchDetail: {},\n mutableItemRuleMessage: \"\",\n isUpgraded: false,\n isCancelled: false,\n selectBoxesStatus: null,\n triggerReRender: 0\n };\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getPlatformInfo\", \"getMarketInfo\"])\n },\n methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPlatform\", \"getMarket\", \"getAlgorithmDetail\", \"getResearchDetail\", \"getCheckForPurchaseUpgrade\"]),\n\n errorMessage(response) {\n return this.$toast.error(response.data.message);\n },\n\n addCart() {\n let cusId = null;\n\n if (this.$route.query.isRecommended === undefined) {\n var _this$item, _this$item2, _this$item2$platform;\n\n cusId = this.$route.query.c;\n this.getCheckForPurchaseUpgrade({\n applicationId: (_this$item = this.item) === null || _this$item === void 0 ? void 0 : _this$item.applicationId,\n platformId: (_this$item2 = this.item) === null || _this$item2 === void 0 ? void 0 : (_this$item2$platform = _this$item2.platform) === null || _this$item2$platform === void 0 ? void 0 : _this$item2$platform.id\n }).then(response => {\n const getCancelledStatus = response.purchaseDetail != null ? response.purchaseDetail.packageStatus.id == 8 : false;\n this.isUpgraded = response.isUpgrade;\n this.isCancelled = getCancelledStatus
|
|
1621
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _PackageSettignsCreate__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PackageSettignsCreate */ \"./src/components/customer/PackageSettignsCreate.vue\");\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"CardItem\",\n components: {\n PackageSettignsCreate: _PackageSettignsCreate__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n BaseButton: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseButton\"],\n BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"]\n },\n props: {\n item: Object,\n currentTab: String,\n cssClass: String\n },\n\n data() {\n return {\n packageDetail: null,\n marketInfo: null,\n platformInfo: null,\n isPopupVisible: false,\n loadDetail: false,\n isTerminal: true,\n algoDetail: {},\n isOperationWarning: false,\n isRuleMessageWarning: false,\n operationMessage: \"\",\n researchDetail: {},\n mutableItemRuleMessage: \"\",\n isUpgraded: false,\n isCancelled: false,\n selectBoxesStatus: null,\n triggerReRender: 0\n };\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getPlatformInfo\", \"getMarketInfo\"])\n },\n methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPlatform\", \"getMarket\", \"getAlgorithmDetail\", \"getResearchDetail\", \"getCheckForPurchaseUpgrade\"]),\n\n errorMessage(response) {\n return this.$toast.error(response.data.message);\n },\n\n addCart() {\n let cusId = null;\n\n if (this.$route.query.isRecommended === undefined) {\n var _this$item, _this$item2, _this$item2$platform;\n\n cusId = this.$route.query.c;\n this.getCheckForPurchaseUpgrade({\n applicationId: (_this$item = this.item) === null || _this$item === void 0 ? void 0 : _this$item.applicationId,\n platformId: (_this$item2 = this.item) === null || _this$item2 === void 0 ? void 0 : (_this$item2$platform = _this$item2.platform) === null || _this$item2$platform === void 0 ? void 0 : _this$item2$platform.id\n }).then(response => {\n const getCancelledStatus = response.purchaseDetail != null ? response.purchaseDetail.packageStatus.id == 8 : false;\n this.isUpgraded = response.isUpgrade;\n this.isCancelled = getCancelledStatus;\n this.selectBoxesStatus = this.isUpgraded ? response.purchaseDetail.dateSelection : -1;\n this.loadDetail = true;\n this.triggerReRender++;\n this.handlePlatformInfo(cusId);\n });\n } else {\n this.handlePlatformInfo(cusId);\n }\n },\n\n handlePlatformInfo(cusId) {\n this.getPlatform([this.item.applicationId, cusId]).then(res => {\n this.platformInfo = res.data.find(o => o.id == this.item.id);\n\n if (this.item.ruleMessage != undefined) {\n this.mutableItemRuleMessage = this.item.ruleMessage[0];\n this.isRuleMessageWarning = true;\n }\n\n if (this.currentTab != \"Algo\" && this.currentTab != \"Research\") {\n this.handleMarketInfo(cusId);\n } else {\n if (this.currentTab == \"Algo\") {\n this.handleAlgorithmDetail(cusId);\n } else {\n this.handleResearchDetail();\n }\n }\n });\n },\n\n handleMarketInfo(cusId) {\n var _this$platformInfo;\n\n this.getMarket([this.item.applicationId, (_this$platformInfo = this.platformInfo) === null || _this$platformInfo === void 0 ? void 0 : _this$platformInfo.platformId, cusId]).then(response => {\n var _response$data;\n\n if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.error) === true) {\n this.errorMessage(response);\n } else {\n this.marketInfo = this.getMarketInfo;\n this.loadDetail = true;\n this.isPopupVisible = true;\n }\n });\n },\n\n handleAlgorithmDetail(cusId) {\n this.getAlgorithmDetail([this.item.id, cusId]).then(response => {\n var _response$data2;\n\n if ((response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.error) === true) {\n this.errorMessage(response);\n } else {\n var _response$data3, _response$data4, _response$data4$opera, _response$data5, _response$data5$opera;\n\n this.algoDetail = response.data;\n this.isTerminal = (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.isTerminal;\n this.isOperationWarning = (_response$data4 = response.data) === null || _response$data4 === void 0 ? void 0 : (_response$data4$opera = _response$data4.operationRule) === null || _response$data4$opera === void 0 ? void 0 : _response$data4$opera.isOperationWarning;\n this.operationMessage = (_response$data5 = response.data) === null || _response$data5 === void 0 ? void 0 : (_response$data5$opera = _response$data5.operationRule) === null || _response$data5$opera === void 0 ? void 0 : _response$data5$opera.operationMessage;\n this.loadDetail = true;\n this.isPopupVisible = true;\n }\n });\n },\n\n handleResearchDetail() {\n this.getResearchDetail([this.item.id]).then(response => {\n var _response$data6;\n\n if ((response === null || response === void 0 ? void 0 : (_response$data6 = response.data) === null || _response$data6 === void 0 ? void 0 : _response$data6.error) === true) {\n this.errorMessage(response);\n } else {\n this.researchDetail = response.data;\n this.loadDetail = true;\n this.isPopupVisible = true;\n }\n });\n },\n\n closePopup() {\n this.isPopupVisible = false;\n }\n\n }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/CardItem.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
1622
1622
|
|
|
1623
1623
|
/***/ }),
|
|
1624
1624
|
|
|
@@ -1726,7 +1726,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
|
|
|
1726
1726
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1727
1727
|
|
|
1728
1728
|
"use strict";
|
|
1729
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingType.vue */ \"./src/components/customer/PackageSettingType.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"PackageSettigns\",\n mixins: [_mixins___WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n components: {\n BaseButton: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseButton\"],\n BaseIcon: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseIcon\"],\n PopupRight: _components__WEBPACK_IMPORTED_MODULE_2__[\"PopupRight\"],\n PackageSettingType: _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n AccordionResearch: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionResearch\"],\n AccordionForeign: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionForeign\"],\n AccordionAlgoServer: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionAlgoServer\"],\n InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n },\n props: {\n dataItem: Object,\n marketInfo: Array,\n isPopupVisible: Boolean\n },\n\n data() {\n return {\n isResponsive: false,\n fund: 0,\n commission: 0,\n topPrice: 0,\n bottomFund: 0,\n bottomCommission: 0,\n totalPrice: 0,\n startDateSelection: this.dataItem.dateSelection,\n selectData: [],\n research: [],\n foreign: [],\n algoServer: [],\n isButtonClicked: false,\n warningMessage: false,\n esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__[\"getItem\"])(\"esube\"),\n infoText: [\"BES ve yatırım fonu büyüklüğü ve/veya komisyon şartı sağlandığı taktirde; o ay toplamda belirtilen ekran ücreti sizden alınmayacaktır.\", \"Karma Lisans paketinde derinlik bilgisi bulunmamaktadır.\"],\n startDate: [{\n label: \"Seçiniz\",\n code: -1\n }, {\n label: \"Hemen\",\n code: 0\n }, {\n label: \"Ay Başında\",\n code: 1\n }],\n cusId: null\n };\n },\n\n created() {\n this.handleWidth();\n window.addEventListener(\"resize\", this.handleWidth());\n },\n\n mounted() {\n this.setSelectedForeign([]);\n this.setSelectedAlgoServer([]);\n this.setSelectedResearch([]);\n this.cusId = this.$route.params.customerId !== undefined ? this.$route.params.customerId : null;\n\n if (this.$route.name === \"Checkout\") {\n this.cusId = this.$route.query.c !== undefined ? this.$route.query.c : this.$route.params.customerId;\n this.startDateSelection = this.dataItem.dateSelection;\n }\n\n this.sumFundCommission();\n this.getForeign([this.dataItem.application.applicationId, this.dataItem.platform.platformId, this.cusId]).then(res => {\n let details = {};\n details = res.data;\n\n if (this.getDraftPackageDetails.foreignIndice) {\n this.getDraftPackageDetails.foreignIndice.forEach((element, index) => {\n if (element.foreignIndiceFeature.id == details[index].id) {\n details[index].dateSelection = Number(element.dateSelection.key);\n }\n });\n }\n\n this.foreign.push({\n id: 2,\n active: false,\n title: \"Yabancı Endeksler\",\n details\n });\n });\n this.getResearch([this.dataItem.application.applicationId, this.cusId]).then(res => {\n let details = {};\n details = res.data;\n\n if (this.getDraftPackageDetails.research) {\n this.getDraftPackageDetails.research.forEach((element, index) => {\n if (element.researchFeature.id == details[index].id) {\n details[index].dateSelection = Number(element.dateSelection.key);\n }\n });\n }\n\n this.research = [{\n id: 1,\n active: false,\n title: \"Araştırma ve Diğer Uygulamalar\",\n details\n }];\n });\n this.$nextTick(() => {\n this.getAlgoServer([this.dataItem.application.applicationId, this.cusId]).then(res => {\n let details = {};\n details = res.data;\n\n if (this.getDraftPackageDetails.algorithm) {\n this.getDraftPackageDetails.algorithm.forEach((element, index) => {\n if (element.algorithmFeature.id == details[index].id) {\n details[index].dateSelection = Number(element.dateSelection.key);\n }\n });\n }\n\n this.algoServer.push({\n id: 3,\n active: false,\n title: \"Algoritmalar\",\n details\n });\n });\n });\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getSelectedAlgoServerInfo\", \"customer\", \"getResearchInfo\", \"getSelectedForeignInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\", \"getPackageInfo\", \"getDraftPackageDetails\", \"getUserInfo\"]),\n\n getMemberType() {\n return this.getUserInfo.memberType;\n },\n\n currencySymbol() {\n return _constants__WEBPACK_IMPORTED_MODULE_5__[\"CurrencySymbol\"];\n },\n\n researchTotal() {\n return this.getSelectedResearchInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n }, 0);\n },\n\n foraignDollarTotal() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n if (item.priceInfo === \"$\") {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n } else {\n return 0 + totald;\n }\n }, 0);\n },\n\n getStartDateSelection() {\n return this.dataItem.dateSelection;\n },\n\n foraignEuroTotal() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n if (item.priceInfo === \"€\") {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n } else {\n return 0 + totald;\n }\n }, 0);\n },\n\n algoServerTotal() {\n return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n }, 0);\n },\n\n researchFund() {\n return this.getSelectedResearchInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n }, 0);\n },\n\n foreignFund() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n }, 0);\n },\n\n algoServerFund() {\n return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n }, 0);\n },\n\n researchCommission() {\n return this.getSelectedResearchInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n }, 0);\n },\n\n foreignCommission() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n }, 0);\n },\n\n foraignTurkishLiraTotal() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n if (item.priceInfo === \"₺\") {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n } else {\n return 0 + totald;\n }\n }, 0);\n },\n\n algoServerCommission() {\n return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n }, 0);\n },\n\n totalPriceDollar() {\n var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n },\n\n totalPriceEuro() {\n var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n return (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : (_this$dataItem2$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n },\n\n totalPriceTl() {\n var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.tl)[0].totalPrice;\n },\n\n totalPriceCalc() {\n var _this$totalPriceDolla, _this$totalPriceEuro;\n\n let totalDollar = `${this.totalPriceDollar ? ` + ${this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice)} Dolar` : \"\"}`;\n let totalEuro = `${this.totalPriceEuro ? ` + ${this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice)} Euro` : \"\"}`;\n return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n }\n\n },\n methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getForeign\", \"getAllPackages\", \"getDraftPackageDetail\", \"getResearch\", \"updatePackage\", \"getAlgoServer\", \"createPackage\"]),\n ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setSelectedForeign\", \"setSelectedAlgoServer\", \"setSelectedResearch\"]),\n\n checkSpesificWarning(param) {\n this.warningMessage = param;\n },\n\n setDefaultValues() {\n this.bottomCommission = 0;\n this.totalPrice = 0;\n this.bottomFund = 0;\n this.selectData = [];\n this.startDateSelection = this.startDate[0].code;\n this.setSelectedForeign([]);\n this.setSelectedAlgoServer([]);\n this.setSelectedResearch([]);\n this.$emit(\"close\");\n },\n\n handleWidth() {\n let w = window.innerWidth;\n this.isResponsive = w <= 640;\n },\n\n sumFundCommission() {\n this.fund = this.dataItem.price.totalFundAmount;\n this.commission = this.dataItem.price.totalCommissionAmount;\n this.topPrice = this.totalPriceCalc;\n this.totalPrice = this.topPrice;\n },\n\n changeSelected(data) {\n this.selectData = data;\n },\n\n async submitShow() {\n this.isButtonClicked = true;\n const packageData = this.buildPackageData();\n const getEveryDateSelection = packageData.filter(o => o.dateSelection == -1);\n const getResearchDateSelection = this.getSelectedResearchInfo.filter(o => o.dateSelection == -1);\n const getForeignDateSelection = this.getSelectedForeignInfo.filter(o => o.dateSelection == -1);\n const getSelectedAlgoSvInfo = this.getSelectedAlgoServerInfo.filter(o => o.dateSelection == -1);\n\n if (getEveryDateSelection.length > 0 || getResearchDateSelection.length > 0 || getForeignDateSelection.length > 0 || getSelectedAlgoSvInfo.length > 0) {\n this.$toast.error(\"Başlangıç zamanı seçiniz.\");\n this.isButtonClicked = false;\n return;\n }\n\n const researchData = this.buildResearchData();\n const foreignData = this.buildForeignData();\n const algoServerData = this.buildAlgoServerData();\n const args = this.buildArgsObject(packageData, researchData, foreignData, algoServerData);\n const actionName = this.getActionName();\n const sendAction = await this[actionName](args);\n\n if (sendAction.error) {\n this.handleError(sendAction);\n } else {\n this.handleSuccess(sendAction, actionName);\n this.args = {};\n }\n\n this.isButtonClicked = false;\n },\n\n buildPackageData() {\n return this.selectData.map(item => {\n var _this$dataItem4, _this$dataItem4$appli, _this$dataItem5, _this$dataItem5$platf, _item$marketFeature, _item$perspectiveFeat, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n return {\n applicationId: (_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$appli = _this$dataItem4.application) === null || _this$dataItem4$appli === void 0 ? void 0 : _this$dataItem4$appli.id,\n platformId: ((_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$platf = _this$dataItem5.platform) === null || _this$dataItem5$platf === void 0 ? void 0 : _this$dataItem5$platf.id) || null,\n marketId: (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) || null,\n perspectiveId: (item === null || item === void 0 ? void 0 : (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.id) || null,\n vendorId: (item === null || item === void 0 ? void 0 : (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.id) === undefined || (item === null || item === void 0 ? void 0 : (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.id) === null ? null : item === null || item === void 0 ? void 0 : (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.id,\n dateSelection: item.dateSelection\n };\n });\n },\n\n buildResearchData() {\n return this.getSelectedResearchInfo.map(item => ({\n applicationId: this.dataItem.application.id || null,\n researchId: item.id || null,\n dateSelection: item.dateSelection\n }));\n },\n\n buildForeignData() {\n return this.getSelectedForeignInfo.map(item => ({\n applicationId: this.dataItem.application.id,\n foreignIndiceId: item.id || null,\n dateSelection: item.dateSelection\n }));\n },\n\n buildAlgoServerData() {\n return this.getSelectedAlgoServerInfo.map(item => ({\n applicationId: this.dataItem.application.id,\n algorithmAndServerId: item.id || null,\n dateSelection: item.dateSelection\n }));\n },\n\n buildArgsObject(packageData, researchData, foreignData, algoServerData) {\n var _this$dataItem6, _this$dataItem6$appli, _this$dataItem7, _this$dataItem7$platf, _this$dataItem8, _this$dataItem9, _this$dataItem9$platf;\n\n return {\n customerId: this.customer.id,\n purchaseId: this.dataItem.id,\n purchaseNumber: this.dataItem.purchaseNo.toString(),\n applicationId: ((_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$appli = _this$dataItem6.application) === null || _this$dataItem6$appli === void 0 ? void 0 : _this$dataItem6$appli.applicationId) || null,\n platformId: ((_this$dataItem7 = this.dataItem) === null || _this$dataItem7 === void 0 ? void 0 : (_this$dataItem7$platf = _this$dataItem7.platform) === null || _this$dataItem7$platf === void 0 ? void 0 : _this$dataItem7$platf.platformId) || null,\n applicationFeatureId: ((_this$dataItem8 = this.dataItem) === null || _this$dataItem8 === void 0 ? void 0 : _this$dataItem8.application.id) || null,\n platformFeatureId: (_this$dataItem9 = this.dataItem) === null || _this$dataItem9 === void 0 ? void 0 : (_this$dataItem9$platf = _this$dataItem9.platform) === null || _this$dataItem9$platf === void 0 ? void 0 : _this$dataItem9$platf.id,\n features: packageData,\n research: researchData,\n foreignIndice: foreignData,\n algorithmAndServer: algoServerData,\n cusId: this.cusId\n };\n },\n\n getActionName() {\n return this.dataItem.packageStatus.id === 2 ? \"updatePackage\" : \"createPackage\";\n },\n\n handleError(res) {\n if (res.result !== undefined && res.result !== null) {\n this.$toast.error(res.result.data[0].errors[0]);\n } else {\n this.$toast.error(res.message);\n }\n\n this.isButtonClicked = false;\n },\n\n handleSuccess(res, actionName) {\n if (actionName === \"updatePackage\") {\n this.handleUpdatePackageSuccess(res);\n } else {\n this.handleCreatePackageSuccess(res);\n }\n },\n\n async handleUpdatePackageSuccess() {\n const response = await this.getDraftPackageDetail([this.dataItem.id, this.cusId]);\n\n if (response && this.$route.name != \"Checkout\") {\n this.$router.push({\n name: \"Checkout\",\n params: {\n packageNumber: response.data.id,\n customerNumber: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.params.customerNumber\n },\n query: {\n c: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.query.c,\n timeStamp: new Date()\n }\n });\n } else {\n this.$emit(\"close\");\n this.isButtonClicked = false;\n }\n },\n\n handleCreatePackageSuccess(res) {\n if (this.$route.name === \"Checkout\") {\n this.$router.push({\n name: \"Checkout\",\n params: {\n packageNumber: res.purchaseId,\n customerNumber: this.$route.params.customerNumber\n },\n query: {\n c: this.$route.query.c\n }\n });\n } else {\n this.$emit(\"close\");\n this.getAllPackages(this.cusId);\n }\n\n this.setSelectedResearch([]);\n this.setSelectedForeign([]);\n this.setSelectedAlgoServer([]);\n },\n\n calculatePrice(items) {\n var _this$dataItem$applic, _this$dataItem$applic2;\n\n this.bottomFund = items.reduce((totald, item) => {\n var _item$marketFeature2, _item$perspectiveFeat2, _item$vendorFeature4;\n\n return ((item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature4 = item.vendorFeature) === null || _item$vendorFeature4 === void 0 ? void 0 : _item$vendorFeature4.fundAmount) || 0) + totald;\n }, (_this$dataItem$applic = this.dataItem.application) === null || _this$dataItem$applic === void 0 ? void 0 : _this$dataItem$applic.fundAmount);\n this.bottomCommission = items.reduce((totald, item) => {\n var _item$marketFeature3, _item$perspectiveFeat3, _item$vendorFeature5;\n\n return ((item === null || item === void 0 ? void 0 : (_item$marketFeature3 = item.marketFeature) === null || _item$marketFeature3 === void 0 ? void 0 : _item$marketFeature3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature5 = item.vendorFeature) === null || _item$vendorFeature5 === void 0 ? void 0 : _item$vendorFeature5.commissionAmount) || 0) + totald;\n }, (_this$dataItem$applic2 = this.dataItem.application) === null || _this$dataItem$applic2 === void 0 ? void 0 : _this$dataItem$applic2.commissionAmount);\n const total = items.reduce((totald, item) => {\n var _item$perspectiveFeat4, _item$vendorFeature6;\n\n return (\n /* (item?.marketFeature?.price || 0) +\n (item?.platformFeature?.price || 0)*/\n +((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat4 = item.perspectiveFeature) === null || _item$perspectiveFeat4 === void 0 ? void 0 : _item$perspectiveFeat4.price) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature6 = item.vendorFeature) === null || _item$vendorFeature6 === void 0 ? void 0 : _item$vendorFeature6.price) || 0) + totald\n );\n }, 0);\n this.totalPrice = total + this.dataItem.application.price;\n },\n\n calculateTotalPrice() {\n return this.dataItem.price + this.totalPrice + this.researchTotal() + this.foraignTurkishLiraTotal() + this.algoServerTotal();\n }\n\n },\n watch: {\n selectData: {\n handler(newVal) {\n this.calculatePrice(newVal);\n },\n\n deep: true,\n immediate: true\n }\n }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
1729
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingType.vue */ \"./src/components/customer/PackageSettingType.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"PackageSettigns\",\n mixins: [_mixins___WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n components: {\n BaseButton: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseButton\"],\n BaseIcon: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseIcon\"],\n PopupRight: _components__WEBPACK_IMPORTED_MODULE_2__[\"PopupRight\"],\n PackageSettingType: _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n AccordionResearch: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionResearch\"],\n AccordionForeign: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionForeign\"],\n AccordionAlgoServer: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionAlgoServer\"],\n InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n },\n props: {\n dataItem: Object,\n marketInfo: Array,\n isPopupVisible: Boolean\n },\n\n data() {\n return {\n isResponsive: false,\n fund: 0,\n commission: 0,\n topPrice: 0,\n bottomFund: 0,\n bottomCommission: 0,\n totalPrice: 0,\n startDateSelection: this.dataItem.dateSelection,\n selectData: [],\n research: [],\n foreign: [],\n algoServer: [],\n isButtonClicked: false,\n warningMessage: false,\n esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__[\"getItem\"])(\"esube\"),\n infoText: [\"BES ve yatırım fonu büyüklüğü ve/veya komisyon şartı sağlandığı taktirde; o ay toplamda belirtilen ekran ücreti sizden alınmayacaktır.\", \"Karma Lisans paketinde derinlik bilgisi bulunmamaktadır.\"],\n startDate: [{\n label: \"Seçiniz\",\n code: -1\n }, {\n label: \"Hemen\",\n code: 0\n }, {\n label: \"Ay Başında\",\n code: 1\n }],\n cusId: null\n };\n },\n\n created() {\n this.handleWidth();\n window.addEventListener(\"resize\", this.handleWidth());\n },\n\n mounted() {\n this.setSelectedForeign([]);\n this.setSelectedAlgoServer([]);\n this.setSelectedResearch([]);\n this.cusId = this.$route.params.customerId !== undefined ? this.$route.params.customerId : null;\n\n if (this.$route.name === \"Checkout\") {\n this.cusId = this.$route.query.c !== undefined ? this.$route.query.c : this.$route.params.customerId;\n this.startDateSelection = this.dataItem.dateSelection;\n }\n\n this.sumFundCommission();\n this.getForeign([this.dataItem.application.applicationId, this.dataItem.platform.platformId, this.cusId]).then(res => {\n let details = {};\n details = res.data;\n\n if (this.getDraftPackageDetails.foreignIndice) {\n this.getDraftPackageDetails.foreignIndice.forEach((element, index) => {\n if (element.foreignIndiceFeature.id == details[index].id) {\n details[index].dateSelection = Number(element.dateSelection.key);\n }\n });\n }\n\n this.foreign.push({\n id: 2,\n active: false,\n title: \"Yabancı Endeksler\",\n details\n });\n });\n this.getResearch([this.dataItem.application.applicationId, this.cusId]).then(res => {\n let details = {};\n details = res.data;\n\n if (this.getDraftPackageDetails.research) {\n this.getDraftPackageDetails.research.forEach((element, index) => {\n if (element.researchFeature.id == details[index].id) {\n details[index].dateSelection = Number(element.dateSelection.key);\n }\n });\n }\n\n this.research = [{\n id: 1,\n active: false,\n title: \"Araştırma ve Diğer Uygulamalar\",\n details\n }];\n });\n this.$nextTick(() => {\n this.getAlgoServer([this.dataItem.application.applicationId, this.cusId]).then(res => {\n let details = {};\n details = res.data;\n\n if (this.getDraftPackageDetails.algorithm) {\n this.getDraftPackageDetails.algorithm.forEach((element, index) => {\n if (element.algorithmFeature.id == details[index].id) {\n details[index].dateSelection = Number(element.dateSelection.key);\n }\n });\n }\n\n this.algoServer.push({\n id: 3,\n active: false,\n title: \"Algoritmalar\",\n details\n });\n });\n });\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getSelectedAlgoServerInfo\", \"customer\", \"getResearchInfo\", \"getSelectedForeignInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\", \"getPackageInfo\", \"getDraftPackageDetails\", \"getUserInfo\"]),\n\n getMemberType() {\n return this.getUserInfo.memberType;\n },\n\n currencySymbol() {\n return _constants__WEBPACK_IMPORTED_MODULE_5__[\"CurrencySymbol\"];\n },\n\n researchTotal() {\n return this.getSelectedResearchInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n }, 0);\n },\n\n foraignDollarTotal() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n if (item.priceInfo === \"$\") {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n } else {\n return 0 + totald;\n }\n }, 0);\n },\n\n getStartDateSelection() {\n return this.dataItem.dateSelection;\n },\n\n foraignEuroTotal() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n if (item.priceInfo === \"€\") {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n } else {\n return 0 + totald;\n }\n }, 0);\n },\n\n algoServerTotal() {\n return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n }, 0);\n },\n\n researchFund() {\n return this.getSelectedResearchInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n }, 0);\n },\n\n foreignFund() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n }, 0);\n },\n\n algoServerFund() {\n return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n }, 0);\n },\n\n researchCommission() {\n return this.getSelectedResearchInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n }, 0);\n },\n\n foreignCommission() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n }, 0);\n },\n\n foraignTurkishLiraTotal() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n if (item.priceInfo === \"₺\") {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n } else {\n return 0 + totald;\n }\n }, 0);\n },\n\n algoServerCommission() {\n return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n }, 0);\n },\n\n totalPriceDollar() {\n var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n },\n\n totalPriceEuro() {\n var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n return (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : (_this$dataItem2$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n },\n\n totalPriceTl() {\n var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.tl)[0].totalPrice;\n },\n\n totalPriceCalc() {\n var _this$totalPriceDolla, _this$totalPriceEuro;\n\n let totalDollar = `${this.totalPriceDollar ? ` + ${this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice)} Dolar` : \"\"}`;\n let totalEuro = `${this.totalPriceEuro ? ` + ${this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice)} Euro` : \"\"}`;\n return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n }\n\n },\n methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getForeign\", \"getAllPackages\", \"getDraftPackageDetail\", \"getResearch\", \"updatePackage\", \"getAlgoServer\", \"createPackage\"]),\n ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setSelectedForeign\", \"setSelectedAlgoServer\", \"setSelectedResearch\"]),\n\n checkSpesificWarning(param) {\n this.warningMessage = param;\n },\n\n setDefaultValues() {\n this.bottomCommission = 0;\n this.totalPrice = 0;\n this.bottomFund = 0;\n this.selectData = [];\n this.startDateSelection = this.startDate[0].code;\n this.setSelectedForeign([]);\n this.setSelectedAlgoServer([]);\n this.setSelectedResearch([]);\n this.$emit(\"close\");\n },\n\n handleWidth() {\n let w = window.innerWidth;\n this.isResponsive = w <= 640;\n },\n\n sumFundCommission() {\n this.fund = this.dataItem.price.totalFundAmount;\n this.commission = this.dataItem.price.totalCommissionAmount;\n this.topPrice = this.totalPriceCalc;\n this.totalPrice = this.topPrice;\n },\n\n changeSelected(data) {\n this.selectData = data;\n },\n\n async submitShow() {\n this.isButtonClicked = true;\n const packageData = this.buildPackageData();\n const getEveryDateSelection = packageData.filter(o => o.dateSelection == -1);\n const getResearchDateSelection = this.getSelectedResearchInfo.filter(o => o.dateSelection == -1);\n const getForeignDateSelection = this.getSelectedForeignInfo.filter(o => o.dateSelection == -1);\n const getSelectedAlgoSvInfo = this.getSelectedAlgoServerInfo.filter(o => o.dateSelection == -1);\n\n if (getEveryDateSelection.length > 0 || getResearchDateSelection.length > 0 || getForeignDateSelection.length > 0 || getSelectedAlgoSvInfo.length > 0) {\n this.$toast.error(\"Başlangıç zamanı seçiniz.\");\n this.isButtonClicked = false;\n return;\n }\n\n const researchData = this.buildResearchData();\n const foreignData = this.buildForeignData();\n const algoServerData = this.buildAlgoServerData();\n const args = this.buildArgsObject(packageData, researchData, foreignData, algoServerData);\n const actionName = this.getActionName();\n const sendAction = await this[actionName](args);\n\n if (sendAction.error) {\n this.handleError(sendAction);\n } else {\n this.handleSuccess(sendAction, actionName);\n this.args = {};\n }\n\n this.isButtonClicked = false;\n },\n\n buildPackageData() {\n return this.selectData.map(item => {\n var _this$dataItem4, _this$dataItem4$appli, _this$dataItem5, _this$dataItem5$platf, _item$marketFeature, _item$perspectiveFeat, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n return {\n applicationId: (_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$appli = _this$dataItem4.application) === null || _this$dataItem4$appli === void 0 ? void 0 : _this$dataItem4$appli.id,\n platformId: ((_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$platf = _this$dataItem5.platform) === null || _this$dataItem5$platf === void 0 ? void 0 : _this$dataItem5$platf.id) || null,\n marketId: (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) || null,\n perspectiveId: (item === null || item === void 0 ? void 0 : (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.id) || null,\n vendorId: (item === null || item === void 0 ? void 0 : (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.id) === undefined || (item === null || item === void 0 ? void 0 : (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.id) === null ? null : item === null || item === void 0 ? void 0 : (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.id,\n dateSelection: item.dateSelection\n };\n });\n },\n\n buildResearchData() {\n return this.getSelectedResearchInfo.map(item => ({\n applicationId: this.dataItem.application.id || null,\n researchId: item.id || null,\n dateSelection: item.dateSelection\n }));\n },\n\n buildForeignData() {\n return this.getSelectedForeignInfo.map(item => ({\n applicationId: this.dataItem.application.id,\n foreignIndiceId: item.id || null,\n dateSelection: item.dateSelection\n }));\n },\n\n buildAlgoServerData() {\n return this.getSelectedAlgoServerInfo.map(item => ({\n applicationId: this.dataItem.application.id,\n algorithmAndServerId: item.id || null,\n dateSelection: item.dateSelection\n }));\n },\n\n buildArgsObject(packageData, researchData, foreignData, algoServerData) {\n var _this$dataItem6, _this$dataItem6$appli, _this$dataItem7, _this$dataItem7$platf, _this$dataItem8, _this$dataItem9, _this$dataItem9$platf;\n\n return {\n customerId: this.customer.id,\n purchaseId: this.dataItem.id,\n purchaseNumber: this.dataItem.purchaseNo.toString(),\n applicationId: ((_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$appli = _this$dataItem6.application) === null || _this$dataItem6$appli === void 0 ? void 0 : _this$dataItem6$appli.applicationId) || null,\n platformId: ((_this$dataItem7 = this.dataItem) === null || _this$dataItem7 === void 0 ? void 0 : (_this$dataItem7$platf = _this$dataItem7.platform) === null || _this$dataItem7$platf === void 0 ? void 0 : _this$dataItem7$platf.platformId) || null,\n applicationFeatureId: ((_this$dataItem8 = this.dataItem) === null || _this$dataItem8 === void 0 ? void 0 : _this$dataItem8.application.id) || null,\n platformFeatureId: (_this$dataItem9 = this.dataItem) === null || _this$dataItem9 === void 0 ? void 0 : (_this$dataItem9$platf = _this$dataItem9.platform) === null || _this$dataItem9$platf === void 0 ? void 0 : _this$dataItem9$platf.id,\n features: packageData,\n research: researchData,\n foreignIndice: foreignData,\n algorithmAndServer: algoServerData,\n cusId: this.cusId\n };\n },\n\n getActionName() {\n return this.dataItem.packageStatus.id === 2 ? \"updatePackage\" : \"createPackage\";\n },\n\n handleError(res) {\n if (res.result !== undefined && res.result !== null) {\n this.$toast.error(res.result.data[0].errors[0]);\n } else {\n this.$toast.error(res.message);\n }\n\n this.isButtonClicked = false;\n },\n\n handleSuccess(res, actionName) {\n if (actionName === \"updatePackage\") {\n this.handleUpdatePackageSuccess(res);\n } else {\n this.handleCreatePackageSuccess(res);\n }\n },\n\n async handleUpdatePackageSuccess() {\n const response = await this.getDraftPackageDetail([this.dataItem.id, this.cusId]);\n\n if (response && this.$route.name != \"Checkout\") {\n this.$router.push({\n name: \"Checkout\",\n params: {\n packageNumber: response.data.id,\n customerNumber: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.params.customerNumber\n },\n query: {\n c: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.query.c,\n timeStamp: new Date()\n }\n });\n } else {\n this.$emit(\"close\");\n this.isButtonClicked = false;\n }\n },\n\n handleCreatePackageSuccess(res) {\n if (this.$route.name === \"Checkout\") {\n this.$router.replace({\n params: {\n packageNumber: String(res.purchaseId),\n customerNumber: this.$route.params.customerNumber\n },\n query: {\n c: this.$route.query.c\n }\n });\n setTimeout(() => {\n this.$emit(\"close\");\n }, 300);\n } else {\n this.$emit(\"close\");\n this.getAllPackages(this.cusId);\n }\n\n this.setSelectedResearch([]);\n this.setSelectedForeign([]);\n this.setSelectedAlgoServer([]);\n },\n\n calculatePrice(items) {\n var _this$dataItem$applic, _this$dataItem$applic2;\n\n this.bottomFund = items.reduce((totald, item) => {\n var _item$marketFeature2, _item$perspectiveFeat2, _item$vendorFeature4;\n\n return ((item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature4 = item.vendorFeature) === null || _item$vendorFeature4 === void 0 ? void 0 : _item$vendorFeature4.fundAmount) || 0) + totald;\n }, (_this$dataItem$applic = this.dataItem.application) === null || _this$dataItem$applic === void 0 ? void 0 : _this$dataItem$applic.fundAmount);\n this.bottomCommission = items.reduce((totald, item) => {\n var _item$marketFeature3, _item$perspectiveFeat3, _item$vendorFeature5;\n\n return ((item === null || item === void 0 ? void 0 : (_item$marketFeature3 = item.marketFeature) === null || _item$marketFeature3 === void 0 ? void 0 : _item$marketFeature3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature5 = item.vendorFeature) === null || _item$vendorFeature5 === void 0 ? void 0 : _item$vendorFeature5.commissionAmount) || 0) + totald;\n }, (_this$dataItem$applic2 = this.dataItem.application) === null || _this$dataItem$applic2 === void 0 ? void 0 : _this$dataItem$applic2.commissionAmount);\n const total = items.reduce((totald, item) => {\n var _item$perspectiveFeat4, _item$vendorFeature6;\n\n return (\n /* (item?.marketFeature?.price || 0) +\n (item?.platformFeature?.price || 0)*/\n +((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat4 = item.perspectiveFeature) === null || _item$perspectiveFeat4 === void 0 ? void 0 : _item$perspectiveFeat4.price) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature6 = item.vendorFeature) === null || _item$vendorFeature6 === void 0 ? void 0 : _item$vendorFeature6.price) || 0) + totald\n );\n }, 0);\n this.totalPrice = total + this.dataItem.application.price;\n },\n\n calculateTotalPrice() {\n return this.dataItem.price + this.totalPrice + this.researchTotal() + this.foraignTurkishLiraTotal() + this.algoServerTotal();\n }\n\n },\n watch: {\n selectData: {\n handler(newVal) {\n this.calculatePrice(newVal);\n },\n\n deep: true,\n immediate: true\n }\n }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
1730
1730
|
|
|
1731
1731
|
/***/ }),
|
|
1732
1732
|
|
|
@@ -3935,7 +3935,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3935
3935
|
/*! no static exports found */
|
|
3936
3936
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3937
3937
|
|
|
3938
|
-
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".checkout[data-v-e9bc6700] {\\n margin: 0px auto;\\n padding: 0;\\n}\\n.checkout.mt-20[data-v-e9bc6700] {\\n margin-top: 20px;\\n}\\n.checkout .back-button[data-v-e9bc6700] {\\n border: none;\\n background-color: transparent;\\n cursor: pointer;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n}\\n.checkout .infoArea[data-v-e9bc6700] {\\n position: relative;\\n bottom: 0;\\n background: var(--grayscale-20);\\n color: #000;\\n font-size: 13px;\\n justify-content: start;\\n margin: 20px;\\n}\\n@media (min-width: 1560px) {\\n.checkout[data-v-e9bc6700] {\\n margin: 20px auto;\\n}\\n}\\n.checkout[data-v-e9bc6700] .customer-info {\\n margin-bottom: 20px;\\n}\\n.checkout[data-v-e9bc6700] .customer-info .right-side {\\n display: none;\\n}\\n.checkout-content[data-v-e9bc6700] {\\n background: var(--grayscale-0);\\n position: relative;\\n}\\n.checkout-content__title[data-v-e9bc6700] {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n margin-bottom: 20px;\\n border-bottom: 1px solid var(--color-primary-tint-second);\\n padding: 20px;\\n}\\n.checkout-content__table[data-v-e9bc6700] {\\n border: solid 1px #e9e9eb;\\n border-radius: var(--radius-second);\\n overflow-x: auto;\\n margin: 20px;\\n}\\n.checkout-content__table th[data-v-e9bc6700]:first-child {\\n min-width: 300px;\\n}\\n.checkout-content__table .bes svg[data-v-e9bc6700] {\\n position: relative;\\n top: 6px;\\n}\\n.checkout-content__table table[data-v-e9bc6700] {\\n border-collapse: collapse;\\n text-indent: 0;\\n min-width: 100%;\\n overflow: hidden;\\n}\\n.checkout-content__table table .package-table .sub-info[data-v-e9bc6700] {\\n display: block;\\n font-weight: 500;\\n}\\n.checkout-content__table table thead[data-v-e9bc6700] {\\n background: var(--color-primary-tint);\\n}\\n.checkout-content__table table thead th[data-v-e9bc6700] {\\n border-top: none;\\n font-size: 12px;\\n font-weight: 600;\\n height: 52px;\\n padding: 0px 20px;\\n text-align: center;\\n vertical-align: middle;\\n}\\n.checkout-content__table table thead th[data-v-e9bc6700]:first-child {\\n text-align: left;\\n}\\n.checkout-content__table table tbody tr[data-v-e9bc6700] {\\n border-bottom: 1px solid var(--color-primary-tint-second);\\n}\\n.checkout-content__table table tbody tr[data-v-e9bc6700]:last-child {\\n border: none;\\n}\\n.checkout-content__table table tbody tr td[data-v-e9bc6700] {\\n padding: 0px 20px;\\n text-align: center;\\n font-size: 12px;\\n line-height: normal;\\n height: 40px;\\n vertical-align: middle;\\n font-weight: 400 !important;\\n}\\n.checkout-content__table table tbody tr td[data-v-e9bc6700]:first-child {\\n text-align: left;\\n}\\n.checkout-content__table table tbody tr[data-v-e9bc6700]:first-child {\\n border-top: none;\\n}\\n.checkout-content__table table tfoot[data-v-e9bc6700] {\\n background: var(--color-primary-zebra);\\n border-top: 10px solid var(--color-primary-tint);\\n}\\n.checkout-content__table table tfoot tr[data-v-e9bc6700] {\\n border-bottom: 1px solid var(--color-primary-tint-second);\\n border-top: 1px solid var(--color-primary-tint-second);\\n}\\n.checkout-content__table table tfoot tr[data-v-e9bc6700]:last-child {\\n border: none;\\n background: var(--color-primary-zebra);\\n}\\n.checkout-content__table table tfoot tr th[data-v-e9bc6700] {\\n padding: 0px 20px;\\n text-align: center;\\n font-size: 12px;\\n line-height: normal;\\n height: 40px;\\n font-weight: 400 !important;\\n vertical-align: middle;\\n}\\n.checkout-content__table table tfoot tr th[data-v-e9bc6700]:first-child {\\n text-align: left;\\n}\\n.checkout-content__table table tfoot tr:last-child th[data-v-e9bc6700]:first-child {\\n border-bottom-left-radius: 5px;\\n}\\n.checkout-content__table table tfoot tr:last-child th[data-v-e9bc6700]:last-child {\\n border-bottom-right-radius: 5px;\\n}\\n.checkout-content__action[data-v-e9bc6700] {\\n display: flex;\\n align-items: center;\\n justify-content: flex-end;\\n margin-top: 20px;\\n position: relative;\\n padding: 20px;\\n}\\n.checkout-content__action .warning-text[data-v-e9bc6700] {\\n margin-top: 20px;\\n margin-right: 10px;\\n color: red;\\n font-weight: bold;\\n}\\n@media (min-width: 1220px) {\\n.checkout-content__action .warning-text[data-v-e9bc6700] {\\n position: absolute;\\n left: 0px;\\n}\\n}\\n@media (max-width: 1024px) {\\n.checkout-content__action .warning-text[data-v-e9bc6700] {\\n width: 100%;\\n}\\n}\\n@media (max-width: 415px) {\\n.checkout-content__action[data-v-e9bc6700] {\\n flex-flow: column;\\n}\\n.checkout-content__action .start-time-selectbox[data-v-e9bc6700] {\\n width: 100%;\\n margin-left: 8px;\\n}\\n}\\n.checkout-content__action button[data-v-e9bc6700] {\\n max-width: 176px;\\n margin-top: 15px;\\n margin-left: 10px;\\n}\\n@media (max-width: 415px) {\\n.checkout-content__action button[data-v-e9bc6700] {\\n max-width: unset;\\n width: 100%;\\n}\\n}\\n.checkout-content__action .form-control-label[data-v-e9bc6700] {\\n font-size: 12px;\\n color: var(--grayscale-70);\\n position: relative;\\n padding: 0 7px;\\n margin-left: 10px;\\n z-index: 2;\\n top: 9px;\\n background: white;\\n}\\n.checkout .adjust[data-v-e9bc6700] {\\n display: flex;\\n flex-direction: row;\\n align-items: center;\\n}\\n.checkout .adjust-btn button[data-v-e9bc6700] {\\n border: none;\\n background-color: transparent;\\n color: var(--color-primary-default);\\n font-weight: 400;\\n font-size: 14px;\\n height: auto;\\n}\\n.checkout .adjust-btn button svg[data-v-e9bc6700] {\\n fill: #2c2c30;\\n margin-right: 5px;\\n}\\n.checkout .adjust-btn button[data-v-e9bc6700]:hover {\\n background-color: rgba(234, 234, 236, 0.5);\\n}\\n.checkout .avatar[data-v-e9bc6700] {\\n margin-right: 10px;\\n}\\n.checkout .avatar img[data-v-e9bc6700] {\\n width: 40px;\\n height: 40px;\\n}\\n.checkout .avatar svg[data-v-e9bc6700] {\\n display: block;\\n margin: 0 auto;\\n width: 40px;\\n height: 40px;\\n}\\n.checkout .customer[data-v-e9bc6700] {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n}\\n.checkout .small-text[data-v-e9bc6700] {\\n font-size: 10px;\\n font-weight: bold;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/Checkout.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
3938
|
+
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".checkout[data-v-e9bc6700] {\\n margin: 0px auto;\\n padding: 0;\\n}\\n.checkout.mt-20[data-v-e9bc6700] {\\n margin-top: 20px;\\n}\\n.checkout .back-button[data-v-e9bc6700] {\\n border: none;\\n background-color: transparent;\\n cursor: pointer;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n}\\n.checkout .infoArea[data-v-e9bc6700] {\\n position: relative;\\n bottom: 0;\\n background: var(--grayscale-20);\\n color: #000;\\n font-size: 13px;\\n justify-content: start;\\n margin: 20px;\\n}\\n@media (min-width: 1560px) {\\n.checkout[data-v-e9bc6700] {\\n margin: 20px auto;\\n}\\n}\\n.checkout[data-v-e9bc6700] .customer-info {\\n margin-bottom: 20px;\\n}\\n.checkout[data-v-e9bc6700] .customer-info .right-side {\\n display: none;\\n}\\n.checkout-content[data-v-e9bc6700] {\\n background: var(--grayscale-0);\\n position: relative;\\n}\\n.checkout-content__title[data-v-e9bc6700] {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n margin-bottom: 20px;\\n border-bottom: 1px solid var(--color-primary-tint-second);\\n padding: 20px;\\n}\\n.checkout-content__table[data-v-e9bc6700] {\\n border: solid 1px #e9e9eb;\\n border-radius: var(--radius-second);\\n overflow-x: auto;\\n margin: 20px;\\n}\\n.checkout-content__table th[data-v-e9bc6700]:first-child {\\n min-width: 300px;\\n}\\n.checkout-content__table .bes svg[data-v-e9bc6700] {\\n position: relative;\\n top: 6px;\\n}\\n.checkout-content__table table[data-v-e9bc6700] {\\n border-collapse: collapse;\\n text-indent: 0;\\n min-width: 100%;\\n overflow: hidden;\\n}\\n.checkout-content__table table .package-table .sub-info[data-v-e9bc6700] {\\n display: block;\\n font-weight: 500;\\n}\\n.checkout-content__table table thead[data-v-e9bc6700] {\\n background: var(--color-primary-tint);\\n}\\n.checkout-content__table table thead th[data-v-e9bc6700] {\\n border-top: none;\\n font-size: 12px;\\n font-weight: 600;\\n height: 52px;\\n padding: 0px 20px;\\n text-align: center;\\n vertical-align: middle;\\n}\\n.checkout-content__table table thead th[data-v-e9bc6700]:first-child {\\n text-align: left;\\n}\\n.checkout-content__table table thead th.bes[data-v-e9bc6700] {\\n line-height: 9px;\\n}\\n.checkout-content__table table thead th.bes .tag[data-v-e9bc6700] {\\n line-height: normal;\\n}\\n.checkout-content__table table tbody tr[data-v-e9bc6700] {\\n border-bottom: 1px solid var(--color-primary-tint-second);\\n}\\n.checkout-content__table table tbody tr[data-v-e9bc6700]:last-child {\\n border: none;\\n}\\n.checkout-content__table table tbody tr td[data-v-e9bc6700] {\\n padding: 0px 20px;\\n text-align: center;\\n font-size: 12px;\\n line-height: normal;\\n height: 40px;\\n vertical-align: middle;\\n font-weight: 400 !important;\\n}\\n.checkout-content__table table tbody tr td[data-v-e9bc6700]:first-child {\\n text-align: left;\\n}\\n.checkout-content__table table tbody tr[data-v-e9bc6700]:first-child {\\n border-top: none;\\n}\\n.checkout-content__table table tfoot[data-v-e9bc6700] {\\n background: var(--color-primary-zebra);\\n border-top: 10px solid var(--color-primary-tint);\\n}\\n.checkout-content__table table tfoot tr[data-v-e9bc6700] {\\n border-bottom: 1px solid var(--color-primary-tint-second);\\n border-top: 1px solid var(--color-primary-tint-second);\\n}\\n.checkout-content__table table tfoot tr[data-v-e9bc6700]:last-child {\\n border: none;\\n background: var(--color-primary-zebra);\\n}\\n.checkout-content__table table tfoot tr th[data-v-e9bc6700] {\\n padding: 0px 20px;\\n text-align: center;\\n font-size: 12px;\\n line-height: normal;\\n height: 40px;\\n font-weight: 400 !important;\\n vertical-align: middle;\\n}\\n.checkout-content__table table tfoot tr th[data-v-e9bc6700]:first-child {\\n text-align: left;\\n}\\n.checkout-content__table table tfoot tr:last-child th[data-v-e9bc6700]:first-child {\\n border-bottom-left-radius: 5px;\\n}\\n.checkout-content__table table tfoot tr:last-child th[data-v-e9bc6700]:last-child {\\n border-bottom-right-radius: 5px;\\n}\\n.checkout-content__action[data-v-e9bc6700] {\\n display: flex;\\n align-items: center;\\n justify-content: flex-end;\\n margin-top: 20px;\\n position: relative;\\n padding: 20px;\\n}\\n.checkout-content__action .warning-text[data-v-e9bc6700] {\\n margin-top: 20px;\\n margin-right: 10px;\\n color: red;\\n font-weight: bold;\\n}\\n@media (min-width: 1220px) {\\n.checkout-content__action .warning-text[data-v-e9bc6700] {\\n position: absolute;\\n left: 0px;\\n}\\n}\\n@media (max-width: 1024px) {\\n.checkout-content__action .warning-text[data-v-e9bc6700] {\\n width: 100%;\\n}\\n}\\n@media (max-width: 415px) {\\n.checkout-content__action[data-v-e9bc6700] {\\n flex-flow: column;\\n}\\n.checkout-content__action .start-time-selectbox[data-v-e9bc6700] {\\n width: 100%;\\n margin-left: 8px;\\n}\\n}\\n.checkout-content__action button[data-v-e9bc6700] {\\n max-width: 176px;\\n margin-top: 15px;\\n margin-left: 10px;\\n}\\n@media (max-width: 415px) {\\n.checkout-content__action button[data-v-e9bc6700] {\\n max-width: unset;\\n width: 100%;\\n}\\n}\\n.checkout-content__action .form-control-label[data-v-e9bc6700] {\\n font-size: 12px;\\n color: var(--grayscale-70);\\n position: relative;\\n padding: 0 7px;\\n margin-left: 10px;\\n z-index: 2;\\n top: 9px;\\n background: white;\\n}\\n.checkout .adjust[data-v-e9bc6700] {\\n display: flex;\\n flex-direction: row;\\n align-items: center;\\n}\\n.checkout .adjust-btn button[data-v-e9bc6700] {\\n border: none;\\n background-color: transparent;\\n color: var(--color-primary-default);\\n font-weight: 400;\\n font-size: 14px;\\n height: auto;\\n}\\n.checkout .adjust-btn button svg[data-v-e9bc6700] {\\n fill: #2c2c30;\\n margin-right: 5px;\\n}\\n.checkout .adjust-btn button[data-v-e9bc6700]:hover {\\n background-color: rgba(234, 234, 236, 0.5);\\n}\\n.checkout .avatar[data-v-e9bc6700] {\\n margin-right: 10px;\\n}\\n.checkout .avatar img[data-v-e9bc6700] {\\n width: 40px;\\n height: 40px;\\n}\\n.checkout .avatar svg[data-v-e9bc6700] {\\n display: block;\\n margin: 0 auto;\\n width: 40px;\\n height: 40px;\\n}\\n.checkout .customer[data-v-e9bc6700] {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n}\\n.checkout .small-text[data-v-e9bc6700] {\\n font-size: 10px;\\n font-weight: bold;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/Checkout.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
3939
3939
|
|
|
3940
3940
|
/***/ }),
|
|
3941
3941
|
|
|
@@ -1627,7 +1627,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _com
|
|
|
1627
1627
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1628
1628
|
|
|
1629
1629
|
"use strict";
|
|
1630
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _PackageSettignsCreate__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PackageSettignsCreate */ \"./src/components/customer/PackageSettignsCreate.vue\");\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"CardItem\",\n components: {\n PackageSettignsCreate: _PackageSettignsCreate__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n BaseButton: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseButton\"],\n BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"]\n },\n props: {\n item: Object,\n currentTab: String,\n cssClass: String\n },\n\n data() {\n return {\n packageDetail: null,\n marketInfo: null,\n platformInfo: null,\n isPopupVisible: false,\n loadDetail: false,\n isTerminal: true,\n algoDetail: {},\n isOperationWarning: false,\n isRuleMessageWarning: false,\n operationMessage: \"\",\n researchDetail: {},\n mutableItemRuleMessage: \"\",\n isUpgraded: false,\n isCancelled: false,\n selectBoxesStatus: null,\n triggerReRender: 0\n };\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getPlatformInfo\", \"getMarketInfo\"])\n },\n methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPlatform\", \"getMarket\", \"getAlgorithmDetail\", \"getResearchDetail\", \"getCheckForPurchaseUpgrade\"]),\n\n errorMessage(response) {\n return this.$toast.error(response.data.message);\n },\n\n addCart() {\n let cusId = null;\n\n if (this.$route.query.isRecommended === undefined) {\n var _this$item, _this$item2, _this$item2$platform;\n\n cusId = this.$route.query.c;\n this.getCheckForPurchaseUpgrade({\n applicationId: (_this$item = this.item) === null || _this$item === void 0 ? void 0 : _this$item.applicationId,\n platformId: (_this$item2 = this.item) === null || _this$item2 === void 0 ? void 0 : (_this$item2$platform = _this$item2.platform) === null || _this$item2$platform === void 0 ? void 0 : _this$item2$platform.id\n }).then(response => {\n const getCancelledStatus = response.purchaseDetail != null ? response.purchaseDetail.packageStatus.id == 8 : false;\n this.isUpgraded = response.isUpgrade;\n this.isCancelled = getCancelledStatus
|
|
1630
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _PackageSettignsCreate__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PackageSettignsCreate */ \"./src/components/customer/PackageSettignsCreate.vue\");\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"CardItem\",\n components: {\n PackageSettignsCreate: _PackageSettignsCreate__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n BaseButton: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseButton\"],\n BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"]\n },\n props: {\n item: Object,\n currentTab: String,\n cssClass: String\n },\n\n data() {\n return {\n packageDetail: null,\n marketInfo: null,\n platformInfo: null,\n isPopupVisible: false,\n loadDetail: false,\n isTerminal: true,\n algoDetail: {},\n isOperationWarning: false,\n isRuleMessageWarning: false,\n operationMessage: \"\",\n researchDetail: {},\n mutableItemRuleMessage: \"\",\n isUpgraded: false,\n isCancelled: false,\n selectBoxesStatus: null,\n triggerReRender: 0\n };\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getPlatformInfo\", \"getMarketInfo\"])\n },\n methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPlatform\", \"getMarket\", \"getAlgorithmDetail\", \"getResearchDetail\", \"getCheckForPurchaseUpgrade\"]),\n\n errorMessage(response) {\n return this.$toast.error(response.data.message);\n },\n\n addCart() {\n let cusId = null;\n\n if (this.$route.query.isRecommended === undefined) {\n var _this$item, _this$item2, _this$item2$platform;\n\n cusId = this.$route.query.c;\n this.getCheckForPurchaseUpgrade({\n applicationId: (_this$item = this.item) === null || _this$item === void 0 ? void 0 : _this$item.applicationId,\n platformId: (_this$item2 = this.item) === null || _this$item2 === void 0 ? void 0 : (_this$item2$platform = _this$item2.platform) === null || _this$item2$platform === void 0 ? void 0 : _this$item2$platform.id\n }).then(response => {\n const getCancelledStatus = response.purchaseDetail != null ? response.purchaseDetail.packageStatus.id == 8 : false;\n this.isUpgraded = response.isUpgrade;\n this.isCancelled = getCancelledStatus;\n this.selectBoxesStatus = this.isUpgraded ? response.purchaseDetail.dateSelection : -1;\n this.loadDetail = true;\n this.triggerReRender++;\n this.handlePlatformInfo(cusId);\n });\n } else {\n this.handlePlatformInfo(cusId);\n }\n },\n\n handlePlatformInfo(cusId) {\n this.getPlatform([this.item.applicationId, cusId]).then(res => {\n this.platformInfo = res.data.find(o => o.id == this.item.id);\n\n if (this.item.ruleMessage != undefined) {\n this.mutableItemRuleMessage = this.item.ruleMessage[0];\n this.isRuleMessageWarning = true;\n }\n\n if (this.currentTab != \"Algo\" && this.currentTab != \"Research\") {\n this.handleMarketInfo(cusId);\n } else {\n if (this.currentTab == \"Algo\") {\n this.handleAlgorithmDetail(cusId);\n } else {\n this.handleResearchDetail();\n }\n }\n });\n },\n\n handleMarketInfo(cusId) {\n var _this$platformInfo;\n\n this.getMarket([this.item.applicationId, (_this$platformInfo = this.platformInfo) === null || _this$platformInfo === void 0 ? void 0 : _this$platformInfo.platformId, cusId]).then(response => {\n var _response$data;\n\n if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.error) === true) {\n this.errorMessage(response);\n } else {\n this.marketInfo = this.getMarketInfo;\n this.loadDetail = true;\n this.isPopupVisible = true;\n }\n });\n },\n\n handleAlgorithmDetail(cusId) {\n this.getAlgorithmDetail([this.item.id, cusId]).then(response => {\n var _response$data2;\n\n if ((response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.error) === true) {\n this.errorMessage(response);\n } else {\n var _response$data3, _response$data4, _response$data4$opera, _response$data5, _response$data5$opera;\n\n this.algoDetail = response.data;\n this.isTerminal = (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.isTerminal;\n this.isOperationWarning = (_response$data4 = response.data) === null || _response$data4 === void 0 ? void 0 : (_response$data4$opera = _response$data4.operationRule) === null || _response$data4$opera === void 0 ? void 0 : _response$data4$opera.isOperationWarning;\n this.operationMessage = (_response$data5 = response.data) === null || _response$data5 === void 0 ? void 0 : (_response$data5$opera = _response$data5.operationRule) === null || _response$data5$opera === void 0 ? void 0 : _response$data5$opera.operationMessage;\n this.loadDetail = true;\n this.isPopupVisible = true;\n }\n });\n },\n\n handleResearchDetail() {\n this.getResearchDetail([this.item.id]).then(response => {\n var _response$data6;\n\n if ((response === null || response === void 0 ? void 0 : (_response$data6 = response.data) === null || _response$data6 === void 0 ? void 0 : _response$data6.error) === true) {\n this.errorMessage(response);\n } else {\n this.researchDetail = response.data;\n this.loadDetail = true;\n this.isPopupVisible = true;\n }\n });\n },\n\n closePopup() {\n this.isPopupVisible = false;\n }\n\n }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/CardItem.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
1631
1631
|
|
|
1632
1632
|
/***/ }),
|
|
1633
1633
|
|
|
@@ -1735,7 +1735,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
|
|
|
1735
1735
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1736
1736
|
|
|
1737
1737
|
"use strict";
|
|
1738
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingType.vue */ \"./src/components/customer/PackageSettingType.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"PackageSettigns\",\n mixins: [_mixins___WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n components: {\n BaseButton: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseButton\"],\n BaseIcon: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseIcon\"],\n PopupRight: _components__WEBPACK_IMPORTED_MODULE_2__[\"PopupRight\"],\n PackageSettingType: _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n AccordionResearch: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionResearch\"],\n AccordionForeign: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionForeign\"],\n AccordionAlgoServer: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionAlgoServer\"],\n InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n },\n props: {\n dataItem: Object,\n marketInfo: Array,\n isPopupVisible: Boolean\n },\n\n data() {\n return {\n isResponsive: false,\n fund: 0,\n commission: 0,\n topPrice: 0,\n bottomFund: 0,\n bottomCommission: 0,\n totalPrice: 0,\n startDateSelection: this.dataItem.dateSelection,\n selectData: [],\n research: [],\n foreign: [],\n algoServer: [],\n isButtonClicked: false,\n warningMessage: false,\n esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__[\"getItem\"])(\"esube\"),\n infoText: [\"BES ve yatırım fonu büyüklüğü ve/veya komisyon şartı sağlandığı taktirde; o ay toplamda belirtilen ekran ücreti sizden alınmayacaktır.\", \"Karma Lisans paketinde derinlik bilgisi bulunmamaktadır.\"],\n startDate: [{\n label: \"Seçiniz\",\n code: -1\n }, {\n label: \"Hemen\",\n code: 0\n }, {\n label: \"Ay Başında\",\n code: 1\n }],\n cusId: null\n };\n },\n\n created() {\n this.handleWidth();\n window.addEventListener(\"resize\", this.handleWidth());\n },\n\n mounted() {\n this.setSelectedForeign([]);\n this.setSelectedAlgoServer([]);\n this.setSelectedResearch([]);\n this.cusId = this.$route.params.customerId !== undefined ? this.$route.params.customerId : null;\n\n if (this.$route.name === \"Checkout\") {\n this.cusId = this.$route.query.c !== undefined ? this.$route.query.c : this.$route.params.customerId;\n this.startDateSelection = this.dataItem.dateSelection;\n }\n\n this.sumFundCommission();\n this.getForeign([this.dataItem.application.applicationId, this.dataItem.platform.platformId, this.cusId]).then(res => {\n let details = {};\n details = res.data;\n\n if (this.getDraftPackageDetails.foreignIndice) {\n this.getDraftPackageDetails.foreignIndice.forEach((element, index) => {\n if (element.foreignIndiceFeature.id == details[index].id) {\n details[index].dateSelection = Number(element.dateSelection.key);\n }\n });\n }\n\n this.foreign.push({\n id: 2,\n active: false,\n title: \"Yabancı Endeksler\",\n details\n });\n });\n this.getResearch([this.dataItem.application.applicationId, this.cusId]).then(res => {\n let details = {};\n details = res.data;\n\n if (this.getDraftPackageDetails.research) {\n this.getDraftPackageDetails.research.forEach((element, index) => {\n if (element.researchFeature.id == details[index].id) {\n details[index].dateSelection = Number(element.dateSelection.key);\n }\n });\n }\n\n this.research = [{\n id: 1,\n active: false,\n title: \"Araştırma ve Diğer Uygulamalar\",\n details\n }];\n });\n this.$nextTick(() => {\n this.getAlgoServer([this.dataItem.application.applicationId, this.cusId]).then(res => {\n let details = {};\n details = res.data;\n\n if (this.getDraftPackageDetails.algorithm) {\n this.getDraftPackageDetails.algorithm.forEach((element, index) => {\n if (element.algorithmFeature.id == details[index].id) {\n details[index].dateSelection = Number(element.dateSelection.key);\n }\n });\n }\n\n this.algoServer.push({\n id: 3,\n active: false,\n title: \"Algoritmalar\",\n details\n });\n });\n });\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getSelectedAlgoServerInfo\", \"customer\", \"getResearchInfo\", \"getSelectedForeignInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\", \"getPackageInfo\", \"getDraftPackageDetails\", \"getUserInfo\"]),\n\n getMemberType() {\n return this.getUserInfo.memberType;\n },\n\n currencySymbol() {\n return _constants__WEBPACK_IMPORTED_MODULE_5__[\"CurrencySymbol\"];\n },\n\n researchTotal() {\n return this.getSelectedResearchInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n }, 0);\n },\n\n foraignDollarTotal() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n if (item.priceInfo === \"$\") {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n } else {\n return 0 + totald;\n }\n }, 0);\n },\n\n getStartDateSelection() {\n return this.dataItem.dateSelection;\n },\n\n foraignEuroTotal() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n if (item.priceInfo === \"€\") {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n } else {\n return 0 + totald;\n }\n }, 0);\n },\n\n algoServerTotal() {\n return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n }, 0);\n },\n\n researchFund() {\n return this.getSelectedResearchInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n }, 0);\n },\n\n foreignFund() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n }, 0);\n },\n\n algoServerFund() {\n return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n }, 0);\n },\n\n researchCommission() {\n return this.getSelectedResearchInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n }, 0);\n },\n\n foreignCommission() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n }, 0);\n },\n\n foraignTurkishLiraTotal() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n if (item.priceInfo === \"₺\") {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n } else {\n return 0 + totald;\n }\n }, 0);\n },\n\n algoServerCommission() {\n return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n }, 0);\n },\n\n totalPriceDollar() {\n var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n },\n\n totalPriceEuro() {\n var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n return (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : (_this$dataItem2$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n },\n\n totalPriceTl() {\n var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.tl)[0].totalPrice;\n },\n\n totalPriceCalc() {\n var _this$totalPriceDolla, _this$totalPriceEuro;\n\n let totalDollar = `${this.totalPriceDollar ? ` + ${this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice)} Dolar` : \"\"}`;\n let totalEuro = `${this.totalPriceEuro ? ` + ${this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice)} Euro` : \"\"}`;\n return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n }\n\n },\n methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getForeign\", \"getAllPackages\", \"getDraftPackageDetail\", \"getResearch\", \"updatePackage\", \"getAlgoServer\", \"createPackage\"]),\n ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setSelectedForeign\", \"setSelectedAlgoServer\", \"setSelectedResearch\"]),\n\n checkSpesificWarning(param) {\n this.warningMessage = param;\n },\n\n setDefaultValues() {\n this.bottomCommission = 0;\n this.totalPrice = 0;\n this.bottomFund = 0;\n this.selectData = [];\n this.startDateSelection = this.startDate[0].code;\n this.setSelectedForeign([]);\n this.setSelectedAlgoServer([]);\n this.setSelectedResearch([]);\n this.$emit(\"close\");\n },\n\n handleWidth() {\n let w = window.innerWidth;\n this.isResponsive = w <= 640;\n },\n\n sumFundCommission() {\n this.fund = this.dataItem.price.totalFundAmount;\n this.commission = this.dataItem.price.totalCommissionAmount;\n this.topPrice = this.totalPriceCalc;\n this.totalPrice = this.topPrice;\n },\n\n changeSelected(data) {\n this.selectData = data;\n },\n\n async submitShow() {\n this.isButtonClicked = true;\n const packageData = this.buildPackageData();\n const getEveryDateSelection = packageData.filter(o => o.dateSelection == -1);\n const getResearchDateSelection = this.getSelectedResearchInfo.filter(o => o.dateSelection == -1);\n const getForeignDateSelection = this.getSelectedForeignInfo.filter(o => o.dateSelection == -1);\n const getSelectedAlgoSvInfo = this.getSelectedAlgoServerInfo.filter(o => o.dateSelection == -1);\n\n if (getEveryDateSelection.length > 0 || getResearchDateSelection.length > 0 || getForeignDateSelection.length > 0 || getSelectedAlgoSvInfo.length > 0) {\n this.$toast.error(\"Başlangıç zamanı seçiniz.\");\n this.isButtonClicked = false;\n return;\n }\n\n const researchData = this.buildResearchData();\n const foreignData = this.buildForeignData();\n const algoServerData = this.buildAlgoServerData();\n const args = this.buildArgsObject(packageData, researchData, foreignData, algoServerData);\n const actionName = this.getActionName();\n const sendAction = await this[actionName](args);\n\n if (sendAction.error) {\n this.handleError(sendAction);\n } else {\n this.handleSuccess(sendAction, actionName);\n this.args = {};\n }\n\n this.isButtonClicked = false;\n },\n\n buildPackageData() {\n return this.selectData.map(item => {\n var _this$dataItem4, _this$dataItem4$appli, _this$dataItem5, _this$dataItem5$platf, _item$marketFeature, _item$perspectiveFeat, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n return {\n applicationId: (_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$appli = _this$dataItem4.application) === null || _this$dataItem4$appli === void 0 ? void 0 : _this$dataItem4$appli.id,\n platformId: ((_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$platf = _this$dataItem5.platform) === null || _this$dataItem5$platf === void 0 ? void 0 : _this$dataItem5$platf.id) || null,\n marketId: (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) || null,\n perspectiveId: (item === null || item === void 0 ? void 0 : (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.id) || null,\n vendorId: (item === null || item === void 0 ? void 0 : (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.id) === undefined || (item === null || item === void 0 ? void 0 : (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.id) === null ? null : item === null || item === void 0 ? void 0 : (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.id,\n dateSelection: item.dateSelection\n };\n });\n },\n\n buildResearchData() {\n return this.getSelectedResearchInfo.map(item => ({\n applicationId: this.dataItem.application.id || null,\n researchId: item.id || null,\n dateSelection: item.dateSelection\n }));\n },\n\n buildForeignData() {\n return this.getSelectedForeignInfo.map(item => ({\n applicationId: this.dataItem.application.id,\n foreignIndiceId: item.id || null,\n dateSelection: item.dateSelection\n }));\n },\n\n buildAlgoServerData() {\n return this.getSelectedAlgoServerInfo.map(item => ({\n applicationId: this.dataItem.application.id,\n algorithmAndServerId: item.id || null,\n dateSelection: item.dateSelection\n }));\n },\n\n buildArgsObject(packageData, researchData, foreignData, algoServerData) {\n var _this$dataItem6, _this$dataItem6$appli, _this$dataItem7, _this$dataItem7$platf, _this$dataItem8, _this$dataItem9, _this$dataItem9$platf;\n\n return {\n customerId: this.customer.id,\n purchaseId: this.dataItem.id,\n purchaseNumber: this.dataItem.purchaseNo.toString(),\n applicationId: ((_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$appli = _this$dataItem6.application) === null || _this$dataItem6$appli === void 0 ? void 0 : _this$dataItem6$appli.applicationId) || null,\n platformId: ((_this$dataItem7 = this.dataItem) === null || _this$dataItem7 === void 0 ? void 0 : (_this$dataItem7$platf = _this$dataItem7.platform) === null || _this$dataItem7$platf === void 0 ? void 0 : _this$dataItem7$platf.platformId) || null,\n applicationFeatureId: ((_this$dataItem8 = this.dataItem) === null || _this$dataItem8 === void 0 ? void 0 : _this$dataItem8.application.id) || null,\n platformFeatureId: (_this$dataItem9 = this.dataItem) === null || _this$dataItem9 === void 0 ? void 0 : (_this$dataItem9$platf = _this$dataItem9.platform) === null || _this$dataItem9$platf === void 0 ? void 0 : _this$dataItem9$platf.id,\n features: packageData,\n research: researchData,\n foreignIndice: foreignData,\n algorithmAndServer: algoServerData,\n cusId: this.cusId\n };\n },\n\n getActionName() {\n return this.dataItem.packageStatus.id === 2 ? \"updatePackage\" : \"createPackage\";\n },\n\n handleError(res) {\n if (res.result !== undefined && res.result !== null) {\n this.$toast.error(res.result.data[0].errors[0]);\n } else {\n this.$toast.error(res.message);\n }\n\n this.isButtonClicked = false;\n },\n\n handleSuccess(res, actionName) {\n if (actionName === \"updatePackage\") {\n this.handleUpdatePackageSuccess(res);\n } else {\n this.handleCreatePackageSuccess(res);\n }\n },\n\n async handleUpdatePackageSuccess() {\n const response = await this.getDraftPackageDetail([this.dataItem.id, this.cusId]);\n\n if (response && this.$route.name != \"Checkout\") {\n this.$router.push({\n name: \"Checkout\",\n params: {\n packageNumber: response.data.id,\n customerNumber: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.params.customerNumber\n },\n query: {\n c: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.query.c,\n timeStamp: new Date()\n }\n });\n } else {\n this.$emit(\"close\");\n this.isButtonClicked = false;\n }\n },\n\n handleCreatePackageSuccess(res) {\n if (this.$route.name === \"Checkout\") {\n this.$router.push({\n name: \"Checkout\",\n params: {\n packageNumber: res.purchaseId,\n customerNumber: this.$route.params.customerNumber\n },\n query: {\n c: this.$route.query.c\n }\n });\n } else {\n this.$emit(\"close\");\n this.getAllPackages(this.cusId);\n }\n\n this.setSelectedResearch([]);\n this.setSelectedForeign([]);\n this.setSelectedAlgoServer([]);\n },\n\n calculatePrice(items) {\n var _this$dataItem$applic, _this$dataItem$applic2;\n\n this.bottomFund = items.reduce((totald, item) => {\n var _item$marketFeature2, _item$perspectiveFeat2, _item$vendorFeature4;\n\n return ((item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature4 = item.vendorFeature) === null || _item$vendorFeature4 === void 0 ? void 0 : _item$vendorFeature4.fundAmount) || 0) + totald;\n }, (_this$dataItem$applic = this.dataItem.application) === null || _this$dataItem$applic === void 0 ? void 0 : _this$dataItem$applic.fundAmount);\n this.bottomCommission = items.reduce((totald, item) => {\n var _item$marketFeature3, _item$perspectiveFeat3, _item$vendorFeature5;\n\n return ((item === null || item === void 0 ? void 0 : (_item$marketFeature3 = item.marketFeature) === null || _item$marketFeature3 === void 0 ? void 0 : _item$marketFeature3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature5 = item.vendorFeature) === null || _item$vendorFeature5 === void 0 ? void 0 : _item$vendorFeature5.commissionAmount) || 0) + totald;\n }, (_this$dataItem$applic2 = this.dataItem.application) === null || _this$dataItem$applic2 === void 0 ? void 0 : _this$dataItem$applic2.commissionAmount);\n const total = items.reduce((totald, item) => {\n var _item$perspectiveFeat4, _item$vendorFeature6;\n\n return (\n /* (item?.marketFeature?.price || 0) +\n (item?.platformFeature?.price || 0)*/\n +((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat4 = item.perspectiveFeature) === null || _item$perspectiveFeat4 === void 0 ? void 0 : _item$perspectiveFeat4.price) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature6 = item.vendorFeature) === null || _item$vendorFeature6 === void 0 ? void 0 : _item$vendorFeature6.price) || 0) + totald\n );\n }, 0);\n this.totalPrice = total + this.dataItem.application.price;\n },\n\n calculateTotalPrice() {\n return this.dataItem.price + this.totalPrice + this.researchTotal() + this.foraignTurkishLiraTotal() + this.algoServerTotal();\n }\n\n },\n watch: {\n selectData: {\n handler(newVal) {\n this.calculatePrice(newVal);\n },\n\n deep: true,\n immediate: true\n }\n }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
1738
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingType.vue */ \"./src/components/customer/PackageSettingType.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"PackageSettigns\",\n mixins: [_mixins___WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n components: {\n BaseButton: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseButton\"],\n BaseIcon: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseIcon\"],\n PopupRight: _components__WEBPACK_IMPORTED_MODULE_2__[\"PopupRight\"],\n PackageSettingType: _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n AccordionResearch: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionResearch\"],\n AccordionForeign: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionForeign\"],\n AccordionAlgoServer: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionAlgoServer\"],\n InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n },\n props: {\n dataItem: Object,\n marketInfo: Array,\n isPopupVisible: Boolean\n },\n\n data() {\n return {\n isResponsive: false,\n fund: 0,\n commission: 0,\n topPrice: 0,\n bottomFund: 0,\n bottomCommission: 0,\n totalPrice: 0,\n startDateSelection: this.dataItem.dateSelection,\n selectData: [],\n research: [],\n foreign: [],\n algoServer: [],\n isButtonClicked: false,\n warningMessage: false,\n esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__[\"getItem\"])(\"esube\"),\n infoText: [\"BES ve yatırım fonu büyüklüğü ve/veya komisyon şartı sağlandığı taktirde; o ay toplamda belirtilen ekran ücreti sizden alınmayacaktır.\", \"Karma Lisans paketinde derinlik bilgisi bulunmamaktadır.\"],\n startDate: [{\n label: \"Seçiniz\",\n code: -1\n }, {\n label: \"Hemen\",\n code: 0\n }, {\n label: \"Ay Başında\",\n code: 1\n }],\n cusId: null\n };\n },\n\n created() {\n this.handleWidth();\n window.addEventListener(\"resize\", this.handleWidth());\n },\n\n mounted() {\n this.setSelectedForeign([]);\n this.setSelectedAlgoServer([]);\n this.setSelectedResearch([]);\n this.cusId = this.$route.params.customerId !== undefined ? this.$route.params.customerId : null;\n\n if (this.$route.name === \"Checkout\") {\n this.cusId = this.$route.query.c !== undefined ? this.$route.query.c : this.$route.params.customerId;\n this.startDateSelection = this.dataItem.dateSelection;\n }\n\n this.sumFundCommission();\n this.getForeign([this.dataItem.application.applicationId, this.dataItem.platform.platformId, this.cusId]).then(res => {\n let details = {};\n details = res.data;\n\n if (this.getDraftPackageDetails.foreignIndice) {\n this.getDraftPackageDetails.foreignIndice.forEach((element, index) => {\n if (element.foreignIndiceFeature.id == details[index].id) {\n details[index].dateSelection = Number(element.dateSelection.key);\n }\n });\n }\n\n this.foreign.push({\n id: 2,\n active: false,\n title: \"Yabancı Endeksler\",\n details\n });\n });\n this.getResearch([this.dataItem.application.applicationId, this.cusId]).then(res => {\n let details = {};\n details = res.data;\n\n if (this.getDraftPackageDetails.research) {\n this.getDraftPackageDetails.research.forEach((element, index) => {\n if (element.researchFeature.id == details[index].id) {\n details[index].dateSelection = Number(element.dateSelection.key);\n }\n });\n }\n\n this.research = [{\n id: 1,\n active: false,\n title: \"Araştırma ve Diğer Uygulamalar\",\n details\n }];\n });\n this.$nextTick(() => {\n this.getAlgoServer([this.dataItem.application.applicationId, this.cusId]).then(res => {\n let details = {};\n details = res.data;\n\n if (this.getDraftPackageDetails.algorithm) {\n this.getDraftPackageDetails.algorithm.forEach((element, index) => {\n if (element.algorithmFeature.id == details[index].id) {\n details[index].dateSelection = Number(element.dateSelection.key);\n }\n });\n }\n\n this.algoServer.push({\n id: 3,\n active: false,\n title: \"Algoritmalar\",\n details\n });\n });\n });\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getSelectedAlgoServerInfo\", \"customer\", \"getResearchInfo\", \"getSelectedForeignInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\", \"getPackageInfo\", \"getDraftPackageDetails\", \"getUserInfo\"]),\n\n getMemberType() {\n return this.getUserInfo.memberType;\n },\n\n currencySymbol() {\n return _constants__WEBPACK_IMPORTED_MODULE_5__[\"CurrencySymbol\"];\n },\n\n researchTotal() {\n return this.getSelectedResearchInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n }, 0);\n },\n\n foraignDollarTotal() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n if (item.priceInfo === \"$\") {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n } else {\n return 0 + totald;\n }\n }, 0);\n },\n\n getStartDateSelection() {\n return this.dataItem.dateSelection;\n },\n\n foraignEuroTotal() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n if (item.priceInfo === \"€\") {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n } else {\n return 0 + totald;\n }\n }, 0);\n },\n\n algoServerTotal() {\n return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n }, 0);\n },\n\n researchFund() {\n return this.getSelectedResearchInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n }, 0);\n },\n\n foreignFund() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n }, 0);\n },\n\n algoServerFund() {\n return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n }, 0);\n },\n\n researchCommission() {\n return this.getSelectedResearchInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n }, 0);\n },\n\n foreignCommission() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n }, 0);\n },\n\n foraignTurkishLiraTotal() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n if (item.priceInfo === \"₺\") {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n } else {\n return 0 + totald;\n }\n }, 0);\n },\n\n algoServerCommission() {\n return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n }, 0);\n },\n\n totalPriceDollar() {\n var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n },\n\n totalPriceEuro() {\n var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n return (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : (_this$dataItem2$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n },\n\n totalPriceTl() {\n var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.tl)[0].totalPrice;\n },\n\n totalPriceCalc() {\n var _this$totalPriceDolla, _this$totalPriceEuro;\n\n let totalDollar = `${this.totalPriceDollar ? ` + ${this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice)} Dolar` : \"\"}`;\n let totalEuro = `${this.totalPriceEuro ? ` + ${this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice)} Euro` : \"\"}`;\n return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n }\n\n },\n methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getForeign\", \"getAllPackages\", \"getDraftPackageDetail\", \"getResearch\", \"updatePackage\", \"getAlgoServer\", \"createPackage\"]),\n ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setSelectedForeign\", \"setSelectedAlgoServer\", \"setSelectedResearch\"]),\n\n checkSpesificWarning(param) {\n this.warningMessage = param;\n },\n\n setDefaultValues() {\n this.bottomCommission = 0;\n this.totalPrice = 0;\n this.bottomFund = 0;\n this.selectData = [];\n this.startDateSelection = this.startDate[0].code;\n this.setSelectedForeign([]);\n this.setSelectedAlgoServer([]);\n this.setSelectedResearch([]);\n this.$emit(\"close\");\n },\n\n handleWidth() {\n let w = window.innerWidth;\n this.isResponsive = w <= 640;\n },\n\n sumFundCommission() {\n this.fund = this.dataItem.price.totalFundAmount;\n this.commission = this.dataItem.price.totalCommissionAmount;\n this.topPrice = this.totalPriceCalc;\n this.totalPrice = this.topPrice;\n },\n\n changeSelected(data) {\n this.selectData = data;\n },\n\n async submitShow() {\n this.isButtonClicked = true;\n const packageData = this.buildPackageData();\n const getEveryDateSelection = packageData.filter(o => o.dateSelection == -1);\n const getResearchDateSelection = this.getSelectedResearchInfo.filter(o => o.dateSelection == -1);\n const getForeignDateSelection = this.getSelectedForeignInfo.filter(o => o.dateSelection == -1);\n const getSelectedAlgoSvInfo = this.getSelectedAlgoServerInfo.filter(o => o.dateSelection == -1);\n\n if (getEveryDateSelection.length > 0 || getResearchDateSelection.length > 0 || getForeignDateSelection.length > 0 || getSelectedAlgoSvInfo.length > 0) {\n this.$toast.error(\"Başlangıç zamanı seçiniz.\");\n this.isButtonClicked = false;\n return;\n }\n\n const researchData = this.buildResearchData();\n const foreignData = this.buildForeignData();\n const algoServerData = this.buildAlgoServerData();\n const args = this.buildArgsObject(packageData, researchData, foreignData, algoServerData);\n const actionName = this.getActionName();\n const sendAction = await this[actionName](args);\n\n if (sendAction.error) {\n this.handleError(sendAction);\n } else {\n this.handleSuccess(sendAction, actionName);\n this.args = {};\n }\n\n this.isButtonClicked = false;\n },\n\n buildPackageData() {\n return this.selectData.map(item => {\n var _this$dataItem4, _this$dataItem4$appli, _this$dataItem5, _this$dataItem5$platf, _item$marketFeature, _item$perspectiveFeat, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n return {\n applicationId: (_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$appli = _this$dataItem4.application) === null || _this$dataItem4$appli === void 0 ? void 0 : _this$dataItem4$appli.id,\n platformId: ((_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$platf = _this$dataItem5.platform) === null || _this$dataItem5$platf === void 0 ? void 0 : _this$dataItem5$platf.id) || null,\n marketId: (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) || null,\n perspectiveId: (item === null || item === void 0 ? void 0 : (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.id) || null,\n vendorId: (item === null || item === void 0 ? void 0 : (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.id) === undefined || (item === null || item === void 0 ? void 0 : (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.id) === null ? null : item === null || item === void 0 ? void 0 : (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.id,\n dateSelection: item.dateSelection\n };\n });\n },\n\n buildResearchData() {\n return this.getSelectedResearchInfo.map(item => ({\n applicationId: this.dataItem.application.id || null,\n researchId: item.id || null,\n dateSelection: item.dateSelection\n }));\n },\n\n buildForeignData() {\n return this.getSelectedForeignInfo.map(item => ({\n applicationId: this.dataItem.application.id,\n foreignIndiceId: item.id || null,\n dateSelection: item.dateSelection\n }));\n },\n\n buildAlgoServerData() {\n return this.getSelectedAlgoServerInfo.map(item => ({\n applicationId: this.dataItem.application.id,\n algorithmAndServerId: item.id || null,\n dateSelection: item.dateSelection\n }));\n },\n\n buildArgsObject(packageData, researchData, foreignData, algoServerData) {\n var _this$dataItem6, _this$dataItem6$appli, _this$dataItem7, _this$dataItem7$platf, _this$dataItem8, _this$dataItem9, _this$dataItem9$platf;\n\n return {\n customerId: this.customer.id,\n purchaseId: this.dataItem.id,\n purchaseNumber: this.dataItem.purchaseNo.toString(),\n applicationId: ((_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$appli = _this$dataItem6.application) === null || _this$dataItem6$appli === void 0 ? void 0 : _this$dataItem6$appli.applicationId) || null,\n platformId: ((_this$dataItem7 = this.dataItem) === null || _this$dataItem7 === void 0 ? void 0 : (_this$dataItem7$platf = _this$dataItem7.platform) === null || _this$dataItem7$platf === void 0 ? void 0 : _this$dataItem7$platf.platformId) || null,\n applicationFeatureId: ((_this$dataItem8 = this.dataItem) === null || _this$dataItem8 === void 0 ? void 0 : _this$dataItem8.application.id) || null,\n platformFeatureId: (_this$dataItem9 = this.dataItem) === null || _this$dataItem9 === void 0 ? void 0 : (_this$dataItem9$platf = _this$dataItem9.platform) === null || _this$dataItem9$platf === void 0 ? void 0 : _this$dataItem9$platf.id,\n features: packageData,\n research: researchData,\n foreignIndice: foreignData,\n algorithmAndServer: algoServerData,\n cusId: this.cusId\n };\n },\n\n getActionName() {\n return this.dataItem.packageStatus.id === 2 ? \"updatePackage\" : \"createPackage\";\n },\n\n handleError(res) {\n if (res.result !== undefined && res.result !== null) {\n this.$toast.error(res.result.data[0].errors[0]);\n } else {\n this.$toast.error(res.message);\n }\n\n this.isButtonClicked = false;\n },\n\n handleSuccess(res, actionName) {\n if (actionName === \"updatePackage\") {\n this.handleUpdatePackageSuccess(res);\n } else {\n this.handleCreatePackageSuccess(res);\n }\n },\n\n async handleUpdatePackageSuccess() {\n const response = await this.getDraftPackageDetail([this.dataItem.id, this.cusId]);\n\n if (response && this.$route.name != \"Checkout\") {\n this.$router.push({\n name: \"Checkout\",\n params: {\n packageNumber: response.data.id,\n customerNumber: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.params.customerNumber\n },\n query: {\n c: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.query.c,\n timeStamp: new Date()\n }\n });\n } else {\n this.$emit(\"close\");\n this.isButtonClicked = false;\n }\n },\n\n handleCreatePackageSuccess(res) {\n if (this.$route.name === \"Checkout\") {\n this.$router.replace({\n params: {\n packageNumber: String(res.purchaseId),\n customerNumber: this.$route.params.customerNumber\n },\n query: {\n c: this.$route.query.c\n }\n });\n setTimeout(() => {\n this.$emit(\"close\");\n }, 300);\n } else {\n this.$emit(\"close\");\n this.getAllPackages(this.cusId);\n }\n\n this.setSelectedResearch([]);\n this.setSelectedForeign([]);\n this.setSelectedAlgoServer([]);\n },\n\n calculatePrice(items) {\n var _this$dataItem$applic, _this$dataItem$applic2;\n\n this.bottomFund = items.reduce((totald, item) => {\n var _item$marketFeature2, _item$perspectiveFeat2, _item$vendorFeature4;\n\n return ((item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature4 = item.vendorFeature) === null || _item$vendorFeature4 === void 0 ? void 0 : _item$vendorFeature4.fundAmount) || 0) + totald;\n }, (_this$dataItem$applic = this.dataItem.application) === null || _this$dataItem$applic === void 0 ? void 0 : _this$dataItem$applic.fundAmount);\n this.bottomCommission = items.reduce((totald, item) => {\n var _item$marketFeature3, _item$perspectiveFeat3, _item$vendorFeature5;\n\n return ((item === null || item === void 0 ? void 0 : (_item$marketFeature3 = item.marketFeature) === null || _item$marketFeature3 === void 0 ? void 0 : _item$marketFeature3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature5 = item.vendorFeature) === null || _item$vendorFeature5 === void 0 ? void 0 : _item$vendorFeature5.commissionAmount) || 0) + totald;\n }, (_this$dataItem$applic2 = this.dataItem.application) === null || _this$dataItem$applic2 === void 0 ? void 0 : _this$dataItem$applic2.commissionAmount);\n const total = items.reduce((totald, item) => {\n var _item$perspectiveFeat4, _item$vendorFeature6;\n\n return (\n /* (item?.marketFeature?.price || 0) +\n (item?.platformFeature?.price || 0)*/\n +((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat4 = item.perspectiveFeature) === null || _item$perspectiveFeat4 === void 0 ? void 0 : _item$perspectiveFeat4.price) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature6 = item.vendorFeature) === null || _item$vendorFeature6 === void 0 ? void 0 : _item$vendorFeature6.price) || 0) + totald\n );\n }, 0);\n this.totalPrice = total + this.dataItem.application.price;\n },\n\n calculateTotalPrice() {\n return this.dataItem.price + this.totalPrice + this.researchTotal() + this.foraignTurkishLiraTotal() + this.algoServerTotal();\n }\n\n },\n watch: {\n selectData: {\n handler(newVal) {\n this.calculatePrice(newVal);\n },\n\n deep: true,\n immediate: true\n }\n }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
1739
1739
|
|
|
1740
1740
|
/***/ }),
|
|
1741
1741
|
|
|
@@ -3944,7 +3944,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3944
3944
|
/*! no static exports found */
|
|
3945
3945
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3946
3946
|
|
|
3947
|
-
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".checkout[data-v-e9bc6700] {\\n margin: 0px auto;\\n padding: 0;\\n}\\n.checkout.mt-20[data-v-e9bc6700] {\\n margin-top: 20px;\\n}\\n.checkout .back-button[data-v-e9bc6700] {\\n border: none;\\n background-color: transparent;\\n cursor: pointer;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n}\\n.checkout .infoArea[data-v-e9bc6700] {\\n position: relative;\\n bottom: 0;\\n background: var(--grayscale-20);\\n color: #000;\\n font-size: 13px;\\n justify-content: start;\\n margin: 20px;\\n}\\n@media (min-width: 1560px) {\\n.checkout[data-v-e9bc6700] {\\n margin: 20px auto;\\n}\\n}\\n.checkout[data-v-e9bc6700] .customer-info {\\n margin-bottom: 20px;\\n}\\n.checkout[data-v-e9bc6700] .customer-info .right-side {\\n display: none;\\n}\\n.checkout-content[data-v-e9bc6700] {\\n background: var(--grayscale-0);\\n position: relative;\\n}\\n.checkout-content__title[data-v-e9bc6700] {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n margin-bottom: 20px;\\n border-bottom: 1px solid var(--color-primary-tint-second);\\n padding: 20px;\\n}\\n.checkout-content__table[data-v-e9bc6700] {\\n border: solid 1px #e9e9eb;\\n border-radius: var(--radius-second);\\n overflow-x: auto;\\n margin: 20px;\\n}\\n.checkout-content__table th[data-v-e9bc6700]:first-child {\\n min-width: 300px;\\n}\\n.checkout-content__table .bes svg[data-v-e9bc6700] {\\n position: relative;\\n top: 6px;\\n}\\n.checkout-content__table table[data-v-e9bc6700] {\\n border-collapse: collapse;\\n text-indent: 0;\\n min-width: 100%;\\n overflow: hidden;\\n}\\n.checkout-content__table table .package-table .sub-info[data-v-e9bc6700] {\\n display: block;\\n font-weight: 500;\\n}\\n.checkout-content__table table thead[data-v-e9bc6700] {\\n background: var(--color-primary-tint);\\n}\\n.checkout-content__table table thead th[data-v-e9bc6700] {\\n border-top: none;\\n font-size: 12px;\\n font-weight: 600;\\n height: 52px;\\n padding: 0px 20px;\\n text-align: center;\\n vertical-align: middle;\\n}\\n.checkout-content__table table thead th[data-v-e9bc6700]:first-child {\\n text-align: left;\\n}\\n.checkout-content__table table tbody tr[data-v-e9bc6700] {\\n border-bottom: 1px solid var(--color-primary-tint-second);\\n}\\n.checkout-content__table table tbody tr[data-v-e9bc6700]:last-child {\\n border: none;\\n}\\n.checkout-content__table table tbody tr td[data-v-e9bc6700] {\\n padding: 0px 20px;\\n text-align: center;\\n font-size: 12px;\\n line-height: normal;\\n height: 40px;\\n vertical-align: middle;\\n font-weight: 400 !important;\\n}\\n.checkout-content__table table tbody tr td[data-v-e9bc6700]:first-child {\\n text-align: left;\\n}\\n.checkout-content__table table tbody tr[data-v-e9bc6700]:first-child {\\n border-top: none;\\n}\\n.checkout-content__table table tfoot[data-v-e9bc6700] {\\n background: var(--color-primary-zebra);\\n border-top: 10px solid var(--color-primary-tint);\\n}\\n.checkout-content__table table tfoot tr[data-v-e9bc6700] {\\n border-bottom: 1px solid var(--color-primary-tint-second);\\n border-top: 1px solid var(--color-primary-tint-second);\\n}\\n.checkout-content__table table tfoot tr[data-v-e9bc6700]:last-child {\\n border: none;\\n background: var(--color-primary-zebra);\\n}\\n.checkout-content__table table tfoot tr th[data-v-e9bc6700] {\\n padding: 0px 20px;\\n text-align: center;\\n font-size: 12px;\\n line-height: normal;\\n height: 40px;\\n font-weight: 400 !important;\\n vertical-align: middle;\\n}\\n.checkout-content__table table tfoot tr th[data-v-e9bc6700]:first-child {\\n text-align: left;\\n}\\n.checkout-content__table table tfoot tr:last-child th[data-v-e9bc6700]:first-child {\\n border-bottom-left-radius: 5px;\\n}\\n.checkout-content__table table tfoot tr:last-child th[data-v-e9bc6700]:last-child {\\n border-bottom-right-radius: 5px;\\n}\\n.checkout-content__action[data-v-e9bc6700] {\\n display: flex;\\n align-items: center;\\n justify-content: flex-end;\\n margin-top: 20px;\\n position: relative;\\n padding: 20px;\\n}\\n.checkout-content__action .warning-text[data-v-e9bc6700] {\\n margin-top: 20px;\\n margin-right: 10px;\\n color: red;\\n font-weight: bold;\\n}\\n@media (min-width: 1220px) {\\n.checkout-content__action .warning-text[data-v-e9bc6700] {\\n position: absolute;\\n left: 0px;\\n}\\n}\\n@media (max-width: 1024px) {\\n.checkout-content__action .warning-text[data-v-e9bc6700] {\\n width: 100%;\\n}\\n}\\n@media (max-width: 415px) {\\n.checkout-content__action[data-v-e9bc6700] {\\n flex-flow: column;\\n}\\n.checkout-content__action .start-time-selectbox[data-v-e9bc6700] {\\n width: 100%;\\n margin-left: 8px;\\n}\\n}\\n.checkout-content__action button[data-v-e9bc6700] {\\n max-width: 176px;\\n margin-top: 15px;\\n margin-left: 10px;\\n}\\n@media (max-width: 415px) {\\n.checkout-content__action button[data-v-e9bc6700] {\\n max-width: unset;\\n width: 100%;\\n}\\n}\\n.checkout-content__action .form-control-label[data-v-e9bc6700] {\\n font-size: 12px;\\n color: var(--grayscale-70);\\n position: relative;\\n padding: 0 7px;\\n margin-left: 10px;\\n z-index: 2;\\n top: 9px;\\n background: white;\\n}\\n.checkout .adjust[data-v-e9bc6700] {\\n display: flex;\\n flex-direction: row;\\n align-items: center;\\n}\\n.checkout .adjust-btn button[data-v-e9bc6700] {\\n border: none;\\n background-color: transparent;\\n color: var(--color-primary-default);\\n font-weight: 400;\\n font-size: 14px;\\n height: auto;\\n}\\n.checkout .adjust-btn button svg[data-v-e9bc6700] {\\n fill: #2c2c30;\\n margin-right: 5px;\\n}\\n.checkout .adjust-btn button[data-v-e9bc6700]:hover {\\n background-color: rgba(234, 234, 236, 0.5);\\n}\\n.checkout .avatar[data-v-e9bc6700] {\\n margin-right: 10px;\\n}\\n.checkout .avatar img[data-v-e9bc6700] {\\n width: 40px;\\n height: 40px;\\n}\\n.checkout .avatar svg[data-v-e9bc6700] {\\n display: block;\\n margin: 0 auto;\\n width: 40px;\\n height: 40px;\\n}\\n.checkout .customer[data-v-e9bc6700] {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n}\\n.checkout .small-text[data-v-e9bc6700] {\\n font-size: 10px;\\n font-weight: bold;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/Checkout.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
3947
|
+
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".checkout[data-v-e9bc6700] {\\n margin: 0px auto;\\n padding: 0;\\n}\\n.checkout.mt-20[data-v-e9bc6700] {\\n margin-top: 20px;\\n}\\n.checkout .back-button[data-v-e9bc6700] {\\n border: none;\\n background-color: transparent;\\n cursor: pointer;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n}\\n.checkout .infoArea[data-v-e9bc6700] {\\n position: relative;\\n bottom: 0;\\n background: var(--grayscale-20);\\n color: #000;\\n font-size: 13px;\\n justify-content: start;\\n margin: 20px;\\n}\\n@media (min-width: 1560px) {\\n.checkout[data-v-e9bc6700] {\\n margin: 20px auto;\\n}\\n}\\n.checkout[data-v-e9bc6700] .customer-info {\\n margin-bottom: 20px;\\n}\\n.checkout[data-v-e9bc6700] .customer-info .right-side {\\n display: none;\\n}\\n.checkout-content[data-v-e9bc6700] {\\n background: var(--grayscale-0);\\n position: relative;\\n}\\n.checkout-content__title[data-v-e9bc6700] {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n margin-bottom: 20px;\\n border-bottom: 1px solid var(--color-primary-tint-second);\\n padding: 20px;\\n}\\n.checkout-content__table[data-v-e9bc6700] {\\n border: solid 1px #e9e9eb;\\n border-radius: var(--radius-second);\\n overflow-x: auto;\\n margin: 20px;\\n}\\n.checkout-content__table th[data-v-e9bc6700]:first-child {\\n min-width: 300px;\\n}\\n.checkout-content__table .bes svg[data-v-e9bc6700] {\\n position: relative;\\n top: 6px;\\n}\\n.checkout-content__table table[data-v-e9bc6700] {\\n border-collapse: collapse;\\n text-indent: 0;\\n min-width: 100%;\\n overflow: hidden;\\n}\\n.checkout-content__table table .package-table .sub-info[data-v-e9bc6700] {\\n display: block;\\n font-weight: 500;\\n}\\n.checkout-content__table table thead[data-v-e9bc6700] {\\n background: var(--color-primary-tint);\\n}\\n.checkout-content__table table thead th[data-v-e9bc6700] {\\n border-top: none;\\n font-size: 12px;\\n font-weight: 600;\\n height: 52px;\\n padding: 0px 20px;\\n text-align: center;\\n vertical-align: middle;\\n}\\n.checkout-content__table table thead th[data-v-e9bc6700]:first-child {\\n text-align: left;\\n}\\n.checkout-content__table table thead th.bes[data-v-e9bc6700] {\\n line-height: 9px;\\n}\\n.checkout-content__table table thead th.bes .tag[data-v-e9bc6700] {\\n line-height: normal;\\n}\\n.checkout-content__table table tbody tr[data-v-e9bc6700] {\\n border-bottom: 1px solid var(--color-primary-tint-second);\\n}\\n.checkout-content__table table tbody tr[data-v-e9bc6700]:last-child {\\n border: none;\\n}\\n.checkout-content__table table tbody tr td[data-v-e9bc6700] {\\n padding: 0px 20px;\\n text-align: center;\\n font-size: 12px;\\n line-height: normal;\\n height: 40px;\\n vertical-align: middle;\\n font-weight: 400 !important;\\n}\\n.checkout-content__table table tbody tr td[data-v-e9bc6700]:first-child {\\n text-align: left;\\n}\\n.checkout-content__table table tbody tr[data-v-e9bc6700]:first-child {\\n border-top: none;\\n}\\n.checkout-content__table table tfoot[data-v-e9bc6700] {\\n background: var(--color-primary-zebra);\\n border-top: 10px solid var(--color-primary-tint);\\n}\\n.checkout-content__table table tfoot tr[data-v-e9bc6700] {\\n border-bottom: 1px solid var(--color-primary-tint-second);\\n border-top: 1px solid var(--color-primary-tint-second);\\n}\\n.checkout-content__table table tfoot tr[data-v-e9bc6700]:last-child {\\n border: none;\\n background: var(--color-primary-zebra);\\n}\\n.checkout-content__table table tfoot tr th[data-v-e9bc6700] {\\n padding: 0px 20px;\\n text-align: center;\\n font-size: 12px;\\n line-height: normal;\\n height: 40px;\\n font-weight: 400 !important;\\n vertical-align: middle;\\n}\\n.checkout-content__table table tfoot tr th[data-v-e9bc6700]:first-child {\\n text-align: left;\\n}\\n.checkout-content__table table tfoot tr:last-child th[data-v-e9bc6700]:first-child {\\n border-bottom-left-radius: 5px;\\n}\\n.checkout-content__table table tfoot tr:last-child th[data-v-e9bc6700]:last-child {\\n border-bottom-right-radius: 5px;\\n}\\n.checkout-content__action[data-v-e9bc6700] {\\n display: flex;\\n align-items: center;\\n justify-content: flex-end;\\n margin-top: 20px;\\n position: relative;\\n padding: 20px;\\n}\\n.checkout-content__action .warning-text[data-v-e9bc6700] {\\n margin-top: 20px;\\n margin-right: 10px;\\n color: red;\\n font-weight: bold;\\n}\\n@media (min-width: 1220px) {\\n.checkout-content__action .warning-text[data-v-e9bc6700] {\\n position: absolute;\\n left: 0px;\\n}\\n}\\n@media (max-width: 1024px) {\\n.checkout-content__action .warning-text[data-v-e9bc6700] {\\n width: 100%;\\n}\\n}\\n@media (max-width: 415px) {\\n.checkout-content__action[data-v-e9bc6700] {\\n flex-flow: column;\\n}\\n.checkout-content__action .start-time-selectbox[data-v-e9bc6700] {\\n width: 100%;\\n margin-left: 8px;\\n}\\n}\\n.checkout-content__action button[data-v-e9bc6700] {\\n max-width: 176px;\\n margin-top: 15px;\\n margin-left: 10px;\\n}\\n@media (max-width: 415px) {\\n.checkout-content__action button[data-v-e9bc6700] {\\n max-width: unset;\\n width: 100%;\\n}\\n}\\n.checkout-content__action .form-control-label[data-v-e9bc6700] {\\n font-size: 12px;\\n color: var(--grayscale-70);\\n position: relative;\\n padding: 0 7px;\\n margin-left: 10px;\\n z-index: 2;\\n top: 9px;\\n background: white;\\n}\\n.checkout .adjust[data-v-e9bc6700] {\\n display: flex;\\n flex-direction: row;\\n align-items: center;\\n}\\n.checkout .adjust-btn button[data-v-e9bc6700] {\\n border: none;\\n background-color: transparent;\\n color: var(--color-primary-default);\\n font-weight: 400;\\n font-size: 14px;\\n height: auto;\\n}\\n.checkout .adjust-btn button svg[data-v-e9bc6700] {\\n fill: #2c2c30;\\n margin-right: 5px;\\n}\\n.checkout .adjust-btn button[data-v-e9bc6700]:hover {\\n background-color: rgba(234, 234, 236, 0.5);\\n}\\n.checkout .avatar[data-v-e9bc6700] {\\n margin-right: 10px;\\n}\\n.checkout .avatar img[data-v-e9bc6700] {\\n width: 40px;\\n height: 40px;\\n}\\n.checkout .avatar svg[data-v-e9bc6700] {\\n display: block;\\n margin: 0 auto;\\n width: 40px;\\n height: 40px;\\n}\\n.checkout .customer[data-v-e9bc6700] {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n}\\n.checkout .small-text[data-v-e9bc6700] {\\n font-size: 10px;\\n font-weight: bold;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/Checkout.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
3948
3948
|
|
|
3949
3949
|
/***/ }),
|
|
3950
3950
|
|
|
@@ -1627,7 +1627,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _com
|
|
|
1627
1627
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1628
1628
|
|
|
1629
1629
|
"use strict";
|
|
1630
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _PackageSettignsCreate__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PackageSettignsCreate */ \"./src/components/customer/PackageSettignsCreate.vue\");\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"CardItem\",\n components: {\n PackageSettignsCreate: _PackageSettignsCreate__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n BaseButton: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseButton\"],\n BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"]\n },\n props: {\n item: Object,\n currentTab: String,\n cssClass: String\n },\n\n data() {\n return {\n packageDetail: null,\n marketInfo: null,\n platformInfo: null,\n isPopupVisible: false,\n loadDetail: false,\n isTerminal: true,\n algoDetail: {},\n isOperationWarning: false,\n isRuleMessageWarning: false,\n operationMessage: \"\",\n researchDetail: {},\n mutableItemRuleMessage: \"\",\n isUpgraded: false,\n isCancelled: false,\n selectBoxesStatus: null,\n triggerReRender: 0\n };\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getPlatformInfo\", \"getMarketInfo\"])\n },\n methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPlatform\", \"getMarket\", \"getAlgorithmDetail\", \"getResearchDetail\", \"getCheckForPurchaseUpgrade\"]),\n\n errorMessage(response) {\n return this.$toast.error(response.data.message);\n },\n\n addCart() {\n let cusId = null;\n\n if (this.$route.query.isRecommended === undefined) {\n var _this$item, _this$item2, _this$item2$platform;\n\n cusId = this.$route.query.c;\n this.getCheckForPurchaseUpgrade({\n applicationId: (_this$item = this.item) === null || _this$item === void 0 ? void 0 : _this$item.applicationId,\n platformId: (_this$item2 = this.item) === null || _this$item2 === void 0 ? void 0 : (_this$item2$platform = _this$item2.platform) === null || _this$item2$platform === void 0 ? void 0 : _this$item2$platform.id\n }).then(response => {\n const getCancelledStatus = response.purchaseDetail != null ? response.purchaseDetail.packageStatus.id == 8 : false;\n this.isUpgraded = response.isUpgrade;\n this.isCancelled = getCancelledStatus
|
|
1630
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _PackageSettignsCreate__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PackageSettignsCreate */ \"./src/components/customer/PackageSettignsCreate.vue\");\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"CardItem\",\n components: {\n PackageSettignsCreate: _PackageSettignsCreate__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n BaseButton: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseButton\"],\n BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"]\n },\n props: {\n item: Object,\n currentTab: String,\n cssClass: String\n },\n\n data() {\n return {\n packageDetail: null,\n marketInfo: null,\n platformInfo: null,\n isPopupVisible: false,\n loadDetail: false,\n isTerminal: true,\n algoDetail: {},\n isOperationWarning: false,\n isRuleMessageWarning: false,\n operationMessage: \"\",\n researchDetail: {},\n mutableItemRuleMessage: \"\",\n isUpgraded: false,\n isCancelled: false,\n selectBoxesStatus: null,\n triggerReRender: 0\n };\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getPlatformInfo\", \"getMarketInfo\"])\n },\n methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPlatform\", \"getMarket\", \"getAlgorithmDetail\", \"getResearchDetail\", \"getCheckForPurchaseUpgrade\"]),\n\n errorMessage(response) {\n return this.$toast.error(response.data.message);\n },\n\n addCart() {\n let cusId = null;\n\n if (this.$route.query.isRecommended === undefined) {\n var _this$item, _this$item2, _this$item2$platform;\n\n cusId = this.$route.query.c;\n this.getCheckForPurchaseUpgrade({\n applicationId: (_this$item = this.item) === null || _this$item === void 0 ? void 0 : _this$item.applicationId,\n platformId: (_this$item2 = this.item) === null || _this$item2 === void 0 ? void 0 : (_this$item2$platform = _this$item2.platform) === null || _this$item2$platform === void 0 ? void 0 : _this$item2$platform.id\n }).then(response => {\n const getCancelledStatus = response.purchaseDetail != null ? response.purchaseDetail.packageStatus.id == 8 : false;\n this.isUpgraded = response.isUpgrade;\n this.isCancelled = getCancelledStatus;\n this.selectBoxesStatus = this.isUpgraded ? response.purchaseDetail.dateSelection : -1;\n this.loadDetail = true;\n this.triggerReRender++;\n this.handlePlatformInfo(cusId);\n });\n } else {\n this.handlePlatformInfo(cusId);\n }\n },\n\n handlePlatformInfo(cusId) {\n this.getPlatform([this.item.applicationId, cusId]).then(res => {\n this.platformInfo = res.data.find(o => o.id == this.item.id);\n\n if (this.item.ruleMessage != undefined) {\n this.mutableItemRuleMessage = this.item.ruleMessage[0];\n this.isRuleMessageWarning = true;\n }\n\n if (this.currentTab != \"Algo\" && this.currentTab != \"Research\") {\n this.handleMarketInfo(cusId);\n } else {\n if (this.currentTab == \"Algo\") {\n this.handleAlgorithmDetail(cusId);\n } else {\n this.handleResearchDetail();\n }\n }\n });\n },\n\n handleMarketInfo(cusId) {\n var _this$platformInfo;\n\n this.getMarket([this.item.applicationId, (_this$platformInfo = this.platformInfo) === null || _this$platformInfo === void 0 ? void 0 : _this$platformInfo.platformId, cusId]).then(response => {\n var _response$data;\n\n if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.error) === true) {\n this.errorMessage(response);\n } else {\n this.marketInfo = this.getMarketInfo;\n this.loadDetail = true;\n this.isPopupVisible = true;\n }\n });\n },\n\n handleAlgorithmDetail(cusId) {\n this.getAlgorithmDetail([this.item.id, cusId]).then(response => {\n var _response$data2;\n\n if ((response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.error) === true) {\n this.errorMessage(response);\n } else {\n var _response$data3, _response$data4, _response$data4$opera, _response$data5, _response$data5$opera;\n\n this.algoDetail = response.data;\n this.isTerminal = (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.isTerminal;\n this.isOperationWarning = (_response$data4 = response.data) === null || _response$data4 === void 0 ? void 0 : (_response$data4$opera = _response$data4.operationRule) === null || _response$data4$opera === void 0 ? void 0 : _response$data4$opera.isOperationWarning;\n this.operationMessage = (_response$data5 = response.data) === null || _response$data5 === void 0 ? void 0 : (_response$data5$opera = _response$data5.operationRule) === null || _response$data5$opera === void 0 ? void 0 : _response$data5$opera.operationMessage;\n this.loadDetail = true;\n this.isPopupVisible = true;\n }\n });\n },\n\n handleResearchDetail() {\n this.getResearchDetail([this.item.id]).then(response => {\n var _response$data6;\n\n if ((response === null || response === void 0 ? void 0 : (_response$data6 = response.data) === null || _response$data6 === void 0 ? void 0 : _response$data6.error) === true) {\n this.errorMessage(response);\n } else {\n this.researchDetail = response.data;\n this.loadDetail = true;\n this.isPopupVisible = true;\n }\n });\n },\n\n closePopup() {\n this.isPopupVisible = false;\n }\n\n }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/CardItem.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
1631
1631
|
|
|
1632
1632
|
/***/ }),
|
|
1633
1633
|
|
|
@@ -1735,7 +1735,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
|
|
|
1735
1735
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1736
1736
|
|
|
1737
1737
|
"use strict";
|
|
1738
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingType.vue */ \"./src/components/customer/PackageSettingType.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"PackageSettigns\",\n mixins: [_mixins___WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n components: {\n BaseButton: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseButton\"],\n BaseIcon: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseIcon\"],\n PopupRight: _components__WEBPACK_IMPORTED_MODULE_2__[\"PopupRight\"],\n PackageSettingType: _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n AccordionResearch: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionResearch\"],\n AccordionForeign: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionForeign\"],\n AccordionAlgoServer: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionAlgoServer\"],\n InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n },\n props: {\n dataItem: Object,\n marketInfo: Array,\n isPopupVisible: Boolean\n },\n\n data() {\n return {\n isResponsive: false,\n fund: 0,\n commission: 0,\n topPrice: 0,\n bottomFund: 0,\n bottomCommission: 0,\n totalPrice: 0,\n startDateSelection: this.dataItem.dateSelection,\n selectData: [],\n research: [],\n foreign: [],\n algoServer: [],\n isButtonClicked: false,\n warningMessage: false,\n esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__[\"getItem\"])(\"esube\"),\n infoText: [\"BES ve yatırım fonu büyüklüğü ve/veya komisyon şartı sağlandığı taktirde; o ay toplamda belirtilen ekran ücreti sizden alınmayacaktır.\", \"Karma Lisans paketinde derinlik bilgisi bulunmamaktadır.\"],\n startDate: [{\n label: \"Seçiniz\",\n code: -1\n }, {\n label: \"Hemen\",\n code: 0\n }, {\n label: \"Ay Başında\",\n code: 1\n }],\n cusId: null\n };\n },\n\n created() {\n this.handleWidth();\n window.addEventListener(\"resize\", this.handleWidth());\n },\n\n mounted() {\n this.setSelectedForeign([]);\n this.setSelectedAlgoServer([]);\n this.setSelectedResearch([]);\n this.cusId = this.$route.params.customerId !== undefined ? this.$route.params.customerId : null;\n\n if (this.$route.name === \"Checkout\") {\n this.cusId = this.$route.query.c !== undefined ? this.$route.query.c : this.$route.params.customerId;\n this.startDateSelection = this.dataItem.dateSelection;\n }\n\n this.sumFundCommission();\n this.getForeign([this.dataItem.application.applicationId, this.dataItem.platform.platformId, this.cusId]).then(res => {\n let details = {};\n details = res.data;\n\n if (this.getDraftPackageDetails.foreignIndice) {\n this.getDraftPackageDetails.foreignIndice.forEach((element, index) => {\n if (element.foreignIndiceFeature.id == details[index].id) {\n details[index].dateSelection = Number(element.dateSelection.key);\n }\n });\n }\n\n this.foreign.push({\n id: 2,\n active: false,\n title: \"Yabancı Endeksler\",\n details\n });\n });\n this.getResearch([this.dataItem.application.applicationId, this.cusId]).then(res => {\n let details = {};\n details = res.data;\n\n if (this.getDraftPackageDetails.research) {\n this.getDraftPackageDetails.research.forEach((element, index) => {\n if (element.researchFeature.id == details[index].id) {\n details[index].dateSelection = Number(element.dateSelection.key);\n }\n });\n }\n\n this.research = [{\n id: 1,\n active: false,\n title: \"Araştırma ve Diğer Uygulamalar\",\n details\n }];\n });\n this.$nextTick(() => {\n this.getAlgoServer([this.dataItem.application.applicationId, this.cusId]).then(res => {\n let details = {};\n details = res.data;\n\n if (this.getDraftPackageDetails.algorithm) {\n this.getDraftPackageDetails.algorithm.forEach((element, index) => {\n if (element.algorithmFeature.id == details[index].id) {\n details[index].dateSelection = Number(element.dateSelection.key);\n }\n });\n }\n\n this.algoServer.push({\n id: 3,\n active: false,\n title: \"Algoritmalar\",\n details\n });\n });\n });\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getSelectedAlgoServerInfo\", \"customer\", \"getResearchInfo\", \"getSelectedForeignInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\", \"getPackageInfo\", \"getDraftPackageDetails\", \"getUserInfo\"]),\n\n getMemberType() {\n return this.getUserInfo.memberType;\n },\n\n currencySymbol() {\n return _constants__WEBPACK_IMPORTED_MODULE_5__[\"CurrencySymbol\"];\n },\n\n researchTotal() {\n return this.getSelectedResearchInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n }, 0);\n },\n\n foraignDollarTotal() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n if (item.priceInfo === \"$\") {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n } else {\n return 0 + totald;\n }\n }, 0);\n },\n\n getStartDateSelection() {\n return this.dataItem.dateSelection;\n },\n\n foraignEuroTotal() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n if (item.priceInfo === \"€\") {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n } else {\n return 0 + totald;\n }\n }, 0);\n },\n\n algoServerTotal() {\n return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n }, 0);\n },\n\n researchFund() {\n return this.getSelectedResearchInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n }, 0);\n },\n\n foreignFund() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n }, 0);\n },\n\n algoServerFund() {\n return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n }, 0);\n },\n\n researchCommission() {\n return this.getSelectedResearchInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n }, 0);\n },\n\n foreignCommission() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n }, 0);\n },\n\n foraignTurkishLiraTotal() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n if (item.priceInfo === \"₺\") {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n } else {\n return 0 + totald;\n }\n }, 0);\n },\n\n algoServerCommission() {\n return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n }, 0);\n },\n\n totalPriceDollar() {\n var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n },\n\n totalPriceEuro() {\n var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n return (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : (_this$dataItem2$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n },\n\n totalPriceTl() {\n var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.tl)[0].totalPrice;\n },\n\n totalPriceCalc() {\n var _this$totalPriceDolla, _this$totalPriceEuro;\n\n let totalDollar = `${this.totalPriceDollar ? ` + ${this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice)} Dolar` : \"\"}`;\n let totalEuro = `${this.totalPriceEuro ? ` + ${this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice)} Euro` : \"\"}`;\n return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n }\n\n },\n methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getForeign\", \"getAllPackages\", \"getDraftPackageDetail\", \"getResearch\", \"updatePackage\", \"getAlgoServer\", \"createPackage\"]),\n ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setSelectedForeign\", \"setSelectedAlgoServer\", \"setSelectedResearch\"]),\n\n checkSpesificWarning(param) {\n this.warningMessage = param;\n },\n\n setDefaultValues() {\n this.bottomCommission = 0;\n this.totalPrice = 0;\n this.bottomFund = 0;\n this.selectData = [];\n this.startDateSelection = this.startDate[0].code;\n this.setSelectedForeign([]);\n this.setSelectedAlgoServer([]);\n this.setSelectedResearch([]);\n this.$emit(\"close\");\n },\n\n handleWidth() {\n let w = window.innerWidth;\n this.isResponsive = w <= 640;\n },\n\n sumFundCommission() {\n this.fund = this.dataItem.price.totalFundAmount;\n this.commission = this.dataItem.price.totalCommissionAmount;\n this.topPrice = this.totalPriceCalc;\n this.totalPrice = this.topPrice;\n },\n\n changeSelected(data) {\n this.selectData = data;\n },\n\n async submitShow() {\n this.isButtonClicked = true;\n const packageData = this.buildPackageData();\n const getEveryDateSelection = packageData.filter(o => o.dateSelection == -1);\n const getResearchDateSelection = this.getSelectedResearchInfo.filter(o => o.dateSelection == -1);\n const getForeignDateSelection = this.getSelectedForeignInfo.filter(o => o.dateSelection == -1);\n const getSelectedAlgoSvInfo = this.getSelectedAlgoServerInfo.filter(o => o.dateSelection == -1);\n\n if (getEveryDateSelection.length > 0 || getResearchDateSelection.length > 0 || getForeignDateSelection.length > 0 || getSelectedAlgoSvInfo.length > 0) {\n this.$toast.error(\"Başlangıç zamanı seçiniz.\");\n this.isButtonClicked = false;\n return;\n }\n\n const researchData = this.buildResearchData();\n const foreignData = this.buildForeignData();\n const algoServerData = this.buildAlgoServerData();\n const args = this.buildArgsObject(packageData, researchData, foreignData, algoServerData);\n const actionName = this.getActionName();\n const sendAction = await this[actionName](args);\n\n if (sendAction.error) {\n this.handleError(sendAction);\n } else {\n this.handleSuccess(sendAction, actionName);\n this.args = {};\n }\n\n this.isButtonClicked = false;\n },\n\n buildPackageData() {\n return this.selectData.map(item => {\n var _this$dataItem4, _this$dataItem4$appli, _this$dataItem5, _this$dataItem5$platf, _item$marketFeature, _item$perspectiveFeat, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n return {\n applicationId: (_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$appli = _this$dataItem4.application) === null || _this$dataItem4$appli === void 0 ? void 0 : _this$dataItem4$appli.id,\n platformId: ((_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$platf = _this$dataItem5.platform) === null || _this$dataItem5$platf === void 0 ? void 0 : _this$dataItem5$platf.id) || null,\n marketId: (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) || null,\n perspectiveId: (item === null || item === void 0 ? void 0 : (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.id) || null,\n vendorId: (item === null || item === void 0 ? void 0 : (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.id) === undefined || (item === null || item === void 0 ? void 0 : (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.id) === null ? null : item === null || item === void 0 ? void 0 : (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.id,\n dateSelection: item.dateSelection\n };\n });\n },\n\n buildResearchData() {\n return this.getSelectedResearchInfo.map(item => ({\n applicationId: this.dataItem.application.id || null,\n researchId: item.id || null,\n dateSelection: item.dateSelection\n }));\n },\n\n buildForeignData() {\n return this.getSelectedForeignInfo.map(item => ({\n applicationId: this.dataItem.application.id,\n foreignIndiceId: item.id || null,\n dateSelection: item.dateSelection\n }));\n },\n\n buildAlgoServerData() {\n return this.getSelectedAlgoServerInfo.map(item => ({\n applicationId: this.dataItem.application.id,\n algorithmAndServerId: item.id || null,\n dateSelection: item.dateSelection\n }));\n },\n\n buildArgsObject(packageData, researchData, foreignData, algoServerData) {\n var _this$dataItem6, _this$dataItem6$appli, _this$dataItem7, _this$dataItem7$platf, _this$dataItem8, _this$dataItem9, _this$dataItem9$platf;\n\n return {\n customerId: this.customer.id,\n purchaseId: this.dataItem.id,\n purchaseNumber: this.dataItem.purchaseNo.toString(),\n applicationId: ((_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$appli = _this$dataItem6.application) === null || _this$dataItem6$appli === void 0 ? void 0 : _this$dataItem6$appli.applicationId) || null,\n platformId: ((_this$dataItem7 = this.dataItem) === null || _this$dataItem7 === void 0 ? void 0 : (_this$dataItem7$platf = _this$dataItem7.platform) === null || _this$dataItem7$platf === void 0 ? void 0 : _this$dataItem7$platf.platformId) || null,\n applicationFeatureId: ((_this$dataItem8 = this.dataItem) === null || _this$dataItem8 === void 0 ? void 0 : _this$dataItem8.application.id) || null,\n platformFeatureId: (_this$dataItem9 = this.dataItem) === null || _this$dataItem9 === void 0 ? void 0 : (_this$dataItem9$platf = _this$dataItem9.platform) === null || _this$dataItem9$platf === void 0 ? void 0 : _this$dataItem9$platf.id,\n features: packageData,\n research: researchData,\n foreignIndice: foreignData,\n algorithmAndServer: algoServerData,\n cusId: this.cusId\n };\n },\n\n getActionName() {\n return this.dataItem.packageStatus.id === 2 ? \"updatePackage\" : \"createPackage\";\n },\n\n handleError(res) {\n if (res.result !== undefined && res.result !== null) {\n this.$toast.error(res.result.data[0].errors[0]);\n } else {\n this.$toast.error(res.message);\n }\n\n this.isButtonClicked = false;\n },\n\n handleSuccess(res, actionName) {\n if (actionName === \"updatePackage\") {\n this.handleUpdatePackageSuccess(res);\n } else {\n this.handleCreatePackageSuccess(res);\n }\n },\n\n async handleUpdatePackageSuccess() {\n const response = await this.getDraftPackageDetail([this.dataItem.id, this.cusId]);\n\n if (response && this.$route.name != \"Checkout\") {\n this.$router.push({\n name: \"Checkout\",\n params: {\n packageNumber: response.data.id,\n customerNumber: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.params.customerNumber\n },\n query: {\n c: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.query.c,\n timeStamp: new Date()\n }\n });\n } else {\n this.$emit(\"close\");\n this.isButtonClicked = false;\n }\n },\n\n handleCreatePackageSuccess(res) {\n if (this.$route.name === \"Checkout\") {\n this.$router.push({\n name: \"Checkout\",\n params: {\n packageNumber: res.purchaseId,\n customerNumber: this.$route.params.customerNumber\n },\n query: {\n c: this.$route.query.c\n }\n });\n } else {\n this.$emit(\"close\");\n this.getAllPackages(this.cusId);\n }\n\n this.setSelectedResearch([]);\n this.setSelectedForeign([]);\n this.setSelectedAlgoServer([]);\n },\n\n calculatePrice(items) {\n var _this$dataItem$applic, _this$dataItem$applic2;\n\n this.bottomFund = items.reduce((totald, item) => {\n var _item$marketFeature2, _item$perspectiveFeat2, _item$vendorFeature4;\n\n return ((item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature4 = item.vendorFeature) === null || _item$vendorFeature4 === void 0 ? void 0 : _item$vendorFeature4.fundAmount) || 0) + totald;\n }, (_this$dataItem$applic = this.dataItem.application) === null || _this$dataItem$applic === void 0 ? void 0 : _this$dataItem$applic.fundAmount);\n this.bottomCommission = items.reduce((totald, item) => {\n var _item$marketFeature3, _item$perspectiveFeat3, _item$vendorFeature5;\n\n return ((item === null || item === void 0 ? void 0 : (_item$marketFeature3 = item.marketFeature) === null || _item$marketFeature3 === void 0 ? void 0 : _item$marketFeature3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature5 = item.vendorFeature) === null || _item$vendorFeature5 === void 0 ? void 0 : _item$vendorFeature5.commissionAmount) || 0) + totald;\n }, (_this$dataItem$applic2 = this.dataItem.application) === null || _this$dataItem$applic2 === void 0 ? void 0 : _this$dataItem$applic2.commissionAmount);\n const total = items.reduce((totald, item) => {\n var _item$perspectiveFeat4, _item$vendorFeature6;\n\n return (\n /* (item?.marketFeature?.price || 0) +\n (item?.platformFeature?.price || 0)*/\n +((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat4 = item.perspectiveFeature) === null || _item$perspectiveFeat4 === void 0 ? void 0 : _item$perspectiveFeat4.price) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature6 = item.vendorFeature) === null || _item$vendorFeature6 === void 0 ? void 0 : _item$vendorFeature6.price) || 0) + totald\n );\n }, 0);\n this.totalPrice = total + this.dataItem.application.price;\n },\n\n calculateTotalPrice() {\n return this.dataItem.price + this.totalPrice + this.researchTotal() + this.foraignTurkishLiraTotal() + this.algoServerTotal();\n }\n\n },\n watch: {\n selectData: {\n handler(newVal) {\n this.calculatePrice(newVal);\n },\n\n deep: true,\n immediate: true\n }\n }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
1738
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingType.vue */ \"./src/components/customer/PackageSettingType.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"PackageSettigns\",\n mixins: [_mixins___WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n components: {\n BaseButton: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseButton\"],\n BaseIcon: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseIcon\"],\n PopupRight: _components__WEBPACK_IMPORTED_MODULE_2__[\"PopupRight\"],\n PackageSettingType: _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n AccordionResearch: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionResearch\"],\n AccordionForeign: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionForeign\"],\n AccordionAlgoServer: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionAlgoServer\"],\n InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n },\n props: {\n dataItem: Object,\n marketInfo: Array,\n isPopupVisible: Boolean\n },\n\n data() {\n return {\n isResponsive: false,\n fund: 0,\n commission: 0,\n topPrice: 0,\n bottomFund: 0,\n bottomCommission: 0,\n totalPrice: 0,\n startDateSelection: this.dataItem.dateSelection,\n selectData: [],\n research: [],\n foreign: [],\n algoServer: [],\n isButtonClicked: false,\n warningMessage: false,\n esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__[\"getItem\"])(\"esube\"),\n infoText: [\"BES ve yatırım fonu büyüklüğü ve/veya komisyon şartı sağlandığı taktirde; o ay toplamda belirtilen ekran ücreti sizden alınmayacaktır.\", \"Karma Lisans paketinde derinlik bilgisi bulunmamaktadır.\"],\n startDate: [{\n label: \"Seçiniz\",\n code: -1\n }, {\n label: \"Hemen\",\n code: 0\n }, {\n label: \"Ay Başında\",\n code: 1\n }],\n cusId: null\n };\n },\n\n created() {\n this.handleWidth();\n window.addEventListener(\"resize\", this.handleWidth());\n },\n\n mounted() {\n this.setSelectedForeign([]);\n this.setSelectedAlgoServer([]);\n this.setSelectedResearch([]);\n this.cusId = this.$route.params.customerId !== undefined ? this.$route.params.customerId : null;\n\n if (this.$route.name === \"Checkout\") {\n this.cusId = this.$route.query.c !== undefined ? this.$route.query.c : this.$route.params.customerId;\n this.startDateSelection = this.dataItem.dateSelection;\n }\n\n this.sumFundCommission();\n this.getForeign([this.dataItem.application.applicationId, this.dataItem.platform.platformId, this.cusId]).then(res => {\n let details = {};\n details = res.data;\n\n if (this.getDraftPackageDetails.foreignIndice) {\n this.getDraftPackageDetails.foreignIndice.forEach((element, index) => {\n if (element.foreignIndiceFeature.id == details[index].id) {\n details[index].dateSelection = Number(element.dateSelection.key);\n }\n });\n }\n\n this.foreign.push({\n id: 2,\n active: false,\n title: \"Yabancı Endeksler\",\n details\n });\n });\n this.getResearch([this.dataItem.application.applicationId, this.cusId]).then(res => {\n let details = {};\n details = res.data;\n\n if (this.getDraftPackageDetails.research) {\n this.getDraftPackageDetails.research.forEach((element, index) => {\n if (element.researchFeature.id == details[index].id) {\n details[index].dateSelection = Number(element.dateSelection.key);\n }\n });\n }\n\n this.research = [{\n id: 1,\n active: false,\n title: \"Araştırma ve Diğer Uygulamalar\",\n details\n }];\n });\n this.$nextTick(() => {\n this.getAlgoServer([this.dataItem.application.applicationId, this.cusId]).then(res => {\n let details = {};\n details = res.data;\n\n if (this.getDraftPackageDetails.algorithm) {\n this.getDraftPackageDetails.algorithm.forEach((element, index) => {\n if (element.algorithmFeature.id == details[index].id) {\n details[index].dateSelection = Number(element.dateSelection.key);\n }\n });\n }\n\n this.algoServer.push({\n id: 3,\n active: false,\n title: \"Algoritmalar\",\n details\n });\n });\n });\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getSelectedAlgoServerInfo\", \"customer\", \"getResearchInfo\", \"getSelectedForeignInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\", \"getPackageInfo\", \"getDraftPackageDetails\", \"getUserInfo\"]),\n\n getMemberType() {\n return this.getUserInfo.memberType;\n },\n\n currencySymbol() {\n return _constants__WEBPACK_IMPORTED_MODULE_5__[\"CurrencySymbol\"];\n },\n\n researchTotal() {\n return this.getSelectedResearchInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n }, 0);\n },\n\n foraignDollarTotal() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n if (item.priceInfo === \"$\") {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n } else {\n return 0 + totald;\n }\n }, 0);\n },\n\n getStartDateSelection() {\n return this.dataItem.dateSelection;\n },\n\n foraignEuroTotal() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n if (item.priceInfo === \"€\") {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n } else {\n return 0 + totald;\n }\n }, 0);\n },\n\n algoServerTotal() {\n return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n }, 0);\n },\n\n researchFund() {\n return this.getSelectedResearchInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n }, 0);\n },\n\n foreignFund() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n }, 0);\n },\n\n algoServerFund() {\n return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n }, 0);\n },\n\n researchCommission() {\n return this.getSelectedResearchInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n }, 0);\n },\n\n foreignCommission() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n }, 0);\n },\n\n foraignTurkishLiraTotal() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n if (item.priceInfo === \"₺\") {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n } else {\n return 0 + totald;\n }\n }, 0);\n },\n\n algoServerCommission() {\n return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n }, 0);\n },\n\n totalPriceDollar() {\n var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n },\n\n totalPriceEuro() {\n var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n return (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : (_this$dataItem2$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n },\n\n totalPriceTl() {\n var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.tl)[0].totalPrice;\n },\n\n totalPriceCalc() {\n var _this$totalPriceDolla, _this$totalPriceEuro;\n\n let totalDollar = `${this.totalPriceDollar ? ` + ${this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice)} Dolar` : \"\"}`;\n let totalEuro = `${this.totalPriceEuro ? ` + ${this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice)} Euro` : \"\"}`;\n return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n }\n\n },\n methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getForeign\", \"getAllPackages\", \"getDraftPackageDetail\", \"getResearch\", \"updatePackage\", \"getAlgoServer\", \"createPackage\"]),\n ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setSelectedForeign\", \"setSelectedAlgoServer\", \"setSelectedResearch\"]),\n\n checkSpesificWarning(param) {\n this.warningMessage = param;\n },\n\n setDefaultValues() {\n this.bottomCommission = 0;\n this.totalPrice = 0;\n this.bottomFund = 0;\n this.selectData = [];\n this.startDateSelection = this.startDate[0].code;\n this.setSelectedForeign([]);\n this.setSelectedAlgoServer([]);\n this.setSelectedResearch([]);\n this.$emit(\"close\");\n },\n\n handleWidth() {\n let w = window.innerWidth;\n this.isResponsive = w <= 640;\n },\n\n sumFundCommission() {\n this.fund = this.dataItem.price.totalFundAmount;\n this.commission = this.dataItem.price.totalCommissionAmount;\n this.topPrice = this.totalPriceCalc;\n this.totalPrice = this.topPrice;\n },\n\n changeSelected(data) {\n this.selectData = data;\n },\n\n async submitShow() {\n this.isButtonClicked = true;\n const packageData = this.buildPackageData();\n const getEveryDateSelection = packageData.filter(o => o.dateSelection == -1);\n const getResearchDateSelection = this.getSelectedResearchInfo.filter(o => o.dateSelection == -1);\n const getForeignDateSelection = this.getSelectedForeignInfo.filter(o => o.dateSelection == -1);\n const getSelectedAlgoSvInfo = this.getSelectedAlgoServerInfo.filter(o => o.dateSelection == -1);\n\n if (getEveryDateSelection.length > 0 || getResearchDateSelection.length > 0 || getForeignDateSelection.length > 0 || getSelectedAlgoSvInfo.length > 0) {\n this.$toast.error(\"Başlangıç zamanı seçiniz.\");\n this.isButtonClicked = false;\n return;\n }\n\n const researchData = this.buildResearchData();\n const foreignData = this.buildForeignData();\n const algoServerData = this.buildAlgoServerData();\n const args = this.buildArgsObject(packageData, researchData, foreignData, algoServerData);\n const actionName = this.getActionName();\n const sendAction = await this[actionName](args);\n\n if (sendAction.error) {\n this.handleError(sendAction);\n } else {\n this.handleSuccess(sendAction, actionName);\n this.args = {};\n }\n\n this.isButtonClicked = false;\n },\n\n buildPackageData() {\n return this.selectData.map(item => {\n var _this$dataItem4, _this$dataItem4$appli, _this$dataItem5, _this$dataItem5$platf, _item$marketFeature, _item$perspectiveFeat, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n return {\n applicationId: (_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$appli = _this$dataItem4.application) === null || _this$dataItem4$appli === void 0 ? void 0 : _this$dataItem4$appli.id,\n platformId: ((_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$platf = _this$dataItem5.platform) === null || _this$dataItem5$platf === void 0 ? void 0 : _this$dataItem5$platf.id) || null,\n marketId: (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) || null,\n perspectiveId: (item === null || item === void 0 ? void 0 : (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.id) || null,\n vendorId: (item === null || item === void 0 ? void 0 : (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.id) === undefined || (item === null || item === void 0 ? void 0 : (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.id) === null ? null : item === null || item === void 0 ? void 0 : (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.id,\n dateSelection: item.dateSelection\n };\n });\n },\n\n buildResearchData() {\n return this.getSelectedResearchInfo.map(item => ({\n applicationId: this.dataItem.application.id || null,\n researchId: item.id || null,\n dateSelection: item.dateSelection\n }));\n },\n\n buildForeignData() {\n return this.getSelectedForeignInfo.map(item => ({\n applicationId: this.dataItem.application.id,\n foreignIndiceId: item.id || null,\n dateSelection: item.dateSelection\n }));\n },\n\n buildAlgoServerData() {\n return this.getSelectedAlgoServerInfo.map(item => ({\n applicationId: this.dataItem.application.id,\n algorithmAndServerId: item.id || null,\n dateSelection: item.dateSelection\n }));\n },\n\n buildArgsObject(packageData, researchData, foreignData, algoServerData) {\n var _this$dataItem6, _this$dataItem6$appli, _this$dataItem7, _this$dataItem7$platf, _this$dataItem8, _this$dataItem9, _this$dataItem9$platf;\n\n return {\n customerId: this.customer.id,\n purchaseId: this.dataItem.id,\n purchaseNumber: this.dataItem.purchaseNo.toString(),\n applicationId: ((_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$appli = _this$dataItem6.application) === null || _this$dataItem6$appli === void 0 ? void 0 : _this$dataItem6$appli.applicationId) || null,\n platformId: ((_this$dataItem7 = this.dataItem) === null || _this$dataItem7 === void 0 ? void 0 : (_this$dataItem7$platf = _this$dataItem7.platform) === null || _this$dataItem7$platf === void 0 ? void 0 : _this$dataItem7$platf.platformId) || null,\n applicationFeatureId: ((_this$dataItem8 = this.dataItem) === null || _this$dataItem8 === void 0 ? void 0 : _this$dataItem8.application.id) || null,\n platformFeatureId: (_this$dataItem9 = this.dataItem) === null || _this$dataItem9 === void 0 ? void 0 : (_this$dataItem9$platf = _this$dataItem9.platform) === null || _this$dataItem9$platf === void 0 ? void 0 : _this$dataItem9$platf.id,\n features: packageData,\n research: researchData,\n foreignIndice: foreignData,\n algorithmAndServer: algoServerData,\n cusId: this.cusId\n };\n },\n\n getActionName() {\n return this.dataItem.packageStatus.id === 2 ? \"updatePackage\" : \"createPackage\";\n },\n\n handleError(res) {\n if (res.result !== undefined && res.result !== null) {\n this.$toast.error(res.result.data[0].errors[0]);\n } else {\n this.$toast.error(res.message);\n }\n\n this.isButtonClicked = false;\n },\n\n handleSuccess(res, actionName) {\n if (actionName === \"updatePackage\") {\n this.handleUpdatePackageSuccess(res);\n } else {\n this.handleCreatePackageSuccess(res);\n }\n },\n\n async handleUpdatePackageSuccess() {\n const response = await this.getDraftPackageDetail([this.dataItem.id, this.cusId]);\n\n if (response && this.$route.name != \"Checkout\") {\n this.$router.push({\n name: \"Checkout\",\n params: {\n packageNumber: response.data.id,\n customerNumber: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.params.customerNumber\n },\n query: {\n c: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.query.c,\n timeStamp: new Date()\n }\n });\n } else {\n this.$emit(\"close\");\n this.isButtonClicked = false;\n }\n },\n\n handleCreatePackageSuccess(res) {\n if (this.$route.name === \"Checkout\") {\n this.$router.replace({\n params: {\n packageNumber: String(res.purchaseId),\n customerNumber: this.$route.params.customerNumber\n },\n query: {\n c: this.$route.query.c\n }\n });\n setTimeout(() => {\n this.$emit(\"close\");\n }, 300);\n } else {\n this.$emit(\"close\");\n this.getAllPackages(this.cusId);\n }\n\n this.setSelectedResearch([]);\n this.setSelectedForeign([]);\n this.setSelectedAlgoServer([]);\n },\n\n calculatePrice(items) {\n var _this$dataItem$applic, _this$dataItem$applic2;\n\n this.bottomFund = items.reduce((totald, item) => {\n var _item$marketFeature2, _item$perspectiveFeat2, _item$vendorFeature4;\n\n return ((item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature4 = item.vendorFeature) === null || _item$vendorFeature4 === void 0 ? void 0 : _item$vendorFeature4.fundAmount) || 0) + totald;\n }, (_this$dataItem$applic = this.dataItem.application) === null || _this$dataItem$applic === void 0 ? void 0 : _this$dataItem$applic.fundAmount);\n this.bottomCommission = items.reduce((totald, item) => {\n var _item$marketFeature3, _item$perspectiveFeat3, _item$vendorFeature5;\n\n return ((item === null || item === void 0 ? void 0 : (_item$marketFeature3 = item.marketFeature) === null || _item$marketFeature3 === void 0 ? void 0 : _item$marketFeature3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature5 = item.vendorFeature) === null || _item$vendorFeature5 === void 0 ? void 0 : _item$vendorFeature5.commissionAmount) || 0) + totald;\n }, (_this$dataItem$applic2 = this.dataItem.application) === null || _this$dataItem$applic2 === void 0 ? void 0 : _this$dataItem$applic2.commissionAmount);\n const total = items.reduce((totald, item) => {\n var _item$perspectiveFeat4, _item$vendorFeature6;\n\n return (\n /* (item?.marketFeature?.price || 0) +\n (item?.platformFeature?.price || 0)*/\n +((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat4 = item.perspectiveFeature) === null || _item$perspectiveFeat4 === void 0 ? void 0 : _item$perspectiveFeat4.price) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature6 = item.vendorFeature) === null || _item$vendorFeature6 === void 0 ? void 0 : _item$vendorFeature6.price) || 0) + totald\n );\n }, 0);\n this.totalPrice = total + this.dataItem.application.price;\n },\n\n calculateTotalPrice() {\n return this.dataItem.price + this.totalPrice + this.researchTotal() + this.foraignTurkishLiraTotal() + this.algoServerTotal();\n }\n\n },\n watch: {\n selectData: {\n handler(newVal) {\n this.calculatePrice(newVal);\n },\n\n deep: true,\n immediate: true\n }\n }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
1739
1739
|
|
|
1740
1740
|
/***/ }),
|
|
1741
1741
|
|
|
@@ -3944,7 +3944,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3944
3944
|
/*! no static exports found */
|
|
3945
3945
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3946
3946
|
|
|
3947
|
-
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".checkout[data-v-e9bc6700] {\\n margin: 0px auto;\\n padding: 0;\\n}\\n.checkout.mt-20[data-v-e9bc6700] {\\n margin-top: 20px;\\n}\\n.checkout .back-button[data-v-e9bc6700] {\\n border: none;\\n background-color: transparent;\\n cursor: pointer;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n}\\n.checkout .infoArea[data-v-e9bc6700] {\\n position: relative;\\n bottom: 0;\\n background: var(--grayscale-20);\\n color: #000;\\n font-size: 13px;\\n justify-content: start;\\n margin: 20px;\\n}\\n@media (min-width: 1560px) {\\n.checkout[data-v-e9bc6700] {\\n margin: 20px auto;\\n}\\n}\\n.checkout[data-v-e9bc6700] .customer-info {\\n margin-bottom: 20px;\\n}\\n.checkout[data-v-e9bc6700] .customer-info .right-side {\\n display: none;\\n}\\n.checkout-content[data-v-e9bc6700] {\\n background: var(--grayscale-0);\\n position: relative;\\n}\\n.checkout-content__title[data-v-e9bc6700] {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n margin-bottom: 20px;\\n border-bottom: 1px solid var(--color-primary-tint-second);\\n padding: 20px;\\n}\\n.checkout-content__table[data-v-e9bc6700] {\\n border: solid 1px #e9e9eb;\\n border-radius: var(--radius-second);\\n overflow-x: auto;\\n margin: 20px;\\n}\\n.checkout-content__table th[data-v-e9bc6700]:first-child {\\n min-width: 300px;\\n}\\n.checkout-content__table .bes svg[data-v-e9bc6700] {\\n position: relative;\\n top: 6px;\\n}\\n.checkout-content__table table[data-v-e9bc6700] {\\n border-collapse: collapse;\\n text-indent: 0;\\n min-width: 100%;\\n overflow: hidden;\\n}\\n.checkout-content__table table .package-table .sub-info[data-v-e9bc6700] {\\n display: block;\\n font-weight: 500;\\n}\\n.checkout-content__table table thead[data-v-e9bc6700] {\\n background: var(--color-primary-tint);\\n}\\n.checkout-content__table table thead th[data-v-e9bc6700] {\\n border-top: none;\\n font-size: 12px;\\n font-weight: 600;\\n height: 52px;\\n padding: 0px 20px;\\n text-align: center;\\n vertical-align: middle;\\n}\\n.checkout-content__table table thead th[data-v-e9bc6700]:first-child {\\n text-align: left;\\n}\\n.checkout-content__table table tbody tr[data-v-e9bc6700] {\\n border-bottom: 1px solid var(--color-primary-tint-second);\\n}\\n.checkout-content__table table tbody tr[data-v-e9bc6700]:last-child {\\n border: none;\\n}\\n.checkout-content__table table tbody tr td[data-v-e9bc6700] {\\n padding: 0px 20px;\\n text-align: center;\\n font-size: 12px;\\n line-height: normal;\\n height: 40px;\\n vertical-align: middle;\\n font-weight: 400 !important;\\n}\\n.checkout-content__table table tbody tr td[data-v-e9bc6700]:first-child {\\n text-align: left;\\n}\\n.checkout-content__table table tbody tr[data-v-e9bc6700]:first-child {\\n border-top: none;\\n}\\n.checkout-content__table table tfoot[data-v-e9bc6700] {\\n background: var(--color-primary-zebra);\\n border-top: 10px solid var(--color-primary-tint);\\n}\\n.checkout-content__table table tfoot tr[data-v-e9bc6700] {\\n border-bottom: 1px solid var(--color-primary-tint-second);\\n border-top: 1px solid var(--color-primary-tint-second);\\n}\\n.checkout-content__table table tfoot tr[data-v-e9bc6700]:last-child {\\n border: none;\\n background: var(--color-primary-zebra);\\n}\\n.checkout-content__table table tfoot tr th[data-v-e9bc6700] {\\n padding: 0px 20px;\\n text-align: center;\\n font-size: 12px;\\n line-height: normal;\\n height: 40px;\\n font-weight: 400 !important;\\n vertical-align: middle;\\n}\\n.checkout-content__table table tfoot tr th[data-v-e9bc6700]:first-child {\\n text-align: left;\\n}\\n.checkout-content__table table tfoot tr:last-child th[data-v-e9bc6700]:first-child {\\n border-bottom-left-radius: 5px;\\n}\\n.checkout-content__table table tfoot tr:last-child th[data-v-e9bc6700]:last-child {\\n border-bottom-right-radius: 5px;\\n}\\n.checkout-content__action[data-v-e9bc6700] {\\n display: flex;\\n align-items: center;\\n justify-content: flex-end;\\n margin-top: 20px;\\n position: relative;\\n padding: 20px;\\n}\\n.checkout-content__action .warning-text[data-v-e9bc6700] {\\n margin-top: 20px;\\n margin-right: 10px;\\n color: red;\\n font-weight: bold;\\n}\\n@media (min-width: 1220px) {\\n.checkout-content__action .warning-text[data-v-e9bc6700] {\\n position: absolute;\\n left: 0px;\\n}\\n}\\n@media (max-width: 1024px) {\\n.checkout-content__action .warning-text[data-v-e9bc6700] {\\n width: 100%;\\n}\\n}\\n@media (max-width: 415px) {\\n.checkout-content__action[data-v-e9bc6700] {\\n flex-flow: column;\\n}\\n.checkout-content__action .start-time-selectbox[data-v-e9bc6700] {\\n width: 100%;\\n margin-left: 8px;\\n}\\n}\\n.checkout-content__action button[data-v-e9bc6700] {\\n max-width: 176px;\\n margin-top: 15px;\\n margin-left: 10px;\\n}\\n@media (max-width: 415px) {\\n.checkout-content__action button[data-v-e9bc6700] {\\n max-width: unset;\\n width: 100%;\\n}\\n}\\n.checkout-content__action .form-control-label[data-v-e9bc6700] {\\n font-size: 12px;\\n color: var(--grayscale-70);\\n position: relative;\\n padding: 0 7px;\\n margin-left: 10px;\\n z-index: 2;\\n top: 9px;\\n background: white;\\n}\\n.checkout .adjust[data-v-e9bc6700] {\\n display: flex;\\n flex-direction: row;\\n align-items: center;\\n}\\n.checkout .adjust-btn button[data-v-e9bc6700] {\\n border: none;\\n background-color: transparent;\\n color: var(--color-primary-default);\\n font-weight: 400;\\n font-size: 14px;\\n height: auto;\\n}\\n.checkout .adjust-btn button svg[data-v-e9bc6700] {\\n fill: #2c2c30;\\n margin-right: 5px;\\n}\\n.checkout .adjust-btn button[data-v-e9bc6700]:hover {\\n background-color: rgba(234, 234, 236, 0.5);\\n}\\n.checkout .avatar[data-v-e9bc6700] {\\n margin-right: 10px;\\n}\\n.checkout .avatar img[data-v-e9bc6700] {\\n width: 40px;\\n height: 40px;\\n}\\n.checkout .avatar svg[data-v-e9bc6700] {\\n display: block;\\n margin: 0 auto;\\n width: 40px;\\n height: 40px;\\n}\\n.checkout .customer[data-v-e9bc6700] {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n}\\n.checkout .small-text[data-v-e9bc6700] {\\n font-size: 10px;\\n font-weight: bold;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/Checkout.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
3947
|
+
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".checkout[data-v-e9bc6700] {\\n margin: 0px auto;\\n padding: 0;\\n}\\n.checkout.mt-20[data-v-e9bc6700] {\\n margin-top: 20px;\\n}\\n.checkout .back-button[data-v-e9bc6700] {\\n border: none;\\n background-color: transparent;\\n cursor: pointer;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n}\\n.checkout .infoArea[data-v-e9bc6700] {\\n position: relative;\\n bottom: 0;\\n background: var(--grayscale-20);\\n color: #000;\\n font-size: 13px;\\n justify-content: start;\\n margin: 20px;\\n}\\n@media (min-width: 1560px) {\\n.checkout[data-v-e9bc6700] {\\n margin: 20px auto;\\n}\\n}\\n.checkout[data-v-e9bc6700] .customer-info {\\n margin-bottom: 20px;\\n}\\n.checkout[data-v-e9bc6700] .customer-info .right-side {\\n display: none;\\n}\\n.checkout-content[data-v-e9bc6700] {\\n background: var(--grayscale-0);\\n position: relative;\\n}\\n.checkout-content__title[data-v-e9bc6700] {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n margin-bottom: 20px;\\n border-bottom: 1px solid var(--color-primary-tint-second);\\n padding: 20px;\\n}\\n.checkout-content__table[data-v-e9bc6700] {\\n border: solid 1px #e9e9eb;\\n border-radius: var(--radius-second);\\n overflow-x: auto;\\n margin: 20px;\\n}\\n.checkout-content__table th[data-v-e9bc6700]:first-child {\\n min-width: 300px;\\n}\\n.checkout-content__table .bes svg[data-v-e9bc6700] {\\n position: relative;\\n top: 6px;\\n}\\n.checkout-content__table table[data-v-e9bc6700] {\\n border-collapse: collapse;\\n text-indent: 0;\\n min-width: 100%;\\n overflow: hidden;\\n}\\n.checkout-content__table table .package-table .sub-info[data-v-e9bc6700] {\\n display: block;\\n font-weight: 500;\\n}\\n.checkout-content__table table thead[data-v-e9bc6700] {\\n background: var(--color-primary-tint);\\n}\\n.checkout-content__table table thead th[data-v-e9bc6700] {\\n border-top: none;\\n font-size: 12px;\\n font-weight: 600;\\n height: 52px;\\n padding: 0px 20px;\\n text-align: center;\\n vertical-align: middle;\\n}\\n.checkout-content__table table thead th[data-v-e9bc6700]:first-child {\\n text-align: left;\\n}\\n.checkout-content__table table thead th.bes[data-v-e9bc6700] {\\n line-height: 9px;\\n}\\n.checkout-content__table table thead th.bes .tag[data-v-e9bc6700] {\\n line-height: normal;\\n}\\n.checkout-content__table table tbody tr[data-v-e9bc6700] {\\n border-bottom: 1px solid var(--color-primary-tint-second);\\n}\\n.checkout-content__table table tbody tr[data-v-e9bc6700]:last-child {\\n border: none;\\n}\\n.checkout-content__table table tbody tr td[data-v-e9bc6700] {\\n padding: 0px 20px;\\n text-align: center;\\n font-size: 12px;\\n line-height: normal;\\n height: 40px;\\n vertical-align: middle;\\n font-weight: 400 !important;\\n}\\n.checkout-content__table table tbody tr td[data-v-e9bc6700]:first-child {\\n text-align: left;\\n}\\n.checkout-content__table table tbody tr[data-v-e9bc6700]:first-child {\\n border-top: none;\\n}\\n.checkout-content__table table tfoot[data-v-e9bc6700] {\\n background: var(--color-primary-zebra);\\n border-top: 10px solid var(--color-primary-tint);\\n}\\n.checkout-content__table table tfoot tr[data-v-e9bc6700] {\\n border-bottom: 1px solid var(--color-primary-tint-second);\\n border-top: 1px solid var(--color-primary-tint-second);\\n}\\n.checkout-content__table table tfoot tr[data-v-e9bc6700]:last-child {\\n border: none;\\n background: var(--color-primary-zebra);\\n}\\n.checkout-content__table table tfoot tr th[data-v-e9bc6700] {\\n padding: 0px 20px;\\n text-align: center;\\n font-size: 12px;\\n line-height: normal;\\n height: 40px;\\n font-weight: 400 !important;\\n vertical-align: middle;\\n}\\n.checkout-content__table table tfoot tr th[data-v-e9bc6700]:first-child {\\n text-align: left;\\n}\\n.checkout-content__table table tfoot tr:last-child th[data-v-e9bc6700]:first-child {\\n border-bottom-left-radius: 5px;\\n}\\n.checkout-content__table table tfoot tr:last-child th[data-v-e9bc6700]:last-child {\\n border-bottom-right-radius: 5px;\\n}\\n.checkout-content__action[data-v-e9bc6700] {\\n display: flex;\\n align-items: center;\\n justify-content: flex-end;\\n margin-top: 20px;\\n position: relative;\\n padding: 20px;\\n}\\n.checkout-content__action .warning-text[data-v-e9bc6700] {\\n margin-top: 20px;\\n margin-right: 10px;\\n color: red;\\n font-weight: bold;\\n}\\n@media (min-width: 1220px) {\\n.checkout-content__action .warning-text[data-v-e9bc6700] {\\n position: absolute;\\n left: 0px;\\n}\\n}\\n@media (max-width: 1024px) {\\n.checkout-content__action .warning-text[data-v-e9bc6700] {\\n width: 100%;\\n}\\n}\\n@media (max-width: 415px) {\\n.checkout-content__action[data-v-e9bc6700] {\\n flex-flow: column;\\n}\\n.checkout-content__action .start-time-selectbox[data-v-e9bc6700] {\\n width: 100%;\\n margin-left: 8px;\\n}\\n}\\n.checkout-content__action button[data-v-e9bc6700] {\\n max-width: 176px;\\n margin-top: 15px;\\n margin-left: 10px;\\n}\\n@media (max-width: 415px) {\\n.checkout-content__action button[data-v-e9bc6700] {\\n max-width: unset;\\n width: 100%;\\n}\\n}\\n.checkout-content__action .form-control-label[data-v-e9bc6700] {\\n font-size: 12px;\\n color: var(--grayscale-70);\\n position: relative;\\n padding: 0 7px;\\n margin-left: 10px;\\n z-index: 2;\\n top: 9px;\\n background: white;\\n}\\n.checkout .adjust[data-v-e9bc6700] {\\n display: flex;\\n flex-direction: row;\\n align-items: center;\\n}\\n.checkout .adjust-btn button[data-v-e9bc6700] {\\n border: none;\\n background-color: transparent;\\n color: var(--color-primary-default);\\n font-weight: 400;\\n font-size: 14px;\\n height: auto;\\n}\\n.checkout .adjust-btn button svg[data-v-e9bc6700] {\\n fill: #2c2c30;\\n margin-right: 5px;\\n}\\n.checkout .adjust-btn button[data-v-e9bc6700]:hover {\\n background-color: rgba(234, 234, 236, 0.5);\\n}\\n.checkout .avatar[data-v-e9bc6700] {\\n margin-right: 10px;\\n}\\n.checkout .avatar img[data-v-e9bc6700] {\\n width: 40px;\\n height: 40px;\\n}\\n.checkout .avatar svg[data-v-e9bc6700] {\\n display: block;\\n margin: 0 auto;\\n width: 40px;\\n height: 40px;\\n}\\n.checkout .customer[data-v-e9bc6700] {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n}\\n.checkout .small-text[data-v-e9bc6700] {\\n font-size: 10px;\\n font-weight: bold;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/Checkout.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
3948
3948
|
|
|
3949
3949
|
/***/ }),
|
|
3950
3950
|
|