{"version":3,"sources":["webpack:///./src/views/Layout.vue?7f46","webpack:///./src/assets/menu.svg","webpack:///./src/components/ReviewWebsite.vue?e590","webpack:///src/components/ReviewWebsite.vue","webpack:///./src/components/ReviewWebsite.vue?f56e","webpack:///./src/components/ReviewWebsite.vue?1cc9","webpack:///./src/views/Layout.vue?7345","webpack:///./src/components/BookAutoComplete.vue?d9dd","webpack:///src/components/BookAutoComplete.vue","webpack:///./src/components/BookAutoComplete.vue?bf83","webpack:///./src/components/BookAutoComplete.vue?ece1","webpack:///./src/components/BookAutoCompleteForMobile.vue?5125","webpack:///src/components/BookAutoCompleteForMobile.vue","webpack:///./src/components/BookAutoCompleteForMobile.vue?422b","webpack:///./src/components/BookAutoCompleteForMobile.vue?d02d","webpack:///./src/components/BHNavbar.vue?2eae","webpack:///src/components/BHNavbar.vue","webpack:///./src/components/BHNavbar.vue?40bf","webpack:///./src/components/BHNavbar.vue?4826","webpack:///src/views/Layout.vue","webpack:///./src/views/Layout.vue?aa35","webpack:///./src/views/Layout.vue?1bb3","webpack:///./src/components/BookAutoComplete.vue?14cd","webpack:///./src/components/BookAutoComplete.vue?c5ea","webpack:///./src/components/BookAutoCompleteForMobile.vue?7d61","webpack:///./src/components/ReviewWebsite.vue?cc8d","webpack:///./src/components/BookAutoCompleteForMobile.vue?6cf3","webpack:///./src/components/BHNavbar.vue?3c4b","webpack:///./src/assets/close.svg"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","ref","attrs","staticClass","on","$event","$refs","mycommentmodal","hide","staticStyle","_v","v_commenttext","message","state","model","value","callback","$$v","commenttext","expression","commentrating","ConfirmComment","staticRenderFns","data","isCheckValidate","computed","methods","showmodal","show","hidemodal","validation","uncheck","cleardata","check","myself","localbody","Content","Rate","axios","method","url","component","finishedreview","isLoggedin","fullName","LoginModal","logoutAuthen","_m","domProps","getNumber","VisitToday","VisitAll","review","directives","name","rawName","getData","target","composing","query","search_data","length","showdropdown","_l","data1","key","id","getlink","_s","_e","props","display","Boolean","scopedSlots","_u","fn","displayUser","proxy","disableEbook","onLogout","onLogin","$store","getters","gettotalBook","openNavigation","class","active","showNavbar","closeNavigation","disableSubscription","components","BookAutoComplete","BookAutoCompleteForMobile","type","required","default","String","enableReceipt","$emit","ReviewWebsite","BHNavbar","cart","VisitStatistic","ShowAutoComplete","ShowAutoComplete2","GlobalAuthenDialog","dispatch","checkAuthen","AddVisitStatistics","post","then","Number","number","toLocaleString","displayautocomplete","document","getElementById","style","width","LoadVisitStatistics","created","mounted"],"mappings":"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","file":"js/chunk-9111b534.0f9758a1.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./Layout.vue?vue&type=style&index=0&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/menu.8a31532c.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{ref:\"mycommentmodal\",attrs:{\"hide-footer\":\"\",\"hide-header\":\"\",\"content-class\":\"modal-content-just-success\"}},[_c('div',{staticClass:\"d-block\"},[_c('div',{staticClass:\"float-right\"},[_c('span',{on:{\"click\":function($event){return _vm.$refs.mycommentmodal.hide()}}},[_c('i',{staticClass:\"fas fa-times-circle text-danger close-btn-icon\"})])]),_c('h3',{staticStyle:{\"font-size\":\"1.5em\"}},[_vm._v(\"ให้คะแนน\")]),_c('b-form-group',{staticClass:\"paddingkung\",attrs:{\"label\":\"กรอกความคิดเห็น\",\"label-for\":\"textarea\",\"invalid-feedback\":_vm.v_commenttext.message}},[_c('b-form-textarea',{staticStyle:{\"overflow\":\"auto\"},attrs:{\"id\":\"textarea\",\"rows\":\"3\",\"max-rows\":\"6\",\"state\":_vm.v_commenttext.state},model:{value:(_vm.commenttext),callback:function ($$v) {_vm.commenttext=$$v},expression:\"commenttext\"}})],1),_c('div',{staticStyle:{\"text-align\":\"left\",\"display\":\"flex\"}},[_c('div',{staticClass:\"paddingkung\"},[_vm._v(\"คะแนน\")]),_c('b-form-rating',{staticClass:\"reviewratingmodal\",attrs:{\"id\":\"rating-inline\",\"no-border\":\"\",\"color\":\"#ffd400\"},model:{value:(_vm.commentrating),callback:function ($$v) {_vm.commentrating=$$v},expression:\"commentrating\"}})],1)],1),_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('b-button',{staticClass:\"mt-3\",staticStyle:{\"width\":\"40%\"},attrs:{\"variant\":\"warning\",\"block\":\"\"},on:{\"click\":_vm.ConfirmComment}},[_vm._v(\"ยืนยัน\")])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <b-modal\r\n      ref=\"mycommentmodal\"\r\n      hide-footer\r\n      hide-header\r\n      content-class=\"modal-content-just-success\"\r\n    >\r\n      <div class=\"d-block\">\r\n        <div class=\"float-right\">\r\n            <span @click=\"$refs.mycommentmodal.hide()\"\r\n              ><i class=\"fas fa-times-circle text-danger close-btn-icon\"></i\r\n            ></span></div>\r\n        <h3 style=\"font-size:1.5em;\">ให้คะแนน</h3>\r\n        <b-form-group\r\n        class=\"paddingkung\"\r\n          label=\"กรอกความคิดเห็น\"\r\n          label-for=\"textarea\"\r\n          :invalid-feedback=\"v_commenttext.message\"\r\n        >\r\n          <b-form-textarea\r\n            style=\"overflow: auto\"\r\n            id=\"textarea\"\r\n            rows=\"3\"\r\n            max-rows=\"6\"\r\n            v-model=\"commenttext\"\r\n            :state=\"v_commenttext.state\"\r\n          ></b-form-textarea>\r\n        </b-form-group>\r\n        <div style=\"text-align: left;display:flex;\">\r\n          <div class=\"paddingkung\">คะแนน</div>\r\n          <b-form-rating\r\n            id=\"rating-inline\"\r\n            class=\"reviewratingmodal\"\r\n            no-border\r\n            color=\"#ffd400\"\r\n            v-model=\"commentrating\"\r\n          >\r\n          </b-form-rating>\r\n        </div>\r\n      </div>\r\n<div class=\"d-flex justify-content-center\">\r\n      <b-button class=\"mt-3\"  style=\"width:40%;\" variant=\"warning\" block @click=\"ConfirmComment\"\r\n        >ยืนยัน</b-button\r\n      >\r\n</div>\r\n    </b-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { createValidation } from \"../libs/ValidationHelper\";\r\nconst validation = createValidation();\r\nexport default {\r\n  data() {\r\n    return {\r\n      commentrating: 4,\r\n      commenttext: \"\",\r\n      isCheckValidate: false\r\n    };\r\n  },\r\n\r\n  computed: {\r\n    ...validation.initFuncs({\r\n      v_commenttext() {\r\n        if (!this.commenttext) {\r\n          return \"จำเป็นต้องกรอกข้อความ\";\r\n        }\r\n        return null;\r\n      }\r\n    })\r\n  },\r\n  methods: {\r\n    showmodal() {\r\n      this.$refs[\"mycommentmodal\"].show();\r\n    },\r\n    hidemodal() {\r\n      validation.uncheck(this);\r\n      this.cleardata();\r\n      this.$refs[\"mycommentmodal\"].hide();\r\n    },\r\n    cleardata() {\r\n      this.commenttext = \"\";\r\n      this.commentrating = 4;\r\n    },\r\n    ConfirmComment() {\r\n      if (!validation.check(this)) return;\r\n      var myself = this;\r\n      var localbody = {\r\n        Content: myself.commenttext,\r\n        Rate: myself.commentrating\r\n      };\r\n      this.axios({\r\n        method: \"post\",\r\n        url: \"/WebSiteReview/SaveWebSiteReview\",\r\n        data: localbody\r\n      })\r\n        .then((response) => {\r\n          this.hidemodal();\r\n          this.$emit(\"success\");\r\n        })\r\n        .catch((error) => {\r\n          alert(\"ผิดพลาด\");\r\n        });\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style>\r\n.reviewratingmodal{\r\n  width: 10em;\r\n}\r\n.paddingkung{\r\n  padding: .375rem .75rem;\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!./ReviewWebsite.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!./ReviewWebsite.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ReviewWebsite.vue?vue&type=template&id=7eebe3e9&\"\nimport script from \"./ReviewWebsite.vue?vue&type=script&lang=js&\"\nexport * from \"./ReviewWebsite.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ReviewWebsite.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"appStart\"}},[_c('ReviewWebsite',{ref:\"reviewwebsite\",on:{\"success\":_vm.finishedreview}}),_c('BHNavbar',{attrs:{\"is-loggedin\":_vm.isLoggedin,\"display-user\":_vm.fullName},on:{\"login\":_vm.LoginModal,\"logout\":_vm.logoutAuthen}}),_c('router-view'),_c('div',{staticClass:\"text-light\",staticStyle:{\"background-color\":\"#02364C\",\"border-bottom\":\"6px solid #FFD400\"},attrs:{\"id\":\"footer\"}},[_c('div',{staticClass:\"container pt-5 pb-2\"},[_c('div',{staticClass:\"row px-4\"},[_c('div',{staticClass:\"col-md-6 col-lg-4 col-12 px-0 px-sm-5 mb-3 mb-sm-3\",staticStyle:{\"padding-left\":\"1rem !important\",\"padding-right\":\"1rem !important\"}},[_vm._m(0),_c('div',{staticClass:\"row no-gutters mt-3 mt-sm-5\"},[_c('div',{staticClass:\"col-12 mb-3 mb-sm-3 xd-text s-14 w-medium\"},[_vm._v(\"จำนวนผู้เข้าชมเว็บไซต์\")]),_c('div',{staticClass:\"col-6 col-sm-12 mb-3 mb-sm-3\"},[_c('div',{staticClass:\"row no-gutters\"},[_c('div',{staticClass:\"col-5 col-sm-7 footer__detail d-flex align-items-center xd-text s-14 w-regular\"},[_vm._v(\"เข้าชมวันนี้\")]),_c('div',{staticClass:\"col-7 col-sm-5 text-right\"},[_c('input',{staticClass:\"statistics form-control w-100 xd-text s-14 w-regular\",attrs:{\"type\":\"number\",\"disabled\":\"\"},domProps:{\"value\":_vm.getNumber(_vm.VisitToday)}})])])]),_c('div',{staticClass:\"col-6 col-sm-12 mb-3 mb-sm-3\"},[_c('div',{staticClass:\"row no-gutters\"},[_c('div',{staticClass:\"col-5 col-sm-7 footer__detail d-none d-sm-flex align-items-center pl-2 pl-sm-0 xd-text s-14 w-regular\"},[_vm._v(\"สถิติ\")]),_c('div',{staticClass:\"col-5 col-sm-7 footer__detail d-flex d-sm-none align-items-center justify-content-end pr-2 pl-sm-0  xd-text s-14 w-regular\"},[_vm._v(\"สถิติ\")]),_c('div',{staticClass:\"col-7 col-sm-5 text-right\"},[_c('input',{staticClass:\"statistics form-control w-100 xd-text s-14 w-regular\",attrs:{\"type\":\"text\",\"disabled\":\"\"},domProps:{\"value\":_vm.getNumber(_vm.VisitAll)}})])])]),_c('div',{staticClass:\"col-12\"},[_c('b-button',{staticClass:\"w-100 py-1 py-sm-2 footer-btn xd-text s-14 w-regular\",attrs:{\"variant\":\"warning\"},on:{\"click\":_vm.review}},[_vm._v(\"แสดงความคิดเห็น\")])],1)])]),_vm._m(1),_vm._m(2)]),_vm._m(3),_vm._m(4)])])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"text-left text-sm-center\"},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100% !important\"},attrs:{\"width\":\"80%\",\"height\":\"80%\",\"src\":require(\"../assets/LogoWeb.png\")}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-6 col-lg-4 col-12 px-0 px-sm-5 text-left\",staticStyle:{\"padding-left\":\"1rem !important\",\"padding-right\":\"1rem !important\"}},[_c('h4',{staticClass:\"mb-2 mb-sm-5\"},[_c('span',{staticClass:\"footer-title xd-text s-18 w-regular w-sm-bold\"},[_vm._v(\"บริการทั่วไป\")])]),_c('p',{staticClass:\"footer-text\"},[_c('a',{staticClass:\"footer-shortcut xd-text s-14 w-regular\",attrs:{\"href\":\"https://dictionary.orst.go.th/\"}},[_vm._v(\"พจนานุกรม ฉบับราชบัณฑิตยสถาน พ.ศ. 2554\")]),_c('br'),_c('a',{staticClass:\"footer-shortcut xd-text s-14 w-regular\",attrs:{\"href\":\"https://coined-word.orst.go.th/\"}},[_vm._v(\"ศัพท์บัญญัติ สำนักงานราชบัณฑิตยสภา\")]),_c('br'),_c('a',{staticClass:\"footer-shortcut xd-text s-14 w-regular\",attrs:{\"href\":\"https://transliteration.orst.go.th/\"}},[_vm._v(\"ระบบฐานข้อมูลคำทับศัพท์สำนักงานราชบัณฑิตยสภา\")]),_c('br'),_c('a',{staticClass:\"footer-shortcut xd-text s-14 w-regular\",attrs:{\"href\":\"https://etest.orst.go.th/\"}},[_vm._v(\"ระบบทดสอบความรู้ด้านภาษาไทย\")]),_c('br'),_c('a',{staticClass:\"footer-shortcut xd-text s-14 w-regular\",attrs:{\"href\":\"http://164.115.33.116/\"}},[_vm._v(\"พจนานุกรมภาษามือไทย ฉบับราชบัณฑิตยสภา\")]),_c('br'),_c('a',{staticClass:\"footer-shortcut xd-text s-14 w-regular\",attrs:{\"href\":\"https://www.orst.go.th/iwfm_table.asp?a=28\"}},[_vm._v(\"คลังความรู้\")]),_c('br'),_c('a',{staticClass:\"footer-shortcut xd-text s-14 w-regular\",attrs:{\"href\":\"/howtoroder\"}},[_vm._v(\"ขั้นตอนการสั่งซื้อหนังสือและวิธีการชำระเงิน\")]),_c('br'),_c('a',{staticClass:\"footer-shortcut xd-text s-14 w-regular\",attrs:{\"href\":\"https://www.orst.go.th/iwfm_table.asp?a=37\"}},[_vm._v(\"คำถามที่ถามบ่อย (FAQ)\")]),_c('br')])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-6 col-lg-4 col-12 px-0 px-sm-5 text-left\",staticStyle:{\"padding-left\":\"1rem !important\",\"padding-right\":\"1rem !important\"}},[_c('h4',{staticClass:\"mb-2 mb-sm-3\"},[_c('span',{staticClass:\"footer-title xd-text s-18 w-regular w-sm-bold\"},[_vm._v(\" ติดต่อสำนักงานราชบัณฑิตยสภา\"),_c('br'),_vm._v(\" ( ห้องจำหน่ายหนังสือ ) \")])]),_c('p',{staticClass:\"footer-text xd-text s-14 w-regular\"},[_vm._v(\" สนามเสือป่า ถนนศรีอยุธยา\"),_c('br'),_vm._v(\" เขตดุสิต กรุงเทพมหานคร 10300\"),_c('br'),_vm._v(\" โทรศัพท์ 0 2356 0466-70 ต่อ 1020\"),_c('br'),_vm._v(\" โทรสาร 0 2356 0492\"),_c('br'),_vm._v(\" อีเมล ripub@orst.go.th\"),_c('br')]),_c('div',{staticClass:\"d-none d-sm-block px-5 px-sm-0 mb-2\"},[_c('div',{staticClass:\"fb-page\",attrs:{\"data-href\":\"https://www.facebook.com/RatchabanditThai/\",\"data-width\":\"380\",\"data-hide-cover\":\"false\",\"data-show-facepile\":\"false\"}})])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"d-block d-sm-none px-5 mb-2\"},[_c('div',{staticClass:\"fb-page\",attrs:{\"data-href\":\"https://www.facebook.com/RatchabanditThai/\",\"data-width\":\"380\",\"data-hide-cover\":\"false\",\"data-show-facepile\":\"false\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"text-left row\"},[_c('div',{staticClass:\"col footer-text\"},[_c('hr',{staticClass:\"mb-2\",staticStyle:{\"background-color\":\"white\"}}),_c('span',{staticClass:\"px-2 xd-text w-regular s-14\"},[_vm._v(\"สงวนลิขสิทธิ์ © พ.ศ. 2564 สำนักงานราชบัณฑิตยสภา\")])])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"all-autocom\",attrs:{\"id\":\"bookautocomplete\"}},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.query),expression:\"query\"}],staticClass:\"form-control input-autocom xd-text w-regular s-14\",staticStyle:{\"height\":\"1.75rem !important\"},attrs:{\"type\":\"text\",\"placeholder\":\"ค้นหาหนังสือ...\",\"autocomplete\":\"off\"},domProps:{\"value\":(_vm.query)},on:{\"keyup\":_vm.getData,\"input\":function($event){if($event.target.composing){ return; }_vm.query=$event.target.value}}}),_c('b-icon',{staticClass:\"ml-2\",attrs:{\"icon\":\"search\"}})],1),(_vm.search_data.length && _vm.showdropdown)?_c('div',{staticClass:\"panel-footer\",staticStyle:{\"position\":\"absolute !important\",\"z-index\":\"800\"}},[_c('ul',{staticClass:\"list-group\"},_vm._l((_vm.search_data),function(data1){return _c('a',{key:data1.id,staticClass:\"list-group-item list-group-item-autocom\",on:{\"click\":function($event){return _vm.getlink(data1.id)}}},[_vm._v(_vm._s(data1.name))])}),0)]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"bookautocomplete\" class=\"all-autocom\" style=\"\">\r\n    <div class=\"d-flex justify-content-center align-items-center\">\r\n      <input type=\"text\" placeholder=\"ค้นหาหนังสือ...\" v-model=\"query\" v-on:keyup=\"getData\" autocomplete=\"off\" class=\"form-control input-autocom xd-text w-regular s-14\"  \r\n       style=\"height:1.75rem !important;\" >\r\n       <b-icon icon=\"search\" class=\"ml-2\"></b-icon>\r\n    </div>\r\n      \r\n      <div class=\"panel-footer\" v-if=\"search_data.length && showdropdown\" style=\"position:absolute !important;z-index:800;\">\r\n        <ul class=\"list-group\">\r\n          <a @click=\"getlink(data1.id)\" class=\"list-group-item list-group-item-autocom\" v-for=\"data1 in search_data\" :key=\"data1.id\">{{ data1.name }}</a>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n</template>\r\n<style lang=\"scss\">\r\n.table-cell{\r\n  display: table-cell;\r\n  /*padding: 5px;*/\r\n}\r\n.list-group-item-autocom{\r\n  color: black !important;\r\n  size:16px !important;\r\n  font-weight: unset !important;\r\n  padding: .75rem 1.25rem !important;\r\n  background-color: white !important;\r\n  border: 1px solid rgba(0,0,0,.125) !important;\r\n}\r\n.input-autocom{\r\n  width:180px !important\r\n}\r\n@media (max-width: 400px) {\r\n  .input-autocom {\r\n    width:100% !important\r\n    /* Add other properties here */\r\n  }\r\n}\r\n.all-autocom{\r\n  padding:unset !important;\r\n}\r\n@media (max-width: 400px) {\r\n  .all-autocom {\r\n    padding:5px!important;\r\n    padding-right:10px!important;\r\n  }\r\n}\r\n</style>\r\n<script>\r\nimport axios from \"axios\";\r\nexport default {\r\n  name: \"BookAutoComplete\",\r\n  props: {\r\n    display: Boolean,\r\n  },\r\n  data() {\r\n    return {\r\n        query:\"\",\r\n        search_data:[],\r\n        showdropdown:false\r\n    };\r\n  },\r\n  methods:{\r\n      getData(){\r\n        this.search_data = [];\r\n        this.axios\r\n        .get(\"/Product/BookAutoComplete?txt=\" + this.query)\r\n        .then(res => {\r\n          this.search_data = res.data;\r\n        });\r\n      },\r\n      getName(name){\r\n        this.query = name;\r\n        this.search_data = [];\r\n      },\r\n      getlink(id){\r\n          location.replace(\"/ProductDetail/\" + id);\r\n          //return \"/ProductDetail/\" + id;\r\n      },\r\n      show(){\r\n          this.showdropdown = true;\r\n      },\r\n      hide(){\r\n          this.showdropdown = false;\r\n      },\r\n      AddEvent(form){\r\n        form.addEventListener(\"focusin\", (event) => {\r\n            this.showdropdown = true;\r\n        });\r\n        form.addEventListener(\"focusout\", (event) => {\r\n            //setTimeout(this.hide(), 10000);\r\n            setTimeout(() => this.showdropdown = false,1000);\r\n        });\r\n      }\r\n    },\r\n    mounted(){\r\n      const form = document.getElementById(\"bookautocomplete\");\r\n      document.addEventListener(\"deviceready\",this.AddEvent(form), false);\r\n    }\r\n};\r\n\r\n</script>\r\n\r\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\r\n<style scoped lang=\"scss\">\r\n.list-group-item-autocom{\r\n  color: black !important;\r\n  size:16px !important;\r\n  font-weight: unset !important;\r\n}\r\n#customautocomplete{\r\n    transition: width 2s;\r\n    overflow-x: hidden;\r\n}\r\n</style>\r\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!./BookAutoComplete.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!./BookAutoComplete.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BookAutoComplete.vue?vue&type=template&id=7986ac21&scoped=true&\"\nimport script from \"./BookAutoComplete.vue?vue&type=script&lang=js&\"\nexport * from \"./BookAutoComplete.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BookAutoComplete.vue?vue&type=style&index=0&lang=scss&\"\nimport style1 from \"./BookAutoComplete.vue?vue&type=style&index=1&id=7986ac21&scoped=true&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  \"7986ac21\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"all-autocom w-100\",attrs:{\"id\":\"bookautocomplete2\"}},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center mb-2\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.query),expression:\"query\"}],staticClass:\"form-control input-autocom xd-text w-regular s-14\",staticStyle:{\"height\":\"1.75rem !important\"},attrs:{\"type\":\"text\",\"placeholder\":\"ค้นหาหนังสือ...\",\"autocomplete\":\"off\"},domProps:{\"value\":(_vm.query)},on:{\"keyup\":_vm.getData,\"input\":function($event){if($event.target.composing){ return; }_vm.query=$event.target.value}}}),_c('b-icon',{staticClass:\"ml-2\",attrs:{\"icon\":\"search\"}})],1),(_vm.search_data.length && _vm.showdropdown)?_c('div',{staticClass:\"panel-footer\",staticStyle:{\"position\":\"absolute !important\",\"z-index\":\"800\"}},[_c('ul',{staticClass:\"list-group\"},_vm._l((_vm.search_data),function(data1){return _c('a',{key:data1.id,staticClass:\"list-group-item list-group-item-autocom\",on:{\"click\":function($event){return _vm.getlink(data1.id)}}},[_vm._v(_vm._s(data1.name))])}),0)]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"bookautocomplete2\" class=\"all-autocom w-100\">\r\n    <div class=\"d-flex justify-content-center align-items-center mb-2\">\r\n      <input type=\"text\" placeholder=\"ค้นหาหนังสือ...\" v-model=\"query\" v-on:keyup=\"getData\" autocomplete=\"off\" class=\"form-control input-autocom xd-text w-regular s-14\"  \r\n       style=\"height:1.75rem !important;\" >\r\n       <b-icon icon=\"search\" class=\"ml-2\"></b-icon>\r\n    </div>\r\n    <!-- <div class=\"table-cell\" style=\"padding:5px!important;width:100%\">\r\n      <input type=\"text\" placeholder=\"ค้นหาหนังสือ...\" v-model=\"query\" v-on:keyup=\"getData\" autocomplete=\"off\" class=\"form-control table-cell input-autocom\"  \r\n       style=\"height:25px !important;\" >\r\n    </div>\r\n  <div class=\"table-cell\">\r\n    <b-icon icon=\"search\" class=\"table-cell\"></b-icon>\r\n  </div> -->\r\n      \r\n      <div class=\"panel-footer\" v-if=\"search_data.length && showdropdown\" style=\"position:absolute !important;z-index:800;\">\r\n        <ul class=\"list-group\">\r\n          <a @click=\"getlink(data1.id)\" class=\"list-group-item list-group-item-autocom\" v-for=\"data1 in search_data\" :key=\"data1.id\">{{ data1.name }}</a>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n</template>\r\n<style lang=\"scss\">\r\n.table-cell{\r\n  display: table-cell;\r\n  /*padding: 5px;*/\r\n}\r\n.list-group-item-autocom{\r\n  color: black !important;\r\n  size:16px !important;\r\n  font-weight: unset !important;\r\n  padding: .75rem 1.25rem !important;\r\n  background-color: #fff !important;\r\n  border: 1px solid rgba(0,0,0,.125) !important;\r\n}\r\n.input-autocom{\r\n  width:180px !important\r\n}\r\n@media screen and (max-width: 960px) {\r\n  .input-autocom {\r\n    width:100% !important\r\n    /* Add other properties here */\r\n  }\r\n}\r\n.all-autocom{\r\n  padding:unset !important;\r\n}\r\n@media screen and (max-width: 960px) {\r\n  .all-autocom {\r\n    padding:5px!important;\r\n    padding-right:10px!important;\r\n  }\r\n}\r\n</style>\r\n<script>\r\nimport axios from \"axios\";\r\nexport default {\r\n  name: \"BookAutoCompleteForMobile\",\r\n  props: {\r\n    display: Boolean,\r\n  },\r\n  data() {\r\n    return {\r\n        query:\"\",\r\n        search_data:[],\r\n        showdropdown:false\r\n    };\r\n  },\r\n  methods:{\r\n      getData(){\r\n        this.search_data = [];\r\n        this.axios\r\n        .get(\"/Product/BookAutoComplete?txt=\" + this.query)\r\n        .then(res => {\r\n          this.search_data = res.data;\r\n        });\r\n      },\r\n      getName(name){\r\n        this.query = name;\r\n        this.search_data = [];\r\n      },\r\n      getlink(id){\r\n          location.replace(\"/ProductDetail/\" + id);\r\n          //return \"/ProductDetail/\" + id;\r\n      },\r\n      show(){\r\n          this.showdropdown = true;\r\n      },\r\n      hide(){\r\n          this.showdropdown = false;\r\n      },\r\n      AddEvent(form){\r\n        form.addEventListener(\"focusin\", (event) => {\r\n            this.showdropdown = true;\r\n        });\r\n        form.addEventListener(\"focusout\", (event) => {\r\n            //setTimeout(this.hide(), 10000);\r\n            setTimeout(() => this.showdropdown = false,1000);\r\n        });\r\n      }\r\n    },\r\n    mounted(){\r\n      const form = document.getElementById(\"bookautocomplete2\");\r\n      document.addEventListener(\"deviceready\",this.AddEvent(form), false);\r\n    }\r\n};\r\n\r\n</script>\r\n\r\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\r\n<style scoped lang=\"scss\">\r\n.list-group-item-autocom{\r\n  color: black !important;\r\n  size:16px !important;\r\n  font-weight: unset !important;\r\n}\r\n#customautocomplete{\r\n    transition: width 2s;\r\n    overflow-x: hidden;\r\n}\r\n</style>\r\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!./BookAutoCompleteForMobile.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!./BookAutoCompleteForMobile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BookAutoCompleteForMobile.vue?vue&type=template&id=513969c4&scoped=true&\"\nimport script from \"./BookAutoCompleteForMobile.vue?vue&type=script&lang=js&\"\nexport * from \"./BookAutoCompleteForMobile.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BookAutoCompleteForMobile.vue?vue&type=style&index=0&lang=scss&\"\nimport style1 from \"./BookAutoCompleteForMobile.vue?vue&type=style&index=1&id=513969c4&scoped=true&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  \"513969c4\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"bh-navbar\"},[_c('div',{staticClass:\"top-navbar\"},[_c('div',{staticClass:\"container px-0\"},[_c('b-navbar-nav',{staticClass:\"w-100 px-2 px-sm-0 d-flex flex-row justify-content-end align-items-center\"},[_c('b-nav-item',{attrs:{\"link-classes\":\"p-2\"}},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center\"},[_c('b-icon',{staticClass:\"mr-2\",staticStyle:{\"color\":\"#ffd400\"},attrs:{\"icon\":\"person\"}}),(_vm.isLoggedin)?_c('div',[_c('b-dropdown',{staticClass:\"user-menu\",attrs:{\"size\":\"sm\",\"variant\":\"link\",\"no-caret\":\"\",\"boundary\":\"viewport\"},scopedSlots:_vm._u([{key:\"button-content\",fn:function(){return [_c('div',{staticClass:\"xd-text w-regular s-14 text-white\"},[_vm._v(\" \"+_vm._s(_vm.displayUser)+\" \")])]},proxy:true}],null,false,3984388067)},[_c('b-dropdown-item',{attrs:{\"to\":\"/Account/PurchaseHistory\",\"exact-active-class\":\"font-weight-bold\"}},[_vm._v(\"ประวัติสั่งซื้อ\")]),(!this.disableEbook)?_c('b-dropdown-item',{attrs:{\"to\":\"/Account/Account-MyEBook\",\"exact-active-class\":\"font-weight-bold\"}},[_vm._v(\"E-Book ของฉัน\")]):_vm._e(),_c('b-dropdown-item',{attrs:{\"to\":\"/Account/MyFavorite\",\"exact-active-class\":\"font-weight-bold\"}},[_vm._v(\"รายการโปรด\")]),_c('b-dropdown-item',{attrs:{\"to\":\"/Account/Address\",\"exact-active-class\":\"font-weight-bold\"}},[_vm._v(\"ที่อยู่จัดส่ง\")]),(this.enableReceipt)?_c('b-dropdown-item',{attrs:{\"to\":\"/Account/Receipt\",\"exact-active-class\":\"font-weight-bold\"}},[_vm._v(\"ดาวน์โหลดใบเสร็จ\")]):_vm._e(),_c('b-dropdown-item',{attrs:{\"to\":\"/Account/ProductReturn\",\"exact-active-class\":\"font-weight-bold\"}},[_vm._v(\"รายการคืนสินค้า\")]),_c('b-dropdown-item',{attrs:{\"to\":\"/Account/ProfileSetting\",\"exact-active-class\":\"font-weight-bold\"}},[_vm._v(\"แก้ไขข้อมูลของฉัน\")]),_c('b-dropdown-item',{attrs:{\"to\":\"/Account/ChangePassword\",\"exact-active-class\":\"font-weight-bold\"}},[_vm._v(\"ตั้งค่ารหัสผ่าน\")]),_c('b-dropdown-item',{on:{\"click\":_vm.onLogout}},[_c('div',{staticStyle:{\"color\":\"red\"}},[_vm._v(\"ออกจากระบบ\")])])],1)],1):_vm._e(),(!_vm.isLoggedin)?_c('div',{staticClass:\"xd-text w-regular s-14\",on:{\"click\":_vm.onLogin}},[_vm._v(\" เข้าสู่ระบบ/ลงทะเบียน \")]):_vm._e()],1)]),_c('b-nav-item',{attrs:{\"href\":\"#\",\"to\":\"/cart\",\"link-classes\":\"cart-btn p-2\",\"exact-active-class\":\"active\"}},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center\"},[_c('b-icon',{staticClass:\"mr-2\",staticStyle:{\"color\":\"#ffd400\"},attrs:{\"icon\":\"basket\"}}),_c('span',{staticClass:\"xd-text w-regular s-14\"},[_vm._v(_vm._s(this.$store.getters.gettotalBook)+\" เล่ม\")])],1)]),_c('b-nav-item',{staticStyle:{\"z-index\":\"100\",\"background-color\":\"rgb(2, 54, 76)\"},attrs:{\"href\":\"#\",\"id\":\"customautocomplete\"}},[_c('BookAutoComplete',{attrs:{\"display\":true}})],1)],1),_c('div',{staticClass:\"w-100 d-flex Aend align-items-center autocomplete-moblie\",staticStyle:{\"background-color\":\"rgb(2, 54, 76)\"}},[_c('BookAutoCompleteForMobile',{attrs:{\"display\":true}})],1)],1)]),_c('div',{staticClass:\"middle-navbar\"},[_c('router-link',{attrs:{\"to\":\"/\"}},[_c('div',{staticClass:\"app-logo-container\"},[_c('img',{attrs:{\"src\":require(\"../assets/LogoWeb.png\"),\"height\":\"100%\"}})])]),_c('div',{staticClass:\"navbar-menu-container\"},[_c('div',{staticClass:\"navber-open-btn\",on:{\"click\":_vm.openNavigation}},[_c('img',{attrs:{\"src\":require(\"../assets/menu.svg\"),\"height\":\"24\",\"width\":\"24\"}})])])],1),_c('div',{staticClass:\"bottom-navbar\"},[_c('div',{staticClass:\"navbar-collapse\",class:{ active: _vm.showNavbar }},[_c('ul',{staticClass:\"navbar-nav\"},[_c('router-link',{staticClass:\"nav-item\",attrs:{\"to\":\"/\"}},[_c('span',{on:{\"click\":_vm.closeNavigation}},[_vm._v(\"หน้าหลัก\")])]),_c('router-link',{staticClass:\"nav-item\",attrs:{\"to\":\"/bookstore\"}},[_c('span',{on:{\"click\":_vm.closeNavigation}},[_vm._v(\"คลังหนังสือ\")])]),_c('router-link',{staticClass:\"nav-item\",attrs:{\"to\":\"/about\"}},[_c('span',{on:{\"click\":_vm.closeNavigation}},[_vm._v(\"เกี่ยวกับเรา\")])]),_c('router-link',{staticClass:\"nav-item\",attrs:{\"to\":\"/howtoroder\"}},[_c('span',{on:{\"click\":_vm.closeNavigation}},[_vm._v(\"วิธีการสั่งซื้อ\")])]),(!this.disableSubscription)?_c('router-link',{staticClass:\"nav-item hightlight\",attrs:{\"to\":\"/Subscription\"}},[_c('span',{on:{\"click\":_vm.closeNavigation}},[_vm._v(\"เข้าสู่ระบบสมาชิก\")])]):_vm._e(),_c('a',{staticClass:\"navber-close-btn\",attrs:{\"href\":\"#\"},on:{\"click\":_vm.closeNavigation}},[_c('img',{attrs:{\"src\":require(\"../assets/close.svg\"),\"height\":\"48\",\"width\":\"48\"}})])],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"bh-navbar\">\r\n    <!-- username menu, cart, search -->\r\n    <div class=\"top-navbar\">\r\n      <div class=\"container px-0\">\r\n        <b-navbar-nav\r\n          class=\"w-100 px-2 px-sm-0 d-flex flex-row justify-content-end align-items-center\"\r\n        >\r\n          <b-nav-item link-classes=\"p-2\">\r\n            <div class=\"d-flex justify-content-center align-items-center\">\r\n              <b-icon\r\n                icon=\"person\"\r\n                style=\"color: #ffd400\"\r\n                class=\"mr-2\"\r\n              ></b-icon>\r\n              <div v-if=\"isLoggedin\">\r\n                <b-dropdown\r\n                  size=\"sm\"\r\n                  class=\"user-menu\"\r\n                  variant=\"link\"\r\n                  no-caret\r\n                  boundary=\"viewport\"\r\n                >\r\n                  <template #button-content>\r\n                    <div class=\"xd-text w-regular s-14 text-white\">\r\n                      {{ displayUser }}\r\n                    </div>\r\n                  </template>\r\n                  <b-dropdown-item\r\n                    to=\"/Account/PurchaseHistory\"\r\n                    exact-active-class=\"font-weight-bold\"\r\n                    >ประวัติสั่งซื้อ</b-dropdown-item\r\n                  >\r\n                  <b-dropdown-item\r\n                    v-if=\"!this.disableEbook\"\r\n                    to=\"/Account/Account-MyEBook\"\r\n                    exact-active-class=\"font-weight-bold\"\r\n                    >E-Book ของฉัน</b-dropdown-item\r\n                  >\r\n                  <b-dropdown-item\r\n                    to=\"/Account/MyFavorite\"\r\n                    exact-active-class=\"font-weight-bold\"\r\n                    >รายการโปรด</b-dropdown-item\r\n                  >\r\n                  <b-dropdown-item\r\n                    to=\"/Account/Address\"\r\n                    exact-active-class=\"font-weight-bold\"\r\n                    >ที่อยู่จัดส่ง</b-dropdown-item\r\n                  >\r\n                  <b-dropdown-item\r\n                    v-if=\"this.enableReceipt\"\r\n                    to=\"/Account/Receipt\"\r\n                    exact-active-class=\"font-weight-bold\"\r\n                    >ดาวน์โหลดใบเสร็จ</b-dropdown-item\r\n                  >\r\n                  <b-dropdown-item\r\n                    to=\"/Account/ProductReturn\"\r\n                    exact-active-class=\"font-weight-bold\"\r\n                    >รายการคืนสินค้า</b-dropdown-item\r\n                  >\r\n                  <b-dropdown-item\r\n                    to=\"/Account/ProfileSetting\"\r\n                    exact-active-class=\"font-weight-bold\"\r\n                    >แก้ไขข้อมูลของฉัน</b-dropdown-item\r\n                  >\r\n                  <b-dropdown-item\r\n                    to=\"/Account/ChangePassword\"\r\n                    exact-active-class=\"font-weight-bold\"\r\n                    >ตั้งค่ารหัสผ่าน</b-dropdown-item\r\n                  >\r\n                  <b-dropdown-item @click=\"onLogout\"\r\n                    ><div style=\"color: red\">ออกจากระบบ</div></b-dropdown-item\r\n                  >\r\n                </b-dropdown>\r\n              </div>\r\n              <div\r\n                v-if=\"!isLoggedin\"\r\n                @click=\"onLogin\"\r\n                class=\"xd-text w-regular s-14\"\r\n              >\r\n                เข้าสู่ระบบ/ลงทะเบียน\r\n              </div>\r\n            </div>\r\n          </b-nav-item>\r\n          <b-nav-item\r\n            href=\"#\"\r\n            to=\"/cart\"\r\n            link-classes=\"cart-btn p-2\"\r\n            exact-active-class=\"active\"\r\n          >\r\n            <div class=\"d-flex justify-content-center align-items-center\">\r\n              <b-icon\r\n                icon=\"basket\"\r\n                style=\"color: #ffd400\"\r\n                class=\"mr-2\"\r\n              ></b-icon>\r\n              <span class=\"xd-text w-regular s-14\"\r\n                >{{ this.$store.getters.gettotalBook }} เล่ม</span\r\n              >\r\n            </div>\r\n          </b-nav-item>\r\n          <b-nav-item\r\n            href=\"#\"\r\n            style=\"z-index: 100; background-color: rgb(2, 54, 76)\"\r\n            id=\"customautocomplete\"\r\n          >\r\n            <BookAutoComplete v-bind:display=\"true\"></BookAutoComplete>\r\n          </b-nav-item>\r\n        </b-navbar-nav>\r\n\r\n        <div\r\n          class=\"w-100 d-flex Aend align-items-center autocomplete-moblie\"\r\n          style=\"background-color: rgb(2, 54, 76)\"\r\n        >\r\n          <BookAutoCompleteForMobile\r\n            v-bind:display=\"true\"\r\n          ></BookAutoCompleteForMobile>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- end username menu, cart, search -->\r\n\r\n    <!-- app logo, and mobile menu -->\r\n    <div class=\"middle-navbar\">\r\n      <router-link to=\"/\">\r\n        <div class=\"app-logo-container\">\r\n          <img src=\"../assets/LogoWeb.png\" height=\"100%\" />\r\n        </div>\r\n      </router-link>\r\n      <div class=\"navbar-menu-container\">\r\n        <div class=\"navber-open-btn\" @click=\"openNavigation\">\r\n          <img src=\"../assets/menu.svg\" height=\"24\" width=\"24\" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- end logo, and mobile menu -->\r\n\r\n    <!-- app menu -->\r\n    <div class=\"bottom-navbar\">\r\n      <div class=\"navbar-collapse\" :class=\"{ active: showNavbar }\">\r\n        <ul class=\"navbar-nav\">\r\n          <router-link class=\"nav-item\" to=\"/\"\r\n            ><span @click=\"closeNavigation\">หน้าหลัก</span></router-link\r\n          >\r\n\r\n          <router-link class=\"nav-item\" to=\"/bookstore\"\r\n            ><span @click=\"closeNavigation\">คลังหนังสือ</span></router-link\r\n          >\r\n\r\n          <router-link class=\"nav-item\" to=\"/about\"\r\n            ><span @click=\"closeNavigation\">เกี่ยวกับเรา</span></router-link\r\n          >\r\n\r\n          <router-link class=\"nav-item\" to=\"/howtoroder\"\r\n            ><span @click=\"closeNavigation\">วิธีการสั่งซื้อ</span></router-link\r\n          >\r\n\r\n          <router-link class=\"nav-item hightlight\" to=\"/Subscription\" v-if=\"!this.disableSubscription\"\r\n            ><span @click=\"closeNavigation\"\r\n              >เข้าสู่ระบบสมาชิก</span\r\n            ></router-link\r\n          >\r\n\r\n          <a href=\"#\" class=\"navber-close-btn\" @click=\"closeNavigation\">\r\n            <img src=\"../assets/close.svg\" height=\"48\" width=\"48\" />\r\n          </a>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n    <!-- end app menu -->\r\n  </div>\r\n</template>\r\n\r\n<style scoped lang=\"scss\">\r\n$layout-breakpoint-mobile: 960px;\r\n\r\n.bh-navbar {\r\n  width: 100%;\r\n\r\n  .top-navbar {\r\n    background-color: #02364C;\r\n    color: #fff;\r\n\r\n    a {\r\n      color: #fff;\r\n      text-decoration: none !important;\r\n\r\n      &:hover,\r\n      &:focus,\r\n      &:active {\r\n        text-decoration: none !important;\r\n      }\r\n    }\r\n\r\n    .cart-btn {\r\n      &.active {\r\n        border-bottom: 4px solid #fff;\r\n      }\r\n    }\r\n  }\r\n\r\n  .middle-navbar {\r\n    background-color: #ffd400;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    width: 100%;\r\n    padding: 10px 13px;\r\n\r\n    @media screen and (max-width: $layout-breakpoint-mobile) {\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      width: 100%;\r\n    }\r\n\r\n    .app-logo-container {\r\n      height: 100px;\r\n      margin-bottom: 27px;\r\n\r\n      @media screen and (max-width: $layout-breakpoint-mobile) {\r\n        height: 50px;\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n\r\n    .navbar-menu-container {\r\n      display: none;\r\n\r\n      @media screen and (max-width: $layout-breakpoint-mobile) {\r\n        display: block;\r\n        margin: 10px 0;\r\n      }\r\n\r\n      .navber-open-btn {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        width: 24px;\r\n        height: 24px;\r\n        color: #fff;\r\n        border: 2px solid #fff;\r\n        border-radius: 50%;\r\n        font-size: 16px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .bottom-navbar {\r\n    width: 100%;\r\n    background: #ffd400;\r\n\r\n    .navbar-nav {\r\n      width: 100%;\r\n      display: flex;\r\n      flex-direction: row;\r\n      justify-content: center;\r\n      align-items: center;\r\n\r\n      .nav-item {\r\n        padding: 8px 16px;\r\n        color: #404040;\r\n\r\n        &.router-link-exact-active {\r\n          border-bottom: 4px solid #fff;\r\n          color: #fff;\r\n        }\r\n\r\n        &.hightlight {\r\n          color: #db3a34;\r\n\r\n          &.router-link-exact-active {\r\n            border-bottom: 4px solid #fff;\r\n            color: #fff;\r\n          }\r\n        }\r\n\r\n        &:hover {\r\n          text-decoration: none;\r\n        }\r\n      }\r\n    }\r\n\r\n    .navbar-collapse {\r\n      transition: 0.5s;\r\n\r\n      &.active {\r\n        width: 100%;\r\n        height: 100vh; // <--- 100vh instead of 100%\r\n        position: fixed;\r\n        z-index: 1000;\r\n        top: 0;\r\n        left: 0;\r\n        background: #ffd400;\r\n\r\n        .navbar-nav {\r\n          display: flex;\r\n          flex-direction: column;\r\n          justify-content: center;\r\n          align-items: center;\r\n          height: 100%;\r\n\r\n          .nav-item {\r\n            font-size: 24px;\r\n            padding-left: 0;\r\n            padding-right: 0;\r\n            margin: 0.5rem 0;\r\n            font-weight: 500;\r\n\r\n            &.hightlight {\r\n              color: #404040;\r\n            }\r\n          }\r\n        }\r\n\r\n        .navber-close-btn {\r\n          display: block;\r\n          position: fixed;\r\n          bottom: 8vh;\r\n        }\r\n      }\r\n\r\n      @media screen and (max-width: $layout-breakpoint-mobile) {\r\n        .navbar-nav {\r\n          display: none;\r\n        }\r\n      }\r\n\r\n      .navber-close-btn {\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n\r\n<script>\r\nimport BookAutoComplete from \"@/components/BookAutoComplete\";\r\nimport BookAutoCompleteForMobile from \"@/components/BookAutoCompleteForMobile\";\r\nimport { ENABLE_RECEIPT } from \"../libs/config\";\r\nimport { DISABLE_EBOOK } from \"../libs/config\";\r\nimport { DISABLE_SUBSCRIPTION } from \"../libs/config\";\r\nexport default {\r\n  components: {\r\n    BookAutoComplete,\r\n    BookAutoCompleteForMobile\r\n  },\r\n  props: {\r\n    isLoggedin: {\r\n      type: Boolean,\r\n      required: true,\r\n      default: false\r\n    },\r\n    displayUser: {\r\n      type: String,\r\n      required: true,\r\n      default: \"\"\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      enableReceipt: ENABLE_RECEIPT,\r\n      disableEbook: DISABLE_EBOOK,\r\n      disableSubscription: DISABLE_SUBSCRIPTION,\r\n      showNavbar: false\r\n    };\r\n  },\r\n  methods: {\r\n    openNavigation() {\r\n      this.showNavbar = true;\r\n    },\r\n    closeNavigation() {\r\n      this.showNavbar = false;\r\n    },\r\n    onLogin() {\r\n      this.$emit(\"login\");\r\n    },\r\n    onLogout() {\r\n      this.$emit(\"logout\");\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\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!./BHNavbar.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!./BHNavbar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BHNavbar.vue?vue&type=template&id=57aab494&scoped=true&\"\nimport script from \"./BHNavbar.vue?vue&type=script&lang=js&\"\nexport * from \"./BHNavbar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BHNavbar.vue?vue&type=style&index=0&id=57aab494&scoped=true&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  \"57aab494\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div id=\"appStart\">\r\n    <ReviewWebsite ref=\"reviewwebsite\" @success=\"finishedreview\" />\r\n\r\n    <BHNavbar :is-loggedin=\"isLoggedin\" :display-user=\"fullName\" @login=\"LoginModal\" @logout=\"logoutAuthen\" />\r\n\r\n    <!-- DEPRECATED USE \"BHNavbar\" COMPONENT INSTEAD (IF THAT COMPONENT FAIL USE THIS OLD CODE INSTEAD, BUT WILL LACK OF MOBILE NAV MENU)\r\n    <div\r\n      id=\"nav\"\r\n      style=\"\r\n        background-color: #404040;\r\n        padding: unset !important;\r\n        color: white !important;\r\n      \"\r\n    >\r\n     \r\n      <b-navbar class=\"container toggleable\" style=\"padding: unset !important\">\r\n        <b-collapse id=\"nav-collapse\" is-nav>\r\n          <b-navbar-nav class=\"w-100 px-2 px-sm-0 d-flex justify-content-end align-items-center\">\r\n            <b-nav-item class=\"login-name\">\r\n              <div class=\"d-flex justify-content-center align-items-center\">\r\n                <b-icon icon=\"person\" style=\"color: #ffd400\" class=\"mr-2\"></b-icon>\r\n                <div v-if=\"isLoggedin\">\r\n                  <b-dropdown\r\n                    size=\"sm\"\r\n                    variant=\"link\"\r\n                    no-caret\r\n                    menu-class=\"userSelectdropdown\"\r\n                  >\r\n                    <template #button-content>\r\n                      <div class=\"xd-text w-regular s-14 text-white\">\r\n                        {{ displayUsertext }}\r\n                      </div>\r\n                    </template>\r\n                    <b-dropdown-item to=\"/Account/PurchaseHistory\"\r\n                      >ประวัติสั่งซื้อ</b-dropdown-item\r\n                    >\r\n                    <b-dropdown-item to=\"/Account/Account-MyEBook\"\r\n                      >E-Book ของฉัน</b-dropdown-item\r\n                    >\r\n                    <b-dropdown-item to=\"/Account/MyFavorite\"\r\n                      >รายการโปรด</b-dropdown-item\r\n                    >\r\n                    <b-dropdown-item to=\"/Account/Address\"\r\n                      >ที่อยู่จัดส่ง</b-dropdown-item\r\n                    >\r\n                    <b-dropdown-item to=\"/Account/Receipt\"\r\n                      >ดาวน์โหลดใบเสร็จ</b-dropdown-item\r\n                    >\r\n                    <b-dropdown-item to=\"/Account/ProductReturn\"\r\n                      >รายการคืนสินค้า</b-dropdown-item\r\n                    >\r\n                    <b-dropdown-item to=\"/Account/ProfileSetting\"\r\n                      >แก้ไขข้อมูลของฉัน</b-dropdown-item\r\n                    >\r\n                    <b-dropdown-item to=\"/Account/ChangePassword\"\r\n                      >ตั้งค่ารหัสผ่าน</b-dropdown-item\r\n                    >\r\n                    <b-dropdown-item @click=\"logoutAuthen\"\r\n                      ><div style=\"color: red\">ออกจากระบบ</div></b-dropdown-item\r\n                    >\r\n                  </b-dropdown>\r\n                </div>\r\n                <div v-if=\"!isLoggedin\" @click=\"LoginModal\" class=\"xd-text w-regular s-14\">\r\n                  เข้าสู่ระบบ/ลงทะเบียน\r\n                </div>\r\n              </div>\r\n            </b-nav-item>\r\n            <b-nav-item href=\"#\" to=\"/cart\" style=\"padding-left:unset!important;margin-left:unset!important;\">\r\n              <div class=\"d-flex justify-content-center align-items-center\">\r\n                <b-icon icon=\"basket\" style=\"color: #ffd400\" class=\"mr-2\"></b-icon>\r\n                <span class=\"xd-text w-regular s-14\">{{ this.$store.getters.gettotalBook }} เล่ม</span>\r\n              </div>\r\n            </b-nav-item>\r\n            <b-nav-item href=\"#\" class=\"padding-nav-item\" style=\"z-index:100;background-color: rgb(64, 64, 64);padding:unset !important\" id=\"customautocomplete\">\r\n              <BookAutoComplete v-bind:display=\"true\"></BookAutoComplete>\r\n            </b-nav-item>\r\n          </b-navbar-nav>\r\n        </b-collapse>\r\n      </b-navbar>\r\n      <div class=\"w-100 d-flex justify-content-end align-items-center autocomplete-moblie\" style=\"background-color: rgb(64, 64, 64);\">\r\n        <BookAutoCompleteForMobile v-bind:display=\"true\"></BookAutoCompleteForMobile>\r\n      </div>\r\n      <div class=\"show-pc logo-brand text-center\" style=\"height: 140px;\">\r\n        <img style=\"\" src=\"../assets/LogoWeb.png\" height=\"100%\" />\r\n      </div>\r\n      <div class=\"show-m logo-brand text-left\" style=\"height: 70px;\">\r\n        <img src=\"../assets/LogoWeb.png\" height=\"100%\" />\r\n        <img src=\"../assets/menu.svg\" />\r\n      </div>\r\n      <b-nav\r\n        align=\"center\"\r\n        class=\"navbar-height show-pc-nav\"\r\n        is-nav\r\n        style=\"padding-bottom: unset !important\"\r\n      >\r\n        <b-nav-item class=\"navmenu-item\" to=\"/\">หน้าหลัก</b-nav-item>\r\n\r\n        <b-nav-item class=\"navmenu-item\" to=\"/bookstore\">คลังหนังสือ</b-nav-item>\r\n\r\n        <b-nav-item class=\"navmenu-item\" to=\"/about\">เกี่ยวกับเรา</b-nav-item>\r\n\r\n        <b-nav-item class=\"navmenu-item\" to=\"/howtoroder\">วิธีการสั่งซื้อ</b-nav-item>\r\n\r\n        <b-nav-item class=\"navmenu-login\" to=\"/Subscription\">เข้าสู่ระบบสมาชิก</b-nav-item>\r\n      </b-nav>\r\n    </div> -->\r\n\r\n    <router-view />\r\n    <div id=\"footer\" style=\"background-color: #02364C; border-bottom: 6px solid #FFD400;\" class=\"text-light\">\r\n      <div class=\"container pt-5 pb-2\">\r\n        <div class=\"row px-4\">\r\n\r\n\r\n          <div class=\"col-md-6 col-lg-4 col-12 px-0 px-sm-5 mb-3 mb-sm-3\" style=\"padding-left: 1rem !important; padding-right: 1rem !important;\">\r\n            <div class=\"text-left text-sm-center\">\r\n              <img\r\n                class=\"img-fluid\"\r\n                style=\"max-width:100% !important;\"\r\n                width=\"80%\"\r\n                height=\"80%\"\r\n                src=\"../assets/LogoWeb.png\"\r\n              />\r\n            </div>\r\n\r\n            <div class=\"row no-gutters mt-3 mt-sm-5\">\r\n              <div class=\"col-12 mb-3 mb-sm-3 xd-text s-14 w-medium\">จำนวนผู้เข้าชมเว็บไซต์</div>\r\n              <div class=\"col-6 col-sm-12 mb-3 mb-sm-3\">\r\n                <div class=\"row no-gutters\">\r\n                  <div class=\"col-5 col-sm-7 footer__detail d-flex align-items-center xd-text s-14 w-regular\">เข้าชมวันนี้</div>\r\n                  <div class=\"col-7 col-sm-5 text-right\">\r\n                    <input\r\n                      type=\"number\"\r\n                      disabled\r\n                      :value=\"getNumber(VisitToday)\"\r\n                      class=\"statistics form-control w-100 xd-text s-14 w-regular\"\r\n                    />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-6 col-sm-12 mb-3 mb-sm-3\">\r\n                <div class=\"row no-gutters\">\r\n                  <div class=\"col-5 col-sm-7 footer__detail d-none d-sm-flex align-items-center pl-2 pl-sm-0 xd-text s-14 w-regular\">สถิติ</div>\r\n                  <div class=\"col-5 col-sm-7 footer__detail d-flex d-sm-none align-items-center justify-content-end pr-2 pl-sm-0  xd-text s-14 w-regular\">สถิติ</div>\r\n                  <div class=\"col-7 col-sm-5 text-right\">\r\n                    <input\r\n                      type=\"text\"\r\n                      disabled\r\n                      :value=\"getNumber(VisitAll)\"\r\n                      class=\"statistics form-control w-100 xd-text s-14 w-regular\"\r\n                    />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-12\">\r\n                <b-button variant=\"warning\" class=\"w-100 py-1 py-sm-2 footer-btn xd-text s-14 w-regular\" @click=\"review\">แสดงความคิดเห็น</b-button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"col-md-6 col-lg-4 col-12 px-0 px-sm-5 text-left\" style=\"padding-left: 1rem !important; padding-right: 1rem !important;\">\r\n            <h4 class=\"mb-2 mb-sm-5\"><span class=\"footer-title xd-text s-18 w-regular w-sm-bold\">บริการทั่วไป</span></h4>\r\n            <p class=\"footer-text\">\r\n              <a class=\"footer-shortcut xd-text s-14 w-regular\" href=\"https://dictionary.orst.go.th/\">พจนานุกรม ฉบับราชบัณฑิตยสถาน พ.ศ. 2554</a><br />\r\n              <a class=\"footer-shortcut xd-text s-14 w-regular\" href=\"https://coined-word.orst.go.th/\">ศัพท์บัญญัติ สำนักงานราชบัณฑิตยสภา</a><br />\r\n              <a class=\"footer-shortcut xd-text s-14 w-regular\" href=\"https://transliteration.orst.go.th/\">ระบบฐานข้อมูลคำทับศัพท์สำนักงานราชบัณฑิตยสภา</a><br />\r\n              <a class=\"footer-shortcut xd-text s-14 w-regular\" href=\"https://etest.orst.go.th/\">ระบบทดสอบความรู้ด้านภาษาไทย</a><br />\r\n              <a class=\"footer-shortcut xd-text s-14 w-regular\" href=\"http://164.115.33.116/\">พจนานุกรมภาษามือไทย ฉบับราชบัณฑิตยสภา</a><br />\r\n              <a class=\"footer-shortcut xd-text s-14 w-regular\" href=\"https://www.orst.go.th/iwfm_table.asp?a=28\">คลังความรู้</a><br />\r\n              <a class=\"footer-shortcut xd-text s-14 w-regular\" href=\"/howtoroder\">ขั้นตอนการสั่งซื้อหนังสือและวิธีการชำระเงิน</a><br />\r\n              <a class=\"footer-shortcut xd-text s-14 w-regular\" href=\"https://www.orst.go.th/iwfm_table.asp?a=37\">คำถามที่ถามบ่อย (FAQ)</a><br />\r\n            </p>\r\n          </div>\r\n\r\n          <div class=\"col-md-6 col-lg-4 col-12 px-0 px-sm-5 text-left\" style=\"padding-left: 1rem !important; padding-right: 1rem !important;\">\r\n            <h4 class=\"mb-2 mb-sm-3\">\r\n              <span class=\"footer-title xd-text s-18 w-regular w-sm-bold\">\r\n                ติดต่อสำนักงานราชบัณฑิตยสภา<br/>\r\n                ( ห้องจำหน่ายหนังสือ )\r\n              </span>\r\n            </h4>\r\n            <p class=\"footer-text xd-text s-14 w-regular\">\r\n              สนามเสือป่า ถนนศรีอยุธยา<br />\r\n              เขตดุสิต กรุงเทพมหานคร 10300<br />\r\n              โทรศัพท์ 0 2356 0466-70 ต่อ 1020<br />\r\n              โทรสาร 0 2356 0492<br />\r\n              อีเมล ripub@orst.go.th<br />\r\n            </p>\r\n\r\n            <div class=\"d-none d-sm-block px-5 px-sm-0 mb-2\">\r\n              <div\r\n                class=\"fb-page\"\r\n                data-href=\"https://www.facebook.com/RatchabanditThai/\"\r\n                data-width=\"380\"\r\n                data-hide-cover=\"false\"\r\n                data-show-facepile=\"false\"\r\n              ></div>\r\n            </div>\r\n          </div> \r\n        </div>\r\n\r\n        <div class=\"d-block d-sm-none px-5 mb-2\">\r\n          <div\r\n            class=\"fb-page\"\r\n            data-href=\"https://www.facebook.com/RatchabanditThai/\"\r\n            data-width=\"380\"\r\n            data-hide-cover=\"false\"\r\n            data-show-facepile=\"false\"\r\n          ></div>\r\n        </div>\r\n\r\n        <div class=\"text-left row\">\r\n          <div class=\"col footer-text\">\r\n            <hr class=\"mb-2\" style=\"background-color: white\" />\r\n            <span class=\"px-2 xd-text w-regular s-14\">สงวนลิขสิทธิ์ © พ.ศ. 2564 สำนักงานราชบัณฑิตยสภา</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<style lang=\"scss\">\r\n// #appStart {\r\n//   font-family: Avenir, Helvetica, Arial, sans-serif;\r\n//   -webkit-font-smoothing: antialiased;\r\n//   -moz-osx-font-smoothing: grayscale;\r\n//   text-align: center;\r\n//   color: #2c3e50;\r\n// }\r\nbody {\r\n  overflow: hidden; /* Hide scrollbars */\r\n}\r\n#customautocomplete {\r\n  transition: width 2s;\r\n  width: 240px;\r\n}\r\n@media screen and (max-width: 960px) {\r\n  #customautocomplete {\r\n    display: none !important;\r\n    /* Add other properties here */\r\n  }\r\n}\r\n\r\n.autocomplete-moblie {\r\n  display: none !important;\r\n}\r\n@media screen and (max-width: 960px) {\r\n  .autocomplete-moblie {\r\n    display: flex !important;\r\n    /* Add other properties here */\r\n  }\r\n}\r\n\r\n#nav {\r\n  padding: 30px;\r\n\r\n  a {\r\n    font-weight: 500;\r\n    color: white;\r\n\r\n    &.router-link-exact-active {\r\n      color: #42b983;\r\n    }\r\n  }\r\n}\r\n\r\na.footer-shortcut {\r\n  font-weight: medium;\r\n  color: white;\r\n}\r\n\r\na.footer-shortcut:hover {\r\n  color: #ffd400;\r\n  text-decoration: none;\r\n}\r\n\r\n.padding-nav-item {\r\n  padding: 5px;\r\n}\r\n\r\nimg.resize {\r\n  max-height: 50%;\r\n}\r\n\r\n// .footer-padding {\r\n//   padding-left: 100px;\r\n//   padding-right: 100px;\r\n//   padding-top: 50px;\r\n// }\r\n\r\n.footer__detail {\r\n  font-weight: 300;\r\n  font-size: 14px;\r\n}\r\n\r\n.statistics {\r\n  border-radius: 25px;\r\n  border: 2px solid transparent;\r\n  padding: 15px;\r\n  width: 150px;\r\n  height: 15px;\r\n  background-color: white;\r\n  text-align: center;\r\n  -webkit-appearance: none;\r\n  -moz-appearance: textfield;\r\n}\r\n\r\n.center-height {\r\n  height: 20px;\r\n  line-height: 20px;\r\n  padding: 15px;\r\n  border: 1px solid #666;\r\n}\r\n\r\n.link-bookstore {\r\n  text-decoration: underline;\r\n  color: black;\r\n}\r\n.link-createaccount {\r\n  text-decoration: underline;\r\n  color: #ffd400;\r\n  cursor: pointer;\r\n}\r\n#nav a.router-link-exact-active {\r\n  color: white !important;\r\n  font-weight: 600;\r\n}\r\n#nav a.router-link-exact-active {\r\n  color: white !important;\r\n  border-bottom: 3px solid white;\r\n}\r\n.dropdown-item:active {\r\n  background-color: #ffd400;\r\n}\r\n.modal-dialog {\r\n  justify-content: center !important;\r\n  /*display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  height: 200px;\r\n  border: 3px solid green;*/\r\n  /*margin: 0;\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  -ms-transform: translate(-50%, -50%);\r\n  transform: translate(-50%, -50%);\r\n  margin-left: 100px;\r\n  margin-top: 25px;\r\n  margin-right:unset;\r\n  margin-bottom:unset;*/\r\n}\r\n.login-modal-dialog {\r\n  max-width: unset !important;\r\n}\r\n.modal-content-my {\r\n  width: 1000px;\r\n  background-image: url(\"../assets/Login-bg.png\");\r\n  background-color: unset;\r\n  background-repeat: no-repeat;\r\n  background-size: cover;\r\n  padding: 25px;\r\n  padding-right: 40px;\r\n  border: unset;\r\n  /*opacity: 0.8;*/\r\n}\r\n.logo-brand {\r\n  height: 175px;\r\n  padding: 20px;\r\n}\r\n@media only screen and (max-width: 991px) {\r\n  .logo-brand {\r\n    height: 175px;\r\n    padding: 10px;\r\n  }\r\n}\r\n.padding-logo-footer {\r\n  padding: 15px;\r\n}\r\n.login-name > b-icon {\r\n  display: inline-block;\r\n}\r\n.login-name div {\r\n  display: inline-block;\r\n}\r\n\r\n.login-name div b-dropdown {\r\n  display: inline-block;\r\n}\r\n.userSelectdropdown li a {\r\n  font-weight: normal !important;\r\n  color: black !important;\r\n}\r\n.btn-sm {\r\n  padding: 0 0 0 0 !important;\r\n}\r\n.btn-link:hover{\r\n  text-decoration: none !important;\r\n}\r\n.btn-link:focus{\r\n  text-decoration: none !important;\r\n}\r\n#nav a.router-link-exact-active {\r\n  color: unset !important;\r\n  font-weight: bold !important;\r\n}\r\ninput[type=\"number\"] {\r\n  font-size: unset !important;\r\n}\r\n.footer-title {\r\n  font-weight: 500;\r\n}\r\n@media (max-width: 767px) {\r\n  .footer-title {\r\n    font-size: 80%;\r\n    font-weight: 400;\r\n  }\r\n  .footer-text {\r\n    font-size: 80%;\r\n    line-height: 2em;\r\n  }\r\n  .footer-btn {\r\n    font-size: 90%;\r\n    font-weight: 500;\r\n    color: #fff;\r\n  }\r\n  .statistics {\r\n    font-weight: 500;\r\n    color: #495057;\r\n    padding-top: 0.75rem;\r\n    padding-bottom: 0.75rem;\r\n  }\r\n}\r\n</style>\r\n<script>\r\nimport AuthenService from \"../services/authen.service.js\";\r\nimport { mapGetters, mapActions } from \"vuex\";\r\nimport { GlobalAuthenDialog } from \"../libs/GlobalAuthenDialog.js\";\r\nimport ReviewWebsite from \"@/components/ReviewWebsite\";\r\nimport BookAutoComplete from \"@/components/BookAutoComplete\";\r\nimport BookAutoCompleteForMobile from \"@/components/BookAutoCompleteForMobile\";\r\nimport BHNavbar from \"@/components/BHNavbar\";\r\nimport axios from \"axios\";\r\nexport default {\r\n  components: {\r\n    ReviewWebsite,\r\n    // // BookAutoComplete,\r\n    // BookAutoCompleteForMobile,\r\n    BHNavbar\r\n  },\r\n  computed: {\r\n    ...mapGetters([\"gettotalBook\", \"fullName\", \"isLoggedin\"])\r\n  },\r\n  data() {\r\n    return {\r\n      cart: [],\r\n      VisitStatistic: null,\r\n      VisitToday: 0,\r\n      VisitAll: \"0\",\r\n      ShowAutoComplete: false,\r\n      ShowAutoComplete2: false\r\n    };\r\n  },\r\n  methods: {\r\n    LoginModal() {\r\n      GlobalAuthenDialog.start();\r\n    },\r\n    logoutAuthen() {\r\n      AuthenService.logout();\r\n      this.$store.dispatch(\"loadUserInfo\");\r\n    },\r\n    review() {\r\n      if (AuthenService.isAuthenticated) {\r\n        this.$refs[\"reviewwebsite\"].showmodal();\r\n      } else {\r\n        GlobalAuthenDialog.start();\r\n      }\r\n    },\r\n    finishedreview() {},\r\n    checkAuthen() {\r\n      this.$store.dispatch(\"loadUserInfo\");\r\n    },\r\n    AddVisitStatistics() {\r\n      this.axios.post(\"/Statistics/AddVisitStatic\").then(res => {});\r\n    },\r\n    getNumber(number) {\r\n      return Number(number).toLocaleString();\r\n    },\r\n    displayautocomplete() {\r\n      this.ShowAutoComplete = !this.ShowAutoComplete;\r\n      if (this.ShowAutoComplete) {\r\n        document.getElementById(\"customautocomplete\").style.width = \"210px\";\r\n        //setTimeout(() => this.ShowAutoComplete2 = true,1500);\r\n      } else {\r\n        document.getElementById(\"customautocomplete\").style.width = \"0px\";\r\n      }\r\n    },\r\n    LoadVisitStatistics() {\r\n      this.axios.post(\"/Statistics/GetVisitStatic\").then(res => {\r\n        this.VisitStatistic = res.data;\r\n        this.VisitToday = this.VisitStatistic.today;\r\n        this.VisitAll = this.VisitStatistic.all;\r\n      });\r\n    },\r\n    ...mapActions([\"settotalBook\"])\r\n  },\r\n  created: function() {\r\n    this.checkAuthen();\r\n    if (this.isLoggedin) {\r\n      this.axios\r\n        .get(\"/Cart?sort=CreatedDate&sortDirection=asc\")\r\n        .then(response => {\r\n          let booktotal = 0;\r\n          response.data.resultData.forEach(function(item) {\r\n            booktotal += item.number;\r\n          });\r\n          this.settotalBook(parseInt(booktotal));\r\n        });\r\n    }\r\n  },\r\n  mounted() {\r\n    this.AddVisitStatistics();\r\n    this.LoadVisitStatistics();\r\n  }\r\n};\r\n</script>\r\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!./Layout.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!./Layout.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Layout.vue?vue&type=template&id=f37598b4&\"\nimport script from \"./Layout.vue?vue&type=script&lang=js&\"\nexport * from \"./Layout.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Layout.vue?vue&type=style&index=0&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/dist/cjs.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!./BookAutoComplete.vue?vue&type=style&index=1&id=7986ac21&scoped=true&lang=scss&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./BookAutoComplete.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./BookAutoCompleteForMobile.vue?vue&type=style&index=1&id=513969c4&scoped=true&lang=scss&\"","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!./ReviewWebsite.vue?vue&type=style&index=0&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./BookAutoCompleteForMobile.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./BHNavbar.vue?vue&type=style&index=0&id=57aab494&scoped=true&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/close.dfbf92b7.svg\";"],"sourceRoot":""}