{"version":3,"sources":["webpack:///./src/views/pages/SocialEvents.vue?acda","webpack:///./src/views/pages/SocialEvents.vue?cf51","webpack:///src/views/pages/SocialEvents.vue","webpack:///./src/views/pages/SocialEvents.vue?427f","webpack:///./src/views/pages/SocialEvents.vue?442e"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","allEvents","event","key","id","attrs","url","image","_e","_m","last_page","clickCallback","staticRenderFns","_v","data","mounted","methods","component"],"mappings":"kHAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,OAAON,EAAIO,GAAIP,EAAIQ,UAAc,MAAE,SAASC,GAAO,OAAOL,EAAG,MAAM,CAACM,IAAID,EAAME,GAAGL,YAAY,mCAAmC,CAACF,EAAG,IAAI,CAACQ,MAAM,CAAC,KAAOH,EAAMI,MAAM,CAAEJ,EAAMK,MAAM,GAAIV,EAAG,MAAM,CAACQ,MAAM,CAAC,IAAM,kCAAkCH,EAAMK,MAAM,IAAM,MAAMd,EAAIe,OAAOX,EAAG,IAAI,CAACE,YAAY,uBAAuBM,MAAM,CAAC,KAAOH,EAAMI,MAAM,CAACb,EAAIgB,GAAG,GAAE,UAAY,GAAGZ,EAAG,MAAM,CAACA,EAAG,WAAW,CAACQ,MAAM,CAAC,aAAaZ,EAAIQ,UAAUS,UAAU,aAAa,EAAE,eAAe,EAAE,gBAAgBjB,EAAIkB,cAAc,YAAY,OAAO,YAAY,OAAO,kBAAkB,aAAa,aAAa,YAAY,kBAAkB,gBAAgB,MAC5wBC,EAAkB,CAAC,WAAa,IAAInB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,OAAO,CAACJ,EAAIoB,GAAG,kB,qBC8B9J,GACEC,KADF,WAEI,MAAO,CACLb,UAAW,KAGfc,QANF,WAMA,WACI,EAAJ,8EACM,EAAN,0BAGEC,QAAS,CACPL,cADJ,SACA,cACM,EAAN,sFACQ,EAAR,4BC7CqW,I,wBCQjWM,EAAY,eACd,EACAzB,EACAoB,GACA,EACA,KACA,KACA,MAIa,aAAAK,E","file":"js/chunk-e129699e.d5d54f0c.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./SocialEvents.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row\"},_vm._l((_vm.allEvents.data),function(event){return _c('div',{key:event.id,staticClass:\"col-md-3 product-grid mt-2 mb-2\"},[_c('a',{attrs:{\"href\":event.url}},[(event.image[0])?_c('img',{attrs:{\"src\":'https://savershall.com/suadmin/'+event.image,\"alt\":\"\"}}):_vm._e()]),_c('a',{staticClass:\"social_product_cover\",attrs:{\"href\":event.url}},[_vm._m(0,true)])])}),0),_c('nav',[_c('paginate',{attrs:{\"page-count\":_vm.allEvents.last_page,\"page-range\":3,\"margin-pages\":2,\"click-handler\":_vm.clickCallback,\"prev-text\":'Prev',\"next-text\":'Next',\"container-class\":'pagination',\"page-class\":'page-item',\"page-link-class\":'page-link'}})],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content\"},[_c('span',[_vm._v(\"Shop Now\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-md-3 product-grid mt-2 mb-2\" v-for=\"event in allEvents.data\" :key=\"event.id\">\n        <a :href=\"event.url\"><img v-if=\"event.image[0]\" :src=\"'https://savershall.com/suadmin/'+event.image\" alt=\"\"/></a>\n          <a :href=\"event.url\" class=\"social_product_cover\">\n            <div class=\"content\">\n              <span>Shop Now</span>\n            </div>\n          </a>\n      </div>\n    </div>\n    <nav>\n      <paginate\n          :page-count=allEvents.last_page\n          :page-range=\"3\"\n          :margin-pages=\"2\"\n          :click-handler=\"clickCallback\"\n          :prev-text=\"'Prev'\"\n          :next-text=\"'Next'\"\n          :container-class=\"'pagination'\"\n          :page-class=\"'page-item'\"\n          :page-link-class=\"'page-link'\"\n      >\n      </paginate>\n    </nav>\n  </div>\n</template>\n<script>\nimport axios from \"axios\";\n\nexport default {\n  data() {\n    return {\n      allEvents: [],\n    }\n  },\n  mounted() {\n    axios.get(`https://savershall.com/sh_backapi/api/social-event`).then((response) => {\n      this.allEvents = response.data.data\n    })\n  },\n  methods: {\n    clickCallback(pageNum) {\n      axios.get(`https://savershall.com/sh_backapi/api/social-event?page=` + pageNum).then((response) => {\n        this.allEvents = response.data.data\n      })\n    }\n  }\n};\n</script>\n<style>\n.col-md-3.product-grid img {\n  border-radius: 8px 8px 0px 0px;\n  transition: 0.5ms;\n}\na.social_product_cover {\n  background: #65c03a;\n  display: block;\n  padding: 10px 0px;\n  text-align: center;\n  color: #fff;\n  text-transform: uppercase;\n  border-radius: 0px 0px 8px 8px;\n  transition: 0.5ms;\n}\n.product-grid:hover a.social_product_cover{\n  background: #ff6c25;\n}\n/* pagination */\n\n.pagination {\n  height: 36px;\n  margin: 18px 0;\n  color: #1F1F21FF;\n}\n\n.pagination ul {\n  display: inline-block;\n  *display: inline;\n  /* IE7 inline-block hack */\n  *zoom: 1;\n  margin-left: 0;\n  color: #ffffff;\n  margin-bottom: 0;\n  -webkit-border-radius: 3px;\n  -moz-border-radius: 3px;\n  border-radius: 3px;\n  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n}\n\n.pagination li {\n  display: inline;\n  color: #1F1F21FF;\n}\n\n.pagination a {\n  float: left;\n  padding: 0 14px;\n  line-height: 34px;\n  color: #1f1f21;\n  text-decoration: none;\n  border: 1px solid #ddd;\n  border-left-width: 0;\n}\n\n.pagination a:hover,\n.pagination .active a {\n  background-color: #65c03a;\n  color: #ffffff;\n}\n\n.pagination a:focus {\n  background-color: #1F1F21FF;\n  color: #ffffff;\n}\n\n\n.pagination .active a {\n  color: #ffffff;\n  cursor: default;\n}\n\n.pagination .disabled span,\n.pagination .disabled a,\n.pagination .disabled a:hover {\n  color: #999999;\n  background-color: transparent;\n  cursor: default;\n}\n\n.pagination li:first-child a {\n  border-left-width: 1px;\n  -webkit-border-radius: 3px 0 0 3px;\n  -moz-border-radius: 3px 0 0 3px;\n  border-radius: 3px 0 0 3px;\n}\n\n.pagination li:last-child a {\n  -webkit-border-radius: 0 3px 3px 0;\n  -moz-border-radius: 0 3px 3px 0;\n  border-radius: 0 3px 3px 0;\n}\n\n.pagination-centered {\n  text-align: center;\n}\n\n.pagination-right {\n  text-align: right;\n}\n\n.pager {\n  margin-left: 0;\n  margin-bottom: 18px;\n  list-style: none;\n  text-align: center;\n  color: #1F1F21FF;\n  *zoom: 1;\n}\n\n.pager:before,\n.pager:after {\n  display: table;\n  content: \"\";\n}\n\n.pager:after {\n  clear: both;\n}\n\n.pager li {\n  display: inline;\n  color: #1F1F21FF;\n}\n\n.pager a {\n  display: inline-block;\n  padding: 5px 14px;\n  color: #1F1F21FF;\n  background-color: #fff;\n  border: 1px solid #ddd;\n  -webkit-border-radius: 15px;\n  -moz-border-radius: 15px;\n  border-radius: 15px;\n}\n\n.pager a:hover {\n  text-decoration: none;\n  background-color: #f5f5f5;\n}\n\n.pager .next a {\n  float: right;\n}\n\n.pager .previous a {\n  float: left;\n}\n\n.pager .disabled a,\n.pager .disabled a:hover {\n  color: #999999;\n}\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!./SocialEvents.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!./SocialEvents.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SocialEvents.vue?vue&type=template&id=b8e768f8&\"\nimport script from \"./SocialEvents.vue?vue&type=script&lang=js&\"\nexport * from \"./SocialEvents.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SocialEvents.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}