{"version":3,"sources":["webpack:///./src/views/ImpactBusiness.vue","webpack:///src/views/ImpactBusiness.vue","webpack:///./src/views/ImpactBusiness.vue?43e0","webpack:///./src/views/ImpactBusiness.vue?4b44","webpack:///./src/views/ImpactBusiness.vue?75f8","webpack:///./src/views/ImpactBusiness.vue?2c65"],"names":["render","_vm","this","_c","_self","attrs","$vuetify","breakpoint","mdAndUp","staticClass","staticStyle","class","headingContainer","headingContainerMobile","smAndDown","_v","on","$event","filterList","model","value","filter","callback","$$v","expression","_e","loadingResults","businesses","length","_l","business","key","id","concat","loadBusiness","imageUrl","mdAndDown","_s","name","description","scopedSlots","_u","fn","_ref","_g","calculateTotalContributions","_ref2","calculateHrsEq","staticRenderFns","data","computed","_objectSpread","mapGetters","user","created","$nextTick","methods","businessId","$store","dispatch","$router","push","d","_this","then","formatter","Intl","NumberFormat","style","currency","minimumFractionDigits","maximumFractionDigits","totalContributions","format","parseFloat","cCTotal","supplier_cCTotal","calculateCommunityHrs","component"],"mappings":"uIAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,WAAW,CAACE,MAAM,CAAC,iBAAiB,GAAG,OAAS,KAAK,CAACF,EAAG,UAAU,CAACE,MAAM,CAAC,GAAK,sBAAsB,CAAEJ,EAAIK,SAASC,WAAWC,QAASL,EAAG,QAAQ,CAACM,YAAY,gBAAgBC,YAAY,CAAC,aAAa,UAAUL,MAAM,CAAC,IAAM,oGAAoG,SAAW,QAAQ,CAACF,EAAG,MAAM,CAACQ,MAAM,CACtaC,iBAAkBX,EAAIK,SAASC,WAAWC,QAC1CK,uBAAwBZ,EAAIK,SAASC,WAAWO,YAC/C,CAACX,EAAG,MAAM,CAACM,YAAY,sBAAsB,CAACN,EAAG,KAAK,CAACM,YAAY,OAAOC,YAAY,CAAC,MAAQ,UAAU,CAACT,EAAIc,GAAG,8BAA8BZ,EAAG,MAAM,CAACM,YAAY,yBAAyB,CAACN,EAAG,IAAI,CAACM,YAAY,QAAQ,CAACR,EAAIc,GAAG,6YAA8Yd,EAAIK,SAASC,WAAWC,QAASL,EAAG,eAAe,CAACM,YAAY,sCAAsCC,YAAY,CAAC,MAAQ,QAAQ,YAAY,OAAO,OAAS,QAAQL,MAAM,CAAC,MAAQ,QAAQ,KAAO,GAAG,qBAAqB,cAAc,MAAQ,uBAAuB,eAAe,IAAIW,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhB,EAAIiB,eAAeC,MAAM,CAACC,MAAOnB,EAAIoB,OAAQC,SAAS,SAAUC,GAAMtB,EAAIoB,OAAOE,GAAKC,WAAW,YAAYvB,EAAIwB,MAAM,KAAKtB,EAAG,MAAM,CAACA,EAAG,QAAQ,CAACM,YAAY,gBAAgBJ,MAAM,CAAC,IAAM,uJAAuJ,OAAS,MAAM,aAAa,gCAAgC,SAAW,QAAQ,CAACF,EAAG,MAAM,CAACQ,MAAM,CACn2CC,iBAAkBX,EAAIK,SAASC,WAAWC,QAC1CK,uBAAwBZ,EAAIK,SAASC,WAAWO,YAC/C,CAACX,EAAG,MAAM,CAACM,YAAY,sBAAsB,CAACN,EAAG,KAAK,CAACM,YAAY,OAAOC,YAAY,CAAC,MAAQ,UAAU,CAACT,EAAIc,GAAG,8BAA8BZ,EAAG,MAAM,CAACM,YAAY,yBAAyB,CAACN,EAAG,IAAI,CAACM,YAAY,QAAQ,CAACR,EAAIc,GAAG,0dAA0d,IAAI,GAAId,EAAIK,SAASC,WAAWO,UAAWX,EAAG,WAAW,CAACE,MAAM,CAAC,IAAM,GAAG,KAAO,GAAG,eAAe,KAAK,CAACF,EAAG,SAAS,CAACM,YAAY,6BAA6BJ,MAAM,CAAC,KAAO,KAAK,CAACF,EAAG,eAAe,CAACO,YAAY,CAAC,MAAQ,QAAQ,YAAY,MAAM,OAAS,QAAQL,MAAM,CAAC,MAAQ,UAAU,QAAU,GAAG,qBAAqB,cAAc,MAAQ,uBAAuB,eAAe,IAAIW,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhB,EAAIiB,eAAeC,MAAM,CAACC,MAAOnB,EAAIoB,OAAQC,SAAS,SAAUC,GAAMtB,EAAIoB,OAAOE,GAAKC,WAAW,aAAa,IAAI,GAAGvB,EAAIwB,KAAMxB,EAAIyB,eAAgBvB,EAAG,oBAAoB,CAACE,MAAM,CAAC,eAAgB,KAAQJ,EAAIwB,KAAgC,IAA1BxB,EAAI0B,WAAWC,OAAczB,EAAG,MAAM,CAACM,YAAY,oCAAoC,CAACR,EAAIc,GAAG,gCAAgCd,EAAIwB,KAAKtB,EAAG,cAAc,CAACM,YAAY,mBAAmBJ,MAAM,CAAC,eAAe,KAAK,CAACF,EAAG,WAAW,CAACE,MAAM,CAAC,IAAM,GAAG,KAAO,GAAG,eAAe,KAAKJ,EAAI4B,GAAI5B,EAAI0B,YAAY,SAASG,GAAU,OAAO3B,EAAG,SAAS,CAAC4B,IAAID,EAASE,GAAGvB,YAAY,oCAAoCC,YAAY,CAAC,OAAS,SAASL,MAAM,CAAC,KAAO,GAAG,IAAM,GAAG,IAAM,GAAG,GAAK,2BAA2B,CAACF,EAAG,cAAc,CAACE,MAAM,CAAC,GAAI,0BAAA4B,OAA2BH,EAASE,MAAO,CAAC7B,EAAG,SAAS,CAACM,YAAY,mBAAmBC,YAAY,CAAC,OAAS,QAAQM,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhB,EAAIiC,aAAaJ,EAASE,OAAO,CAAEF,EAASK,SAAUhC,EAAG,QAAQ,CAACQ,MAAMV,EAAIK,SAASC,WAAW6B,UAAY,GAAK,wBAAwB/B,MAAM,CAAC,IAAMyB,EAASK,YAAYhC,EAAG,QAAQ,CAACQ,MAAMV,EAAIK,SAASC,WAAW6B,UAAY,GAAK,wBAAwB/B,MAAM,CAAC,IAAM,sJAAsJ,OAAS,WAAWF,EAAG,eAAe,CAACA,EAAG,MAAM,CAACM,YAAY,qBAAqB,CAACN,EAAG,MAAM,CAACM,YAAY,0BAA0B,CAACR,EAAIc,GAAG,qBAAqBd,EAAIoC,GAAGP,EAASQ,MAAM,sBAAsBnC,EAAG,OAAO,CAACM,YAAY,qBAAqB,CAACR,EAAIc,GAAG,qBAAqBd,EAAIoC,GAAGP,EAASS,aAAa,wBAAwBpC,EAAG,WAAW,CAACO,YAAY,CAAC,MAAQ,QAAQL,MAAM,CAAC,KAAO,GAAG,IAAM,GAAG,eAAe,KAAK,CAACF,EAAG,SAAS,CAACE,MAAM,CAAC,IAAM,KAAK,CAACF,EAAG,SAAS,CAACO,YAAY,CAAC,YAAY,MAAM,MAAQ,YAAY,CAACT,EAAIc,GAAG,wDAAwD,GAAGZ,EAAG,SAAS,CAACE,MAAM,CAAC,KAAO,KAAK,CAACF,EAAG,MAAM,CAACM,YAAY,sBAAsB,CAACN,EAAG,YAAY,CAACE,MAAM,CAAC,OAAS,IAAImC,YAAYvC,EAAIwC,GAAG,CAAC,CAACV,IAAI,YAAYW,GAAG,SAADC,GAAiB,IAAL3B,EAAE2B,EAAF3B,GAAM,MAAO,CAACb,EAAG,OAAOF,EAAI2C,GAAG,GAAG5B,GAAI,CAACf,EAAIc,GAAG,6BAA6Bd,EAAIoC,GAAGpC,EAAI4C,4BAA4Bf,IAAW,2EAA2E,MAAK,IAAO,CAAC3B,EAAG,OAAO,CAACF,EAAIc,GAAG,uDAAuD,GAAGZ,EAAG,MAAM,CAACM,YAAY,uBAAuB,CAACN,EAAG,YAAY,CAACE,MAAM,CAAC,OAAS,IAAImC,YAAYvC,EAAIwC,GAAG,CAAC,CAACV,IAAI,YAAYW,GAAG,SAADI,GAAiB,IAAL9B,EAAE8B,EAAF9B,GAAM,MAAO,CAACb,EAAG,OAAOF,EAAI2C,GAAG,GAAG5B,GAAI,CAACf,EAAIc,GAAG,6BAA6Bd,EAAIoC,GAAGpC,EAAI8C,eAAejB,IAAW,yDAAyD,MAAK,IAAO,CAAC3B,EAAG,OAAO,CAACF,EAAIc,GAAG,4CAA4C,MAAM,IAAI,IAAI,IAAI,GAAGZ,EAAG,KAAK,CAACM,YAAY,kBAAkB,MAAK,IAAI,IAAI,IAE31HuC,EAAkB,G,ooBCoNP,OACfC,KAAA,kBACAvB,gBAAA,EACAL,OAAA,KAEA6B,SAAAC,EAAA,GACAC,eAAA,CACAC,KAAA,OACA1B,WAAA,mCAGA2B,QAAA,WACA,KAAAC,WAAA,WACA,KAAArC,iBAGAsC,QAAA,CACAtB,aAAA,SAAAuB,GACA,KAAAC,OAAAC,SAAA,+BAAAF,GACA,KAAAG,QAAAC,KAAA,0BAAA5B,OAAAwB,KAEAvC,WAAA,SAAA4C,GAAA,IAAAC,EAAA,KACA,KAAArC,gBAAA,EACA,KAAAgC,OAAAC,SAAA,+BAAAtC,QAAA2C,MAAA,WACAD,EAAArC,gBAAA,MAGAmB,4BAAA,SAAAf,GACA,IAAAmC,EAAA,IAAAC,KAAAC,aAAA,SACAC,MAAA,WACAC,SAAA,MACAC,sBAAA,EACAC,sBAAA,IAGA,UAAAzC,EAAA0C,mBACAP,EAAAQ,OAAAC,WAAA5C,EAAA0C,qBACA,IAAA1C,EAAA6C,QACAV,EAAAQ,OAAAC,WAAA5C,EAAA6C,UACA,IAAA7C,EAAA8C,iBACAX,EAAAQ,OAAAC,WAAA5C,EAAA8C,mBAEA,MAGA7B,eAAA,SAAAjB,GACA,UAAAA,EAAA0C,mBACA,KAAAK,sBAAA/C,EAAA0C,oBACA,IAAA1C,EAAA6C,QACA,KAAAE,sBAAA/C,EAAA6C,SACA,IAAA7C,EAAA8C,iBACA,KAAAC,sBAAA/C,EAAA8C,kBAEA,OCjRuV,I,kCCSnVE,EAAY,eACd,EACA9E,EACAgD,GACA,EACA,KACA,WACA,MAIa,aAAA8B,E,sECpBf,W,oCCAA,W","file":"js/chunk-81b7d42a.19a44be1.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-layout',{attrs:{\"justify-center\":\"\",\"column\":\"\"}},[_c('section',{attrs:{\"id\":\"impactBuyerHeader\"}},[(_vm.$vuetify.breakpoint.mdAndUp)?_c('v-img',{staticClass:\"backgroundImg\",staticStyle:{\"max-height\":\"1080px\"},attrs:{\"src\":'https://upstreamnz.s3.ap-southeast-2.amazonaws.com/resizedBanners/1366x400impact_buyer_header.jpg',\"position\":\"top\"}},[_c('div',{class:{\n          headingContainer: _vm.$vuetify.breakpoint.mdAndUp,\n          headingContainerMobile: _vm.$vuetify.breakpoint.smAndDown,\n        }},[_c('div',{staticClass:\"headingHeader mb-3\"},[_c('h1',{staticClass:\"mb-4\",staticStyle:{\"color\":\"white\"}},[_vm._v(\"Upstream Impact Buyers\")])]),_c('div',{staticClass:\"headingParagraph mb-5\"},[_c('p',{staticClass:\"mb-0\"},[_vm._v(\"\\n            Your supply chain can do more than support your business; it gives\\n            you the power to have a real impact on the wellbeing of young New\\n            Zealanders. Through making small changes in your procurement and\\n            empowering your staff to get on board, you can become part of the\\n            team working to improve outcomes for our youth.\\n          \")])]),(_vm.$vuetify.breakpoint.mdAndUp)?_c('v-text-field',{staticClass:\"searchField custom-placeholer-color\",staticStyle:{\"width\":\"900px\",\"max-width\":\"100%\",\"margin\":\"auto\"},attrs:{\"color\":\"black\",\"solo\":\"\",\"prepend-inner-icon\":\"mdi-magnify\",\"label\":\"Search by Buyer Name\",\"hide-details\":\"\"},on:{\"keyup\":function($event){return _vm.filterList()}},model:{value:(_vm.filter),callback:function ($$v) {_vm.filter=$$v},expression:\"filter\"}}):_vm._e()],1)]):_c('div',[_c('v-img',{staticClass:\"backgroundImg\",attrs:{\"src\":'https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2FSxgDQe0g.jpeg?alt=media&token=39aec911-e7b2-4644-94c0-a842f925575b',\"height\":\"800\",\"max-height\":\"calc(100vh - 75px) !important\",\"position\":\"top\"}},[_c('div',{class:{\n            headingContainer: _vm.$vuetify.breakpoint.mdAndUp,\n            headingContainerMobile: _vm.$vuetify.breakpoint.smAndDown,\n          }},[_c('div',{staticClass:\"headingHeader mb-3\"},[_c('h1',{staticClass:\"mb-4\",staticStyle:{\"color\":\"white\"}},[_vm._v(\"Upstream Impact Buyers\")])]),_c('div',{staticClass:\"headingParagraph mb-5\"},[_c('p',{staticClass:\"mb-0\"},[_vm._v(\"\\n              Our aim is to strengthen the wellbeing of children and young\\n              people in New Zealand. Your business can become a massive impact\\n              maker, simply through the procurement of your business and\\n              empowering your staff to get behind your mission. We have to\\n              improve the statistics surrounding our young people in New\\n              Zealand, your business has the power to change that\\n            \")])])])])],1)],1),(_vm.$vuetify.breakpoint.smAndDown)?_c('v-layout',{attrs:{\"row\":\"\",\"wrap\":\"\",\"align-center\":\"\"}},[_c('v-flex',{staticClass:\"pa-2 mt-5 mb-4 searchField\",attrs:{\"xs12\":\"\"}},[_c('v-text-field',{staticStyle:{\"width\":\"900px\",\"max-width\":\"90%\",\"margin\":\"auto\"},attrs:{\"color\":\"#162c47\",\"outline\":\"\",\"prepend-inner-icon\":\"mdi-magnify\",\"label\":\"Search by Buyer Name\",\"hide-details\":\"\"},on:{\"keyup\":function($event){return _vm.filterList()}},model:{value:(_vm.filter),callback:function ($$v) {_vm.filter=$$v},expression:\"filter\"}})],1)],1):_vm._e(),(_vm.loadingResults)?_c('v-progress-linear',{attrs:{\"indeterminate\":true}}):_vm._e(),(_vm.businesses.length === 0)?_c('div',{staticClass:\"subheading font-weight-thin mt-3\"},[_vm._v(\"\\n    No results found\\n  \")]):_vm._e(),_c('v-container',{staticClass:\"mb-5 pageContent\",attrs:{\"grid-list-xl\":\"\"}},[_c('v-layout',{attrs:{\"row\":\"\",\"wrap\":\"\",\"align-center\":\"\"}},_vm._l((_vm.businesses),function(business){return _c('v-flex',{key:business.id,staticClass:\"businessListingsSearchHeight my-5\",staticStyle:{\"height\":\"420px\"},attrs:{\"xs12\":\"\",\"sm6\":\"\",\"md4\":\"\",\"id\":\"businessListingsSearch\"}},[_c('router-link',{attrs:{\"to\":`/impactBusinessProfile/${business.id}`}},[_c('v-card',{staticClass:\"elevation-0 mb-4\",staticStyle:{\"height\":\"100%\"},on:{\"click\":function($event){return _vm.loadBusiness(business.id)}}},[(business.imageUrl)?_c('v-img',{class:_vm.$vuetify.breakpoint.mdAndDown ? '' : 'grayscaleHoverOptions',attrs:{\"src\":business.imageUrl}}):_c('v-img',{class:_vm.$vuetify.breakpoint.mdAndDown ? '' : 'grayscaleHoverOptions',attrs:{\"src\":\"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/upstream-logo-padded.png?alt=media&token=748dcd0a-a617-4173-b33b-57aed67c4bc6\",\"height\":\"300px\"}}),_c('v-card-title',[_c('div',{staticClass:\"cardContentHeight\"},[_c('div',{staticClass:\"title aboutWorkersName\"},[_vm._v(\"\\n                \"+_vm._s(business.name)+\"\\n              \")]),_c('span',{staticClass:\"aboutWorkersTitle\"},[_vm._v(\"\\n                \"+_vm._s(business.description)+\"\\n              \")])]),_c('v-layout',{staticStyle:{\"width\":\"100%\"},attrs:{\"wrap\":\"\",\"row\":\"\",\"align-center\":\"\"}},[_c('v-flex',{attrs:{\"xs2\":\"\"}},[_c('v-icon',{staticStyle:{\"font-size\":\"4em\",\"color\":\"#4cc7e8\"}},[_vm._v(\"\\n                  mdi-charity\\n                \")])],1),_c('v-flex',{attrs:{\"xs10\":\"\"}},[_c('div',{staticClass:\"subheading aboutCc\"},[_c('v-tooltip',{attrs:{\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('span',_vm._g({},on),[_vm._v(\"\\n                        \"+_vm._s(_vm.calculateTotalContributions(business))+\" for Good\\n                        Causes\\n                      \")])]}}],null,true)},[_c('span',[_vm._v(\"Amount generated for Good Causes by this Buyer\")])])],1),_c('div',{staticClass:\"subheading aboutHrs\"},[_c('v-tooltip',{attrs:{\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('span',_vm._g({},on),[_vm._v(\"\\n                        \"+_vm._s(_vm.calculateHrsEq(business))+\" hrs of community\\n                        work\")])]}}],null,true)},[_c('span',[_vm._v(\"Equivalent Hours of Community Work \")])])],1)])],1)],1)],1)],1),_c('hr',{staticClass:\"divider pt-5\"})],1)}),1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <!-- <v-container fill-height fluid> -->\n  <v-layout justify-center column>\n    <section id=\"impactBuyerHeader\">\n      <v-img\n        v-if=\"$vuetify.breakpoint.mdAndUp\"\n        class=\"backgroundImg\"\n        :src=\"'https://upstreamnz.s3.ap-southeast-2.amazonaws.com/resizedBanners/1366x400impact_buyer_header.jpg'\"\n        style=\"max-height: 1080px\"\n        position=\"top\"\n      >\n        <div\n          :class=\"{\n            headingContainer: $vuetify.breakpoint.mdAndUp,\n            headingContainerMobile: $vuetify.breakpoint.smAndDown,\n          }\"\n        >\n          <div class=\"headingHeader mb-3\">\n            <h1 class=\"mb-4\" style=\"color: white\">Upstream Impact Buyers</h1>\n          </div>\n          <div class=\"headingParagraph mb-5\">\n            <p class=\"mb-0\">\n              Your supply chain can do more than support your business; it gives\n              you the power to have a real impact on the wellbeing of young New\n              Zealanders. Through making small changes in your procurement and\n              empowering your staff to get on board, you can become part of the\n              team working to improve outcomes for our youth.\n            </p>\n          </div>\n          <v-text-field\n            v-if=\"$vuetify.breakpoint.mdAndUp\"\n            class=\"searchField custom-placeholer-color\"\n            style=\"width: 900px; max-width: 100%; margin: auto\"\n            color=\"black\"\n            solo\n            v-model=\"filter\"\n            prepend-inner-icon=\"mdi-magnify\"\n            label=\"Search by Buyer Name\"\n            @keyup=\"filterList()\"\n            hide-details\n          ></v-text-field>\n        </div>\n      </v-img>\n      <div v-else>\n        <v-img\n          class=\"backgroundImg\"\n          :src=\"'https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2FSxgDQe0g.jpeg?alt=media&token=39aec911-e7b2-4644-94c0-a842f925575b'\"\n          height=\"800\"\n          max-height=\"calc(100vh - 75px) !important\"\n          position=\"top\"\n        >\n          <div\n            :class=\"{\n              headingContainer: $vuetify.breakpoint.mdAndUp,\n              headingContainerMobile: $vuetify.breakpoint.smAndDown,\n            }\"\n          >\n            <div class=\"headingHeader mb-3\">\n              <h1 class=\"mb-4\" style=\"color: white\">Upstream Impact Buyers</h1>\n            </div>\n            <div class=\"headingParagraph mb-5\">\n              <p class=\"mb-0\">\n                Our aim is to strengthen the wellbeing of children and young\n                people in New Zealand. Your business can become a massive impact\n                maker, simply through the procurement of your business and\n                empowering your staff to get behind your mission. We have to\n                improve the statistics surrounding our young people in New\n                Zealand, your business has the power to change that\n              </p>\n            </div>\n          </div>\n        </v-img>\n      </div>\n    </section>\n    <!-- TODO: Update to new banner (Waiting on Mitch) -->\n\n    <!-- <v-layout\n      column\n      align-center\n      class=\"searchSection py-5\"\n      style=\"width: 100%; background: #162c47\"\n    > -->\n    <!-- <v-flex xs12 class=\"pa-2\">\n        <h1 class=\"pl-1\">Search for Impact Buyers</h1>\n      </v-flex> -->\n\n    <!-- Search -->\n\n    <!-- Impact Business join -->\n    <!-- <v-flex xs12 class=\"title\">\n        <p>Want to become an Impact Buyer?</p>\n      </v-flex>\n      <v-flex xs12 class=\"title\">\n        <v-btn\n          small\n          color=\"info\"\n          dark\n          @click=\"$router.push('/ImpactBusinessJoin')\"\n          class=\"mt-4 text-capitalize\"\n        >\n          Find out more\n        </v-btn>\n      </v-flex> -->\n    <!-- </v-layout> -->\n    <v-layout v-if=\"$vuetify.breakpoint.smAndDown\" row wrap align-center>\n      <v-flex xs12 class=\"pa-2 mt-5 mb-4 searchField\">\n        <v-text-field\n          style=\"width: 900px; max-width: 90%; margin: auto\"\n          color=\"#162c47\"\n          outline\n          v-model=\"filter\"\n          prepend-inner-icon=\"mdi-magnify\"\n          label=\"Search by Buyer Name\"\n          @keyup=\"filterList()\"\n          hide-details\n        ></v-text-field>\n      </v-flex>\n    </v-layout>\n\n    <v-progress-linear v-if=\"loadingResults\" :indeterminate=\"true\" />\n    <div\n      v-if=\"businesses.length === 0\"\n      class=\"subheading font-weight-thin mt-3\"\n    >\n      No results found\n    </div>\n\n    <v-container grid-list-xl class=\"mb-5 pageContent\">\n      <v-layout row wrap align-center>\n        <v-flex\n          v-for=\"business in businesses\"\n          :key=\"business.id\"\n          xs12\n          sm6\n          md4\n          id=\"businessListingsSearch\"\n          class=\"businessListingsSearchHeight my-5\"\n          style=\"height: 420px\"\n        >\n          <router-link :to=\"`/impactBusinessProfile/${business.id}`\">\n          <v-card\n            @click=\"loadBusiness(business.id)\"\n            class=\"elevation-0 mb-4\"\n            style=\"height: 100%\"\n          >\n            <v-img\n              :class=\"\n                $vuetify.breakpoint.mdAndDown ? '' : 'grayscaleHoverOptions'\n              \"\n              v-if=\"business.imageUrl\"\n              :src=\"business.imageUrl\"\n            >\n            </v-img>\n            <v-img\n              v-else\n              :class=\"\n                $vuetify.breakpoint.mdAndDown ? '' : 'grayscaleHoverOptions'\n              \"\n              src=\"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/upstream-logo-padded.png?alt=media&token=748dcd0a-a617-4173-b33b-57aed67c4bc6\"\n              height=\"300px\"\n            />\n            <v-card-title>\n              <div class=\"cardContentHeight\">\n                <div class=\"title aboutWorkersName\">\n                  {{ business.name }}\n                </div>\n                <span class=\"aboutWorkersTitle\">\n                  {{ business.description }}\n                </span>\n              </div>\n              <v-layout style=\"width: 100%\" wrap row align-center>\n                <v-flex xs2>\n                  <v-icon style=\"font-size: 4em; color: #4cc7e8\">\n                    mdi-charity\n                  </v-icon>\n                </v-flex>\n                <v-flex xs10>\n                  <div class=\"subheading aboutCc\">\n                    <v-tooltip bottom>\n                      <template v-slot:activator=\"{ on }\">\n                        <span v-on=\"on\">\n                          {{ calculateTotalContributions(business) }} for Good\n                          Causes\n                        </span>\n                      </template>\n                      <span\n                        >Amount generated for Good Causes by this Buyer</span\n                      >\n                    </v-tooltip>\n                  </div>\n                  <div class=\"subheading aboutHrs\">\n                    <v-tooltip bottom>\n                      <template v-slot:activator=\"{ on }\">\n                        <span v-on=\"on\">\n                          {{ calculateHrsEq(business) }} hrs of community\n                          work</span\n                        >\n                      </template>\n                      <span>Equivalent Hours of Community Work </span>\n                    </v-tooltip>\n                  </div>\n                </v-flex>\n              </v-layout>\n            </v-card-title>\n          </v-card>\n          </router-link>\n          <!-- <v-divider\n            style=\"background-color: #4cc7e8; border-width: 1px\"\n          ></v-divider> -->\n          <hr class=\"divider pt-5\" />\n        </v-flex>\n      </v-layout>\n    </v-container>\n  </v-layout>\n  <!-- </v-container> -->\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\n\nexport default {\n  data: () => ({\n    loadingResults: true,\n    filter: \"\",\n  }),\n  computed: {\n    ...mapGetters({\n      user: \"user\",\n      businesses: \"impactBusinesses/filteredList\",\n    }),\n  },\n  created() {\n    this.$nextTick(function () {\n      this.filterList();\n    });\n  },\n  methods: {\n    loadBusiness(businessId) {\n      this.$store.dispatch(\"impactBusinesses/loadProfile\", businessId);\n      this.$router.push(`/impactBusinessProfile/${businessId}`);\n    },\n    filterList(d) {\n      this.loadingResults = true;\n      this.$store.dispatch(\"impactBusinesses/filter\", this.filter).then(() => {\n        this.loadingResults = false;\n      });\n    },\n    calculateTotalContributions(business) {\n      let formatter = new Intl.NumberFormat(\"en-US\", {\n        style: \"currency\",\n        currency: \"USD\",\n        minimumFractionDigits: 0,\n        maximumFractionDigits: 0,\n      });\n\n      if (business.totalContributions != \"\") {\n        return formatter.format(parseFloat(business.totalContributions));\n      } else if (business.cCTotal != \"\") {\n        return formatter.format(parseFloat(business.cCTotal));\n      } else if (business.supplier_cCTotal != \"\") {\n        return formatter.format(parseFloat(business.supplier_cCTotal));\n      } else {\n        return \"$0\";\n      }\n    },\n    calculateHrsEq(business) {\n      if (business.totalContributions != \"\") {\n        return this.calculateCommunityHrs(business.totalContributions);\n      } else if (business.cCTotal != \"\") {\n        return this.calculateCommunityHrs(business.cCTotal);\n      } else if (business.supplier_cCTotal != \"\") {\n        return this.calculateCommunityHrs(business.supplier_cCTotal);\n      } else {\n        return \"0\";\n      }\n    },\n  },\n};\n</script>\n\n<style scoped>\nh1 {\n  font-family: Gotham !important;\n}\n\n.divider {\n  border: none;\n  border-bottom: 2px solid #4cc7e8;\n}\n\n#aboutSectionHeader {\n  background-color: #4cc7e8;\n  color: #162c47 !important;\n  padding: 5% 10%;\n  position: relative;\n  min-width: 100vw;\n  height: 500px;\n}\n\n#aboutSectionHeader p {\n  line-height: 1.8em !important;\n}\n\n.searchSection h1 {\n  font-weight: bold !important;\n  color: white;\n}\n\n.searchSection p {\n  font-weight: bold;\n  font-size: 1.6rem !important;\n  color: #4cc7e8;\n}\n\n.searchSection button {\n  font-weight: lighter;\n  font-size: 1.2rem !important;\n  color: #4cc7e8;\n  padding: 30px;\n  border-radius: 0;\n}\n\n.aboutWorkersName {\n  font-weight: bold !important;\n  font-family: Gotham !important;\n  font-size: 15pt !important;\n  color: #4cc7e8;\n  margin-bottom: 0 !important;\n}\n\n.aboutWorkersTitle {\n  font-weight: bold !important;\n  font-family: Gotham !important;\n  font-size: 12pt !important;\n  color: #5a5a5c;\n}\n\n.cardContentHeight {\n  min-height: 78px;\n}\n\n.aboutCc {\n  color: #4cc7e8;\n  margin-left: 10px;\n  font-size: 1.1em !important;\n  font-weight: bold !important;\n}\n\n.aboutHrs {\n  font-size: 10px !important;\n  color: #162c47;\n  margin-left: 10px;\n  font-size: 1em !important;\n  font-weight: bold !important;\n}\n\n@media screen and (max-width: 1700px) {\n  .businessListingsSearchHeight {\n    height: 430px !important;\n  }\n}\n\n@media screen and (max-width: 1264px) {\n  .businessListingsSearchHeight {\n    height: 380px !important;\n  }\n}\n\n@media screen and (max-width: 960px) {\n  .businessListingsSearchHeight {\n    height: 500px !important;\n  }\n}\n\n@media screen and (max-width: 870px) {\n  .businessListingsSearchHeight {\n    height: 460px !important;\n  }\n}\n\n@media screen and (max-width: 600px) {\n  .businessListingsSearchHeight {\n    height: auto !important;\n  }\n}\n\n@media only screen and (max-width: 960px) {\n  /* #businessListingsSearch {\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        height: 450px !important;\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      } */\n}\n\n@media only screen and (max-width: 600px) {\n  section#aboutSectionHeader {\n    height: 100% !important;\n  }\n}\n\n@media only screen and (min-width: 1904px) {\n  .pageContent {\n    max-width: 1200px;\n  }\n}\n</style>\n\n<!-- For Search for Impact Buyer field border radius -->\n<style lang=\"scss\">\n#impactBuyerHeader {\n  .headingContainer {\n    padding-top: 20px;\n    text-align: left;\n    max-width: 75%;\n    padding-bottom: 45px;\n    width: 500px;\n    top: 50%;\n    transform: translateY(-50%);\n    position: relative;\n    left: 10%;\n  }\n\n  .headingContainerMobile {\n    text-align: left;\n    max-width: 90%;\n    margin: auto;\n    padding: 15px;\n\n    .headingHeader h1 {\n      text-align: left;\n    }\n  }\n}\n.searchField .v-input__slot {\n  border-radius: 30px !important;\n}\n</style>\n","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!./ImpactBusiness.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!./ImpactBusiness.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ImpactBusiness.vue?vue&type=template&id=70d096fc&scoped=true\"\nimport script from \"./ImpactBusiness.vue?vue&type=script&lang=js\"\nexport * from \"./ImpactBusiness.vue?vue&type=script&lang=js\"\nimport style0 from \"./ImpactBusiness.vue?vue&type=style&index=0&id=70d096fc&prod&scoped=true&lang=css\"\nimport style1 from \"./ImpactBusiness.vue?vue&type=style&index=1&id=70d096fc&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  \"70d096fc\",\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!./ImpactBusiness.vue?vue&type=style&index=1&id=70d096fc&prod&lang=scss\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImpactBusiness.vue?vue&type=style&index=0&id=70d096fc&prod&scoped=true&lang=css\""],"sourceRoot":""}