osmanli-yatirim 0.5.13 → 0.5.14

package/dist/OsmanliYatirimPackage.common.0.js

@@ -1,30 +1,242 @@
 ((typeof self !== 'undefined' ? self : this)["webpackJsonpOsmanliYatirimPackage"] = (typeof self !== 'undefined' ? self : this)["webpackJsonpOsmanliYatirimPackage"] || []).push([[0],{
 
-/***/ "./node_modules/cache-loader/dist/cjs.js?!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js?!./src/components/SkeletonLoading/ListViewSkeleton.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./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!./src/components/SkeletonLoading/ListViewSkeleton.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/cache-loader/dist/cjs.js?!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js?!./src/components/EquityPortfolioDatatable/index.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./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!./src/components/EquityPortfolioDatatable/index.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony import */ var core_js_modules_es_array_reduce_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.reduce.js */ "./node_modules/core-js/modules/es.array.reduce.js");
+/* harmony import */ var core_js_modules_es_array_reduce_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_reduce_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _utils_helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/utils/helpers */ "./src/utils/helpers.js");
+/* harmony import */ var _components_DynamicTable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components/DynamicTable */ "./src/components/DynamicTable/index.vue");
+/* harmony import */ var _components_EquityPortfolioDatatable_TableActionLink__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/components/EquityPortfolioDatatable/TableActionLink */ "./src/components/EquityPortfolioDatatable/TableActionLink.vue");
+/* harmony import */ var _components_Modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/components/Modal */ "./src/components/Modal/index.vue");
+/* harmony import */ var _components_Controls__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/components/Controls */ "./src/components/Controls/index.vue");
+/* harmony import */ var _components_DownloadPopup__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @/components/DownloadPopup */ "./src/components/DownloadPopup/index.vue");
+/* harmony import */ var _components_Alerts_Alerts__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @/components/Alerts/Alerts */ "./src/components/Alerts/Alerts.vue");
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _utils_Constants__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @/utils/Constants */ "./src/utils/Constants.js");
+
+
+
+
+
+
+
+
+
+
+
+const ListViewSkeleton = () => Promise.resolve(/*! import() */).then(__webpack_require__.bind(null, /*! @/components/SkeletonLoading/ListViewSkeleton */ "./src/components/SkeletonLoading/ListViewSkeleton.vue"));
+
 /* harmony default export */ __webpack_exports__["default"] = ({
-  name: 'ListViewSkeleton',
+  name: "equity-portfolio-datatable",
+  components: {
+    TableActionLink: _components_EquityPortfolioDatatable_TableActionLink__WEBPACK_IMPORTED_MODULE_3__["default"],
+    ListViewSkeleton,
+    DynamicTable: _components_DynamicTable__WEBPACK_IMPORTED_MODULE_2__["default"],
+    Controls: _components_Controls__WEBPACK_IMPORTED_MODULE_5__["default"],
+    DownloadPopup: _components_DownloadPopup__WEBPACK_IMPORTED_MODULE_6__["default"],
+    Modal: _components_Modal__WEBPACK_IMPORTED_MODULE_4__["default"],
+    Alerts: _components_Alerts_Alerts__WEBPACK_IMPORTED_MODULE_7__["default"]
+  },
   props: {
-    lineCount: {
+    total: {
       type: Number,
-      default: 10
+      required: false,
+      default: 0
+    },
+    profitAndLoss: {
+      type: Number,
+      required: false,
+      default: 0
+    },
+    list: Array,
+    lastOneDayNotice: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    isByf: {
+      type: Boolean,
+      default: false
+    },
+    isStockPortfolio: {
+      type: Boolean,
+      default: false
+    },
+    stockStatus: {
+      type: Boolean
+    }
+  },
+
+  data() {
+    return {
+      isVisibleExport: false,
+      isVisibleModal: false,
+      ignoreWatch: false,
+      formatPrice: _utils_helpers__WEBPACK_IMPORTED_MODULE_1__["default"].formatPrice,
+      warningMessage: null,
+      lastText: null,
+      root: null
+    };
+  },
+
+  methods: {
+    onPageChanged(currentPage) {
+      this.$emit("onPageChanged", currentPage);
+    },
+
+    calculateChanged(lastPrice, closing) {
+      return _utils_helpers__WEBPACK_IMPORTED_MODULE_1__["default"].changed(lastPrice, closing);
+    },
+
+    openOrCloseFullScreenModal() {
+      this.isVisibleModal = !this.isVisibleModal;
+    },
+
+    handleExport() {
+      this.exportList = this.list.map(extract => {
+        return {
+          Menkul: extract.tur,
+          Adet: extract.t2adet,
+          Maliyet: this.formatPrice(extract.maliyet),
+          "Kapanış": this.formatPrice(extract.kapanis2 ? extract.kapanis2 : extract.kapanis3),
+          "Son Fiyat": this.formatPrice(extract.kapanis3),
+          "Değişim (%)": this.formatPrice(this.calculateChanged(extract.kapanis3, extract.kapanis2)),
+          "TL Değeri": this.formatPrice(extract.tutar3),
+          "Kar/Zarar": this.formatPrice(extract.karZarar),
+          "% Kar/Zarar": this.formatPrice(extract.karZararYuzde)
+        };
+      });
+      this.isVisibleExport = true;
+    }
+
+  },
+  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_8__["mapGetters"])({
+      testsResult: "user/getUserTestsResult"
+    }),
+
+    headers() {
+      let headerList = [{
+        name: "Menkul",
+        value: "tur"
+      }, {
+        name: "Adet",
+        value: "t2adet",
+        thousandDigitFormatting: true
+      }, {
+        name: "Maliyet",
+        value: "maliyet",
+        formatPrice: true
+      }, {
+        name: "Kapanış",
+        value: "kapanis"
+      }, {
+        name: "Son Fiyat",
+        value: "kapanis3",
+        formatPrice: true
+      }, {
+        name: "Değişim (%)",
+        value: "degisim",
+        isTextRight: true
+      }, {
+        name: "TL Değeri",
+        value: "tutar3",
+        formatPrice: true
+      }, {
+        name: "Kar/Zarar",
+        value: "karZarar"
+      }, {
+        name: "Kar/Zarar (%)",
+        value: "karZararYuzde"
+      }];
+
+      if (!this.warningMessage) {
+        headerList.splice(9, 0, {
+          name: "İşlem Yap",
+          value: "actions"
+        });
+      }
+
+      if (this.ignoreWatch) {
+        headerList.splice(10, 0, {
+          name: "Alarm",
+          value: "alarm"
+        });
+        headerList.splice(11, 0, {
+          name: "İzle",
+          value: "izle"
+        });
+      }
+
+      return headerList;
+    },
+
+    footers() {
+      const totalPrice = this.list.reduce((acc, price) => {
+        return acc + price.t2adet * price.kapanis3;
+      }, 0);
+      const totalProfitLoss = this.list.reduce((acc, profitLoss) => {
+        return acc + profitLoss.karZarar;
+      }, 0);
+      const footerList = [{
+        name: "Değişim (%)",
+        text: "Toplam",
+        isFontWeightBold: true,
+        isTextRight: true
+      }, {
+        name: "TL Değeri",
+        value: totalPrice,
+        formatPrice: true,
+        isFontWeightBold: true
+      }, {
+        name: "Kar/Zarar",
+        value: totalProfitLoss,
+        formatPrice: true,
+        isRedGreenClass: true,
+        isFontWeightBold: true
+      }];
+      const mobileFooter = [{
+        name: "TL Değeri Toplam:",
+        value: totalPrice
+      }, {
+        name: "Kar/Zarar Toplam:",
+        value: totalProfitLoss
+      }];
+      return this.$store.state['user'].mdScreen > _utils_Constants__WEBPACK_IMPORTED_MODULE_9__["Screen"].md ? footerList : mobileFooter;
+    }
+
+  },
+  watch: {
+    testsResult: {
+      handler(value) {
+        if (value) {
+          const ruleResult = _utils_helpers__WEBPACK_IMPORTED_MODULE_1__["default"].ruleOne(value.suitabilityDeclare, value.legitimacy, value.investmentConsultancyContract, value.suitabilityTest);
+          this.warningMessage = ruleResult.warningMessage;
+          this.lastText = ruleResult.lastText;
+
+          if (this.warningMessage) {
+            this.root = _utils_helpers__WEBPACK_IMPORTED_MODULE_1__["default"].findRedirectPage(this.warningMessage);
+          }
+        }
+      },
+
+      immediate: true
     }
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"d59ae0f0-vue-loader-template\"}!./node_modules/cache-loader/dist/cjs.js?!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js?!./src/components/SkeletonLoading/ListViewSkeleton.vue?vue&type=template&id=431db800&scoped=true&":
-/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d59ae0f0-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/SkeletonLoading/ListViewSkeleton.vue?vue&type=template&id=431db800&scoped=true& ***!
-  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"d59ae0f0-vue-loader-template\"}!./node_modules/cache-loader/dist/cjs.js?!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js?!./src/components/EquityPortfolioDatatable/index.vue?vue&type=template&id=3a8ee314&scoped=true&":
+/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d59ae0f0-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/EquityPortfolioDatatable/index.vue?vue&type=template&id=3a8ee314&scoped=true& ***!
+  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -36,16 +248,449 @@ var render = function render() {
   var _vm = this,
       _c = _vm._self._c;
 
-  return _c("div", {
-    staticClass: "skeleton-container"
+  return _c("div", [_vm.warningMessage && !_vm.isStockPortfolio ? _c("Alerts", {
+    attrs: {
+      message: _vm.warningMessage,
+      link: {
+        name: _vm.root
+      },
+      "link-label": _vm.lastText,
+      restraint: ""
+    }
+  }) : _vm._e(), _vm.list !== undefined && _vm.list.length > 0 ? _c("div", {
+    staticClass: "p-relative"
   }, [_c("div", {
-    staticClass: "skeleton-container__box"
-  }, _vm._l(_vm.lineCount, function (loading, index) {
-    return _c("div", {
-      key: index,
-      staticClass: "gradient element"
-    });
-  }), 0)]);
+    staticClass: "tab-btns"
+  }, [_c("Controls", {
+    attrs: {
+      "export-function": _vm.handleExport,
+      "set-full-screen": _vm.openOrCloseFullScreenModal,
+      "add-export": "",
+      "is-full-screen": ""
+    }
+  })], 1), _c("dynamic-table", {
+    attrs: {
+      "data-list": _vm.list,
+      headers: _vm.headers,
+      "on-page-changed": _vm.onPageChanged,
+      "use-pager": "",
+      footers: _vm.footers
+    },
+    scopedSlots: _vm._u([{
+      key: "tur",
+      fn: function ({
+        item
+      }) {
+        return [_c("a", {
+          attrs: {
+            href: _vm._f("convertToBorsaDirektUrl")(item.tur),
+            target: "_bank"
+          }
+        }, [_c("img", {
+          attrs: {
+            src: __webpack_require__(/*! @/assets/images/icons/icon@action-gray.svg */ "./src/assets/images/icons/icon@action-gray.svg"),
+            alt: ""
+          }
+        })]), _c("strong", [_vm._v(" " + _vm._s(item.tur) + " ")])];
+      }
+    }, {
+      key: "kapanis",
+      fn: function ({
+        item
+      }) {
+        return [_vm._v(" " + _vm._s(item.kapanis2 ? _vm.formatPrice(item.kapanis2) : _vm.formatPrice(item.kapanis3)) + " ")];
+      }
+    }, {
+      key: "degisim",
+      fn: function ({
+        item
+      }) {
+        return [_c("div", {
+          class: [_vm.calculateChanged(item.kapanis3, item.kapanis2) < 0 ? "red" : "green", "column-center", "text-right"]
+        }, [_c("span", [_vm._v(_vm._s(_vm._f("filterPrice")(_vm.calculateChanged(item.kapanis3, item.kapanis2))))])])];
+      }
+    }, {
+      key: "karZararYuzde",
+      fn: function ({
+        item
+      }) {
+        return [_c("div", {
+          class: [item.karZararYuzde < 0 ? "red" : "green", "column-center"]
+        }, [_c("span", [_vm._v(_vm._s(_vm._f("filterPrice")(Math.abs(item.karZararYuzde))))])])];
+      }
+    }, {
+      key: "karZarar",
+      fn: function ({
+        item
+      }) {
+        return [_c("div", {
+          class: [item.karZarar < 0 ? "red" : "green", "column-center"]
+        }, [_c("span", [_vm._v(_vm._s(_vm._f("filterPrice")(Math.abs(item.karZarar))))])])];
+      }
+    }, {
+      key: "kapanis3",
+      fn: function ({
+        item
+      }) {
+        return [_c("div", {
+          staticClass: "column-center"
+        }, [_c("span", [_vm._v(_vm._s(_vm._f("filterPrice")(item.kapanis3)))])])];
+      }
+    }, {
+      key: "maliyet",
+      fn: function ({
+        item
+      }) {
+        return [_c("div", {
+          staticClass: "column-center"
+        }, [_c("span", [_vm._v(_vm._s(_vm._f("filterPrice")(item.maliyet)))])])];
+      }
+    }, {
+      key: "actions",
+      fn: function ({
+        item
+      }) {
+        return [_c("div", {
+          staticClass: "actions"
+        }, [_c("TableActionLink", {
+          attrs: {
+            type: "success",
+            "is-byf": _vm.isByf,
+            to: {
+              query: {
+                type: "buy",
+                code: item.turNo
+              },
+              name: _vm.isByf ? "BuySellBYFStock" : "BuySellStock"
+            },
+            name: "Al"
+          }
+        }), _c("TableActionLink", {
+          attrs: {
+            type: "danger",
+            to: {
+              query: {
+                type: "sell",
+                code: item.turNo
+              },
+              name: _vm.isByf ? "BuySellBYFStock" : "BuySellStock"
+            },
+            name: "Sat"
+          }
+        })], 1)];
+      }
+    }, {
+      key: "mobileActions",
+      fn: function (item) {
+        return [_c("div", {
+          staticClass: "mobile-actions"
+        }, [_vm.ignoreWatch ? _c("div", {
+          staticClass: "bg-none"
+        }, [_c("img", {
+          staticClass: "mobile-watch-icon",
+          attrs: {
+            src: __webpack_require__(/*! @/assets/images/icons/icon@star.svg */ "./src/assets/images/icons/icon@star.svg"),
+            alt: ""
+          }
+        }), _c("p", [_vm._v("İzle")])]) : _vm._e(), _vm.ignoreWatch ? _c("div", {
+          staticClass: "bg-none"
+        }, [_c("img", {
+          staticClass: "mobile-alarm-icon",
+          attrs: {
+            src: __webpack_require__(/*! @/assets/images/icons/icon@alarm.svg */ "./src/assets/images/icons/icon@alarm.svg"),
+            alt: ""
+          }
+        }), _c("p", [_vm._v("Alarm")])]) : _vm._e(), _c("TableActionLink", {
+          attrs: {
+            to: {
+              name: "BuySellStock",
+              query: {
+                type: "buy",
+                code: item.turNo
+              }
+            },
+            type: "success",
+            name: "Al"
+          }
+        }), _c("TableActionLink", {
+          attrs: {
+            to: {
+              name: "BuySellStock",
+              query: {
+                type: "sell",
+                code: item.turNo
+              }
+            },
+            name: "Sat",
+            type: "danger"
+          }
+        })], 1)];
+      }
+    }, {
+      key: "izle",
+      fn: function ({}) {
+        return [_c("div", {
+          staticClass: "bg-none"
+        }, [_c("img", {
+          attrs: {
+            src: __webpack_require__(/*! @/assets/images/icons/icon@star.svg */ "./src/assets/images/icons/icon@star.svg"),
+            alt: ""
+          }
+        })])];
+      }
+    }, {
+      key: "alarm",
+      fn: function ({}) {
+        return [_c("TableActionLink", {
+          attrs: {
+            type: "outlined",
+            name: "Kur",
+            to: {}
+          }
+        })];
+      }
+    }], null, false, 2754436778)
+  }), _c("div", {
+    staticClass: "grid-item no-padding"
+  }, [_vm.isVisibleModal ? _c("Modal", {
+    attrs: {
+      "full-screen": ""
+    },
+    on: {
+      close: _vm.openOrCloseFullScreenModal
+    },
+    scopedSlots: _vm._u([{
+      key: "header",
+      fn: function () {
+        return [_c("h3", {
+          staticClass: "stock-portfolio__title"
+        }, [_vm._v("Hisse Portföyüm")])];
+      },
+      proxy: true
+    }, {
+      key: "body",
+      fn: function () {
+        return [_c("Controls", {
+          attrs: {
+            "export-function": _vm.handleExport,
+            "add-export": ""
+          }
+        }), _c("dynamic-table", {
+          attrs: {
+            "data-list": _vm.list,
+            headers: _vm.headers,
+            "page-size": 16,
+            "on-page-changed": _vm.onPageChanged,
+            "use-pager": "",
+            footers: _vm.footers
+          },
+          scopedSlots: _vm._u([{
+            key: "tur",
+            fn: function ({
+              item
+            }) {
+              return [_c("a", {
+                attrs: {
+                  href: _vm._f("convertToBorsaDirektUrl")(item.tur),
+                  target: "_bank"
+                }
+              }, [_c("img", {
+                attrs: {
+                  src: __webpack_require__(/*! @/assets/images/icons/icon@action-gray.svg */ "./src/assets/images/icons/icon@action-gray.svg"),
+                  alt: ""
+                }
+              })]), _c("strong", [_vm._v(" " + _vm._s(item.tur) + " ")])];
+            }
+          }, {
+            key: "kapanis",
+            fn: function ({
+              item
+            }) {
+              return [_vm._v(" " + _vm._s(item.kapanis2 ? _vm.formatPrice(item.kapanis2) : _vm.formatPrice(item.kapanis3)) + " ")];
+            }
+          }, {
+            key: "degisim",
+            fn: function ({
+              item
+            }) {
+              return [_c("div", {
+                class: [_vm.calculateChanged(item.kapanis3, item.kapanis2) < 0 ? "red" : "green", "column-center"]
+              }, [_c("span", [_vm._v(_vm._s(_vm._f("filterPrice")(_vm.calculateChanged(item.kapanis3, item.kapanis2))))])])];
+            }
+          }, {
+            key: "karZararYuzde",
+            fn: function ({
+              item
+            }) {
+              return [_c("div", {
+                class: [item.karZararYuzde < 0 ? "red" : "green", "column-center"]
+              }, [_c("span", [_vm._v(_vm._s(_vm._f("filterPrice")(Math.abs(item.karZararYuzde))))])])];
+            }
+          }, {
+            key: "karZarar",
+            fn: function ({
+              item
+            }) {
+              return [_c("div", {
+                class: [item.karZarar < 0 ? "red" : "green", "column-center"]
+              }, [_c("span", [_vm._v(_vm._s(_vm._f("filterPrice")(Math.abs(item.karZarar))))])])];
+            }
+          }, {
+            key: "kapanis3",
+            fn: function ({
+              item
+            }) {
+              return [_c("div", {
+                staticClass: "column-center"
+              }, [_c("span", [_vm._v(_vm._s(_vm._f("filterPrice")(item.kapanis3)))])])];
+            }
+          }, {
+            key: "maliyet",
+            fn: function ({
+              item
+            }) {
+              return [_c("div", {
+                staticClass: "column-center"
+              }, [_c("span", [_vm._v(_vm._s(_vm._f("filterPrice")(item.maliyet)))])])];
+            }
+          }, {
+            key: "actions",
+            fn: function ({
+              item
+            }) {
+              return [_c("div", {
+                staticClass: "actions"
+              }, [_c("TableActionLink", {
+                attrs: {
+                  type: "success",
+                  "is-byf": _vm.isByf,
+                  to: {
+                    query: {
+                      type: "buy",
+                      code: item.turNo
+                    },
+                    name: _vm.isByf ? "BuySellBYFStock" : "BuySellStock"
+                  },
+                  name: "Al"
+                }
+              }), _c("TableActionLink", {
+                attrs: {
+                  type: "danger",
+                  to: {
+                    query: {
+                      type: "sell",
+                      code: item.turNo
+                    },
+                    name: _vm.isByf ? "BuySellBYFStock" : "BuySellStock"
+                  },
+                  name: "Sat"
+                }
+              })], 1)];
+            }
+          }, {
+            key: "mobileActions",
+            fn: function (item) {
+              return [_c("div", {
+                staticClass: "mobile-actions"
+              }, [_vm.ignoreWatch ? _c("div", {
+                staticClass: "bg-none"
+              }, [_c("img", {
+                staticClass: "mobile-watch-icon",
+                attrs: {
+                  src: __webpack_require__(/*! @/assets/images/icons/icon@star.svg */ "./src/assets/images/icons/icon@star.svg"),
+                  alt: ""
+                }
+              }), _c("p", [_vm._v("İzle")])]) : _vm._e(), _vm.ignoreWatch ? _c("div", {
+                staticClass: "bg-none"
+              }, [_c("img", {
+                staticClass: "mobile-alarm-icon",
+                attrs: {
+                  src: __webpack_require__(/*! @/assets/images/icons/icon@alarm.svg */ "./src/assets/images/icons/icon@alarm.svg"),
+                  alt: ""
+                }
+              }), _c("p", [_vm._v("Alarm")])]) : _vm._e(), _c("TableActionLink", {
+                attrs: {
+                  to: {
+                    name: "BuySellStock",
+                    query: {
+                      type: "buy",
+                      code: item.turNo
+                    }
+                  },
+                  type: "success",
+                  name: "Al"
+                }
+              }), _c("TableActionLink", {
+                attrs: {
+                  to: {
+                    name: "BuySellStock",
+                    query: {
+                      type: "sell",
+                      code: item.turNo
+                    }
+                  },
+                  name: "Sat",
+                  type: "danger"
+                }
+              })], 1)];
+            }
+          }, {
+            key: "izle",
+            fn: function ({}) {
+              return [_c("div", {
+                staticClass: "bg-none"
+              }, [_c("img", {
+                attrs: {
+                  src: __webpack_require__(/*! @/assets/images/icons/icon@star.svg */ "./src/assets/images/icons/icon@star.svg"),
+                  alt: ""
+                }
+              })])];
+            }
+          }, {
+            key: "alarm",
+            fn: function ({}) {
+              return [_c("TableActionLink", {
+                attrs: {
+                  type: "outlined",
+                  name: "Kur",
+                  to: {}
+                }
+              })];
+            }
+          }], null, false, 2810029174)
+        })];
+      },
+      proxy: true
+    }], null, false, 598258002)
+  }) : _vm._e()], 1), _vm.isVisibleExport ? _c("DownloadPopup", {
+    attrs: {
+      "export-pop": "",
+      email: "",
+      data: _vm.exportList,
+      title: "Hisse Portföyüm"
+    },
+    on: {
+      close: function ($event) {
+        _vm.isVisibleExport = false;
+      }
+    }
+  }) : _vm._e(), !_vm.isByf ? _c("Alerts", {
+    staticClass: "mt-30",
+    attrs: {
+      medium: "",
+      message: "Hisse ve varant maliyetlerine hisse başına komisyon bedeli ilave edilmiştir ve kar/zarar hesaplamalarında fifo yöntemi (satışlarda ilk alınan kıymetlerden başlanması yöntemi) uygulanır."
+    }
+  }) : _vm._e()], 1) : _vm.stockStatus && _vm.list.length === 0 ? _c("Alerts", {
+    attrs: {
+      message: _vm.isByf ? "Portföyünüzde byf bulunmamaktadır. İşlem yapmak için" : "Portföyünüzde hisse senedi bulunmamaktadır. İşlem yapmak için",
+      link: _vm.isByf ? {
+        name: "BuySellBYFStock"
+      } : {
+        name: "BuySellStock"
+      },
+      "link-label": "tıklayınız."
+    }
+  }) : _c("ListViewSkeleton")], 1);
 };
 
 var staticRenderFns = [];
@@ -54,10 +699,10 @@ render._withStripped = true;
 
 /***/ }),
 
-/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js?!./src/components/SkeletonLoading/ListViewSkeleton.vue?vue&type=style&index=0&id=431db800&lang=scss&scoped=true&":
-/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./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!./src/components/SkeletonLoading/ListViewSkeleton.vue?vue&type=style&index=0&id=431db800&lang=scss&scoped=true& ***!
-  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js?!./src/components/EquityPortfolioDatatable/index.vue?vue&type=style&index=0&id=3a8ee314&lang=scss&scoped=true&":
+/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./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!./src/components/EquityPortfolioDatatable/index.vue?vue&type=style&index=0&id=3a8ee314&lang=scss&scoped=true& ***!
+  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -65,47 +710,58 @@ render._withStripped = true;
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
 exports = ___CSS_LOADER_API_IMPORT___(false);
 // Module
-exports.push([module.i, ".skeleton-container[data-v-431db800] {\n  width: 100%;\n  height: auto;\n  margin: 0 auto;\n  overflow: hidden;\n}\n.skeleton-container__box .element[data-v-431db800] {\n    margin-bottom: 18px;\n    height: 16px;\n    width: 100%;\n}\n.gradient[data-v-431db800] {\n  -webkit-animation-duration: 1.8s;\n          animation-duration: 1.8s;\n  -webkit-animation-fill-mode: forwards;\n          animation-fill-mode: forwards;\n  -webkit-animation-iteration-count: infinite;\n          animation-iteration-count: infinite;\n  -webkit-animation-name: placeHolderShimmer-431db800;\n          animation-name: placeHolderShimmer-431db800;\n  -webkit-animation-timing-function: linear;\n          animation-timing-function: linear;\n  background: #fafafa;\n  background: linear-gradient(to right, #fafafa 15%, #cdcdcd 20%, #fafafa 30%, #fafafa 15%);\n  background-size: 1000px 640px;\n  border-radius: 15px;\n  position: relative;\n}\n@-webkit-keyframes placeHolderShimmer-431db800 {\n0% {\n    background-position: -468px 0;\n}\n100% {\n    background-position: 468px 0;\n}\n}\n@keyframes placeHolderShimmer-431db800 {\n0% {\n    background-position: -468px 0;\n}\n100% {\n    background-position: 468px 0;\n}\n}\n", ""]);
+exports.push([module.i, ".red[data-v-3a8ee314] {\n  color: #f5455d;\n}\n.green[data-v-3a8ee314] {\n  color: #2ebd85;\n}\n.column-center[data-v-3a8ee314] {\n  width: 100%;\n  text-align: right;\n}\n@media screen and (max-width: 992px) {\n.column-center[data-v-3a8ee314] {\n      display: block;\n}\n}\n.column-center span[data-v-3a8ee314] {\n    width: 70%;\n}\n@media screen and (max-width: 992px) {\n.column-center span[data-v-3a8ee314] {\n        width: 100%;\n}\n}\n.mobile-actions[data-v-3a8ee314] {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  margin-left: 15%;\n}\n.mobile-watch-icon[data-v-3a8ee314],\n.mobile-alarm-icon[data-v-3a8ee314] {\n  width: 20px;\n  height: 20px;\n}\n.bg-none[data-v-3a8ee314] {\n  color: #9fa6ad;\n  text-align: center;\n  background: none;\n  cursor: pointer;\n}\n", ""]);
 // Exports
 module.exports = exports;
 
 
 /***/ }),
 
-/***/ "./node_modules/vue-style-loader/index.js?!./node_modules/css-loader/dist/cjs.js?!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js?!./src/components/SkeletonLoading/ListViewSkeleton.vue?vue&type=style&index=0&id=431db800&lang=scss&scoped=true&":
-/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-style-loader??ref--9-oneOf-1-0!./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!./src/components/SkeletonLoading/ListViewSkeleton.vue?vue&type=style&index=0&id=431db800&lang=scss&scoped=true& ***!
-  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-style-loader/index.js?!./node_modules/css-loader/dist/cjs.js?!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js?!./src/components/EquityPortfolioDatatable/index.vue?vue&type=style&index=0&id=3a8ee314&lang=scss&scoped=true&":
+/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-style-loader??ref--9-oneOf-1-0!./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!./src/components/EquityPortfolioDatatable/index.vue?vue&type=style&index=0&id=3a8ee314&lang=scss&scoped=true& ***!
+  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(/*! !../../../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!./ListViewSkeleton.vue?vue&type=style&index=0&id=431db800&lang=scss&scoped=true& */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js?!./src/components/SkeletonLoading/ListViewSkeleton.vue?vue&type=style&index=0&id=431db800&lang=scss&scoped=true&");
+var content = __webpack_require__(/*! !../../../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!./index.vue?vue&type=style&index=0&id=3a8ee314&lang=scss&scoped=true& */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js?!./src/components/EquityPortfolioDatatable/index.vue?vue&type=style&index=0&id=3a8ee314&lang=scss&scoped=true&");
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.i, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = __webpack_require__(/*! ../../../node_modules/vue-style-loader/lib/addStylesClient.js */ "./node_modules/vue-style-loader/lib/addStylesClient.js").default
-var update = add("4fbffc09", content, false, {"sourceMap":false,"shadowMode":false});
+var update = add("0df2e8b1", content, false, {"sourceMap":false,"shadowMode":false});
 // Hot Module Replacement
 if(false) {}
 
 /***/ }),
 
-/***/ "./src/components/SkeletonLoading/ListViewSkeleton.vue":
-/*!*************************************************************!*\
-  !*** ./src/components/SkeletonLoading/ListViewSkeleton.vue ***!
-  \*************************************************************/
+/***/ "./src/assets/images/icons/icon@alarm.svg":
+/*!************************************************!*\
+  !*** ./src/assets/images/icons/icon@alarm.svg ***!
+  \************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__.p + "img/icon@alarm.21f1173f.svg";
+
+/***/ }),
+
+/***/ "./src/components/EquityPortfolioDatatable/index.vue":
+/*!***********************************************************!*\
+  !*** ./src/components/EquityPortfolioDatatable/index.vue ***!
+  \***********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _ListViewSkeleton_vue_vue_type_template_id_431db800_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ListViewSkeleton.vue?vue&type=template&id=431db800&scoped=true& */ "./src/components/SkeletonLoading/ListViewSkeleton.vue?vue&type=template&id=431db800&scoped=true&");
-/* harmony import */ var _ListViewSkeleton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ListViewSkeleton.vue?vue&type=script&lang=js& */ "./src/components/SkeletonLoading/ListViewSkeleton.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _ListViewSkeleton_vue_vue_type_style_index_0_id_431db800_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ListViewSkeleton.vue?vue&type=style&index=0&id=431db800&lang=scss&scoped=true& */ "./src/components/SkeletonLoading/ListViewSkeleton.vue?vue&type=style&index=0&id=431db800&lang=scss&scoped=true&");
+/* harmony import */ var _index_vue_vue_type_template_id_3a8ee314_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=3a8ee314&scoped=true& */ "./src/components/EquityPortfolioDatatable/index.vue?vue&type=template&id=3a8ee314&scoped=true&");
+/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./src/components/EquityPortfolioDatatable/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _index_vue_vue_type_style_index_0_id_3a8ee314_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./index.vue?vue&type=style&index=0&id=3a8ee314&lang=scss&scoped=true& */ "./src/components/EquityPortfolioDatatable/index.vue?vue&type=style&index=0&id=3a8ee314&lang=scss&scoped=true&");
 /* harmony import */ var _node_modules_vue_cli_service_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -116,66 +772,66 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_cli_service_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
-  _ListViewSkeleton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _ListViewSkeleton_vue_vue_type_template_id_431db800_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _ListViewSkeleton_vue_vue_type_template_id_431db800_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _index_vue_vue_type_template_id_3a8ee314_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _index_vue_vue_type_template_id_3a8ee314_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "431db800",
+  "3a8ee314",
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "src/components/SkeletonLoading/ListViewSkeleton.vue"
+component.options.__file = "src/components/EquityPortfolioDatatable/index.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./src/components/SkeletonLoading/ListViewSkeleton.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************!*\
-  !*** ./src/components/SkeletonLoading/ListViewSkeleton.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************/
+/***/ "./src/components/EquityPortfolioDatatable/index.vue?vue&type=script&lang=js&":
+/*!************************************************************************************!*\
+  !*** ./src/components/EquityPortfolioDatatable/index.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_vue_cli_plugin_babel_node_modules_babel_loader_lib_index_js_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_ListViewSkeleton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../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!./ListViewSkeleton.vue?vue&type=script&lang=js& */ "./node_modules/cache-loader/dist/cjs.js?!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js?!./src/components/SkeletonLoading/ListViewSkeleton.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_vue_cli_plugin_babel_node_modules_babel_loader_lib_index_js_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_ListViewSkeleton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_vue_cli_plugin_babel_node_modules_babel_loader_lib_index_js_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../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!./index.vue?vue&type=script&lang=js& */ "./node_modules/cache-loader/dist/cjs.js?!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js?!./src/components/EquityPortfolioDatatable/index.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_vue_cli_plugin_babel_node_modules_babel_loader_lib_index_js_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./src/components/SkeletonLoading/ListViewSkeleton.vue?vue&type=style&index=0&id=431db800&lang=scss&scoped=true&":
-/*!***********************************************************************************************************************!*\
-  !*** ./src/components/SkeletonLoading/ListViewSkeleton.vue?vue&type=style&index=0&id=431db800&lang=scss&scoped=true& ***!
-  \***********************************************************************************************************************/
+/***/ "./src/components/EquityPortfolioDatatable/index.vue?vue&type=style&index=0&id=3a8ee314&lang=scss&scoped=true&":
+/*!*********************************************************************************************************************!*\
+  !*** ./src/components/EquityPortfolioDatatable/index.vue?vue&type=style&index=0&id=3a8ee314&lang=scss&scoped=true& ***!
+  \*********************************************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_9_oneOf_1_0_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_index_js_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_index_js_vue_loader_options_ListViewSkeleton_vue_vue_type_style_index_0_id_431db800_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/vue-style-loader??ref--9-oneOf-1-0!../../../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!./ListViewSkeleton.vue?vue&type=style&index=0&id=431db800&lang=scss&scoped=true& */ "./node_modules/vue-style-loader/index.js?!./node_modules/css-loader/dist/cjs.js?!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js?!./src/components/SkeletonLoading/ListViewSkeleton.vue?vue&type=style&index=0&id=431db800&lang=scss&scoped=true&");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_9_oneOf_1_0_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_index_js_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_index_js_vue_loader_options_ListViewSkeleton_vue_vue_type_style_index_0_id_431db800_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_9_oneOf_1_0_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_index_js_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_index_js_vue_loader_options_ListViewSkeleton_vue_vue_type_style_index_0_id_431db800_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_vue_style_loader_index_js_ref_9_oneOf_1_0_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_index_js_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_index_js_vue_loader_options_ListViewSkeleton_vue_vue_type_style_index_0_id_431db800_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_vue_style_loader_index_js_ref_9_oneOf_1_0_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_index_js_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_index_js_vue_loader_options_ListViewSkeleton_vue_vue_type_style_index_0_id_431db800_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_9_oneOf_1_0_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_index_js_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_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_3a8ee314_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/vue-style-loader??ref--9-oneOf-1-0!../../../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!./index.vue?vue&type=style&index=0&id=3a8ee314&lang=scss&scoped=true& */ "./node_modules/vue-style-loader/index.js?!./node_modules/css-loader/dist/cjs.js?!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js?!./src/components/EquityPortfolioDatatable/index.vue?vue&type=style&index=0&id=3a8ee314&lang=scss&scoped=true&");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_9_oneOf_1_0_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_index_js_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_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_3a8ee314_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_9_oneOf_1_0_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_index_js_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_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_3a8ee314_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_vue_style_loader_index_js_ref_9_oneOf_1_0_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_index_js_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_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_3a8ee314_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_vue_style_loader_index_js_ref_9_oneOf_1_0_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_index_js_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_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_3a8ee314_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
 
 
 /***/ }),
 
-/***/ "./src/components/SkeletonLoading/ListViewSkeleton.vue?vue&type=template&id=431db800&scoped=true&":
-/*!********************************************************************************************************!*\
-  !*** ./src/components/SkeletonLoading/ListViewSkeleton.vue?vue&type=template&id=431db800&scoped=true& ***!
-  \********************************************************************************************************/
+/***/ "./src/components/EquityPortfolioDatatable/index.vue?vue&type=template&id=3a8ee314&scoped=true&":
+/*!******************************************************************************************************!*\
+  !*** ./src/components/EquityPortfolioDatatable/index.vue?vue&type=template&id=3a8ee314&scoped=true& ***!
+  \******************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_cache_loader_dist_cjs_js_cacheDirectory_node_modules_cache_vue_loader_cacheIdentifier_d59ae0f0_vue_loader_template_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_vue_cli_plugin_babel_node_modules_babel_loader_lib_index_js_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_templateLoader_js_ref_6_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_ListViewSkeleton_vue_vue_type_template_id_431db800_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d59ae0f0-vue-loader-template"}!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./ListViewSkeleton.vue?vue&type=template&id=431db800&scoped=true& */ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"d59ae0f0-vue-loader-template\"}!./node_modules/cache-loader/dist/cjs.js?!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js?!./src/components/SkeletonLoading/ListViewSkeleton.vue?vue&type=template&id=431db800&scoped=true&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_cache_loader_dist_cjs_js_cacheDirectory_node_modules_cache_vue_loader_cacheIdentifier_d59ae0f0_vue_loader_template_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_vue_cli_plugin_babel_node_modules_babel_loader_lib_index_js_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_templateLoader_js_ref_6_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_ListViewSkeleton_vue_vue_type_template_id_431db800_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_cache_loader_dist_cjs_js_cacheDirectory_node_modules_cache_vue_loader_cacheIdentifier_d59ae0f0_vue_loader_template_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_vue_cli_plugin_babel_node_modules_babel_loader_lib_index_js_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_templateLoader_js_ref_6_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_3a8ee314_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d59ae0f0-vue-loader-template"}!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./index.vue?vue&type=template&id=3a8ee314&scoped=true& */ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"d59ae0f0-vue-loader-template\"}!./node_modules/cache-loader/dist/cjs.js?!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js?!./src/components/EquityPortfolioDatatable/index.vue?vue&type=template&id=3a8ee314&scoped=true&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_cache_loader_dist_cjs_js_cacheDirectory_node_modules_cache_vue_loader_cacheIdentifier_d59ae0f0_vue_loader_template_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_vue_cli_plugin_babel_node_modules_babel_loader_lib_index_js_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_templateLoader_js_ref_6_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_3a8ee314_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_cache_loader_dist_cjs_js_cacheDirectory_node_modules_cache_vue_loader_cacheIdentifier_d59ae0f0_vue_loader_template_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_vue_cli_plugin_babel_node_modules_babel_loader_lib_index_js_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_templateLoader_js_ref_6_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_ListViewSkeleton_vue_vue_type_template_id_431db800_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_cache_loader_dist_cjs_js_cacheDirectory_node_modules_cache_vue_loader_cacheIdentifier_d59ae0f0_vue_loader_template_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_vue_cli_plugin_babel_node_modules_babel_loader_lib_index_js_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_templateLoader_js_ref_6_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_3a8ee314_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });