{"version":3,"sources":["webpack:///./src/components/TradingSection/RealTrades/OrdersCard.vue?8c11","webpack:///src/components/TradingSection/RealTrades/OrdersCard.vue","webpack:///./src/components/TradingSection/RealTrades/OrdersCard.vue?f64d","webpack:///./src/components/TradingSection/RealTrades/OrdersCard.vue?a311","webpack:///./src/components/TradingSection/RealTrades/OrdersCard.vue?7524"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","class","item","_v","_s","transactionType","quantity","getDateFormatted","orderTimestamp","_e","securitySymbol","price","orderType","getOrderType","tradeAction","status","staticRenderFns","name","props","type","components","data","computed","watch","methods","mounted","component","VCard","VCardText","VChip","VCol","VRow","VSpacer"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,QAAQ,CAACE,MAAM,CAAC,aAAa,KAAK,CAACF,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,OAAO,CAACF,EAAG,SAAS,CAACE,MAAM,CAAC,UAAY,MAAM,CAACF,EAAG,cAAc,CAACG,YAAY,QAAQ,CAACH,EAAG,MAAM,CAACG,YAAY,UAAU,CAACH,EAAG,MAAM,CAACA,EAAG,OAAO,CAACI,MAAQR,EAAIS,KAAoB,gBAAI,SAAU,CAACT,EAAIU,GAAG,IAAIV,EAAIW,GAAGX,EAAIS,KAAKG,oBAAoBZ,EAAIU,GAAG,OAAON,EAAG,OAAO,CAACG,YAAY,eAAe,CAACP,EAAIU,GAAG,IAAIV,EAAIW,GAAGX,EAAIS,KAAKI,UAAU,aAAaT,EAAG,YAAYA,EAAG,MAAM,CAAEJ,EAAIS,KAAmB,eAAEL,EAAG,MAAM,CAACG,YAAY,mBAAmB,CAACP,EAAIU,GAAG,IAAIV,EAAIW,GAAGX,EAAIc,iBAAiBd,EAAIS,KAAKM,iBAAiB,OAAOf,EAAIgB,QAAQ,GAAGZ,EAAG,MAAM,CAACG,YAAY,eAAe,CAACH,EAAG,MAAM,CAACA,EAAG,MAAM,CAACG,YAAY,iBAAiB,CAACP,EAAIU,GAAG,IAAIV,EAAIW,GAAGX,EAAIS,KAAKQ,gBAAgB,SAASb,EAAG,YAAYA,EAAG,MAAM,CAACA,EAAG,MAAM,CAACG,YAAY,cAAc,CAACP,EAAIU,GAAG,IAAIV,EAAIW,GAAGX,EAAIS,KAAKS,OAAO,UAAU,GAAGd,EAAG,MAAM,CAACG,YAAY,eAAe,CAACH,EAAG,MAAM,CAACA,EAAG,SAAS,CAACG,YAAY,aAAa,CAACH,EAAG,OAAO,CAACJ,EAAIU,GAAG,IAAIV,EAAIW,GAAGX,EAAIS,KAAKU,WAAW,SAASf,EAAG,SAAS,CAACG,YAAY,uBAAuB,CAACH,EAAG,OAAO,CAACJ,EAAIU,GAAG,IAAIV,EAAIW,GAAGX,EAAIoB,aAAapB,EAAIS,KAAKY,cAAc,UAAU,GAAGjB,EAAG,YAAYA,EAAG,MAAM,CAACA,EAAG,SAAS,CAACG,YAAY,iDAAiDC,MAAO,GAAMR,EAAIS,KAAW,QAAI,CAACL,EAAG,OAAO,CAACJ,EAAIU,GAAG,IAAIV,EAAIW,GAAGX,EAAIS,KAAKa,QAAQ,UAAU,IAAI,MAAM,IAAI,IAAI,IAAI,IAC14CC,EAAkB,GCiEP,GACfC,kBACAC,OACAhB,MACAiB,cAGAC,cACAC,gBACA,UAEAC,YACAC,SACAC,SACAjB,6BAEA,6DAEAM,yBACA,UACA,eACA,iBACA,eACA,eACA,QACA,YAIAY,sBC/FkX,I,qHCQ9WC,EAAY,eACd,EACAlC,EACAwB,GACA,EACA,KACA,WACA,MAIa,aAAAU,EAAiB,QAUhC,IAAkBA,EAAW,CAACC,QAAA,KAAMC,UAAA,OAAUC,QAAA,KAAMC,OAAA,KAAKC,OAAA,KAAKC,UAAA,Q,kCC7B9D,W","file":"js/chunk-e3a65466.00b283e7.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-card',{attrs:{\"elevation\":\"0\"}},[_c('v-card-text',{staticClass:\"py-2\"},[_c('div',{staticClass:\"d-flex\"},[_c('div',[_c('span',{class:((_vm.item.transactionType) + \"Class\")},[_vm._v(\" \"+_vm._s(_vm.item.transactionType))]),_vm._v(\" | \"),_c('span',{staticClass:\"tdTextClass\"},[_vm._v(\" \"+_vm._s(_vm.item.quantity)+\" Qty \")])]),_c('v-spacer'),_c('div',[(_vm.item.orderTimestamp)?_c('div',{staticClass:\"textStyleMobile\"},[_vm._v(\" \"+_vm._s(_vm.getDateFormatted(_vm.item.orderTimestamp))+\" \")]):_vm._e()])],1),_c('div',{staticClass:\"d-flex py-1\"},[_c('div',[_c('div',{staticClass:\"securityClass\"},[_vm._v(\" \"+_vm._s(_vm.item.securitySymbol)+\" \")])]),_c('v-spacer'),_c('div',[_c('div',{staticClass:\"priceClass\"},[_vm._v(\" \"+_vm._s(_vm.item.price)+\" \")])])],1),_c('div',{staticClass:\"d-flex py-1\"},[_c('div',[_c('v-chip',{staticClass:\"chipClass\"},[_c('span',[_vm._v(\" \"+_vm._s(_vm.item.orderType)+\" \")])]),_c('v-chip',{staticClass:\"chipClass ml-1 ma-0\"},[_c('span',[_vm._v(\" \"+_vm._s(_vm.getOrderType(_vm.item.tradeAction))+\" \")])])],1),_c('v-spacer'),_c('div',[_c('v-chip',{staticClass:\"commonChipClass text-capitalize ma-0 px-3 py-2\",class:(\"\" + (_vm.item.status))},[_c('span',[_vm._v(\" \"+_vm._s(_vm.item.status)+\" \")])])],1)],1)])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-row no-gutters>\n      <v-col cols=\"12\" class=\"\">\n        <v-card elevation=\"0\">\n          <v-card-text class=\"py-2\">\n            <div class=\"d-flex\">\n              <div>\n                <span :class=\"`${item.transactionType}Class`\">\n                  {{ item.transactionType }}</span\n                >\n                |\n                <span class=\"tdTextClass\"> {{ item.quantity }} Qty </span>\n              </div>\n              <v-spacer></v-spacer>\n              <div>\n                <div class=\"textStyleMobile\" v-if=\"item.orderTimestamp\">\n                  {{ getDateFormatted(item.orderTimestamp) }}\n                </div>\n              </div>\n            </div>\n            <div class=\"d-flex py-1\">\n              <div>\n                <div class=\"securityClass\">\n                  {{ item.securitySymbol }}\n                </div>\n              </div>\n              <v-spacer></v-spacer>\n              <div>\n                <div class=\"priceClass\">\n                  {{ item.price }}\n                </div>\n              </div>\n            </div>\n            <div class=\"d-flex py-1\">\n              <div>\n                <v-chip class=\"chipClass\">\n                  <span>\n                    {{ item.orderType }}\n                  </span>\n                </v-chip>\n                <v-chip class=\"chipClass ml-1 ma-0\">\n                  <span>\n                    {{ getOrderType(item.tradeAction) }}\n                  </span>\n                </v-chip>\n              </div>\n              <v-spacer></v-spacer>\n              <div>\n                <v-chip\n                  :class=\"`${item.status}`\"\n                  class=\"commonChipClass text-capitalize ma-0 px-3 py-2\"\n                >\n                  <span>\n                    {{ item.status }}\n                  </span>\n                </v-chip>\n              </div>\n            </div>\n          </v-card-text>\n        </v-card>\n      </v-col>\n    </v-row>\n  </div>\n</template>\n<script>\nexport default {\n  name: \"OrdersCard\",\n  props: {\n    item: {\n      type: Object,\n    },\n  },\n  components: {},\n  data() {\n    return {};\n  },\n  computed: {},\n  watch: {},\n  methods: {\n    getDateFormatted(date) {\n      // console.log(date);\n      return this.moment.utc(date).local().format(\"DD-MMM-YYYY, LT\");\n    },\n    getOrderType(orderType) {\n      switch (orderType) {\n        case \"APPLY_SL\":\n          return \"STOPLOSS\";\n        case \"APPLY_TG\":\n          return \"TARGET\";\n        default:\n          return orderType;\n      }\n    },\n  },\n  mounted() {},\n};\n</script>\n<style scoped>\n* {\n  font-family: \"Avenir\";\n}\n.btnClass >>> span {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 900;\n  font-size: 14px;\n  line-height: 19px;\n  text-align: right;\n\n  color: #2d8cff;\n}\n.btnTextClass {\n  border: 1px solid #2d8cff;\n}\n.btnTextClass >>> span {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 900;\n  font-size: 14px;\n  line-height: 19px;\n  text-align: right;\n\n  color: #2d8cff;\n}\n.BUYClass {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 900;\n  font-size: 14px;\n  line-height: 19px;\n  text-align: center;\n\n  /* Green 2 */\n\n  color: #27ae60;\n}\n.SELLClass {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 900;\n  font-size: 14px;\n  line-height: 19px;\n  text-align: center;\n\n  /* Red */\n\n  color: #eb5757;\n}\n.securityClass {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 900;\n  font-size: 14px;\n  line-height: 19px;\n\n  color: #333333;\n}\n\nspan.v-chip.chipClass {\n  background: #f0f3f7;\n  border-radius: 4px !important;\n}\nspan.v-chip.chipClass >>> span {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 900;\n  font-size: 14px;\n  line-height: 17px;\n\n  color: #686868;\n}\n.tdTextClass {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 19px;\n  text-align: center;\n\n  color: #575757;\n}\nspan.v-chip.PLACED {\n  border: 1px solid #6266bf;\n  color: #6266bf;\n  background: rgba(98, 102, 191, 0.12);\n}\nspan.v-chip.COMPLETE {\n  background: rgba(33, 150, 83, 0.12);\n  border: 1px solid #219653;\n  color: #219653;\n}\nspan.v-chip.PENDING {\n  color: #a19b9b;\n  background: rgba(161, 155, 155, 0.12);\n  border: 1px solid #a29b9b;\n}\nspan.v-chip.CANCELLED {\n  color: #d24646;\n  background: rgba(210, 70, 70, 0.12);\n  border: 1px solid #d24646;\n}\nspan.v-chip.commonChipClass {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 900;\n  font-size: 14px;\n  line-height: 17px;\n  border-radius: 8px;\n  text-transform: capitalize !important;\n}\n.priceClass {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 900;\n  font-size: 14px;\n  line-height: 19px;\n  text-align: center;\n\n  color: #3d3d3d;\n}\nspan.v-chip.mobileView {\n  background: #f0f3f6;\n  border-radius: 3px;\n}\nspan.v-chip.mobileViewText {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 900;\n  font-size: 10px;\n  line-height: 14px;\n}\n.textStyleMobile {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 19px;\n  text-align: center;\n\n  color: #575757;\n}\n@media all and (max-width: 600px) {\n  .tdTextClass {\n    font-family: \"Avenir\";\n    font-style: normal;\n    font-weight: 500;\n    font-size: 12px;\n    line-height: 16px;\n    text-align: center;\n\n    color: #575757;\n  }\n  .BUYClass {\n    font-family: \"Avenir\";\n    font-style: normal;\n    font-weight: 900;\n    font-size: 12px;\n    line-height: 16px;\n\n    /* Green 2 */\n\n    color: #27ae60;\n  }\n  .SELLClass {\n    font-family: \"Avenir\";\n    font-style: normal;\n    font-weight: 900;\n    font-size: 12px;\n    line-height: 16px;\n\n    /* Red */\n\n    color: #eb5757;\n  }\n  span.v-chip.commonChipClass {\n    font-family: \"Avenir\";\n    font-style: normal;\n    font-weight: 900;\n    font-weight: 900;\n    font-size: 12px;\n    line-height: 15px;\n    border-radius: 34px;\n    text-transform: capitalize !important;\n  }\n  span.v-chip.commonChipClass >>> span {\n    text-transform: capitalize !important;\n  }\n  span.v-chip.chipClass {\n    border-radius: 4px !important;\n    background: #f0f3f6;\n    font-family: \"Avenir\";\n    font-style: normal;\n    font-weight: 900;\n    font-size: 10px;\n    line-height: 14px;\n    padding-top: 3px !important;\n    padding-bottom: 3px !important;\n    padding-left: 5px !important;\n    padding-right: 5px !important;\n    /* identical to box height */\n\n    color: #686868;\n  }\n  span.v-chip.chipClass >>> span {\n    font-family: \"Avenir\";\n    font-style: normal;\n    font-weight: 900;\n    font-size: 10px;\n    line-height: 14px;\n\n    color: #686868;\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OrdersCard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OrdersCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OrdersCard.vue?vue&type=template&id=64905ecb&scoped=true&\"\nimport script from \"./OrdersCard.vue?vue&type=script&lang=js&\"\nexport * from \"./OrdersCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OrdersCard.vue?vue&type=style&index=0&id=64905ecb&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"64905ecb\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCard,VCardText,VChip,VCol,VRow,VSpacer})\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OrdersCard.vue?vue&type=style&index=0&id=64905ecb&scoped=true&lang=css&\""],"sourceRoot":""}