osmanli-veri-dagitim 2.1.28-dev → 2.1.29-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.
|
@@ -1851,7 +1851,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
|
|
|
1851
1851
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1852
1852
|
|
|
1853
1853
|
"use strict";
|
|
1854
|
-
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 _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n/* harmony import */ var _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../components/base/ScreenPrices.vue */ \"./src/components/base/ScreenPrices.vue\");\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"CustomerDetail\",\n components: {\n CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"],\n DataRequestItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataRequestItem\"],\n Pager: _components__WEBPACK_IMPORTED_MODULE_1__[\"Pager\"],\n FundCommissionRate: _components__WEBPACK_IMPORTED_MODULE_1__[\"FundCommissionRate\"],\n HistoryFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"HistoryFilter\"],\n DataHistoryItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataHistoryItem\"],\n InvoiceFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"InvoiceFilter\"],\n DataInvoiceItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataInvoiceItem\"],\n BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n ScreenPrices: _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"]\n },\n\n mounted() {\n if (this.$route.params.customerId !== undefined) {\n this.cusId = this.$route.params.customerId;\n } else {\n this.cusId = this.veriDagitimModel.userId;\n }\n\n this.fillFilter();\n this.getAllPackages(this.cusId);\n this.getRecommendedData();\n this.fillFilter();\n\n if (!this.veriDagitimModel) {\n localStorage.setItem(\"userCusId\", this.cusId);\n this.setUserCustomerId(this.cusId);\n this.getCustomer();\n } else {\n this.getCustomer();\n this.handleCustomer(this.veriDagitimModel);\n localStorage.setItem(\"esube\", \"yes\");\n localStorage.setItem(\"userId\", this.cusId);\n\n if (this.cusId) {\n let userIdAsNumber = parseInt(this.cusId);\n let payload = {\n id: userIdAsNumber\n };\n this.getMember(payload).then(response => {\n this.setUserInfo({ ...response.data.loginInfo,\n memberType: this.memberType\n });\n });\n }\n }\n },\n\n mixins: [_mixins__WEBPACK_IMPORTED_MODULE_4__[\"default\"]],\n props: {\n veriDagitimModel: Object,\n memberType: {\n type: Number\n }\n },\n\n data() {\n return {\n recommendedPackages: null,\n getPaymentStatuses: [],\n currentCustomer: null,\n monthArr: _constants__WEBPACK_IMPORTED_MODULE_3__[\"monthArr\"],\n currentYearNumber: new Date().getFullYear(),\n currentMonthNumber: new Date().getMonth() + 1,\n countDown: 10,\n timerRunning: true,\n logsLoader: false,\n timerStatus: \"Yenileniyor\",\n screenPriceList: [],\n featureScreenPricesList: [],\n newScreenPrice: [],\n tabs: [{\n id: 0,\n text: \"Veri Paketlerim\"\n }, {\n id: 1,\n text: \"Veri Paketi Ekstrelerim\"\n }, {\n id: 3,\n text: \"Ekran Ücretleri\"\n }, {\n id: 4,\n text: \"Paket Talep Et\"\n }, {\n id: 2,\n text: \"Değişiklikler\"\n }],\n currentTab: 0,\n cusId: null,\n isDataInvoiceLoaded: true,\n activeIndex: null,\n isActiveRow: false,\n isLoading: false,\n REQUESTED_PACKAGE_STATUS_ID: 6,\n SUCCESSFUL_INTEGRATION: true,\n UNSUCCESSFUL_INTEGRATION: false,\n EXCLUDED_APPLICATION_NAME: \"Foreks\"\n };\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"apps\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"fundAndCommissionRates\", \"customer\", \"allPackages\", \"getRecommendedPackages\", \"history\", \"historyList\", \"getFilterList\", \"invoiceList\", \"getHistoryFilter\", \"getUserInfo\"]),\n\n getUserType() {\n const REPRESENTATIVE_CODE = 3;\n const userType = this.getUserInfo.memberType;\n return userType && userType === REPRESENTATIVE_CODE;\n },\n\n customerId() {\n if (this.$route.params.customerNumber) {\n return this.$route.params.customerNumber;\n } else {\n return this.veriDagitimModel.customerId;\n }\n },\n\n getAllPackagesData() {\n return this.allPackages;\n },\n\n isCompleted() {\n return this.fundAndCommissionRates.fundAmount >= this.fundAndCommissionRates.targetFundAmount || this.fundAndCommissionRates.commissionAmount >= this.fundAndCommissionRates.targetCommissionAmount;\n }\n\n },\n\n created() {\n if (this.veriDagitimModel) {\n localStorage.setItem(\"veri-dagitim-token\", this.veriDagitimModel.token);\n }\n },\n\n methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"handleCustomer\", \"searchCustomer\", \"getAllPackages\", \"getRecommendedPackageList\", \"getHistoryList\", \"getInvoiceList\", \"getScreenPrices\", \"getFeatureScreenPrices\", \"getApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getAllResearch\", \"getProfAlgoApps\", \"setUserInfo\", \"getMember\", \"fillFilter\"]),\n ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setMemberType\", \"setUserInfo\", \"setUserCustomerId\", \"setInvoiceFilter\", \"setHistoryFilter\", \"setProfAlgoApps\"]),\n\n tabClass(id) {\n return [{\n active: this.currentTab === id\n }, \"tab\"];\n },\n\n changeTab(id) {\n const ctrId = this.$route.params.customerId;\n this.currentTab = id;\n this.setGeneralFilter({\n page: 1,\n size: 5,\n filter: {}\n });\n this.timerRunning = false;\n\n if (this.currentTab === 0) {\n this.getAllPackages(ctrId);\n this.timerRunning = true;\n this.countDown = 10;\n } else if (this.currentTab === 1) {\n this.setInvoiceFilter({\n page: 1,\n size: 5,\n filter: {\n Year: this.currentYearNumber.toString(),\n Month: this.currentMonthNumber.toString()\n }\n });\n this.getInvoiceList(ctrId);\n } else if (this.currentTab === 2) {\n this.setHistoryFilter({\n page: 1,\n size: 5,\n filter: {}\n });\n this.getHistoryList(ctrId);\n } else if (this.currentTab === 3) {\n this.screenPriceList = [];\n this.getFeatureScreenPrices().then(response => {\n response.forEach(element => {\n this.screenPriceList.push(element);\n });\n });\n } else if (this.currentTab === 4) {\n this.navigate();\n }\n },\n\n returnPriceTypeForScreenPrices(priceTypeNumber) {\n if (priceTypeNumber == 1) {\n return \"TL\";\n } else if (priceTypeNumber == 2) {\n return \"Dolar\";\n } else if (priceTypeNumber == 3) {\n return \"Euro\";\n }\n },\n\n navigate() {\n const params = {\n customerNumber: this.customerId,\n memberType: this.getUserType\n };\n const query = {};\n let cusId = this.$route.params.customerId;\n params.customerId = cusId !== undefined ? cusId : localStorage.getItem(\"userId\");\n query.c = params.customerId;\n query.m = params.memberType;\n this.$router.push({\n name: \"BuyDataPackage\",\n params,\n query\n });\n },\n\n getRecommendedData() {\n this.getRecommendedPackageList(this.cusId).then(res => {\n if (res) {\n this.recommendedPackages = this.getRecommendedPackages;\n }\n });\n },\n\n checkIsDataInvoiceFilterChangedAndLoaded(param) {\n this.isDataInvoiceLoaded = param;\n },\n\n getCustomer() {\n this.searchCustomer({\n customerNo: this.customerId,\n cusId: this.cusId\n }).then(res => {\n if (!res.statusCode) {\n Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n breadcrumbs: [\"CustomerDetail\"],\n customer: this.customer,\n customerDetail: this.customerId,\n cusId: this.cusId\n });\n const paymentStatuses = this.getFilterList.filter(o => {\n return o.name === \"PaymentStatus\";\n });\n if (paymentStatuses.length > 0) this.getPaymentStatuses = paymentStatuses[0].values;\n this.currentCustomer = this.customer;\n }\n });\n },\n\n toggleCountdown() {\n this.timerRunning = !this.timerRunning;\n\n if (!this.timerRunning) {\n this.timerStatus = \"Duraklatıldı\";\n } else {\n this.timerStatus = \"Yenileniyor.\";\n this.countDown = 10;\n }\n },\n\n timerChecker(isPopupOpened) {\n if (isPopupOpened) {\n this.timerRunning = false;\n } else {\n this.timerRunning = true;\n this.countDown = 10;\n }\n },\n\n toggleAccordion(applicationId, platformId, researchId, index) {\n this.activeIndex = this.activeIndex === index ? null : index;\n const args = {\n applicationId: applicationId != null ? applicationId : 0,\n platformId: platformId != null ? platformId : 0,\n researchId: researchId != null ? researchId : 0\n };\n this.featureScreenPricesList = [];\n\n if (this.activeIndex == index) {\n this.getScreenPrices(args).then(res => {\n this.$nextTick(() => {\n const screenPrice = res.filter(x => x.featureType == 2);\n const withoutScreenPrice = res.filter(x => x.featureType != 2);\n this.featureScreenPricesList = withoutScreenPrice;\n this.newScreenPrice = screenPrice;\n });\n });\n }\n }\n\n },\n watch: {\n countDown: {\n handler(value) {\n if (this.currentTab == 0 && value >= -1) {\n if (this.timerRunning) {\n setTimeout(() => {\n this.countDown--;\n\n if (this.countDown === 0) {\n this.logsLoader = true;\n this.getAllPackages(this.$route.params.customerId);\n this.getRecommendedData();\n } else if (this.countDown === -1) {\n this.logsLoader = false;\n this.countDown = 10;\n }\n }, 1000);\n }\n }\n },\n\n immediate: true,\n deep: true\n },\n getAllPackagesData: {\n handler(value) {\n const allData = JSON.parse(JSON.stringify(value.data));\n const checkIsRequested = allData.filter(o => o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.SUCCESSFUL_INTEGRATION && o.application.name !== this.EXCLUDED_APPLICATION_NAME);\n const checkisSuccessfulIntegration = allData.filter(o => o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.UNSUCCESSFUL_INTEGRATION);\n this.timerRunning = (checkIsRequested.length > 0 ? true : false) || (checkIsRequested.length === checkisSuccessfulIntegration.length ? false : true);\n },\n\n deep: true\n }\n }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.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");
|
|
1854
|
+
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 _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n/* harmony import */ var _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../components/base/ScreenPrices.vue */ \"./src/components/base/ScreenPrices.vue\");\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"CustomerDetail\",\n components: {\n CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"],\n DataRequestItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataRequestItem\"],\n Pager: _components__WEBPACK_IMPORTED_MODULE_1__[\"Pager\"],\n FundCommissionRate: _components__WEBPACK_IMPORTED_MODULE_1__[\"FundCommissionRate\"],\n HistoryFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"HistoryFilter\"],\n DataHistoryItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataHistoryItem\"],\n InvoiceFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"InvoiceFilter\"],\n DataInvoiceItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataInvoiceItem\"],\n BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n ScreenPrices: _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"]\n },\n\n mounted() {\n if (this.$route.params.customerId !== undefined) {\n this.cusId = this.$route.params.customerId;\n } else {\n this.cusId = this.veriDagitimModel.userId;\n }\n\n this.fillFilter();\n this.getAllPackages(this.cusId);\n this.getRecommendedData();\n this.fillFilter();\n\n if (!this.veriDagitimModel) {\n localStorage.setItem(\"userCusId\", this.cusId);\n this.setUserCustomerId(this.cusId);\n this.getCustomer();\n } else {\n this.getCustomer();\n this.handleCustomer(this.veriDagitimModel);\n localStorage.setItem(\"esube\", \"yes\");\n localStorage.setItem(\"userId\", this.cusId);\n\n if (this.cusId) {\n let userIdAsNumber = parseInt(this.cusId);\n let payload = {\n id: userIdAsNumber\n };\n this.getMember(payload).then(response => {\n this.setUserInfo({ ...response.data.loginInfo,\n memberType: this.memberType\n });\n });\n }\n }\n },\n\n mixins: [_mixins__WEBPACK_IMPORTED_MODULE_4__[\"default\"]],\n props: {\n veriDagitimModel: Object,\n memberType: {\n type: Number\n }\n },\n\n data() {\n return {\n recommendedPackages: null,\n getPaymentStatuses: [],\n currentCustomer: null,\n monthArr: _constants__WEBPACK_IMPORTED_MODULE_3__[\"monthArr\"],\n currentYearNumber: new Date().getFullYear(),\n currentMonthNumber: new Date().getMonth() + 1,\n countDown: 10,\n timerRunning: true,\n logsLoader: false,\n timerStatus: \"Yenileniyor\",\n screenPriceList: [],\n featureScreenPricesList: [],\n newScreenPrice: [],\n tabs: [{\n id: 0,\n text: \"Veri Paketlerim\"\n }, {\n id: 1,\n text: \"Veri Paketi Ekstrelerim\"\n }, {\n id: 3,\n text: \"Ekran Ücretleri\"\n }, {\n id: 4,\n text: \"Paket Talep Et\"\n }, {\n id: 2,\n text: \"Değişiklikler\"\n }],\n currentTab: 0,\n cusId: null,\n isDataInvoiceLoaded: true,\n activeIndex: null,\n isActiveRow: false,\n isLoading: false,\n REQUESTED_PACKAGE_STATUS_ID: 6,\n SUCCESSFUL_INTEGRATION: true,\n UNSUCCESSFUL_INTEGRATION: false,\n EXCLUDED_APPLICATION_NAME: \"Foreks\"\n };\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"apps\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"fundAndCommissionRates\", \"customer\", \"allPackages\", \"getRecommendedPackages\", \"history\", \"historyList\", \"getFilterList\", \"invoiceList\", \"getHistoryFilter\", \"getUserInfo\"]),\n\n getUserType() {\n const REPRESENTATIVE_CODE = 3;\n const userType = this.getUserInfo.memberType;\n return userType && userType === REPRESENTATIVE_CODE;\n },\n\n customerId() {\n if (this.$route.params.customerNumber) {\n return this.$route.params.customerNumber;\n } else {\n return this.veriDagitimModel.customerId;\n }\n },\n\n getAllPackagesData() {\n return this.allPackages;\n },\n\n isCompleted() {\n return this.fundAndCommissionRates.fundAmount >= this.fundAndCommissionRates.targetFundAmount || this.fundAndCommissionRates.commissionAmount >= this.fundAndCommissionRates.targetCommissionAmount;\n }\n\n },\n\n created() {\n if (this.veriDagitimModel) {\n localStorage.setItem(\"veri-dagitim-token\", this.veriDagitimModel.token);\n }\n },\n\n methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"handleCustomer\", \"searchCustomer\", \"getAllPackages\", \"getRecommendedPackageList\", \"getHistoryList\", \"getInvoiceList\", \"getScreenPrices\", \"getFeatureScreenPrices\", \"getApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getAllResearch\", \"getProfAlgoApps\", \"setUserInfo\", \"getMember\", \"fillFilter\"]),\n ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setMemberType\", \"setUserInfo\", \"setUserCustomerId\", \"setInvoiceFilter\", \"setHistoryFilter\", \"setProfAlgoApps\"]),\n\n tabClass(id) {\n return [{\n active: this.currentTab === id\n }, \"tab\"];\n },\n\n changeTab(id) {\n const ctrId = this.$route.params.customerId;\n this.currentTab = id;\n this.setGeneralFilter({\n page: 1,\n size: 5,\n filter: {}\n });\n this.timerRunning = false;\n\n if (this.currentTab === 0) {\n this.getAllPackages(ctrId);\n this.timerRunning = true;\n this.countDown = 10;\n } else if (this.currentTab === 1) {\n this.setInvoiceFilter({\n page: 1,\n size: 5,\n filter: {\n Year: this.currentYearNumber.toString(),\n Month: this.currentMonthNumber.toString()\n }\n });\n this.getInvoiceList(ctrId);\n } else if (this.currentTab === 2) {\n this.setHistoryFilter({\n page: 1,\n size: 5,\n filter: {}\n });\n this.getHistoryList(ctrId);\n } else if (this.currentTab === 3) {\n this.screenPriceList = [];\n this.getFeatureScreenPrices().then(response => {\n response.forEach(element => {\n this.screenPriceList.push(element);\n });\n });\n } else if (this.currentTab === 4) {\n this.navigate();\n }\n },\n\n returnPriceTypeForScreenPrices(priceTypeNumber) {\n if (priceTypeNumber == 1) {\n return \"TL\";\n } else if (priceTypeNumber == 2) {\n return \"Dolar\";\n } else if (priceTypeNumber == 3) {\n return \"Euro\";\n }\n },\n\n navigate() {\n const params = {\n customerNumber: this.customerId,\n memberType: this.getUserType\n };\n const query = {};\n let cusId = this.$route.params.customerId;\n params.customerId = cusId !== undefined ? cusId : localStorage.getItem(\"userId\");\n query.c = params.customerId;\n query.m = params.memberType;\n this.$router.push({\n name: \"BuyDataPackage\",\n params,\n query\n });\n },\n\n getRecommendedData() {\n this.getRecommendedPackageList(this.cusId).then(res => {\n if (res) {\n this.recommendedPackages = this.getRecommendedPackages;\n }\n });\n },\n\n checkIsDataInvoiceFilterChangedAndLoaded(param) {\n this.isDataInvoiceLoaded = param;\n },\n\n getCustomer() {\n this.searchCustomer({\n customerNo: this.customerId,\n cusId: this.cusId\n }).then(res => {\n if (!res.statusCode) {\n Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n breadcrumbs: [\"CustomerDetail\"],\n customer: this.customer,\n customerDetail: this.customerId,\n cusId: this.cusId\n });\n const paymentStatuses = this.getFilterList.filter(o => {\n return o.name === \"PaymentStatus\";\n });\n if (paymentStatuses.length > 0) this.getPaymentStatuses = paymentStatuses[0].values;\n this.currentCustomer = this.customer;\n }\n });\n },\n\n toggleCountdown() {\n this.timerRunning = !this.timerRunning;\n\n if (!this.timerRunning) {\n this.timerStatus = \"Duraklatıldı\";\n } else {\n this.timerStatus = \"Yenileniyor.\";\n this.countDown = 10;\n }\n },\n\n timerChecker(isPopupOpened) {\n if (isPopupOpened) {\n this.timerRunning = false;\n } else {\n this.timerRunning = true;\n this.countDown = 10;\n }\n },\n\n toggleAccordion(applicationId, platformId, researchId, index) {\n this.activeIndex = this.activeIndex === index ? null : index;\n const args = {\n applicationId: applicationId != null ? applicationId : 0,\n platformId: platformId != null ? platformId : 0,\n researchId: researchId != null ? researchId : 0\n };\n this.featureScreenPricesList = [];\n\n if (this.activeIndex == index) {\n this.getScreenPrices(args).then(res => {\n this.$nextTick(() => {\n const screenPrice = res.filter(x => x.featureType == 2);\n const withoutScreenPrice = res.filter(x => x.featureType != 2);\n this.featureScreenPricesList = withoutScreenPrice;\n this.newScreenPrice = screenPrice;\n });\n });\n }\n }\n\n },\n watch: {\n countDown: {\n handler(value) {\n if (this.currentTab == 0 && value >= -1) {\n if (this.timerRunning) {\n setTimeout(() => {\n this.countDown--;\n\n if (this.countDown === 0) {\n this.logsLoader = true;\n this.getAllPackages(this.$route.params.customerId);\n this.getRecommendedData();\n } else if (this.countDown === -1) {\n this.logsLoader = false;\n this.countDown = 10;\n }\n }, 1000);\n }\n }\n },\n\n immediate: true,\n deep: true\n },\n getAllPackagesData: {\n handler(value) {\n const allData = JSON.parse(JSON.stringify(value.data));\n const checkIsRequested = allData.filter(o => {\n var _o$application;\n\n return o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.SUCCESSFUL_INTEGRATION && ((_o$application = o.application) === null || _o$application === void 0 ? void 0 : _o$application.name) !== this.EXCLUDED_APPLICATION_NAME;\n });\n const checkisSuccessfulIntegration = allData.filter(o => o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.UNSUCCESSFUL_INTEGRATION);\n this.timerRunning = (checkIsRequested.length > 0 ? true : false) || (checkIsRequested.length === checkisSuccessfulIntegration.length ? false : true);\n },\n\n deep: true\n }\n }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.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");
|
|
1855
1855
|
|
|
1856
1856
|
/***/ }),
|
|
1857
1857
|
|
|
@@ -2223,7 +2223,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
|
|
|
2223
2223
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
2224
2224
|
|
|
2225
2225
|
"use strict";
|
|
2226
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n { staticClass: \"invoice-item-container\" },\n [\n _c(\n \"div\",\n { staticClass: \"invoice-item\", class: { active: _vm.isActive } },\n [\n _c(\"div\", { staticClass: \"invoice-item__top\" }, [\n _c(\"div\", { staticClass: \"left flex-04\" }, [\n _c(\n \"div\",\n { staticClass: \"section section-0\" },\n [\n _vm.dataItem && _vm.dataItem.imageUrl\n ? _c(\"img\", {\n attrs: {\n alt: \"product image\",\n src: _vm.dataItem.imageUrl,\n },\n })\n : _c(\"base-icon\", { attrs: { name: \"no-image\" } }),\n ],\n 1\n ),\n _c(\"div\", { staticClass: \"section section-main\" }, [\n _c(\"div\", { staticClass: \"section section-1\" }, [\n _c(\"h5\", [_vm._v(_vm._s(_vm.dataItem.title))]),\n _c(\"span\", [_vm._v(_vm._s(_vm.dataItem.subtitle))]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"right\" }, [\n _vm.dataItem.endDate\n ? _c(\"div\", { staticClass: \"col\" }, [\n _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Bitiş Tarihi\")]),\n _c(\"span\", [\n _vm._v(\n _vm._s(_vm.getTime(_vm.dataItem.endDate, \"DD.MM.YYYY\"))\n ),\n ]),\n ])\n : _vm._e(),\n _vm.esube == \"no\"\n ? _c(\"div\", { staticClass: \"col\" }, [\n _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Ödeme Durumu\")]),\n _vm.dataItem.paymentStatus == \"0\"\n ? _c(\"span\", [\n _vm._v(\n \"Limit altında müşteri, üstünde temsilci(Varsayılan)\"\n ),\n ])\n : _vm._e(),\n _vm.dataItem.paymentStatus == \"1\"\n ? _c(\"span\", [_vm._v(\"Müşteri\")])\n : _vm._e(),\n _vm.dataItem.paymentStatus == \"2\"\n ? _c(\"span\", [_vm._v(\"Temsilci\")])\n : _vm._e(),\n ])\n : _c(\"div\", { staticClass: \"col\" }, [\n _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Ödeme Durumu\")]),\n _vm.dataItem.paymentStatus == \"0\" &&\n _vm.isCompleted &&\n _vm.invoiceList.data.length\n ? _c(\"span\", [_vm._v(\"Ücretsiz\")])\n : _vm._e(),\n _vm.dataItem.paymentStatus == \"0\" &&\n !_vm.isCompleted &&\n _vm.invoiceList.data.length\n ? _c(\"span\", [_vm._v(\"Tahsil Edildi\")])\n : _vm._e(),\n _vm.dataItem.paymentStatus == \"1\"\n ? _c(\"span\", [_vm._v(\"Tahsil Edildi\")])\n : _vm._e(),\n _vm.dataItem.paymentStatus == \"2\"\n ? _c(\"span\", [_vm._v(\"Ücretsiz\")])\n : _vm._e(),\n ]),\n _c(\"div\", { staticClass: \"col\" }, [\n _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Toplam Tutar\")]),\n _vm.dataItem.updatedAt\n ? _c(\"span\", [\n _vm._v(\" \" + _vm._s(_vm.totalPriceCalc.toString()) + \" \"),\n ])\n : _vm._e(),\n ]),\n ]),\n _vm.dataItem.packageStatus\n ? _c(\"div\", { staticClass: \"right for-button\" }, [\n _vm.dataItem.packageStatus.id !== 6 &&\n _vm.dataItem.packageStatus.id !== 8\n ? _c(\"div\", { staticClass: \"col\" }, [\n _vm.dataItem.packageStatus &&\n _vm.getUserInfo.memberType == 1\n ? _c(\"div\", [\n _vm.dataItem.packageStatus.id == 2\n ? _c(\n \"div\",\n {\n staticClass:\n \"invoice-item__bottom buttons\",\n },\n [\n _c(\n \"base-button\",\n {\n staticClass: \"set-buttons\",\n class: !_vm.isButtonsDisabled\n ? \"\"\n : \"disabled\",\n on: {\n click: function ($event) {\n _vm.showModal(\n String(_vm.dataItem.id)\n )\n },\n },\n },\n [_vm._v(\"İşlemler\")]\n ),\n ],\n 1\n )\n : _vm._e(),\n ])\n : _vm._e(),\n ])\n : _vm._e(),\n ])\n : _vm._e(),\n ]),\n _vm.dataItem.package\n ? _c(\"div\", { staticClass: \"invoice-item__bottom\" }, [\n _c(\"div\", { staticClass: \"left package-container\" }, [\n _c(\n \"div\",\n { staticClass: \"item\" },\n [\n _c(\"strong\", [_vm._v(\"Paketler:\")]),\n _vm._l(_vm.mergedPackagesNames, function (item, index) {\n return _c(\"span\", { key: item, staticClass: \"items\" }, [\n _vm._v(\" \" + _vm._s(item) + \" \"),\n index != _vm.mergedPackagesNames.length - 1\n ? _c(\"span\", { staticClass: \"seperator\" })\n : _vm._e(),\n ])\n }),\n ],\n 2\n ),\n ]),\n _c(\n \"div\",\n { staticClass: \"right\", on: { click: _vm.accordionToggle } },\n [\n _c(\"base-icon\", {\n class: [\"toggle\", { active: _vm.isActivatedAccordion }],\n attrs: { name: \"arrow-green\" },\n }),\n ],\n 1\n ),\n _c(\"div\", { staticClass: \"invoice-item__bottom__packages\" }, [\n _c(\n \"div\",\n {\n class: [\n \"accordion-wrapper\",\n _vm.isActivatedAccordion ? \"active\" : \"\",\n ],\n },\n [\n _c(\n \"div\",\n {\n class: [\n \"accordion-wrapper__row caption\",\n _vm.isActivatedAccordion ? \"active\" : \"\",\n ],\n },\n [\n _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell caption\",\n },\n [_vm._v(\"Paket Adı\")]\n ),\n _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell caption\",\n },\n [_vm._v(\" Başlangıç Tarihi \")]\n ),\n _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell caption\",\n },\n [_vm._v(\" Bitiş Tarihi \")]\n ),\n _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell caption\",\n },\n [_vm._v(\"Fiyatlar\")]\n ),\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"accordion-content active\" },\n [\n _vm._l(_vm.mergedForTableData, function (item) {\n return _c(\n \"div\",\n {\n key: item.name,\n staticClass: \"accordion-wrapper__row\",\n },\n [\n _c(\n \"div\",\n {\n staticClass: \"accordion-wrapper__row__cell\",\n },\n [\n typeof item == \"object\"\n ? _c(\"span\", [\n item.name\n ? _c(\"span\", [\n _vm._v(_vm._s(item.name)),\n ])\n : _vm._e(),\n ])\n : _c(\"span\", [_vm._v(_vm._s(item))]),\n ]\n ),\n item.startDate\n ? _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n },\n [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.getTime(\n item.startDate,\n \"DD.MM.YYYY\"\n )\n ) +\n \" \"\n ),\n ]\n )\n : _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n },\n [_vm._v(\"-\")]\n ),\n item.endDate\n ? _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n },\n [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.getTime(\n item.endDate,\n \"DD.MM.YYYY\"\n )\n ) +\n \" \"\n ),\n ]\n )\n : _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n },\n [_vm._v(\"-\")]\n ),\n item.price\n ? _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n },\n [\n _vm._v(\" \" + _vm._s(item.price) + \" \"),\n item.info == \"₺\"\n ? _c(\"span\", [_vm._v(\"TL\")])\n : _vm._e(),\n item.info == \"€\"\n ? _c(\"span\", [_vm._v(\"Euro\")])\n : _vm._e(),\n item.info == \"$\"\n ? _c(\"span\", [_vm._v(\"Dolar\")])\n : _vm._e(),\n ]\n )\n : _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n },\n [_vm._v(\"-\")]\n ),\n ]\n )\n }),\n _c(\"div\", { staticClass: \"accordion-wrapper__row\" }, [\n _vm._m(0),\n _c(\"div\", {\n staticClass: \"accordion-wrapper__row__cell\",\n }),\n _c(\"div\", {\n staticClass: \"accordion-wrapper__row__cell\",\n }),\n _c(\n \"div\",\n { staticClass: \"accordion-wrapper__row__cell\" },\n [_vm._v(\" \" + _vm._s(_vm.screenPrice) + \" TL \")]\n ),\n ]),\n ],\n 2\n ),\n ]\n ),\n ]),\n ])\n : _vm._e(),\n ]\n ),\n _c(\n \"modal\",\n {\n staticClass: \"cancel-modal\",\n attrs: {\n height: \"auto\",\n adaptive: true,\n name: String(_vm.dataItem.id),\n },\n },\n [\n _c(\"div\", { staticClass: \"modal-heading\" }, [\n _c(\"div\", { staticClass: \"modal-title\" }, [\n _c(\"h5\", [\n _vm._v(\n \"Seçilen lisansı aşağıdaki şekilde yönlendirebilirsiniz.\"\n ),\n ]),\n ]),\n _c(\n \"a\",\n {\n on: {\n click: function ($event) {\n _vm.closeModal(String(_vm.dataItem.id))\n },\n },\n },\n [\n _c(\"base-icon\", {\n staticClass: \"close\",\n attrs: { name: \"close-circle\" },\n }),\n ],\n 1\n ),\n ]),\n _c(\n \"div\",\n { staticClass: \"modal-body\" },\n [\n _c(\"div\", { staticClass: \"modal-body__top\" }, [\n _c(\"div\", { staticClass: \"modal-body__info\" }, [\n _vm.dataItem.productName\n ? _c(\"h3\", { staticClass: \"title\" }, [\n _vm._v(\" \" + _vm._s(_vm.dataItem.productName) + \" \"),\n ])\n : _vm._e(),\n _c(\"p\", { staticClass: \"modal-body__info-platform\" }, [\n _vm.dataItem.platform && _vm.dataItem.platform.name\n ? _c(\"span\", [\n _vm._v(\n \" \" + _vm._s(_vm.dataItem.platform.name) + \" \"\n ),\n ])\n : _vm._e(),\n ]),\n _c(\n \"p\",\n { staticClass: \"modal-body__info_price\" },\n [\n _vm.totalPriceCalc != \"0₺\" &&\n _vm.totalPriceCalc != \"0€\" &&\n _vm.totalPriceCalc != \"0$\"\n ? [_vm._v(_vm._s(_vm.totalPriceCalc))]\n : [_vm._v(\"Ücretsiz\")],\n ],\n 2\n ),\n ]),\n ]),\n _c(\"info-area\", {\n attrs: { infoText: \"Uyarı: Yapılan işlemler geri alınamaz.\" },\n }),\n ],\n 1\n ),\n _c(\n \"div\",\n { staticClass: \"modal-bottom\" },\n [\n _c(\n \"base-button\",\n {\n staticClass: \"set-buttons back\",\n class: !_vm.isButtonsDisabled ? \"\" : \"disabled\",\n on: {\n click: function ($event) {\n return _vm.setRowForPrev(_vm.dataItem.id)\n },\n },\n },\n [_vm._v(\"Geri Al\")]\n ),\n _c(\n \"base-button\",\n {\n staticClass: \"set-buttons\",\n class: !_vm.isButtonsDisabled ? \"\" : \"disabled\",\n on: {\n click: function ($event) {\n return _vm.setRowForNext(_vm.dataItem.id)\n },\n },\n },\n [_vm._v(\"İleri Al\")]\n ),\n ],\n 1\n ),\n ]\n ),\n ],\n 1\n )\n}\nvar staticRenderFns = [\n function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"accordion-wrapper__row__cell\" }, [\n _c(\"span\", [_vm._v(\" Ekran Ücreti \")]),\n ])\n },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2211f6ad0e-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
2226
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n { staticClass: \"invoice-item-container\" },\n [\n _c(\n \"div\",\n { staticClass: \"invoice-item\", class: { active: _vm.isActive } },\n [\n _c(\"div\", { staticClass: \"invoice-item__top\" }, [\n _c(\"div\", { staticClass: \"left flex-09\" }, [\n _c(\n \"div\",\n { staticClass: \"section section-0\" },\n [\n _vm.dataItem && _vm.dataItem.imageUrl\n ? _c(\"img\", {\n attrs: {\n alt: \"product image\",\n src: _vm.dataItem.imageUrl,\n },\n })\n : _c(\"base-icon\", { attrs: { name: \"no-image\" } }),\n ],\n 1\n ),\n _c(\"div\", { staticClass: \"section section-main\" }, [\n _c(\"div\", { staticClass: \"section section-1\" }, [\n _c(\"h5\", [_vm._v(_vm._s(_vm.dataItem.title))]),\n _c(\"span\", [_vm._v(_vm._s(_vm.dataItem.subtitle))]),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"right\" }, [\n _vm.dataItem.endDate\n ? _c(\"div\", { staticClass: \"col\" }, [\n _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Bitiş Tarihi\")]),\n _c(\"span\", [\n _vm._v(\n _vm._s(_vm.getTime(_vm.dataItem.endDate, \"DD.MM.YYYY\"))\n ),\n ]),\n ])\n : _vm._e(),\n _vm.esube == \"no\"\n ? _c(\"div\", { staticClass: \"col\" }, [\n _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Ödeme Durumu\")]),\n _vm.dataItem.paymentStatus == \"0\"\n ? _c(\"span\", [\n _vm._v(\n \"Limit altında müşteri, üstünde temsilci(Varsayılan)\"\n ),\n ])\n : _vm._e(),\n _vm.dataItem.paymentStatus == \"1\"\n ? _c(\"span\", [_vm._v(\"Müşteri\")])\n : _vm._e(),\n _vm.dataItem.paymentStatus == \"2\"\n ? _c(\"span\", [_vm._v(\"Temsilci\")])\n : _vm._e(),\n ])\n : _c(\"div\", { staticClass: \"col\" }, [\n _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Ödeme Durumu\")]),\n _vm.dataItem.paymentStatus == \"0\" &&\n _vm.isCompleted &&\n _vm.invoiceList.data.length\n ? _c(\"span\", [_vm._v(\"Ücretsiz\")])\n : _vm._e(),\n _vm.dataItem.paymentStatus == \"0\" &&\n !_vm.isCompleted &&\n _vm.invoiceList.data.length\n ? _c(\"span\", [_vm._v(\"Tahsil Edildi\")])\n : _vm._e(),\n _vm.dataItem.paymentStatus == \"1\"\n ? _c(\"span\", [_vm._v(\"Tahsil Edildi\")])\n : _vm._e(),\n _vm.dataItem.paymentStatus == \"2\"\n ? _c(\"span\", [_vm._v(\"Ücretsiz\")])\n : _vm._e(),\n ]),\n _c(\"div\", { staticClass: \"col\" }, [\n _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Toplam Tutar\")]),\n _vm.dataItem.updatedAt\n ? _c(\"span\", [\n _vm._v(\" \" + _vm._s(_vm.totalPriceCalc.toString()) + \" \"),\n ])\n : _vm._e(),\n ]),\n ]),\n _vm.dataItem.packageStatus\n ? _c(\"div\", { staticClass: \"right for-button\" }, [\n _vm.dataItem.packageStatus.id !== 6 &&\n _vm.dataItem.packageStatus.id !== 8\n ? _c(\"div\", { staticClass: \"col\" }, [\n _vm.dataItem.packageStatus &&\n _vm.getUserInfo.memberType == 1\n ? _c(\"div\", [\n _vm.dataItem.packageStatus.id == 2\n ? _c(\n \"div\",\n {\n staticClass:\n \"invoice-item__bottom buttons\",\n },\n [\n _c(\n \"base-button\",\n {\n staticClass: \"set-buttons\",\n class: !_vm.isButtonsDisabled\n ? \"\"\n : \"disabled\",\n on: {\n click: function ($event) {\n _vm.showModal(\n String(_vm.dataItem.id)\n )\n },\n },\n },\n [_vm._v(\"İşlemler\")]\n ),\n ],\n 1\n )\n : _vm._e(),\n ])\n : _vm._e(),\n ])\n : _vm._e(),\n ])\n : _vm._e(),\n ]),\n _vm.dataItem.package\n ? _c(\"div\", { staticClass: \"invoice-item__bottom\" }, [\n _c(\"div\", { staticClass: \"left package-container\" }, [\n _c(\n \"div\",\n { staticClass: \"item\" },\n [\n _c(\"strong\", [_vm._v(\"Paketler:\")]),\n _vm._l(_vm.mergedPackagesNames, function (item, index) {\n return _c(\"span\", { key: item, staticClass: \"items\" }, [\n _vm._v(\" \" + _vm._s(item) + \" \"),\n index != _vm.mergedPackagesNames.length - 1\n ? _c(\"span\", { staticClass: \"seperator\" })\n : _vm._e(),\n ])\n }),\n ],\n 2\n ),\n ]),\n _c(\n \"div\",\n { staticClass: \"right\", on: { click: _vm.accordionToggle } },\n [\n _c(\"base-icon\", {\n class: [\"toggle\", { active: _vm.isActivatedAccordion }],\n attrs: { name: \"arrow-green\" },\n }),\n ],\n 1\n ),\n _c(\"div\", { staticClass: \"invoice-item__bottom__packages\" }, [\n _c(\n \"div\",\n {\n class: [\n \"accordion-wrapper\",\n _vm.isActivatedAccordion ? \"active\" : \"\",\n ],\n },\n [\n _c(\n \"div\",\n {\n class: [\n \"accordion-wrapper__row caption\",\n _vm.isActivatedAccordion ? \"active\" : \"\",\n ],\n },\n [\n _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell caption\",\n },\n [_vm._v(\"Paket Adı\")]\n ),\n _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell caption\",\n },\n [_vm._v(\" Başlangıç Tarihi \")]\n ),\n _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell caption\",\n },\n [_vm._v(\" Bitiş Tarihi \")]\n ),\n _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell caption\",\n },\n [_vm._v(\"Fiyatlar\")]\n ),\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"accordion-content active\" },\n [\n _vm._l(_vm.mergedForTableData, function (item) {\n return _c(\n \"div\",\n {\n key: item.name,\n staticClass: \"accordion-wrapper__row\",\n },\n [\n _c(\n \"div\",\n {\n staticClass: \"accordion-wrapper__row__cell\",\n },\n [\n typeof item == \"object\"\n ? _c(\"span\", [\n item.name\n ? _c(\"span\", [\n _vm._v(_vm._s(item.name)),\n ])\n : _vm._e(),\n ])\n : _c(\"span\", [_vm._v(_vm._s(item))]),\n ]\n ),\n item.startDate\n ? _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n },\n [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.getTime(\n item.startDate,\n \"DD.MM.YYYY\"\n )\n ) +\n \" \"\n ),\n ]\n )\n : _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n },\n [_vm._v(\"-\")]\n ),\n item.endDate\n ? _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n },\n [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.getTime(\n item.endDate,\n \"DD.MM.YYYY\"\n )\n ) +\n \" \"\n ),\n ]\n )\n : _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n },\n [_vm._v(\"-\")]\n ),\n item.price\n ? _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n },\n [\n _vm._v(\" \" + _vm._s(item.price) + \" \"),\n item.info == \"₺\"\n ? _c(\"span\", [_vm._v(\"TL\")])\n : _vm._e(),\n item.info == \"€\"\n ? _c(\"span\", [_vm._v(\"Euro\")])\n : _vm._e(),\n item.info == \"$\"\n ? _c(\"span\", [_vm._v(\"Dolar\")])\n : _vm._e(),\n ]\n )\n : _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n },\n [_vm._v(\"-\")]\n ),\n ]\n )\n }),\n _c(\"div\", { staticClass: \"accordion-wrapper__row\" }, [\n _vm._m(0),\n _c(\"div\", {\n staticClass: \"accordion-wrapper__row__cell\",\n }),\n _c(\"div\", {\n staticClass: \"accordion-wrapper__row__cell\",\n }),\n _c(\n \"div\",\n { staticClass: \"accordion-wrapper__row__cell\" },\n [_vm._v(\" \" + _vm._s(_vm.screenPrice) + \" TL \")]\n ),\n ]),\n ],\n 2\n ),\n ]\n ),\n ]),\n ])\n : _vm._e(),\n ]\n ),\n _c(\n \"modal\",\n {\n staticClass: \"cancel-modal\",\n attrs: {\n height: \"auto\",\n adaptive: true,\n name: String(_vm.dataItem.id),\n },\n },\n [\n _c(\"div\", { staticClass: \"modal-heading\" }, [\n _c(\"div\", { staticClass: \"modal-title\" }, [\n _c(\"h5\", [\n _vm._v(\n \"Seçilen lisansı aşağıdaki şekilde yönlendirebilirsiniz.\"\n ),\n ]),\n ]),\n _c(\n \"a\",\n {\n on: {\n click: function ($event) {\n _vm.closeModal(String(_vm.dataItem.id))\n },\n },\n },\n [\n _c(\"base-icon\", {\n staticClass: \"close\",\n attrs: { name: \"close-circle\" },\n }),\n ],\n 1\n ),\n ]),\n _c(\n \"div\",\n { staticClass: \"modal-body\" },\n [\n _c(\"div\", { staticClass: \"modal-body__top\" }, [\n _c(\"div\", { staticClass: \"modal-body__info\" }, [\n _vm.dataItem.productName\n ? _c(\"h3\", { staticClass: \"title\" }, [\n _vm._v(\" \" + _vm._s(_vm.dataItem.productName) + \" \"),\n ])\n : _vm._e(),\n _c(\"p\", { staticClass: \"modal-body__info-platform\" }, [\n _vm.dataItem.platform && _vm.dataItem.platform.name\n ? _c(\"span\", [\n _vm._v(\n \" \" + _vm._s(_vm.dataItem.platform.name) + \" \"\n ),\n ])\n : _vm._e(),\n ]),\n _c(\n \"p\",\n { staticClass: \"modal-body__info_price\" },\n [\n _vm.totalPriceCalc != \"0₺\" &&\n _vm.totalPriceCalc != \"0€\" &&\n _vm.totalPriceCalc != \"0$\"\n ? [_vm._v(_vm._s(_vm.totalPriceCalc))]\n : [_vm._v(\"Ücretsiz\")],\n ],\n 2\n ),\n ]),\n ]),\n _c(\"info-area\", {\n attrs: { infoText: \"Uyarı: Yapılan işlemler geri alınamaz.\" },\n }),\n ],\n 1\n ),\n _c(\n \"div\",\n { staticClass: \"modal-bottom\" },\n [\n _c(\n \"base-button\",\n {\n staticClass: \"set-buttons back\",\n class: !_vm.isButtonsDisabled ? \"\" : \"disabled\",\n on: {\n click: function ($event) {\n return _vm.setRowForPrev(_vm.dataItem.id)\n },\n },\n },\n [_vm._v(\"Geri Al\")]\n ),\n _c(\n \"base-button\",\n {\n staticClass: \"set-buttons\",\n class: !_vm.isButtonsDisabled ? \"\" : \"disabled\",\n on: {\n click: function ($event) {\n return _vm.setRowForNext(_vm.dataItem.id)\n },\n },\n },\n [_vm._v(\"İleri Al\")]\n ),\n ],\n 1\n ),\n ]\n ),\n ],\n 1\n )\n}\nvar staticRenderFns = [\n function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"accordion-wrapper__row__cell\" }, [\n _c(\"span\", [_vm._v(\" Ekran Ücreti \")]),\n ])\n },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2211f6ad0e-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
2227
2227
|
|
|
2228
2228
|
/***/ }),
|
|
2229
2229
|
|
|
@@ -2235,7 +2235,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
|
|
|
2235
2235
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
2236
2236
|
|
|
2237
2237
|
"use strict";
|
|
2238
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n { staticClass: \"data-request-item\" },\n [\n _c(\"div\", { staticClass: \"data-request-item__top\" }, [\n _c(\n \"div\",\n {\n staticClass: \"left\",\n class: _vm.getSelectedTerminalNumber.length >= 1 ? \"flex-04\" : \"\",\n },\n [\n _c(\n \"div\",\n { staticClass: \"section section-0\" },\n [\n _vm.dataItem && _vm.dataItem.imageUrl\n ? _c(\"img\", {\n attrs: {\n alt: \"product image\",\n src: _vm.dataItem.imageUrl,\n },\n })\n : _c(\"base-icon\", { attrs: { name: \"no-image\" } }),\n ],\n 1\n ),\n _c(\"div\", { staticClass: \"section section-main\" }, [\n _c(\"div\", { staticClass: \"section section-1\" }, [\n _c(\"h5\", [_vm._v(_vm._s(_vm.dataItem.title))]),\n _c(\"span\", [_vm._v(_vm._s(_vm.dataItem.subtitle))]),\n ]),\n ]),\n ]\n ),\n _c(\n \"div\",\n {\n staticClass: \"right\",\n class: {\n resetGap:\n !_vm.dataItem.package.length ||\n _vm.dataItem.startDate ||\n _vm.dataItem.endDate,\n },\n },\n [\n _vm.getSelectedTerminalNumber.length > 0 &&\n !_vm.getSelectedTerminalNumber.includes(null)\n ? _c(\"div\", { staticClass: \"col\" }, [\n _c(\"h6\", [_vm._v(\"Terminal No\")]),\n _c(\"span\", [\n _vm._v(_vm._s(_vm.getSelectedTerminalNumber.toString())),\n ]),\n ])\n : _vm._e(),\n _vm.userType == 1 || _vm.userType == 2\n ? _c(\"div\", { staticClass: \"col\" }, [\n _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Paket No\")]),\n _c(\"span\", [_vm._v(_vm._s(_vm.dataItem.purchaseNo))]),\n ])\n : _vm._e(),\n !_vm.dataItem.package.length && _vm.dataItem.startDate\n ? _c(\"div\", { staticClass: \"col\" }, [\n _c(\"h6\", { staticClass: \"bold\" }, [\n _vm._v(\"Başlangıç Tarihi\"),\n ]),\n _c(\"span\", [\n _vm._v(\n _vm._s(_vm.getTime(_vm.dataItem.startDate, \"DD.MM.YYYY\"))\n ),\n ]),\n ])\n : _vm._e(),\n !_vm.dataItem.package.length && _vm.dataItem.endDate\n ? _c(\"div\", { staticClass: \"col\" }, [\n _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Bitiş Tarihi\")]),\n _c(\"span\", [\n _vm._v(\n _vm._s(_vm.getTime(_vm.dataItem.endDate, \"DD.MM.YYYY\"))\n ),\n ]),\n ])\n : _vm._e(),\n _c(\"div\", { staticClass: \"col\" }, [\n _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Talep Tarihi\")]),\n _vm.dataItem.requestDate\n ? _c(\"span\", [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.getTime(_vm.dataItem.requestDate, \"DD.MM.YYYY\")\n ) +\n \" \"\n ),\n ])\n : _c(\"span\", [_vm._v(\"-\")]),\n ]),\n _c(\"div\", { staticClass: \"col\" }, [\n _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Düzenleme Tarihi\")]),\n _vm.dataItem.updatedAt\n ? _c(\"span\", [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.getTime(_vm.dataItem.updatedAt, \"DD.MM.YYYY\")\n ) +\n \" \"\n ),\n ])\n : _c(\"span\", [_vm._v(\"-\")]),\n ]),\n ]\n ),\n _vm.dataItem.packageStatus.id !== 6 &&\n _vm.dataItem.packageStatus.id !== 8\n ? _c(\"div\", { staticClass: \"right for-button\" }, [\n _c(\"div\", { staticClass: \"col\" }, [\n _vm.dataItem.packageStatus.id !== 8\n ? _c(\n \"div\",\n {\n staticClass: \"button-area\",\n class: {\n \"d-none\": _vm.dataItem.packageStatus.id === 6,\n },\n attrs: { id: \"button-area-\" + _vm.dataItem.purchaseNo },\n },\n [\n _c(\"base-icon\", { attrs: { name: \"gear\" } }),\n _c(\"span\", { staticClass: \"text\" }, [\n _vm._v(\"Düzenle\"),\n ]),\n _c(\"div\", { staticClass: \"dropdown\" }, [\n (_vm.dataItem.packageType === 1) &\n (_vm.dataItem.packageStatus.id !== 6)\n ? _c(\n \"div\",\n {\n staticClass: \"dropdown-item\",\n attrs: {\n id: \"dropdown-item-1-\" + _vm.dataItem.id,\n },\n on: {\n click: function ($event) {\n return _vm.addCart(_vm.dataItem.id)\n },\n },\n },\n [\n _c(\n \"span\",\n { staticClass: \"dropdown-item__text\" },\n [_vm._v(\"Lisans Ekle/Çıkar\")]\n ),\n ]\n )\n : _vm._e(),\n _vm.dataItem.packageStatus.id == 2\n ? _c(\n \"div\",\n {\n staticClass: \"dropdown-item\",\n attrs: {\n id: \"dropdown-item-2-\" + _vm.dataItem.id,\n },\n on: {\n click: function ($event) {\n return _vm.showModal(_vm.getDataItemId)\n },\n },\n },\n [\n _c(\n \"span\",\n { staticClass: \"dropdown-item__text\" },\n [_vm._v(\"İptal Et\")]\n ),\n ]\n )\n : _vm._e(),\n ]),\n ],\n 1\n )\n : _vm._e(),\n ]),\n ])\n : _vm._e(),\n ]),\n _c(\"div\", { staticClass: \"data-request-item__middle\" }, [\n _c(\"div\", { staticClass: \"left\" }, [\n _c(\"div\", { staticClass: \"item\" }, [\n _c(\"span\", [_vm._v(\"Bes Yatırım Fonu:\")]),\n _c(\"strong\", [\n _vm._v(\n _vm._s(\n _vm.formatPrice(_vm.dataItem.price.totalFundAmount) || 0\n ) + \" TL\"\n ),\n ]),\n ]),\n _vm._m(0),\n _c(\"div\", { staticClass: \"item\" }, [\n _c(\"span\", [_vm._v(\"Komisyon:\")]),\n _c(\"strong\", [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.formatPrice(_vm.dataItem.price.totalCommissionAmount) ||\n 0\n ) +\n \" TL \"\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"right\" }, [\n !_vm.dataItem.isSuccessfulIntegration\n ? _c(\"div\", { staticClass: \"item integration-warning\" }, [\n _c(\"div\", { staticClass: \"tag tooltip\" }, [\n _c(\"div\", { staticClass: \"tooltiptext\" }, [\n _c(\"div\", { staticClass: \"texts\" }, [\n _vm._v(\n \" \" +\n _vm._s(_vm.dataItem.productName) +\n \" sisteminden kaynaklı bir hata alınmaktadır. Lütfen daha sonra tekrar deneyiniz. \"\n ),\n ]),\n ]),\n _c(\n \"span\",\n { staticClass: \"text\" },\n [\n _c(\"base-icon\", {\n staticClass: \"icon\",\n attrs: { name: \"bell-fill\" },\n }),\n ],\n 1\n ),\n ]),\n ])\n : _vm._e(),\n _c(\"div\", { staticClass: \"item\" }, [\n _c(\"h3\", { staticClass: \"data-request-item__price\" }, [\n _c(\"span\", { staticClass: \"data-request-item__price__text\" }, [\n _vm._v(\"Paket Tutarı:\"),\n ]),\n _vm._v(\" \" + _vm._s(_vm.totalPriceCalc || 0) + \" \"),\n ]),\n ]),\n _c(\"div\", { staticClass: \"item\" }, [\n _c(\"span\", { staticClass: \"data-request-item__status\" }, [\n _c(\"span\", { staticClass: \"data-request-item__status__text\" }, [\n _vm._v(\"Paket Durumu:\"),\n ]),\n _c(\n \"span\",\n {\n staticClass: \"data-request-item__status__stat\",\n class: [\n \"request\",\n {\n active: _vm.dataItem.packageStatus.id == 2 ? true : \"\",\n passive: _vm.dataItem.packageStatus.id == 8 ? true : \"\",\n },\n ],\n },\n [_vm._v(_vm._s(_vm.dataItem.packageStatus.name))]\n ),\n ]),\n ]),\n ]),\n ]),\n _vm.dataItem.package.length\n ? _c(\"div\", { staticClass: \"data-request-item__bottom\" }, [\n _c(\"div\", { staticClass: \"left package-container\" }, [\n _c(\n \"div\",\n { staticClass: \"item\" },\n [\n _c(\"strong\", [_vm._v(\"Paketler:\")]),\n _vm._l(_vm.mergedPackagesNames, function (item, index) {\n return _c(\"span\", { key: item.id, staticClass: \"items\" }, [\n _vm._v(\" \" + _vm._s(item) + \" \"),\n index != _vm.mergedPackagesNames.length - 1\n ? _c(\"span\", { staticClass: \"seperator\" })\n : _vm._e(),\n ])\n }),\n ],\n 2\n ),\n ]),\n _c(\n \"div\",\n { staticClass: \"right\", on: { click: _vm.accordionToggle } },\n [\n _c(\"base-icon\", {\n class: [\"toggle\", { active: _vm.isActive }],\n attrs: { name: \"arrow-green\" },\n }),\n ],\n 1\n ),\n _c(\"div\", { staticClass: \"data-request-item__bottom__packages\" }, [\n _c(\n \"div\",\n { class: [\"accordion-wrapper\", _vm.isActive ? \"active\" : \"\"] },\n [\n _c(\n \"div\",\n {\n class: [\n \"accordion-wrapper__row caption\",\n _vm.isActive ? \"active\" : \"\",\n ],\n },\n [\n _c(\n \"div\",\n { staticClass: \"accordion-wrapper__row__cell caption\" },\n [_vm._v(\"Paket Adı:\")]\n ),\n _c(\n \"div\",\n { staticClass: \"accordion-wrapper__row__cell caption\" },\n [_vm._v(\" Başlangıç Tarihi: \")]\n ),\n _c(\n \"div\",\n { staticClass: \"accordion-wrapper__row__cell caption\" },\n [_vm._v(\" Bitiş Tarihi: \")]\n ),\n _c(\n \"div\",\n { staticClass: \"accordion-wrapper__row__cell caption\" },\n [_vm._v(\"Fiyatlar\")]\n ),\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"accordion-content active\" },\n _vm._l(_vm.mergedForTableData, function (item) {\n return _c(\n \"div\",\n {\n key: item.name,\n staticClass: \"accordion-wrapper__row\",\n },\n [\n _c(\n \"div\",\n { staticClass: \"accordion-wrapper__row__cell\" },\n [\n typeof item == \"object\"\n ? _c(\"span\", [\n item.name\n ? _c(\"span\", [_vm._v(_vm._s(item.name))])\n : _vm._e(),\n ])\n : _c(\"span\", [_vm._v(_vm._s(item))]),\n ]\n ),\n item.startDate\n ? _c(\n \"div\",\n { staticClass: \"accordion-wrapper__row__cell\" },\n [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.getTime(\n item.startDate,\n \"DD.MM.YYYY\"\n )\n ) +\n \" \"\n ),\n ]\n )\n : _c(\n \"div\",\n { staticClass: \"accordion-wrapper__row__cell\" },\n [_vm._v(\"-\")]\n ),\n item.endDate\n ? _c(\n \"div\",\n { staticClass: \"accordion-wrapper__row__cell\" },\n [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.getTime(item.endDate, \"DD.MM.YYYY\")\n ) +\n \" \"\n ),\n ]\n )\n : _c(\n \"div\",\n { staticClass: \"accordion-wrapper__row__cell\" },\n [_vm._v(\"-\")]\n ),\n item.totalPrice\n ? _c(\n \"div\",\n { staticClass: \"accordion-wrapper__row__cell\" },\n [_vm._v(\" \" + _vm._s(item.totalPrice) + \" \")]\n )\n : _vm._e(),\n item.price\n ? _c(\n \"div\",\n { staticClass: \"accordion-wrapper__row__cell\" },\n [\n _vm._v(\" \" + _vm._s(item.price) + \" \"),\n item.info == \"₺\"\n ? _c(\"span\", [_vm._v(\"TL\")])\n : item.info == \"€\"\n ? _c(\"span\", [_vm._v(\"Euro\")])\n : item.info == \"$\"\n ? _c(\"span\", [_vm._v(\"Dolar\")])\n : _vm._e(),\n ]\n )\n : _vm._e(),\n !item.totalPrice && !item.price\n ? _c(\n \"div\",\n { staticClass: \"accordion-wrapper__row__cell\" },\n [_vm._v(\" - \")]\n )\n : _vm._e(),\n ]\n )\n }),\n 0\n ),\n ]\n ),\n ]),\n ])\n : _vm._e(),\n _vm.packageDetail\n ? [\n _c(\"package-settigns\", {\n attrs: {\n dataItem: _vm.packageDetail,\n marketInfo: _vm.marketInfo,\n isPopupVisible: _vm.isPopupVisible,\n },\n on: { close: _vm.closePopup },\n }),\n ]\n : _vm._e(),\n _c(\n \"modal\",\n {\n staticClass: \"cancel-modal\",\n attrs: { height: \"auto\", adaptive: true, name: _vm.getDataItemId },\n },\n [\n _c(\"div\", { staticClass: \"modal-heading\" }, [\n _c(\"div\", { staticClass: \"modal-title\" }, [\n _c(\"h5\", [_vm._v(\"Paketi İptal Etmek İstiyor musunuz?\")]),\n ]),\n _c(\n \"a\",\n {\n on: {\n click: function ($event) {\n return _vm.closeModal()\n },\n },\n },\n [\n _c(\"base-icon\", {\n staticClass: \"close\",\n attrs: { name: \"close-circle\" },\n }),\n ],\n 1\n ),\n ]),\n _c(\n \"div\",\n { staticClass: \"modal-body\" },\n [\n _c(\"div\", { staticClass: \"modal-body__top\" }, [\n _c(\n \"div\",\n { staticClass: \"modal-body__image\" },\n [\n _vm.dataItem && _vm.dataItem.imageUrl\n ? _c(\"img\", {\n staticClass: \"image\",\n attrs: {\n alt: \"product image\",\n src: _vm.dataItem.imageUrl,\n },\n })\n : _c(\"base-icon\", {\n staticClass: \"image\",\n attrs: { name: \"no-image\" },\n }),\n ],\n 1\n ),\n _c(\"div\", { staticClass: \"modal-body__info\" }, [\n _vm.dataItem.productName\n ? _c(\"h3\", { staticClass: \"title\" }, [\n _vm._v(\" \" + _vm._s(_vm.dataItem.productName) + \" \"),\n ])\n : _vm._e(),\n _c(\"p\", { staticClass: \"modal-body__info-platform\" }, [\n _vm.dataItem.platform && _vm.dataItem.platform.name\n ? _c(\"span\", [_vm._v(_vm._s(_vm.dataItem.platform.name))])\n : _vm._e(),\n ]),\n _c(\"div\", { staticClass: \"modal-body__info_bes\" }, [\n _c(\"span\", { staticClass: \"m-text-grayscale-80\" }, [\n _vm._v(\"BES/Yatırım Fonu:\"),\n ]),\n _vm._v(\n \" \" +\n _vm._s(\n _vm.formatPrice(_vm.dataItem.price.totalFundAmount)\n ) +\n \" TL \"\n ),\n _c(\"span\", { staticClass: \"m-text-grayscale-80\" }, [\n _vm._v(\"veya Komisyon:\"),\n ]),\n _vm._v(\n \" \" +\n _vm._s(\n _vm.formatPrice(\n _vm.dataItem.price.totalCommissionAmount\n )\n ) +\n \" TL \"\n ),\n ]),\n _c(\n \"p\",\n { staticClass: \"modal-body__info_price\" },\n [\n _vm.totalPriceCalc !== 0\n ? [_vm._v(_vm._s(_vm.totalPriceCalc))]\n : [_vm._v(\"Ücretsiz\")],\n ],\n 2\n ),\n ]),\n ]),\n _c(\"info-area\", { attrs: { infoText: _vm.infoText } }),\n ],\n 1\n ),\n _c(\n \"div\",\n { staticClass: \"modal-bottom\" },\n [\n _c(\n \"base-button\",\n {\n on: {\n click: function ($event) {\n return _vm.cancel(_vm.dataItem.id)\n },\n },\n },\n [_vm._v(\"İptal Et\")]\n ),\n ],\n 1\n ),\n ]\n ),\n ],\n 2\n )\n}\nvar staticRenderFns = [\n function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"item\" }, [_c(\"span\", [_vm._v(\"veya\")])])\n },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataRequestItem.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2211f6ad0e-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
2238
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _vm.dataItem.packageStatus.id != 8\n ? _c(\n \"div\",\n { staticClass: \"data-request-item\" },\n [\n _c(\"div\", { staticClass: \"data-request-item__top\" }, [\n _c(\n \"div\",\n {\n staticClass: \"left\",\n class:\n _vm.getSelectedTerminalNumber.length >= 1 ? \"flex-04\" : \"\",\n },\n [\n _c(\n \"div\",\n { staticClass: \"section section-0\" },\n [\n _vm.dataItem && _vm.dataItem.imageUrl\n ? _c(\"img\", {\n attrs: {\n alt: \"product image\",\n src: _vm.dataItem.imageUrl,\n },\n })\n : _c(\"base-icon\", { attrs: { name: \"no-image\" } }),\n ],\n 1\n ),\n _c(\"div\", { staticClass: \"section section-main\" }, [\n _c(\"div\", { staticClass: \"section section-1\" }, [\n _c(\"h5\", [_vm._v(_vm._s(_vm.dataItem.title))]),\n _c(\"span\", [_vm._v(_vm._s(_vm.dataItem.subtitle))]),\n ]),\n ]),\n ]\n ),\n _c(\n \"div\",\n {\n staticClass: \"right\",\n class: {\n resetGap:\n !_vm.dataItem.package.length ||\n _vm.dataItem.startDate ||\n _vm.dataItem.endDate,\n },\n },\n [\n _vm.getSelectedTerminalNumber.length > 0 &&\n !_vm.getSelectedTerminalNumber.includes(null)\n ? _c(\"div\", { staticClass: \"col\" }, [\n _c(\"h6\", [_vm._v(\"Terminal No\")]),\n _c(\"span\", [\n _vm._v(\n _vm._s(_vm.getSelectedTerminalNumber.toString())\n ),\n ]),\n ])\n : _vm._e(),\n _vm.userType == 1 || _vm.userType == 2\n ? _c(\"div\", { staticClass: \"col\" }, [\n _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Paket No\")]),\n _c(\"span\", [_vm._v(_vm._s(_vm.dataItem.purchaseNo))]),\n ])\n : _vm._e(),\n !_vm.dataItem.package.length && _vm.dataItem.startDate\n ? _c(\"div\", { staticClass: \"col\" }, [\n _c(\"h6\", { staticClass: \"bold\" }, [\n _vm._v(\"Başlangıç Tarihi\"),\n ]),\n _c(\"span\", [\n _vm._v(\n _vm._s(\n _vm.getTime(_vm.dataItem.startDate, \"DD.MM.YYYY\")\n )\n ),\n ]),\n ])\n : _vm._e(),\n !_vm.dataItem.package.length && _vm.dataItem.endDate\n ? _c(\"div\", { staticClass: \"col\" }, [\n _c(\"h6\", { staticClass: \"bold\" }, [\n _vm._v(\"Bitiş Tarihi\"),\n ]),\n _c(\"span\", [\n _vm._v(\n _vm._s(\n _vm.getTime(_vm.dataItem.endDate, \"DD.MM.YYYY\")\n )\n ),\n ]),\n ])\n : _vm._e(),\n _c(\"div\", { staticClass: \"col\" }, [\n _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Talep Tarihi\")]),\n _vm.dataItem.requestDate\n ? _c(\"span\", [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.getTime(\n _vm.dataItem.requestDate,\n \"DD.MM.YYYY\"\n )\n ) +\n \" \"\n ),\n ])\n : _c(\"span\", [_vm._v(\"-\")]),\n ]),\n _c(\"div\", { staticClass: \"col\" }, [\n _c(\"h6\", { staticClass: \"bold\" }, [\n _vm._v(\"Düzenleme Tarihi\"),\n ]),\n _vm.dataItem.updatedAt\n ? _c(\"span\", [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.getTime(_vm.dataItem.updatedAt, \"DD.MM.YYYY\")\n ) +\n \" \"\n ),\n ])\n : _c(\"span\", [_vm._v(\"-\")]),\n ]),\n ]\n ),\n _vm.dataItem.packageStatus.id !== 6 &&\n _vm.dataItem.packageStatus.id !== 8\n ? _c(\"div\", { staticClass: \"right for-button\" }, [\n _c(\"div\", { staticClass: \"col\" }, [\n _vm.dataItem.packageStatus.id !== 8\n ? _c(\n \"div\",\n {\n staticClass: \"button-area\",\n class: {\n \"d-none\": _vm.dataItem.packageStatus.id === 6,\n },\n attrs: {\n id: \"button-area-\" + _vm.dataItem.purchaseNo,\n },\n },\n [\n _c(\"base-icon\", { attrs: { name: \"gear\" } }),\n _c(\"span\", { staticClass: \"text\" }, [\n _vm._v(\"Düzenle\"),\n ]),\n _c(\"div\", { staticClass: \"dropdown\" }, [\n (_vm.dataItem.packageType === 1) &\n (_vm.dataItem.packageStatus.id !== 6)\n ? _c(\n \"div\",\n {\n staticClass: \"dropdown-item\",\n attrs: {\n id:\n \"dropdown-item-1-\" + _vm.dataItem.id,\n },\n on: {\n click: function ($event) {\n return _vm.addCart(_vm.dataItem.id)\n },\n },\n },\n [\n _c(\n \"span\",\n { staticClass: \"dropdown-item__text\" },\n [_vm._v(\"Lisans Ekle/Çıkar\")]\n ),\n ]\n )\n : _vm._e(),\n _vm.dataItem.packageStatus.id == 2\n ? _c(\n \"div\",\n {\n staticClass: \"dropdown-item\",\n attrs: {\n id:\n \"dropdown-item-2-\" + _vm.dataItem.id,\n },\n on: {\n click: function ($event) {\n return _vm.showModal(\n _vm.getDataItemId\n )\n },\n },\n },\n [\n _c(\n \"span\",\n { staticClass: \"dropdown-item__text\" },\n [_vm._v(\"İptal Et\")]\n ),\n ]\n )\n : _vm._e(),\n ]),\n ],\n 1\n )\n : _vm._e(),\n ]),\n ])\n : _vm._e(),\n ]),\n _c(\"div\", { staticClass: \"data-request-item__middle\" }, [\n _c(\"div\", { staticClass: \"left\" }, [\n _c(\"div\", { staticClass: \"item\" }, [\n _c(\"span\", [_vm._v(\"Bes Yatırım Fonu:\")]),\n _c(\"strong\", [\n _vm._v(\n _vm._s(\n _vm.formatPrice(_vm.dataItem.price.totalFundAmount) || 0\n ) + \" TL\"\n ),\n ]),\n ]),\n _vm._m(0),\n _c(\"div\", { staticClass: \"item\" }, [\n _c(\"span\", [_vm._v(\"Komisyon:\")]),\n _c(\"strong\", [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.formatPrice(\n _vm.dataItem.price.totalCommissionAmount\n ) || 0\n ) +\n \" TL \"\n ),\n ]),\n ]),\n ]),\n _c(\"div\", { staticClass: \"right\" }, [\n !_vm.dataItem.isSuccessfulIntegration\n ? _c(\"div\", { staticClass: \"item integration-warning\" }, [\n _c(\"div\", { staticClass: \"tag tooltip\" }, [\n _c(\"div\", { staticClass: \"tooltiptext\" }, [\n _c(\"div\", { staticClass: \"texts\" }, [\n _vm._v(\n \" \" +\n _vm._s(_vm.dataItem.productName) +\n \" sisteminden kaynaklı bir hata alınmaktadır. Lütfen daha sonra tekrar deneyiniz. \"\n ),\n ]),\n ]),\n _c(\n \"span\",\n { staticClass: \"text\" },\n [\n _c(\"base-icon\", {\n staticClass: \"icon\",\n attrs: { name: \"bell-fill\" },\n }),\n ],\n 1\n ),\n ]),\n ])\n : _vm._e(),\n _c(\"div\", { staticClass: \"item\" }, [\n _c(\"h3\", { staticClass: \"data-request-item__price\" }, [\n _c(\n \"span\",\n { staticClass: \"data-request-item__price__text\" },\n [_vm._v(\"Paket Tutarı:\")]\n ),\n _vm._v(\" \" + _vm._s(_vm.totalPriceCalc || 0) + \" \"),\n ]),\n ]),\n _c(\"div\", { staticClass: \"item\" }, [\n _c(\"span\", { staticClass: \"data-request-item__status\" }, [\n _c(\n \"span\",\n { staticClass: \"data-request-item__status__text\" },\n [_vm._v(\"Paket Durumu:\")]\n ),\n _c(\n \"span\",\n {\n staticClass: \"data-request-item__status__stat\",\n class: [\n \"request\",\n {\n active:\n _vm.dataItem.packageStatus.id == 2 ? true : \"\",\n passive:\n _vm.dataItem.packageStatus.id == 8 ? true : \"\",\n },\n ],\n },\n [_vm._v(_vm._s(_vm.dataItem.packageStatus.name))]\n ),\n ]),\n ]),\n ]),\n ]),\n _vm.dataItem.package.length\n ? _c(\"div\", { staticClass: \"data-request-item__bottom\" }, [\n _c(\"div\", { staticClass: \"left package-container\" }, [\n _c(\n \"div\",\n { staticClass: \"item\" },\n [\n _c(\"strong\", [_vm._v(\"Paketler:\")]),\n _vm._l(_vm.mergedPackagesNames, function (item, index) {\n return _c(\n \"span\",\n { key: item.id, staticClass: \"items\" },\n [\n _vm._v(\" \" + _vm._s(item) + \" \"),\n index != _vm.mergedPackagesNames.length - 1\n ? _c(\"span\", { staticClass: \"seperator\" })\n : _vm._e(),\n ]\n )\n }),\n ],\n 2\n ),\n ]),\n _c(\n \"div\",\n { staticClass: \"right\", on: { click: _vm.accordionToggle } },\n [\n _c(\"base-icon\", {\n class: [\"toggle\", { active: _vm.isActive }],\n attrs: { name: \"arrow-green\" },\n }),\n ],\n 1\n ),\n _c(\n \"div\",\n { staticClass: \"data-request-item__bottom__packages\" },\n [\n _c(\n \"div\",\n {\n class: [\n \"accordion-wrapper\",\n _vm.isActive ? \"active\" : \"\",\n ],\n },\n [\n _c(\n \"div\",\n {\n class: [\n \"accordion-wrapper__row caption\",\n _vm.isActive ? \"active\" : \"\",\n ],\n },\n [\n _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell caption\",\n },\n [_vm._v(\"Paket Adı:\")]\n ),\n _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell caption\",\n },\n [_vm._v(\" Başlangıç Tarihi: \")]\n ),\n _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell caption\",\n },\n [_vm._v(\" Bitiş Tarihi: \")]\n ),\n _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell caption\",\n },\n [_vm._v(\"Fiyatlar\")]\n ),\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"accordion-content active\" },\n _vm._l(_vm.mergedForTableData, function (item) {\n return _c(\n \"div\",\n {\n key: item.name,\n staticClass: \"accordion-wrapper__row\",\n },\n [\n _c(\n \"div\",\n {\n staticClass: \"accordion-wrapper__row__cell\",\n },\n [\n typeof item == \"object\"\n ? _c(\"span\", [\n item.name\n ? _c(\"span\", [\n _vm._v(_vm._s(item.name)),\n ])\n : _vm._e(),\n ])\n : _c(\"span\", [_vm._v(_vm._s(item))]),\n ]\n ),\n item.startDate\n ? _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n },\n [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.getTime(\n item.startDate,\n \"DD.MM.YYYY\"\n )\n ) +\n \" \"\n ),\n ]\n )\n : _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n },\n [_vm._v(\"-\")]\n ),\n item.endDate\n ? _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n },\n [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.getTime(\n item.endDate,\n \"DD.MM.YYYY\"\n )\n ) +\n \" \"\n ),\n ]\n )\n : _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n },\n [_vm._v(\"-\")]\n ),\n item.totalPrice\n ? _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n },\n [\n _vm._v(\n \" \" + _vm._s(item.totalPrice) + \" \"\n ),\n ]\n )\n : _vm._e(),\n item.price\n ? _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n },\n [\n _vm._v(\" \" + _vm._s(item.price) + \" \"),\n item.info == \"₺\"\n ? _c(\"span\", [_vm._v(\"TL\")])\n : item.info == \"€\"\n ? _c(\"span\", [_vm._v(\"Euro\")])\n : item.info == \"$\"\n ? _c(\"span\", [_vm._v(\"Dolar\")])\n : _vm._e(),\n ]\n )\n : _vm._e(),\n !item.totalPrice && !item.price\n ? _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n },\n [_vm._v(\" - \")]\n )\n : _vm._e(),\n ]\n )\n }),\n 0\n ),\n ]\n ),\n ]\n ),\n ])\n : _vm._e(),\n _vm.packageDetail\n ? [\n _c(\"package-settigns\", {\n attrs: {\n dataItem: _vm.packageDetail,\n marketInfo: _vm.marketInfo,\n isPopupVisible: _vm.isPopupVisible,\n },\n on: { close: _vm.closePopup },\n }),\n ]\n : _vm._e(),\n _c(\n \"modal\",\n {\n staticClass: \"cancel-modal\",\n attrs: {\n height: \"auto\",\n adaptive: true,\n name: _vm.getDataItemId,\n },\n },\n [\n _c(\"div\", { staticClass: \"modal-heading\" }, [\n _c(\"div\", { staticClass: \"modal-title\" }, [\n _c(\"h5\", [_vm._v(\"Paketi İptal Etmek İstiyor musunuz?\")]),\n ]),\n _c(\n \"a\",\n {\n on: {\n click: function ($event) {\n return _vm.closeModal()\n },\n },\n },\n [\n _c(\"base-icon\", {\n staticClass: \"close\",\n attrs: { name: \"close-circle\" },\n }),\n ],\n 1\n ),\n ]),\n _c(\n \"div\",\n { staticClass: \"modal-body\" },\n [\n _c(\"div\", { staticClass: \"modal-body__top\" }, [\n _c(\n \"div\",\n { staticClass: \"modal-body__image\" },\n [\n _vm.dataItem && _vm.dataItem.imageUrl\n ? _c(\"img\", {\n staticClass: \"image\",\n attrs: {\n alt: \"product image\",\n src: _vm.dataItem.imageUrl,\n },\n })\n : _c(\"base-icon\", {\n staticClass: \"image\",\n attrs: { name: \"no-image\" },\n }),\n ],\n 1\n ),\n _c(\"div\", { staticClass: \"modal-body__info\" }, [\n _vm.dataItem.productName\n ? _c(\"h3\", { staticClass: \"title\" }, [\n _vm._v(\n \" \" + _vm._s(_vm.dataItem.productName) + \" \"\n ),\n ])\n : _vm._e(),\n _c(\"p\", { staticClass: \"modal-body__info-platform\" }, [\n _vm.dataItem.platform && _vm.dataItem.platform.name\n ? _c(\"span\", [\n _vm._v(_vm._s(_vm.dataItem.platform.name)),\n ])\n : _vm._e(),\n ]),\n _c(\"div\", { staticClass: \"modal-body__info_bes\" }, [\n _c(\"span\", { staticClass: \"m-text-grayscale-80\" }, [\n _vm._v(\"BES/Yatırım Fonu:\"),\n ]),\n _vm._v(\n \" \" +\n _vm._s(\n _vm.formatPrice(\n _vm.dataItem.price.totalFundAmount\n )\n ) +\n \" TL \"\n ),\n _c(\"span\", { staticClass: \"m-text-grayscale-80\" }, [\n _vm._v(\"veya Komisyon:\"),\n ]),\n _vm._v(\n \" \" +\n _vm._s(\n _vm.formatPrice(\n _vm.dataItem.price.totalCommissionAmount\n )\n ) +\n \" TL \"\n ),\n ]),\n _c(\n \"p\",\n { staticClass: \"modal-body__info_price\" },\n [\n _vm.totalPriceCalc !== 0\n ? [_vm._v(_vm._s(_vm.totalPriceCalc))]\n : [_vm._v(\"Ücretsiz\")],\n ],\n 2\n ),\n ]),\n ]),\n _c(\"info-area\", { attrs: { infoText: _vm.infoText } }),\n ],\n 1\n ),\n _c(\n \"div\",\n { staticClass: \"modal-bottom\" },\n [\n _c(\n \"base-button\",\n {\n on: {\n click: function ($event) {\n return _vm.cancel(_vm.dataItem.id)\n },\n },\n },\n [_vm._v(\"İptal Et\")]\n ),\n ],\n 1\n ),\n ]\n ),\n ],\n 2\n )\n : _vm._e()\n}\nvar staticRenderFns = [\n function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"item\" }, [_c(\"span\", [_vm._v(\"veya\")])])\n },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataRequestItem.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2211f6ad0e-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
2239
2239
|
|
|
2240
2240
|
/***/ }),
|
|
2241
2241
|
|
|
@@ -3498,7 +3498,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3498
3498
|
/*! no static exports found */
|
|
3499
3499
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3500
3500
|
|
|
3501
|
-
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, \".infoArea[data-v-834ec8ce] {\\n position: absolute;\\n bottom: 0;\\n flex-direction: row;\\n text-align: center;\\n color: #92929b;\\n display: flex;\\n font-size: 12px;\\n padding: 20px;\\n left: 0;\\n right: 0;\\n border-radius: var(--radius-second);\\n justify-content: center;\\n align-items: center;\\n}\\n.infoArea .icon[data-v-834ec8ce] {\\n margin-right: 6px;\\n}\\n.infoArea svg[data-v-834ec8ce] {\\n flex-shrink: 0;\\n margin-right: 10px;\\n}\\n.infoArea.yellow[data-v-834ec8ce] {\\n color: var(--color-primary-warning-text) !important;\\n background: var(--color-primary-warning-text-background) !important;\\n font-size: 13px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/InfoArea.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");
|
|
3501
|
+
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, \".infoArea[data-v-834ec8ce] {\\n position: absolute;\\n bottom: 0;\\n flex-direction: row;\\n text-align: center;\\n color: #92929b;\\n display: flex;\\n font-size: 12px;\\n padding: 20px;\\n left: 0;\\n right: 0;\\n border-radius: var(--radius-second);\\n justify-content: center;\\n align-items: center;\\n}\\n.infoArea .icon[data-v-834ec8ce] {\\n margin-right: 6px;\\n}\\n.infoArea svg[data-v-834ec8ce] {\\n flex-shrink: 0;\\n margin-right: 10px;\\n}\\n.infoArea.yellow[data-v-834ec8ce] {\\n color: var(--color-primary-warning-text) !important;\\n background: var(--color-primary-warning-text-background) !important;\\n font-size: 13px;\\n justify-content: flex-start;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/InfoArea.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");
|
|
3502
3502
|
|
|
3503
3503
|
/***/ }),
|
|
3504
3504
|
|
|
@@ -3685,7 +3685,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3685
3685
|
/*! no static exports found */
|
|
3686
3686
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3687
3687
|
|
|
3688
|
-
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, \".invoice-item-container[data-v-1f680715] {\\n padding: 20px;\\n background: var(--grayscale-0);\\n padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item[data-v-1f680715] {\\n width: 100%;\\n min-width: 850px;\\n border: 1px solid var(--grayscale-30);\\n background-color: var(--grayscale-0);\\n margin-bottom: 0px;\\n box-sizing: border-box;\\n padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__middle[data-v-1f680715] {\\n display: flex;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__top__hide__arrow[data-v-1f680715] {\\n transform: rotate(180deg);\\n}\\n.invoice-item-container .invoice-item .bold[data-v-1f680715] {\\n font-weight: bold;\\n}\\n@media (max-width: 676px) {\\n.invoice-item-container .invoice-item .bold-title[data-v-1f680715] {\\n font-size: 12px !important;\\n}\\n}\\n.invoice-item-container .invoice-item-group[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item-container .invoice-item .spacer[data-v-1f680715] {\\n margin: 0 10px;\\n}\\n.invoice-item-container .invoice-item__top[data-v-1f680715] {\\n border-bottom: 1px solid var(--grayscale-30);\\n padding-bottom: 20px;\\n display: flex;\\n justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__top .bold[data-v-1f680715] {\\n margin-bottom: 5px;\\n}\\n.invoice-item-container .invoice-item__top__title[data-v-1f680715] {\\n font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__subtitle[data-v-1f680715] {\\n font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__left-area[data-v-1f680715] {\\n width: 165px;\\n}\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n display: flex;\\n flex: 0.8;\\n justify-content: space-between;\\n text-align: center;\\n font-size: 13px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__top__hide[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n font-size: 13px;\\n color: var(--grayscale-50);\\n cursor: pointer;\\n}\\n.invoice-item-container .invoice-item__top__hide__text[data-v-1f680715] {\\n margin-right: 3px;\\n}\\n.invoice-item-container .invoice-item__top__hide__arrow[data-v-1f680715] {\\n transition: 0.5s;\\n}\\n.invoice-item-container .invoice-item__middle[data-v-1f680715] {\\n display: none;\\n flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle .w-100[data-v-1f680715] {\\n width: 100%;\\n}\\n.invoice-item-container .invoice-item__middle__row[data-v-1f680715] {\\n position: relative;\\n padding: 15px 0;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area[data-v-1f680715] {\\n width: 165px;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area span[data-v-1f680715] {\\n display: block;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n display: flex;\\n flex: 0.8;\\n text-align: center;\\n font-size: 13px;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__detail[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__total[data-v-1f680715] {\\n margin-left: auto;\\n margin-right: 0px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__bottom[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons[data-v-1f680715] {\\n justify-content: flex-end;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons .set-buttons[data-v-1f680715] {\\n max-width: 120px;\\n height: 25px;\\n font-size: 8pt;\\n}\\n.invoice-item-container .cancel-modal[data-v-1f680715] {\\n z-index: 9999;\\n}\\n.invoice-item-container .cancel-modal .infoArea[data-v-1f680715] {\\n position: relative;\\n bottom: initial;\\n}\\n.invoice-item-container .cancel-modal .modal-heading[data-v-1f680715] {\\n height: 40px;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n align-items: center;\\n padding: 15px 30px;\\n justify-content: space-between;\\n}\\n.invoice-item-container .cancel-modal .modal-heading .close[data-v-1f680715] {\\n margin: 5px;\\n cursor: pointer;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom[data-v-1f680715] {\\n margin-top: 1em;\\n border-top: 1px solid var(--grayscale-30);\\n display: flex;\\n justify-content: space-between;\\n padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n color: var(--grayscale-0);\\n width: 180px;\\n font-size: 15px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button.back[data-v-1f680715] {\\n background-color: var(--color-warning);\\n}\\n.invoice-item-container .cancel-modal .modal-body[data-v-1f680715] {\\n padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__top[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n text-align: center;\\n}\\n.invoice-item-container .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n margin-right: 30px;\\n width: 96px;\\n height: 140px;\\n -o-object-fit: contain;\\n object-fit: contain;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n margin: 5px 0;\\n font-size: 16px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n font-size: 20px;\\n font-weight: bold;\\n margin-top: 5px;\\n}\\n.invoice-item[data-v-1f680715] {\\n border: 1px solid var(--color-primary-tint-second);\\n width: 100%;\\n background: var(--grayscale-0);\\n margin-bottom: 20px;\\n border-radius: var(--radius-first);\\n}\\n.invoice-item__top[data-v-1f680715] {\\n justify-content: space-between;\\n display: flex;\\n padding: 16px 20px;\\n border-bottom: solid 1px var(--grayscale-30);\\n flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top[data-v-1f680715] {\\n flex-direction: column;\\n}\\n}\\n.invoice-item__top span[data-v-1f680715] {\\n font-size: 14px;\\n color: var(--grayscale-70);\\n}\\n.invoice-item__top .left[data-v-1f680715] {\\n flex: 1;\\n display: flex;\\n}\\n.invoice-item__top .left.flex-04[data-v-1f680715] {\\n flex: 0.4;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .left[data-v-1f680715] {\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n.invoice-item__top .left .section[data-v-1f680715] {\\n margin-right: 10px;\\n align-items: center;\\n justify-content: center;\\n display: flex;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section[data-v-1f680715] {\\n flex-wrap: wrap;\\n justify-content: start;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n flex-direction: column;\\n align-items: flex-start;\\n}\\n}\\n@media (max-width: 640px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n align-self: center;\\n}\\n}\\n.invoice-item__top .left .section img[data-v-1f680715] {\\n width: 80px;\\n}\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n background: var(--grayscale-20);\\n padding: 4px 5px;\\n margin-right: 10px;\\n border-radius: var(--radius-third);\\n display: flex;\\n align-items: center;\\n text-align: center;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n margin-bottom: 5px;\\n padding: 2px 8px;\\n}\\n}\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n font-size: 12px;\\n text-overflow: ellipsis;\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item__top .left .section .tag .text .marketName[data-v-1f680715] {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n max-width: 47px;\\n display: block;\\n}\\n@media (max-width: 400px) {\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n font-size: 10px !important;\\n}\\n}\\n.invoice-item__top .left .section .tag .text .icon[data-v-1f680715] {\\n width: 42px;\\n margin-right: -17px;\\n}\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n flex-direction: row;\\n align-items: unset;\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n margin-top: 11px;\\n}\\n}\\n.invoice-item__top .left .section-1[data-v-1f680715] {\\n flex-direction: column;\\n align-items: start;\\n}\\n.invoice-item__top .left .section-1 h5[data-v-1f680715] {\\n font-weight: 500;\\n line-height: 25px;\\n}\\n.invoice-item__top .right[data-v-1f680715] {\\n display: flex;\\n justify-content: flex-end;\\n align-items: center;\\n flex: 1;\\n gap: 55px;\\n}\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n align-items: flex-start;\\n flex: 0;\\n margin-left: 30px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n margin-left: 0px;\\n margin-top: 10px;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n gap: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n flex-wrap: wrap;\\n justify-content: center;\\n}\\n}\\n.invoice-item__top .right .col[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n flex-direction: column;\\n text-align: center;\\n}\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n line-height: normal;\\n color: var(--color-primary-black-metallic);\\n font-size: 12px;\\n}\\n@media (max-width: 600px) {\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n line-height: normal;\\n}\\n}\\n.invoice-item__top .right .col span[data-v-1f680715] {\\n color: var(--grayscale-120);\\n display: flex;\\n justify-content: center;\\n font-size: 12px;\\n font-weight: 400;\\n}\\n.invoice-item__top .right .col span .tooltip svg[data-v-1f680715] {\\n transform: scale(0.7);\\n margin-top: -5px;\\n}\\n.invoice-item__top .right .button-area[data-v-1f680715] {\\n padding: 0px;\\n width: auto;\\n font-size: 14px;\\n text-align: center;\\n cursor: pointer;\\n font-weight: 500;\\n position: relative;\\n display: flex;\\n flex: 1;\\n align-items: center;\\n}\\n.invoice-item__top .right .button-area.d-none[data-v-1f680715] {\\n display: none;\\n}\\n.invoice-item__top .right .button-area .text[data-v-1f680715] {\\n margin-left: 5px;\\n color: var(--color-primary-default);\\n}\\n.invoice-item__top .right .button-area .dropdown[data-v-1f680715] {\\n visibility: hidden;\\n opacity: 0;\\n position: absolute;\\n width: 165px;\\n right: 0;\\n top: 20px;\\n background-color: #fff;\\n border-radius: var(--radius-first);\\n box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);\\n z-index: 1;\\n padding: 7px 0;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715] {\\n padding: 7px 15px;\\n text-align: left;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715]:hover {\\n background: #e9e9eb;\\n}\\n.invoice-item__top .right .button-area .dropdown-item__text[data-v-1f680715] {\\n font-size: 14px;\\n}\\n.invoice-item__top .right .button-area:hover .dropdown[data-v-1f680715] {\\n visibility: visible;\\n opacity: 1;\\n}\\n.invoice-item__middle[data-v-1f680715] {\\n padding: 12.5px 20px;\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle[data-v-1f680715] {\\n padding: 10px 0px;\\n flex-direction: column;\\n}\\n}\\n@media (max-width: 320px) {\\n.invoice-item__middle[data-v-1f680715] {\\n justify-content: center;\\n}\\n}\\n.invoice-item__middle .left[data-v-1f680715],\\n .invoice-item__middle .right[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item__middle .left .item.integration-warning svg[data-v-1f680715],\\n .invoice-item__middle .right .item.integration-warning svg[data-v-1f680715] {\\n filter: invert(31%) sepia(71%) saturate(7020%) hue-rotate(351deg) brightness(89%) contrast(131%);\\n transition: all 1s ease-in;\\n -webkit-animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n}\\n@-webkit-keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n transform: rotate(0deg);\\n}\\n25% {\\n transform: rotate(15deg);\\n}\\n50% {\\n transform: rotate(0deg);\\n}\\n75% {\\n transform: rotate(-15deg);\\n}\\n100% {\\n transform: rotate(0deg);\\n}\\n}\\n@keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n transform: rotate(0deg);\\n}\\n25% {\\n transform: rotate(15deg);\\n}\\n50% {\\n transform: rotate(0deg);\\n}\\n75% {\\n transform: rotate(-15deg);\\n}\\n100% {\\n transform: rotate(0deg);\\n}\\n}\\n.invoice-item__middle .left .item span[data-v-1f680715],\\n .invoice-item__middle .right .item span[data-v-1f680715] {\\n color: var(--grayscale-70);\\n}\\n.invoice-item__middle .left .item strong[data-v-1f680715],\\n .invoice-item__middle .right .item strong[data-v-1f680715] {\\n font-size: 12px;\\n}\\n.invoice-item__middle .left[data-v-1f680715] {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n}\\n@media (max-width: 650px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n padding-top: 10px;\\n flex-wrap: wrap;\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n padding: 0px;\\n justify-content: center;\\n}\\n.invoice-item__middle .left.package-container[data-v-1f680715] {\\n width: 100%;\\n}\\n.invoice-item__middle .left.package-container .item[data-v-1f680715] {\\n width: 100%;\\n text-align: center;\\n flex-flow: unset;\\n flex-wrap: wrap;\\n}\\n}\\n.invoice-item__middle .left .item[data-v-1f680715] {\\n display: flex;\\n gap: 3px;\\n font-size: 12px;\\n}\\n@media (max-width: 375px) {\\n.invoice-item__middle .left .item[data-v-1f680715]:nth-child(2) {\\n display: block;\\n width: 100%;\\n text-align: center;\\n}\\n}\\n.invoice-item__middle .left .item:nth-child(2) span[data-v-1f680715] {\\n margin: 0px 5px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .right[data-v-1f680715] {\\n width: 100%;\\n flex-wrap: wrap;\\n justify-content: center;\\n flex-direction: column;\\n margin-bottom: 10px;\\n}\\n}\\n.invoice-item__bottom[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n background: var(--grayscale-140);\\n font-size: 12px;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n.invoice-item__bottom .toggle[data-v-1f680715] {\\n transform: rotate(180deg);\\n transition: 0.2s ease-in-out;\\n}\\n.invoice-item__bottom .toggle.active[data-v-1f680715] {\\n transform: rotate(0deg);\\n transition: 0.2s ease-in;\\n}\\n.invoice-item__bottom .left[data-v-1f680715] {\\n padding: 18px 20px;\\n flex: 0.99;\\n}\\n.invoice-item__bottom .left .item[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n flex-wrap: wrap;\\n}\\n.invoice-item__bottom .left .item strong[data-v-1f680715] {\\n margin-right: 10px;\\n}\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n display: none;\\n}\\n}\\n.invoice-item__bottom .left .item .seperator[data-v-1f680715] {\\n width: 1px;\\n height: 22px;\\n display: inline-block;\\n margin: 0px 10px;\\n background: var(--grayscale-130);\\n}\\n.invoice-item__bottom .right[data-v-1f680715] {\\n align-items: center;\\n cursor: pointer;\\n padding: 0px 20px;\\n}\\n.invoice-item__bottom__packages[data-v-1f680715] {\\n width: 100%;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper[data-v-1f680715] {\\n position: relative;\\n display: table;\\n width: 100%;\\n border: 1px solid var(--color-primary-tint-second);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715], .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n padding: 13px 20px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715] {\\n display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.last[data-v-1f680715] {\\n font-weight: 700;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715]:nth-child(2n) {\\n background: var(--color-primary-zebra);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n display: none;\\n background-color: var(--color-primary-tint);\\n font-size: 12px;\\n font-style: normal;\\n font-weight: 700;\\n line-height: normal;\\n position: sticky;\\n top: 0px;\\n}\\n@media screen and (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n position: sticky;\\n top: 0px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption.active[data-v-1f680715] {\\n display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715] {\\n text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715]:first-child {\\n font-size: 14px;\\n text-align: left;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n display: table-cell;\\n box-sizing: border-box;\\n color: var(--color-primary-black-metallic);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell .seperator[data-v-1f680715] {\\n display: inline-block;\\n margin-left: 4px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(4) {\\n color: var(--grayscale-120);\\n text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(4) {\\n text-align: center;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n padding: 10px 5px;\\n vertical-align: middle;\\n font-size: 11px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .accordion-content[data-v-1f680715] {\\n display: table-row-group;\\n background: var(--grayscale-0);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .collapse-icon[data-v-1f680715] {\\n transform: rotate(0deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-title-wrapper[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .collapse-icon[data-v-1f680715] {\\n transform: rotate(180deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-content[data-v-1f680715] {\\n display: none;\\n}\\n.invoice-item__price[data-v-1f680715] {\\n font-size: 12px;\\n margin-right: 20px;\\n padding-right: 20px;\\n color: var(--color-primary-black-metallic);\\n font-weight: 600;\\n position: relative;\\n}\\n.invoice-item__price__text[data-v-1f680715] {\\n font-weight: 400;\\n}\\n.invoice-item__price[data-v-1f680715]::after {\\n content: \\\"\\\";\\n display: block;\\n width: 1px;\\n height: 22px;\\n background: var(--color-primary-tint-second);\\n position: absolute;\\n right: 0px;\\n top: 50%;\\n transform: translateY(-50%);\\n}\\n@media (max-width: 768px) {\\n.invoice-item__price[data-v-1f680715] {\\n margin-right: 0px;\\n padding-right: 0px;\\n}\\n}\\n.invoice-item__status[data-v-1f680715] {\\n color: var(--color-primary-black-metallic);\\n font-size: 12px;\\n}\\n.invoice-item__status__stat.request[data-v-1f680715] {\\n font-weight: 600;\\n margin-left: 8px;\\n}\\n.invoice-item__status__stat.active[data-v-1f680715] {\\n color: var(--color-primary-active) !important;\\n margin-left: 8px;\\n}\\n.invoice-item__status__stat.passive[data-v-1f680715] {\\n color: var(--color-warning) !important;\\n margin-left: 8px;\\n}\\n.invoice-item .cancel-modal[data-v-1f680715] {\\n z-index: 9999;\\n}\\n.invoice-item .cancel-modal .infoArea[data-v-1f680715] {\\n position: relative;\\n bottom: initial;\\n}\\n.invoice-item .cancel-modal .modal-heading[data-v-1f680715] {\\n height: 40px;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n align-items: center;\\n padding: 15px 30px;\\n justify-content: space-between;\\n}\\n.invoice-item .cancel-modal .modal-heading .close[data-v-1f680715] {\\n margin: 5px;\\n cursor: pointer;\\n}\\n.invoice-item .cancel-modal .modal-bottom[data-v-1f680715] {\\n margin-top: 1em;\\n border-top: 1px solid var(--grayscale-30);\\n display: flex;\\n justify-content: flex-end;\\n padding: 15px 30px;\\n}\\n.invoice-item .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n background-color: var(--color-warning);\\n color: var(--grayscale-0);\\n width: 180px;\\n font-size: 15px;\\n}\\n.invoice-item .cancel-modal .modal-body[data-v-1f680715] {\\n padding: 15px 30px;\\n}\\n.invoice-item .cancel-modal .modal-body__top[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n margin-right: 30px;\\n width: 96px;\\n height: 140px;\\n -o-object-fit: contain;\\n object-fit: contain;\\n}\\n.invoice-item .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n margin: 5px 0;\\n font-size: 16px;\\n}\\n.invoice-item .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n font-size: 20px;\\n font-weight: bold;\\n margin-top: 5px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.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");
|
|
3688
|
+
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, \".invoice-item-container[data-v-1f680715] {\\n padding: 20px;\\n background: var(--grayscale-0);\\n padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item[data-v-1f680715] {\\n width: 100%;\\n min-width: 850px;\\n border: 1px solid var(--grayscale-30);\\n background-color: var(--grayscale-0);\\n margin-bottom: 0px;\\n box-sizing: border-box;\\n padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__middle[data-v-1f680715] {\\n display: flex;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__top__hide__arrow[data-v-1f680715] {\\n transform: rotate(180deg);\\n}\\n.invoice-item-container .invoice-item .bold[data-v-1f680715] {\\n font-weight: bold;\\n}\\n@media (max-width: 676px) {\\n.invoice-item-container .invoice-item .bold-title[data-v-1f680715] {\\n font-size: 12px !important;\\n}\\n}\\n.invoice-item-container .invoice-item-group[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item-container .invoice-item .spacer[data-v-1f680715] {\\n margin: 0 10px;\\n}\\n.invoice-item-container .invoice-item__top[data-v-1f680715] {\\n border-bottom: 1px solid var(--grayscale-30);\\n padding-bottom: 20px;\\n display: flex;\\n justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__top .bold[data-v-1f680715] {\\n margin-bottom: 5px;\\n}\\n.invoice-item-container .invoice-item__top__title[data-v-1f680715] {\\n font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__subtitle[data-v-1f680715] {\\n font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__left-area[data-v-1f680715] {\\n width: 165px;\\n}\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n display: flex;\\n flex: 0.8;\\n justify-content: space-between;\\n text-align: center;\\n font-size: 13px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__top__hide[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n font-size: 13px;\\n color: var(--grayscale-50);\\n cursor: pointer;\\n}\\n.invoice-item-container .invoice-item__top__hide__text[data-v-1f680715] {\\n margin-right: 3px;\\n}\\n.invoice-item-container .invoice-item__top__hide__arrow[data-v-1f680715] {\\n transition: 0.5s;\\n}\\n.invoice-item-container .invoice-item__middle[data-v-1f680715] {\\n display: none;\\n flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle .w-100[data-v-1f680715] {\\n width: 100%;\\n}\\n.invoice-item-container .invoice-item__middle__row[data-v-1f680715] {\\n position: relative;\\n padding: 15px 0;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area[data-v-1f680715] {\\n width: 165px;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area span[data-v-1f680715] {\\n display: block;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n display: flex;\\n flex: 0.8;\\n text-align: center;\\n font-size: 13px;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__detail[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__total[data-v-1f680715] {\\n margin-left: auto;\\n margin-right: 0px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__bottom[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons[data-v-1f680715] {\\n justify-content: flex-end;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons .set-buttons[data-v-1f680715] {\\n max-width: 120px;\\n height: 25px;\\n font-size: 8pt;\\n}\\n.invoice-item-container .cancel-modal[data-v-1f680715] {\\n z-index: 9999;\\n}\\n.invoice-item-container .cancel-modal .infoArea[data-v-1f680715] {\\n position: relative;\\n bottom: initial;\\n}\\n.invoice-item-container .cancel-modal .modal-heading[data-v-1f680715] {\\n height: 40px;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n align-items: center;\\n padding: 15px 30px;\\n justify-content: space-between;\\n}\\n.invoice-item-container .cancel-modal .modal-heading .close[data-v-1f680715] {\\n margin: 5px;\\n cursor: pointer;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom[data-v-1f680715] {\\n margin-top: 1em;\\n border-top: 1px solid var(--grayscale-30);\\n display: flex;\\n justify-content: space-between;\\n padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n color: var(--grayscale-0);\\n width: 180px;\\n font-size: 15px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button.back[data-v-1f680715] {\\n background-color: var(--color-warning);\\n}\\n.invoice-item-container .cancel-modal .modal-body[data-v-1f680715] {\\n padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__top[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n text-align: center;\\n}\\n.invoice-item-container .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n margin-right: 30px;\\n width: 96px;\\n height: 140px;\\n -o-object-fit: contain;\\n object-fit: contain;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n margin: 5px 0;\\n font-size: 16px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n font-size: 20px;\\n font-weight: bold;\\n margin-top: 5px;\\n}\\n.invoice-item[data-v-1f680715] {\\n border: 1px solid var(--color-primary-tint-second);\\n width: 100%;\\n background: var(--grayscale-0);\\n margin-bottom: 20px;\\n border-radius: var(--radius-first);\\n}\\n.invoice-item__top[data-v-1f680715] {\\n justify-content: space-between;\\n display: flex;\\n padding: 16px 20px;\\n border-bottom: solid 1px var(--grayscale-30);\\n flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top[data-v-1f680715] {\\n flex-direction: column;\\n}\\n}\\n.invoice-item__top span[data-v-1f680715] {\\n font-size: 14px;\\n color: var(--grayscale-70);\\n}\\n.invoice-item__top .left[data-v-1f680715] {\\n flex: 1;\\n display: flex;\\n}\\n.invoice-item__top .left.flex-04[data-v-1f680715] {\\n flex: 0.4;\\n}\\n.invoice-item__top .left.flex-09[data-v-1f680715] {\\n flex: 0.9;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .left[data-v-1f680715] {\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n.invoice-item__top .left .section[data-v-1f680715] {\\n margin-right: 10px;\\n align-items: center;\\n justify-content: center;\\n display: flex;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section[data-v-1f680715] {\\n flex-wrap: wrap;\\n justify-content: start;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n flex-direction: column;\\n align-items: flex-start;\\n}\\n}\\n@media (max-width: 640px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n align-self: center;\\n}\\n}\\n.invoice-item__top .left .section img[data-v-1f680715] {\\n width: 80px;\\n}\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n background: var(--grayscale-20);\\n padding: 4px 5px;\\n margin-right: 10px;\\n border-radius: var(--radius-third);\\n display: flex;\\n align-items: center;\\n text-align: center;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n margin-bottom: 5px;\\n padding: 2px 8px;\\n}\\n}\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n font-size: 12px;\\n text-overflow: ellipsis;\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item__top .left .section .tag .text .marketName[data-v-1f680715] {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n max-width: 47px;\\n display: block;\\n}\\n@media (max-width: 400px) {\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n font-size: 10px !important;\\n}\\n}\\n.invoice-item__top .left .section .tag .text .icon[data-v-1f680715] {\\n width: 42px;\\n margin-right: -17px;\\n}\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n flex-direction: row;\\n align-items: unset;\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n margin-top: 11px;\\n}\\n}\\n.invoice-item__top .left .section-1[data-v-1f680715] {\\n flex-direction: column;\\n align-items: start;\\n}\\n.invoice-item__top .left .section-1 h5[data-v-1f680715] {\\n font-weight: 500;\\n line-height: 25px;\\n}\\n.invoice-item__top .right[data-v-1f680715] {\\n display: flex;\\n justify-content: flex-end;\\n align-items: center;\\n flex: 1;\\n gap: 55px;\\n}\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n align-items: flex-start;\\n flex: 0;\\n margin-left: 30px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n margin-left: 0px;\\n margin-top: 10px;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n gap: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n flex-wrap: wrap;\\n justify-content: center;\\n}\\n}\\n.invoice-item__top .right .col[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n flex-direction: column;\\n text-align: center;\\n}\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n line-height: normal;\\n color: var(--color-primary-black-metallic);\\n font-size: 12px;\\n}\\n@media (max-width: 600px) {\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n line-height: normal;\\n}\\n}\\n.invoice-item__top .right .col span[data-v-1f680715] {\\n color: var(--grayscale-120);\\n display: flex;\\n justify-content: center;\\n font-size: 12px;\\n font-weight: 400;\\n}\\n.invoice-item__top .right .col span .tooltip svg[data-v-1f680715] {\\n transform: scale(0.7);\\n margin-top: -5px;\\n}\\n.invoice-item__top .right .button-area[data-v-1f680715] {\\n padding: 0px;\\n width: auto;\\n font-size: 14px;\\n text-align: center;\\n cursor: pointer;\\n font-weight: 500;\\n position: relative;\\n display: flex;\\n flex: 1;\\n align-items: center;\\n}\\n.invoice-item__top .right .button-area.d-none[data-v-1f680715] {\\n display: none;\\n}\\n.invoice-item__top .right .button-area .text[data-v-1f680715] {\\n margin-left: 5px;\\n color: var(--color-primary-default);\\n}\\n.invoice-item__top .right .button-area .dropdown[data-v-1f680715] {\\n visibility: hidden;\\n opacity: 0;\\n position: absolute;\\n width: 165px;\\n right: 0;\\n top: 20px;\\n background-color: #fff;\\n border-radius: var(--radius-first);\\n box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);\\n z-index: 1;\\n padding: 7px 0;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715] {\\n padding: 7px 15px;\\n text-align: left;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715]:hover {\\n background: #e9e9eb;\\n}\\n.invoice-item__top .right .button-area .dropdown-item__text[data-v-1f680715] {\\n font-size: 14px;\\n}\\n.invoice-item__top .right .button-area:hover .dropdown[data-v-1f680715] {\\n visibility: visible;\\n opacity: 1;\\n}\\n.invoice-item__middle[data-v-1f680715] {\\n padding: 12.5px 20px;\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle[data-v-1f680715] {\\n padding: 10px 0px;\\n flex-direction: column;\\n}\\n}\\n@media (max-width: 320px) {\\n.invoice-item__middle[data-v-1f680715] {\\n justify-content: center;\\n}\\n}\\n.invoice-item__middle .left[data-v-1f680715],\\n .invoice-item__middle .right[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item__middle .left .item.integration-warning svg[data-v-1f680715],\\n .invoice-item__middle .right .item.integration-warning svg[data-v-1f680715] {\\n filter: invert(31%) sepia(71%) saturate(7020%) hue-rotate(351deg) brightness(89%) contrast(131%);\\n transition: all 1s ease-in;\\n -webkit-animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n}\\n@-webkit-keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n transform: rotate(0deg);\\n}\\n25% {\\n transform: rotate(15deg);\\n}\\n50% {\\n transform: rotate(0deg);\\n}\\n75% {\\n transform: rotate(-15deg);\\n}\\n100% {\\n transform: rotate(0deg);\\n}\\n}\\n@keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n transform: rotate(0deg);\\n}\\n25% {\\n transform: rotate(15deg);\\n}\\n50% {\\n transform: rotate(0deg);\\n}\\n75% {\\n transform: rotate(-15deg);\\n}\\n100% {\\n transform: rotate(0deg);\\n}\\n}\\n.invoice-item__middle .left .item span[data-v-1f680715],\\n .invoice-item__middle .right .item span[data-v-1f680715] {\\n color: var(--grayscale-70);\\n}\\n.invoice-item__middle .left .item strong[data-v-1f680715],\\n .invoice-item__middle .right .item strong[data-v-1f680715] {\\n font-size: 12px;\\n}\\n.invoice-item__middle .left[data-v-1f680715] {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n}\\n@media (max-width: 650px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n padding-top: 10px;\\n flex-wrap: wrap;\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n padding: 0px;\\n justify-content: center;\\n}\\n.invoice-item__middle .left.package-container[data-v-1f680715] {\\n width: 100%;\\n}\\n.invoice-item__middle .left.package-container .item[data-v-1f680715] {\\n width: 100%;\\n text-align: center;\\n flex-flow: unset;\\n flex-wrap: wrap;\\n}\\n}\\n.invoice-item__middle .left .item[data-v-1f680715] {\\n display: flex;\\n gap: 3px;\\n font-size: 12px;\\n}\\n@media (max-width: 375px) {\\n.invoice-item__middle .left .item[data-v-1f680715]:nth-child(2) {\\n display: block;\\n width: 100%;\\n text-align: center;\\n}\\n}\\n.invoice-item__middle .left .item:nth-child(2) span[data-v-1f680715] {\\n margin: 0px 5px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .right[data-v-1f680715] {\\n width: 100%;\\n flex-wrap: wrap;\\n justify-content: center;\\n flex-direction: column;\\n margin-bottom: 10px;\\n}\\n}\\n.invoice-item__bottom[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n background: var(--grayscale-140);\\n font-size: 12px;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n.invoice-item__bottom .toggle[data-v-1f680715] {\\n transform: rotate(180deg);\\n transition: 0.2s ease-in-out;\\n}\\n.invoice-item__bottom .toggle.active[data-v-1f680715] {\\n transform: rotate(0deg);\\n transition: 0.2s ease-in;\\n}\\n.invoice-item__bottom .left[data-v-1f680715] {\\n padding: 18px 20px;\\n flex: 0.99;\\n}\\n.invoice-item__bottom .left .item[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n flex-wrap: wrap;\\n}\\n.invoice-item__bottom .left .item strong[data-v-1f680715] {\\n margin-right: 10px;\\n}\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n display: none;\\n}\\n}\\n.invoice-item__bottom .left .item .seperator[data-v-1f680715] {\\n width: 1px;\\n height: 22px;\\n display: inline-block;\\n margin: 0px 10px;\\n background: var(--grayscale-130);\\n}\\n.invoice-item__bottom .right[data-v-1f680715] {\\n align-items: center;\\n cursor: pointer;\\n padding: 0px 20px;\\n}\\n.invoice-item__bottom__packages[data-v-1f680715] {\\n width: 100%;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper[data-v-1f680715] {\\n position: relative;\\n display: table;\\n width: 100%;\\n border: 1px solid var(--color-primary-tint-second);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715], .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n padding: 13px 20px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715] {\\n display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.last[data-v-1f680715] {\\n font-weight: 700;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715]:nth-child(2n) {\\n background: var(--color-primary-zebra);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n display: none;\\n background-color: var(--color-primary-tint);\\n font-size: 12px;\\n font-style: normal;\\n font-weight: 700;\\n line-height: normal;\\n position: sticky;\\n top: 0px;\\n}\\n@media screen and (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n position: sticky;\\n top: 0px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption.active[data-v-1f680715] {\\n display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715] {\\n text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715]:first-child {\\n font-size: 14px;\\n text-align: left;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n display: table-cell;\\n box-sizing: border-box;\\n color: var(--color-primary-black-metallic);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell .seperator[data-v-1f680715] {\\n display: inline-block;\\n margin-left: 4px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(4) {\\n color: var(--grayscale-120);\\n text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(4) {\\n text-align: center;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n padding: 10px 5px;\\n vertical-align: middle;\\n font-size: 11px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .accordion-content[data-v-1f680715] {\\n display: table-row-group;\\n background: var(--grayscale-0);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .collapse-icon[data-v-1f680715] {\\n transform: rotate(0deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-title-wrapper[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .collapse-icon[data-v-1f680715] {\\n transform: rotate(180deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-content[data-v-1f680715] {\\n display: none;\\n}\\n.invoice-item__price[data-v-1f680715] {\\n font-size: 12px;\\n margin-right: 20px;\\n padding-right: 20px;\\n color: var(--color-primary-black-metallic);\\n font-weight: 600;\\n position: relative;\\n}\\n.invoice-item__price__text[data-v-1f680715] {\\n font-weight: 400;\\n}\\n.invoice-item__price[data-v-1f680715]::after {\\n content: \\\"\\\";\\n display: block;\\n width: 1px;\\n height: 22px;\\n background: var(--color-primary-tint-second);\\n position: absolute;\\n right: 0px;\\n top: 50%;\\n transform: translateY(-50%);\\n}\\n@media (max-width: 768px) {\\n.invoice-item__price[data-v-1f680715] {\\n margin-right: 0px;\\n padding-right: 0px;\\n}\\n}\\n.invoice-item__status[data-v-1f680715] {\\n color: var(--color-primary-black-metallic);\\n font-size: 12px;\\n}\\n.invoice-item__status__stat.request[data-v-1f680715] {\\n font-weight: 600;\\n margin-left: 8px;\\n}\\n.invoice-item__status__stat.active[data-v-1f680715] {\\n color: var(--color-primary-active) !important;\\n margin-left: 8px;\\n}\\n.invoice-item__status__stat.passive[data-v-1f680715] {\\n color: var(--color-warning) !important;\\n margin-left: 8px;\\n}\\n.invoice-item .cancel-modal[data-v-1f680715] {\\n z-index: 9999;\\n}\\n.invoice-item .cancel-modal .infoArea[data-v-1f680715] {\\n position: relative;\\n bottom: initial;\\n}\\n.invoice-item .cancel-modal .modal-heading[data-v-1f680715] {\\n height: 40px;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n align-items: center;\\n padding: 15px 30px;\\n justify-content: space-between;\\n}\\n.invoice-item .cancel-modal .modal-heading .close[data-v-1f680715] {\\n margin: 5px;\\n cursor: pointer;\\n}\\n.invoice-item .cancel-modal .modal-bottom[data-v-1f680715] {\\n margin-top: 1em;\\n border-top: 1px solid var(--grayscale-30);\\n display: flex;\\n justify-content: flex-end;\\n padding: 15px 30px;\\n}\\n.invoice-item .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n background-color: var(--color-warning);\\n color: var(--grayscale-0);\\n width: 180px;\\n font-size: 15px;\\n}\\n.invoice-item .cancel-modal .modal-body[data-v-1f680715] {\\n padding: 15px 30px;\\n}\\n.invoice-item .cancel-modal .modal-body__top[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n margin-right: 30px;\\n width: 96px;\\n height: 140px;\\n -o-object-fit: contain;\\n object-fit: contain;\\n}\\n.invoice-item .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n margin: 5px 0;\\n font-size: 16px;\\n}\\n.invoice-item .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n font-size: 20px;\\n font-weight: bold;\\n margin-top: 5px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.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");
|
|
3689
3689
|
|
|
3690
3690
|
/***/ }),
|
|
3691
3691
|
|