{"version":3,"sources":["webpack:///./src/components/SurveyResponsesStats.vue?fb23","webpack:///src/components/SurveyResponsesStats.vue","webpack:///./src/components/SurveyResponsesStats.vue?884a","webpack:///./src/components/SurveyResponsesStats.vue?5546","webpack:///./src/components/SurveyResponsesStats.vue?acb3"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","chartOptions","series","staticRenderFns","name","data","responseCounts","title","chart","id","toolbar","show","plotOptions","bar","distributed","xaxis","categories","colors","fill","type","gradient","shade","shadeIntensity","gradientToColors","inverseColors","opacityFrom","opacityTo","stops","colorStops","legend","methods","retrieveSurveyResponses","SurveyResponseDataService","mounted","computed","blue_black_percent","blue_black","surveyResponses","length","toFixed","white_gold_percent","white_gold","blue_brown_percent","blue_brown","other_percent","other","component","VCard","VCardTitle","VCol","VContainer","VRow"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAc,CAACE,YAAY,eAAe,CAACF,EAAG,QAAQ,CAACE,YAAY,eAAeC,MAAM,CAAC,aAAa,KAAK,CAACH,EAAG,QAAQ,CAACA,EAAG,SAAS,CAACE,YAAY,eAAeC,MAAM,CAAC,aAAa,SAAS,YAAY,QAAQ,CAACH,EAAG,eAAe,CAACE,YAAY,kBAAkB,CAACF,EAAG,KAAK,CAACE,YAAY,uBAAuB,CAACN,EAAIQ,GAAG,8CAA8CJ,EAAG,YAAY,CAACG,MAAM,CAAC,MAAQ,MAAM,KAAO,MAAM,QAAUP,EAAIS,aAAa,OAAST,EAAIU,WAAW,IAAI,IAAI,IAAI,IACtjBC,EAAkB,G,wBCwBtB,GACEC,KAAM,yBACNC,KAFF,WAGI,MAAO,CACLC,eAAgB,GAChBC,MAAO,GACPN,aAAc,CACZO,MAAO,CACLC,GAAI,mBACJC,QAAS,CACPC,MAAM,IAGVC,YAAa,CACXC,IAAK,CACHC,aAAa,IAGjBC,MAAO,CACLC,WAAY,CACtB,iBACA,iBACA,iBACA,mBAGQC,OAAQ,CAAC,UAAW,UAAW,UAAW,QAC1CC,KAAM,CACJC,KAAM,WACNC,SAAU,CACRC,MAAO,OACPF,KAAM,WACNG,eAAgB,GAChBC,iBAAkB,CAAC,UAAW,UAAW,WACzCC,eAAe,EACfC,YAAa,EACbC,UAAW,EACXC,MAAO,CAAC,EAAG,GAAI,KACfC,WAAY,KAGhBC,OAAQ,CACNlB,MAAM,IAGVT,OAAQ,CACd,CACQ,KAAR,YACQ,KAAR,cAKE4B,QAAS,CACPC,wBADJ,WACA,WACMC,EAAN,gBACA,mBACA,0BAGQ,EAAR,gBACA,mBACA,mBACA,mBACA,oBAEQ,EAAR,QACA,CACU,KAAV,YACU,KAAV,uBAIA,mBACQ,QAAR,YAIEC,QA9EF,WA+EIxC,KAAKsC,2BAEPG,SAAU,CACRC,mBADJ,WAEM,OAAe1C,KAAK2C,WAAa3C,KAAK4C,gBAAgBC,OAA9C,KAAuDC,QAAQ,IAEzEC,mBAJJ,WAKM,OAAe/C,KAAKgD,WAAahD,KAAK4C,gBAAgBC,OAA9C,KAAuDC,QAAQ,IAEzEG,mBAPJ,WAQM,OAAejD,KAAKkD,WAAalD,KAAK4C,gBAAgBC,OAA9C,KAAuDC,QAAQ,IAEzEK,cAVJ,WAWM,OAAenD,KAAKoD,MAAQpD,KAAK4C,gBAAgBC,OAAzC,KAAkDC,QAAQ,MCrHsR,I,yGCQ1VO,EAAY,eACd,EACAvD,EACAY,GACA,EACA,KACA,KACA,MAIa,aAAA2C,EAAiB,QAShC,IAAkBA,EAAW,CAACC,QAAA,KAAMC,WAAA,OAAWC,OAAA,KAAKC,aAAA,KAAWC,OAAA,Q,2DC5B/D","file":"js/chunk-66279d10.84a57202.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{staticClass:\"fill-height\"},[_c('v-row',{staticClass:\"align-center\",attrs:{\"no-gutters\":\"\"}},[_c('v-col',[_c('v-card',{staticClass:\"pa-2 mx-auto\",attrs:{\"align-self\":\"center\",\"max-width\":\"700\"}},[_c('v-card-title',{staticClass:\"justify-center\"},[_c('h5',{staticClass:\"text-h5 text-center\"},[_vm._v(\" How Today's Visitors See 'The Dress' \")])]),_c('apexchart',{attrs:{\"width\":\"700\",\"type\":\"bar\",\"options\":_vm.chartOptions,\"series\":_vm.series}})],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-container class=\"fill-height\">\r\n    <v-row no-gutters class=\"align-center\">\r\n      <v-col>\r\n        <v-card align-self=\"center\" class=\"pa-2 mx-auto\" max-width=\"700\">\r\n          <v-card-title class=\"justify-center\"\r\n            ><h5 class=\"text-h5 text-center\">\r\n              How Today's Visitors See 'The Dress'\r\n            </h5></v-card-title\r\n          >\r\n          <apexchart\r\n            width=\"700\"\r\n            type=\"bar\"\r\n            :options=\"chartOptions\"\r\n            :series=\"series\"\r\n          ></apexchart>\r\n        </v-card>\r\n      </v-col>\r\n    </v-row>\r\n  </v-container>\r\n</template>\r\n\r\n<script>\r\nimport SurveyResponseDataService from \"../services/SurveyResponseDataService\";\r\n\r\nexport default {\r\n  name: \"survey-responses-stats\",\r\n  data() {\r\n    return {\r\n      responseCounts: [],\r\n      title: \"\",\r\n      chartOptions: {\r\n        chart: {\r\n          id: \"vuechart-example\",\r\n          toolbar: {\r\n            show: false,\r\n          },\r\n        },\r\n        plotOptions: {\r\n          bar: {\r\n            distributed: true,\r\n          },\r\n        },\r\n        xaxis: {\r\n          categories: [\r\n            \"Blue and Black\",\r\n            \"White and Gold\",\r\n            \"Blue and Brown\",\r\n            \"Something Else\",\r\n          ],\r\n        },\r\n        colors: [\"#4529D8\", \"#BEAA39\", \"#919ACA\", \"#000\"],\r\n        fill: {\r\n          type: \"gradient\",\r\n          gradient: {\r\n            shade: \"dark\",\r\n            type: \"vertical\",\r\n            shadeIntensity: 0.5,\r\n            gradientToColors: [\"#07060B\", \"#E5E7AE\", \"#785121\"],\r\n            inverseColors: true,\r\n            opacityFrom: 1,\r\n            opacityTo: 1,\r\n            stops: [0, 50, 100],\r\n            colorStops: [],\r\n          },\r\n        },\r\n        legend: {\r\n          show: false,\r\n        },\r\n      },\r\n      series: [\r\n        {\r\n          name: \"responses\",\r\n          data: [0, 0, 0, 0],\r\n        },\r\n      ],\r\n    };\r\n  },\r\n  methods: {\r\n    retrieveSurveyResponses() {\r\n      SurveyResponseDataService.getCount()\r\n        .then((response) => {\r\n          if (!response.data || response.data.length < 4) {\r\n            return;\r\n          }\r\n          this.responseCounts = [\r\n            response.data[0]['count'],\r\n            response.data[3]['count'],\r\n            response.data[1]['count'],\r\n            response.data[2]['count'],\r\n          ];\r\n          this.series = [\r\n          {\r\n            name: \"responses\",\r\n            data: this.responseCounts,\r\n          },\r\n          ];\r\n        })\r\n        .catch((e) => {\r\n          console.log(e);\r\n        });\r\n    },\r\n  },\r\n  mounted() {\r\n    this.retrieveSurveyResponses();\r\n  },\r\n  computed: {\r\n    blue_black_percent() {\r\n      return (100 * (this.blue_black / this.surveyResponses.length)).toFixed(1);\r\n    },\r\n    white_gold_percent() {\r\n      return (100 * (this.white_gold / this.surveyResponses.length)).toFixed(1);\r\n    },\r\n    blue_brown_percent() {\r\n      return (100 * (this.blue_brown / this.surveyResponses.length)).toFixed(1);\r\n    },\r\n    other_percent() {\r\n      return (100 * (this.other / this.surveyResponses.length)).toFixed(1);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style>\r\n.list {\r\n  text-align: left;\r\n  max-width: 750px;\r\n  margin: auto;\r\n}\r\n</style>","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!./SurveyResponsesStats.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!./SurveyResponsesStats.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SurveyResponsesStats.vue?vue&type=template&id=1eeaa980&\"\nimport script from \"./SurveyResponsesStats.vue?vue&type=script&lang=js&\"\nexport * from \"./SurveyResponsesStats.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SurveyResponsesStats.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCard,VCardTitle,VCol,VContainer,VRow})\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!./SurveyResponsesStats.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}