{"version":3,"sources":["webpack:///./src/views/manage/OtherProducts.vue?bd67","webpack:///src/views/manage/OtherProducts.vue","webpack:///./src/views/manage/OtherProducts.vue?11e3","webpack:///./src/views/manage/OtherProducts.vue","webpack:///./src/views/manage/OtherProducts.vue?4829"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","ref","products","on","handleSelectedProduct","scopedSlots","_u","key","fn","data","_l","tr","indextr","logoUrl","_v","_s","name","description","slot","staticRenderFns","id","methods","self","showLoadingOnTable","$router","push","query","$vs","loading","type","container","$refs","productsTable","$el","scale","setTimeout","close","mounted","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,UAAU,CAACA,EAAG,MAAM,CAACE,YAAY,sBAAsBC,MAAM,CAAC,GAAK,yBAAyB,CAACH,EAAG,WAAW,CAACI,IAAI,gBAAgBD,MAAM,CAAC,QAAU,GAAG,OAAS,GAAG,WAAa,GAAG,YAAY,IAAI,OAAS,GAAG,KAAOP,EAAIS,UAAUC,GAAG,CAAC,SAAWV,EAAIW,uBAAuBC,YAAYZ,EAAIa,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,SAASP,GACjd,IAAIQ,EAAOR,EAAIQ,KACf,MAAO,CAACZ,EAAG,QAAQJ,EAAIiB,GAAG,GAAO,SAASC,EAAGC,GAAS,OAAOf,EAAG,QAAQ,CAACU,IAAIK,EAAQZ,MAAM,CAAC,KAAOW,IAAK,CAACd,EAAG,QAAQ,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,cAAcC,MAAM,CAAC,IAAMW,EAAGE,aAAahB,EAAG,QAAQ,CAACE,YAAY,gBAAgB,CAACF,EAAG,IAAI,CAACE,YAAY,eAAe,CAACF,EAAG,SAAS,CAACJ,EAAIqB,GAAGrB,EAAIsB,GAAGJ,EAAGK,aAAanB,EAAG,QAAQ,CAACE,YAAY,gBAAgB,CAACF,EAAG,IAAI,CAACE,YAAY,eAAe,CAACN,EAAIqB,GAAGrB,EAAIsB,GAAGJ,EAAGM,mBAAmB,MAAK,SAAS,CAACpB,EAAG,MAAM,CAACE,YAAY,gEAAgEC,MAAM,CAAC,KAAO,UAAUkB,KAAK,UAAU,CAACrB,EAAG,MAAM,CAACA,EAAG,KAAK,CAACE,YAAY,kBAAkB,CAACN,EAAIqB,GAAG,yCAAyC,MAAM,IAC9qBK,EAAkB,GC6BP,G,UAAA,CACfV,KAAA,WACA,OACAP,SAAA,CACA,CAAAkB,GAAA,EAAAJ,KAAA,uBAAAC,YAAA,8MAAAJ,QAAA,8EACA,CAAAO,GAAA,EAAAJ,KAAA,0BAAAC,YAAA,sQAAAJ,QAAA,iFACA,CAAAO,GAAA,EAAAJ,KAAA,wBAAAC,YAAA,gWAAAJ,QAAA,mFAIAQ,QAAA,CACAjB,sBAAA,SAAAO,GACA,IAAAW,EAAA,KACAA,EAAAC,qBACAD,EAAAE,QAAAC,KAAA,CAAAT,KAAA,gBAAAU,MAAA,CAAAN,GAAAT,EAAAS,GAAAJ,KAAAL,EAAAK,SAEAO,mBAAA,WACA,IAAAD,EAAA,KACAA,EAAAK,IAAAC,QAAA,CACAC,KAAA,UACAC,UAAAR,EAAAS,MAAAC,cAAAC,IACAC,MAAA,IAEAC,YAAA,WACAb,EAAAK,IAAAC,QAAAQ,UACA,OAGAC,QAAA,eC5DqW,I,wBCQjWC,EAAY,eACd,EACA9C,EACA2B,GACA,EACA,KACA,KACA,MAIa,aAAAmB,E,2CCnBf,W","file":"js/chunk-3e14b756.07e74e84.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\" mx-auto pt-2 self-center\"},[_c('vx-card',[_c('div',{staticClass:\"data-list-container\",attrs:{\"id\":\"data-list-thumb-view\"}},[_c('vs-table',{ref:\"productsTable\",attrs:{\"striped\":\"\",\"single\":\"\",\"pagination\":\"\",\"max-items\":\"3\",\"search\":\"\",\"data\":_vm.products},on:{\"selected\":_vm.handleSelectedProduct},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn [_c('tbody',_vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr,attrs:{\"data\":tr}},[_c('vs-td',{staticClass:\"img-container\"},[_c('img',{staticClass:\"product-img\",attrs:{\"src\":tr.logoUrl}})]),_c('vs-td',{staticClass:\"vx-col w-1/5\"},[_c('p',{staticClass:\"font-medium\"},[_c('strong',[_vm._v(_vm._s(tr.name))])])]),_c('vs-td',{staticClass:\"vx-col w-2/3\"},[_c('p',{staticClass:\"font-medium\"},[_vm._v(_vm._s(tr.description))])])],1)}),1)]}}])},[_c('div',{staticClass:\"flex flex-wrap-reverse items-center flex-grow justify-between\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('div',[_c('h2',{staticClass:\"text-left pb-4\"},[_vm._v(\"Choose one of these products\")])])])])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\" mx-auto pt-2 self-center\">\r\n    <vx-card >\r\n      <div id=\"data-list-thumb-view\" class=\"data-list-container\">\r\n        <vs-table ref=\"productsTable\" striped single  @selected=\"handleSelectedProduct\" pagination max-items=\"3\" search :data=\"products\">\r\n          <div slot=\"header\" class=\"flex flex-wrap-reverse items-center flex-grow justify-between\">\r\n            <div>\r\n              <h2 class=\"text-left pb-4\">Choose one of these products</h2>\r\n            </div>\r\n          </div>\r\n          <template slot-scope=\"{data}\">\r\n            <tbody>\r\n              <vs-tr :data=\"tr\" :key=\"indextr\" v-for=\"(tr, indextr) in data\">\r\n                <vs-td class=\"img-container\">\r\n                  <img :src=\"tr.logoUrl\" class=\"product-img\" />\r\n                </vs-td>\r\n                <vs-td class=\"vx-col w-1/5\">\r\n                  <p class=\"font-medium\"><strong>{{ tr.name }}</strong></p>\r\n                </vs-td>\r\n                <vs-td class=\"vx-col w-2/3\">\r\n                  <p class=\"font-medium\">{{ tr.description }}</p>\r\n                </vs-td>\r\n              </vs-tr>\r\n            </tbody>\r\n          </template>\r\n        </vs-table>\r\n      </div>\r\n    </vx-card>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data () {\r\n    return {\r\n      products: [\r\n        { id: 1, name: 'King Price Insurance', description: 'Affordable Insurance for your Car, Home, Business & Everything else you own. Say bye to pricey car insurance premiums & hi to premiums that decrease monthly, instant online quote and decreasing premiums.', logoUrl: 'https://ohmycarsstorage.blob.core.windows.net/other-products/KingPrice.png'},\r\n        { id: 2, name: 'Buddy Central Insurance', description: 'Broker Buddy is a registered financial service provider who will supply you with an insurance multi-quotation, from some of our elite insurance companies, all from one phone call. You get to choose the best insurance company and premium that suits your needs.', logoUrl: 'https://ohmycarsstorage.blob.core.windows.net/other-products/BuddyCentral.png'},\r\n        { id: 3, name: 'Dealer Buddy Warranty', description: 'Warranties that will take care of your every need. From roadside assistance to mechanical repairs and even overnight accommodation. Buy a warranty with a boost and take this product to the next level. Various of products with various of terms. Whether you take 6 months, 12 months or 24 months, the service is great.  These products are a must-have!', logoUrl: 'https://ohmycarsstorage.blob.core.windows.net/other-products/DealerBuddy.png'}\r\n      ]\r\n    };\r\n  },\r\n  methods: {\r\n    handleSelectedProduct (tr) {\r\n      const self = this;\r\n      self.showLoadingOnTable();\r\n      self.$router.push({ name: 'InsuranceLead', query: { id: tr.id, name: tr.name }});\r\n    },\r\n    showLoadingOnTable () {\r\n      const self = this;\r\n      self.$vs.loading({\r\n        type: 'corners',\r\n        container: self.$refs.productsTable.$el,\r\n        scale: 1\r\n      });\r\n      setTimeout(() => {\r\n        self.$vs.loading.close();\r\n      }, 4000);\r\n    }\r\n  },\r\n  mounted () {\r\n  }\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n#data-list-thumb-view {\r\n  .vs-con-table {\r\n    .vs-table--header {\r\n      display: flex;\r\n      flex-wrap: wrap-reverse;\r\n      margin-left: 1.5rem;\r\n      margin-right: 1.5rem;\r\n      > span {\r\n        display: flex;\r\n        flex-grow: 1;\r\n      }\r\n\r\n      .vs-table--search {\r\n        padding-top: 0;\r\n\r\n        .vs-table--search-input {\r\n          padding: 0.9rem 2.5rem;\r\n          font-size: 1rem;\r\n\r\n          & + i {\r\n            left: 1rem;\r\n          }\r\n\r\n          &:focus + i {\r\n            left: 1rem;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .vs-table {\r\n      border-collapse: separate;\r\n      border-spacing: 0 1.3rem;\r\n      padding: 0 1rem;\r\n\r\n      tr {\r\n        box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);\r\n        td {\r\n          padding: 10px;\r\n          &:first-child {\r\n            border-top-left-radius: 0.5rem;\r\n            border-bottom-left-radius: 0.5rem;\r\n          }\r\n          &:last-child {\r\n            border-top-right-radius: 0.5rem;\r\n            border-bottom-right-radius: 0.5rem;\r\n          }\r\n          &.img-container {\r\n            // width: 1rem;\r\n            // background: #fff;\r\n            height:100px;\r\n\r\n            span {\r\n              display: flex;\r\n              justify-content: left;\r\n            }\r\n\r\n            .product-img {\r\n                display: block;\r\n                max-width: 100px;\r\n                max-height: 100px;\r\n                \r\n            }\r\n          }\r\n        }\r\n        td.td-check {\r\n          padding: 20px !important;\r\n        }\r\n      }\r\n    }\r\n\r\n    .vs-table--thead {\r\n      th {\r\n        padding-top: 0;\r\n        padding-bottom: 0;\r\n\r\n        .vs-table-text {\r\n          text-transform: uppercase;\r\n          font-weight: 600;\r\n        }\r\n      }\r\n      th.td-check {\r\n        padding: 0 15px !important;\r\n      }\r\n      tr {\r\n        background: none;\r\n        box-shadow: none;\r\n      }\r\n    }\r\n\r\n    .vs-table--pagination {\r\n      justify-content: center;\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OtherProducts.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OtherProducts.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./OtherProducts.vue?vue&type=template&id=9a45e9c4\"\nimport script from \"./OtherProducts.vue?vue&type=script&lang=js\"\nexport * from \"./OtherProducts.vue?vue&type=script&lang=js\"\nimport style0 from \"./OtherProducts.vue?vue&type=style&index=0&id=9a45e9c4&prod&lang=scss\"\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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OtherProducts.vue?vue&type=style&index=0&id=9a45e9c4&prod&lang=scss\""],"sourceRoot":""}