{"version":3,"sources":["webpack:///src/views/Faq.vue","webpack:///./src/views/Faq.vue?2019","webpack:///./src/views/Faq.vue","webpack:///./src/views/Faq.vue?96a1","webpack:///./src/views/Faq.vue?f38c","webpack:///./src/assets/image/gullRevert.png","webpack:///./src/assets/image/gull.png"],"names":["data","faq","underVisible","created","$preloaders","open","axios","get","headers","Authorization","$store","state","user","token","then","response","close","catch","error","console","log","methods","showUnder","key","render","_vm","this","_h","$createElement","_c","_self","_v","staticClass","_l","index","id","on","$event","_s","question","attrs","model","value","callback","$$v","$set","expression","_e","staticRenderFns","injectStyle","context","__vue_template_functional__","__vue_styles__","__vue_scopeId__","__vue_module_identifier__","Component","content","__esModule","default","module","i","locals","exports","add","push"],"mappings":"kJA8Be,GACfA,OACA,OACAC,IAAA,GACAC,cAAA,IAGAC,UACA,KAAAC,YAAAC,OAGAC,IACAC,IAAA,oBACAC,QAAA,CACAC,cAAA,cAAAC,OAAAC,MAAAC,KAAAC,SAGAC,KAAAC,IACA,IAAAf,EAAAe,EAAAf,UACA,KAAAC,IAAAD,EAEA,KAAAI,YAAAY,UAEAC,MAAAC,IACA,KAAAd,YAAAY,QACAG,QAAAC,IAAAF,MAGAG,QAAA,CACAC,UAAAC,GACA,KAAArB,eAAAqB,EACA,KAAArB,aAAA,KACA,KAAAA,aAAAqB,KC9DIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,OAAO,CAACA,EAAG,KAAK,CAACJ,EAAIM,GAAG,SAASN,EAAIM,GAAG,KAAKF,EAAG,UAAU,CAACG,YAAY,UAAUP,EAAIQ,GAAIR,EAAO,KAAE,SAASxB,EAAIiC,GAAO,OAAOL,EAAG,UAAU,CAACN,IAAItB,EAAIkC,GAAGH,YAAY,gBAAgB,CAACH,EAAG,UAAU,CAACG,YAAY,UAAUI,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAIH,UAAUY,MAAU,CAACL,EAAG,KAAK,CAACJ,EAAIM,GAAGN,EAAIa,GAAGrC,EAAIsC,aAAad,EAAIM,GAAG,KAAKF,EAAG,MAAM,CAACW,MAAM,CAAC,IAAMf,EAAIvB,eAAiBgC,EACvc,EAAQ,QACR,EAAQ,QAA4B,IAAM,YAAYT,EAAIM,GAAG,KAAKF,EAAG,aAAa,CAACW,MAAM,CAAC,KAAO,iBAAiB,CAAEf,EAAIvB,eAAiBgC,EAAOL,EAAG,UAAU,CAACG,YAAY,SAAS,CAACH,EAAG,mBAAmB,CAACW,MAAM,CAAC,SAAW,IAAIC,MAAM,CAACC,MAAOzC,EAAU,OAAE0C,SAAS,SAAUC,GAAMnB,EAAIoB,KAAK5C,EAAK,SAAU2C,IAAME,WAAW,iBAAiB,GAAGrB,EAAIsB,QAAQ,MAAK,MAC9WC,EAAkB,G,YCHtB,SAASC,EAAaC,GACpB,EAAQ,QAQV,IAAIC,GAA8B,EAE9BC,EAAiBH,EAEjBI,EAAkB,kBAElBC,EAA4B,KAE5BC,EAAY,eACd,EACA,EACA,EACAJ,EACAC,EACAC,EACAC,GAGa,aAAAC,EAAiB,S,uBCxBhC,IAAIC,EAAU,EAAQ,QACnBA,EAAQC,aAAYD,EAAUA,EAAQE,SACnB,kBAAZF,IAAsBA,EAAU,CAAC,CAACG,EAAOC,EAAIJ,EAAS,MAC7DA,EAAQK,SAAQF,EAAOG,QAAUN,EAAQK,QAE5C,IAAIE,EAAM,EAAQ,QAA+DL,QACpEK,EAAI,WAAYP,GAAS,EAAM,K,qBCT5CM,EAAUH,EAAOG,QAAU,EAAQ,OAAR,EAAyD,GAKpFA,EAAQE,KAAK,CAACL,EAAOC,EAAI,qpEAAspE,M,mBCL/qED,EAAOG,QAAU,sqC,mBCAjBH,EAAOG,QAAU","file":"js/chunk-046ffaa3.f81683f2.js","sourcesContent":["<template>\n  <main>\n    <h2>faq</h2>\n    <section class=\"window\">\n      <section class=\"main-wrapper\" v-for=\"(faq, index) in faq\" :key=\"faq.id\">\n        <section class=\"wrapper\" @click=\"showUnder(index)\">\n          <h3>{{ faq.question }}</h3>\n          <img\n            :src=\"\n              underVisible === index\n                ? require('../assets/image/gullRevert.png')\n                : require('../assets/image/gull.png')\n            \"\n            alt=\"gull\"\n          />\n        </section>\n        <transition name=\"main-animain\">\n          <!-- under -->\n          <section class=\"under\" v-if=\"underVisible === index\">\n            <TextareaAutosize v-model=\"faq.answer\" disabled />\n          </section>\n          <!-- /under -->\n        </transition>\n      </section>\n    </section>\n  </main>\n</template>\n\n<script>\nimport axios from 'axios'\nexport default {\n  data() {\n    return {\n      faq: [],\n      underVisible: false,\n    }\n  },\n  created() {\n    this.$preloaders.open()\n\n    // get faq\n    axios\n      .get('/api/get_faq.php', {\n        headers: {\n          Authorization: 'Token ' + this.$store.state.user.token,\n        },\n      })\n      .then(response => {\n        let data = response.data.data\n        this.faq = data\n\n        this.$preloaders.close()\n      })\n      .catch(error => {\n        this.$preloaders.close()\n        console.log(error)\n      })\n  },\n  methods: {\n    showUnder(key) {\n      this.underVisible === key\n        ? (this.underVisible = null)\n        : (this.underVisible = key)\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '@/assets/scss/variable.scss';\n\n.main-animain-enter-active {\n  animation: fadeIn 0.5s ease-in;\n}\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n  }\n  50% {\n    opacity: 0.5;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.main-wrapper {\n  border-top: 4px solid rgba(126, 124, 124, 0.1);\n  padding-top: 10px;\n  min-height: 50px;\n\n  &:first-of-type {\n    border: none;\n  }\n}\n\nh2 {\n  color: $black;\n  font-weight: 700;\n  font-size: 18px;\n  text-transform: uppercase;\n  text-align: center;\n  margin: 20px 0;\n}\n\n.window {\n  width: 1100px;\n  background-color: $white;\n  border-radius: 10px;\n  margin: 0 auto;\n  padding: 10px 75px 10px 73px;\n}\n\n.wrapper {\n  display: flex;\n  justify-content: space-between;\n  cursor: pointer;\n  padding: 10px 20px;\n  border-radius: 10px;\n\n  h3 {\n    font-weight: 700;\n    font-size: 18px;\n    color: $black;\n    margin-right: 30px;\n  }\n\n  &:hover {\n    background-color: #ebe5e5;\n    transition: all 1s ease;\n  }\n\n  img {\n    width: 25px;\n  }\n}\n\n.under {\n  padding: 20px 20px;\n  border-top: 2px solid $grey;\n  margin-top: 12px;\n\n  p {\n    text-align: center;\n  }\n\n  textarea {\n    width: 100%;\n    background-color: $white;\n    border: none;\n  }\n}\n\n@media (max-width: 1200px) {\n  .window {\n    width: 1000px;\n  }\n}\n\n@media (max-width: 1070px) {\n  .window {\n    width: 900px;\n  }\n}\n\n@media (max-width: 970px) {\n  .window {\n    width: 800px;\n  }\n}\n\n@media (max-width: 860px) {\n  .window {\n    width: 700px;\n  }\n}\n\n@media (max-width: 750px) {\n  .window {\n    width: 500px;\n    padding-left: 20px;\n    padding-right: 20px;\n  }\n\n  .wrapper {\n    h3 {\n      font-size: 15px;\n    }\n\n    img {\n      height: 15px;\n      width: 17px;\n    }\n  }\n}\n\n@media (max-width: 550px) {\n  .window {\n    width: 400px;\n  }\n\n  .wrapper {\n    h3 {\n      font-size: 13px;\n    }\n  }\n}\n\n@media (max-width: 440px) {\n  .window {\n    width: 300px;\n    padding-left: 10px;\n    padding-right: 10px;\n  }\n}\n</style>\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',[_c('h2',[_vm._v(\"faq\")]),_vm._v(\" \"),_c('section',{staticClass:\"window\"},_vm._l((_vm.faq),function(faq,index){return _c('section',{key:faq.id,staticClass:\"main-wrapper\"},[_c('section',{staticClass:\"wrapper\",on:{\"click\":function($event){return _vm.showUnder(index)}}},[_c('h3',[_vm._v(_vm._s(faq.question))]),_vm._v(\" \"),_c('img',{attrs:{\"src\":_vm.underVisible === index\n              ? require('../assets/image/gullRevert.png')\n              : require('../assets/image/gull.png'),\"alt\":\"gull\"}})]),_vm._v(\" \"),_c('transition',{attrs:{\"name\":\"main-animain\"}},[(_vm.underVisible === index)?_c('section',{staticClass:\"under\"},[_c('TextareaAutosize',{attrs:{\"disabled\":\"\"},model:{value:(faq.answer),callback:function ($$v) {_vm.$set(faq, \"answer\", $$v)},expression:\"faq.answer\"}})],1):_vm._e()])],1)}),0)])}\nvar staticRenderFns = []\nexport { render, staticRenderFns }","function injectStyle (context) {\n  require(\"!!vue-style-loader!css-loader?minimize!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"optionsId\\\":\\\"0\\\",\\\"vue\\\":true,\\\"id\\\":\\\"data-v-d776b9e0\\\",\\\"scoped\\\":true,\\\"sourceMap\\\":false}!sass-loader!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Faq.vue\")\n}\n/* script */\nexport * from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./Faq.vue\"\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./Faq.vue\"\n/* template */\nimport {render as __vue_render__, staticRenderFns as __vue_static_render_fns__} from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-d776b9e0\\\",\\\"hasScoped\\\":true,\\\"optionsId\\\":\\\"0\\\",\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./Faq.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-d776b9e0\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nimport normalizeComponent from \"!../../node_modules/vue-loader/lib/runtime/component-normalizer\"\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_render__,\n  __vue_static_render_fns__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../node_modules/css-loader/index.js?minimize!../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"optionsId\\\":\\\"0\\\",\\\"vue\\\":true,\\\"id\\\":\\\"data-v-d776b9e0\\\",\\\"scoped\\\":true,\\\"sourceMap\\\":false}!../../node_modules/sass-loader/dist/cjs.js!../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./Faq.vue\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"14f4799e\", content, true, {});","exports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"\\n.main-animain-enter-active[data-v-d776b9e0]{-webkit-animation:fadeIn-data-v-d776b9e0 0.5s ease-in;animation:fadeIn-data-v-d776b9e0 0.5s ease-in\\n}\\n@-webkit-keyframes fadeIn-data-v-d776b9e0{\\n0%{opacity:0\\n}\\n50%{opacity:0.5\\n}\\n100%{opacity:1\\n}\\n}\\n@keyframes fadeIn-data-v-d776b9e0{\\n0%{opacity:0\\n}\\n50%{opacity:0.5\\n}\\n100%{opacity:1\\n}\\n}\\n.main-wrapper[data-v-d776b9e0]{border-top:4px solid rgba(126,124,124,0.1);padding-top:10px;min-height:50px\\n}\\n.main-wrapper[data-v-d776b9e0]:first-of-type{border:none\\n}\\nh2[data-v-d776b9e0]{color:#121212;font-weight:700;font-size:18px;text-transform:uppercase;text-align:center;margin:20px 0\\n}\\n.window[data-v-d776b9e0]{width:1100px;background-color:#fff;border-radius:10px;margin:0 auto;padding:10px 75px 10px 73px\\n}\\n.wrapper[data-v-d776b9e0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;padding:10px 20px;border-radius:10px\\n}\\n.wrapper h3[data-v-d776b9e0]{font-weight:700;font-size:18px;color:#121212;margin-right:30px\\n}\\n.wrapper[data-v-d776b9e0]:hover{background-color:#ebe5e5;-webkit-transition:all 1s ease;transition:all 1s ease\\n}\\n.wrapper img[data-v-d776b9e0]{width:25px\\n}\\n.under[data-v-d776b9e0]{padding:20px 20px;border-top:2px solid #e8e9eb;margin-top:12px\\n}\\n.under p[data-v-d776b9e0]{text-align:center\\n}\\n.under textarea[data-v-d776b9e0]{width:100%;background-color:#fff;border:none\\n}\\n@media (max-width: 1200px){\\n.window[data-v-d776b9e0]{width:1000px\\n}\\n}\\n@media (max-width: 1070px){\\n.window[data-v-d776b9e0]{width:900px\\n}\\n}\\n@media (max-width: 970px){\\n.window[data-v-d776b9e0]{width:800px\\n}\\n}\\n@media (max-width: 860px){\\n.window[data-v-d776b9e0]{width:700px\\n}\\n}\\n@media (max-width: 750px){\\n.window[data-v-d776b9e0]{width:500px;padding-left:20px;padding-right:20px\\n}\\n.wrapper h3[data-v-d776b9e0]{font-size:15px\\n}\\n.wrapper img[data-v-d776b9e0]{height:15px;width:17px\\n}\\n}\\n@media (max-width: 550px){\\n.window[data-v-d776b9e0]{width:400px\\n}\\n.wrapper h3[data-v-d776b9e0]{font-size:13px\\n}\\n}\\n@media (max-width: 440px){\\n.window[data-v-d776b9e0]{width:300px;padding-left:10px;padding-right:10px\\n}\\n}\\n\", \"\"]);\n\n// exports\n","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAbCAMAAADIxWbRAAAAAXNSR0IB2cksfwAAAVlQTFRFAAAAIyMsKysxKysyKysxKSkuJCQkKioyKioxKioxKioxKioxKCgoKiowKioxISEsKysvKioyKSkxKSkuKysxKioxKSkvJycwKioxKysyKysxICAgKSkwAAAAKysyKysyKysxJycnKSkwKioxKioxFxcuKioyKioyKCgwKSkyJycyKioxKioyKysyKysxKCgvKysvKysyKysxKSkxJiYtKioxKysxKyswKysxKioxKysxKCgwKysyKioxAAAAKioxKyswKysyJycxKysyJCQxKSkwKioxGhoaKysxKioyJiYmAAAAKysxJCQkKysyKysxKioyKysxKysxKyswAAAAJSUyKioyKioxKSkwKSkxKiouKysxKioxKSkxKioxKyswKCgvJycvKysyKysyKioyKysyIiIiKysxKysxKioyKioxIyMuKysyKysxKioxKiouKCgtKioxKysxXHmDJAAAAHN0Uk5TAB26/9EsDoDa/uWTE3m2FzzsaTjj81E74PBUCEUFkPvEDY79pQuLpECaLtXms+5HNtjqRCLZ6DDW7U463EMBjGvdGq4VS5gKfq8UA4MHlZvyv5aJAinO+FAfN33BWN9aRkG4j/G5D6HF57sW/OnUPS3JqK24sfsAAAE9SURBVHichdFXQ8JADADgaFAEZ0UEt4KKA6uC1oEKKoLWvffee/z/B0trc9deqXnpJfmu7eUA7FFSiugpE8r2KPdW+NBfWfWfq0Y9amrdWZ1kOKx3ZYGGP4bBRhcWCiNFU3NR1uJBLqTWIqytvYN32NnlzCI+C8Nod4+T60UhYg6wT2SI/QIbGKRmfIiW8rCNjYxSL5EcG6dEsR56YpI6U9MAqRk2nVmOzaXZL2UKhdQ85eEFxryMLWb10lKUKrm86ZYZW1GNUj7HHdqAq2vc21Rz7/oGq27qYwxsUWGbmAZ3GNwF2Ns/oPTwiJ/BMWsoJ3B6Rlnw3DrTZJxaFyDTVxOX9ju6YhD8srlMC3cJ14roblTRwS056c5Y3GcdGDw8mu7pWX++vDoxDcb09huEIu9afHw6M4Cv70L/5xesTCiueanZIQAAAABJRU5ErkJggg==\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAaCAMAAADyku75AAAAAXNSR0IB2cksfwAAAVZQTFRFAAAAJiYtKioyKysyKioyKSkwKyswKioyKioyKCgoKSkyKysxKioxKioyKioyKioxKioyKysyKCgvKioyKysxKysxKysxKysxJycxKiovKioxKioyKSkwJycyKioxKioyKSkwICAwKysxKCgvKioxKioxKioxKioyKysyKysyKSkpKysxKSkwIiIiKioxKysxHh4tKSkwKioxKysyKioxKioxAAAAKSkwKysyISEsKysxKioyKioxJiYxKysxIyMsKysxKioxKyswAAAAKSkvKysyKiovKysyKSkxKioxKioyKSkxKysyGhoaKSkxKioyJCQsKysxKiowKSkxKioxAAAAJycuKioyKysxKysrKysxAAAAKiowKysyJycxKSkxKysvJycwKioxKCgxKioyKSkyICAgKCgtKioxKioyJCQkKCgxKioyKioyKSkxKysxKioxKSkwKfFsxQAAAHJ0Uk5TACjI/8clWvKLE1fLyWHx/qTMJlz01tDGGlbzzXAu5fdqEK1Gwfltr/uVGcBKD7F+EVD9ZviRA2/6F07r2S+/HeluhAFR3DGuXt/hH/UKpoUjylWgjQIhzqIGqAR54jR8PDvUU9OaCC3VmQc55p+I5M9L5o1LMAAAAThJREFUeJyF0mdbwjAUBeCDqYoDFQVRZLhFcO+BoogL3OLee6///8XS1ps2bfB+yzlv+jRNAVcJY0wphWzKytXeXYHKKlaYapfEeWoKdW0dFKaPt97RNfj02o9GA7JAk4NrDhptC4csZHfhCCMYIBhtFV1bO5V+dHTSoqtbcD1UxXqBeIKWwT6z6x+ggg0OqcHwCK0tBxodo3x8QksmpyhJTJObmaU0OWdkIb53PvXnFrgL0+7FKKXpJS3JcLe8YnqfVYp9a9pB1inImh1yXio2PMDmFj/wtvWb7ezyZ+5hn7v8gXALh0fUKcfcuU/E60KGOczpmc0B5zGbu7h0cMCVKCPXjg5IW132RuIQv7XAO5lTf9R7k3t4lEM8PZN7eS3igLd3w30Ud0Bed8ncPw74/FLd948Y/wIDwiNaQzpQFAAAAABJRU5ErkJggg==\""],"sourceRoot":""}