{"version":3,"sources":["webpack:///./src/views/manage/Faqs.vue?e0ed","webpack:///./src/views/manage/Faqs.vue?3e5b","webpack:///src/views/manage/Faqs.vue","webpack:///./src/views/manage/Faqs.vue?ba37","webpack:///./src/views/manage/Faqs.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","directives","name","rawName","value","expression","attrs","ref","faqs","on","handleSelectedFaq","scopedSlots","_u","key","fn","data","_l","tr","indextr","question","_v","_s","faqCategoryName","createdBy","createdOn","replace","split","slot","addNew","categories","model","callback","$$v","selectedCategory","formData","$set","staticStyle","saveButtonClicked","cancelAdd","staticRenderFns","faqSearchQuery","FaqCategoryId","id","heading","answer","isActive","tags","questionAndAwnser","isAdminCreateNew","isAdminList","categoryDropdown","components","BForm","BCard","BRow","BCol","BAvatar","BCardBody","BInputGroup","BFormInput","BCardText","BInputGroupPrepend","BTabs","BTab","BImg","vSelect","VxCard","BFormTags","watch","computed","methods","initValues","categoryType","errors","clear","faq","self","loadData","showLoadingOnElement","onSuccess","response","onFinally","$refs","faqTable","$vs","loading","close","$el","$ajaxGet","$validator","validateAll","then","result","showLoadingOnSaveButton","saveData","notify","title","color","text","position","iconPack","icon","saveNewQuestionAndAnswerButton","$ajaxPost","items","msg","background","loadingColor","type","container","scale","getCategories","map","item","label","removeTag","tagItem","splice","indexOf","element","mounted","length","component"],"mappings":"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","file":"js/chunk-894f6bd0.a4c04644.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Faqs.vue?vue&type=style&index=0&id=53b51d8c&prod&lang=scss\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"w-full\"},[_c('vx-card',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isAdminList),expression:\"isAdminList\"}],attrs:{\"title\":\"\"}},[_c('vs-table',{ref:\"faqTable\",staticClass:\"vs-con-loading__container\",attrs:{\"stripe\":\"\",\"single\":\"\",\"pagination\":\"\",\"max-items\":\"10\",\"search\":\"\",\"data\":_vm.faqs},on:{\"selected\":_vm.handleSelectedFaq},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr,attrs:{\"data\":tr}},[_c('vs-td',{attrs:{\"data\":data[indextr].question}},[_vm._v(\"\\n              \"+_vm._s(tr.question)+\"\\n            \")]),_c('vs-td',{attrs:{\"data\":data[indextr].faqCategoryName}},[_vm._v(\"\\n              \"+_vm._s(tr.faqCategoryName)+\"\\n            \")]),_c('vs-td',{attrs:{\"data\":data[indextr].createdBy}},[_vm._v(\"\\n              \"+_vm._s(tr.createdBy)+\"\\n            \")]),_c('vs-td',{attrs:{\"data\":data[indextr].createdOn}},[_vm._v(\"\\n              \"+_vm._s(tr.createdOn.replace(\"T\", \" \").split('.')[0])+\"\\n            \")])],1)})}}])},[_c('div',{staticClass:\"flex flex-wrap-reverse items-center flex-grow justify-between\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('div',{staticClass:\"p-3 mr-4 rounded-lg cursor-pointer flex items-center justify-between text-lg font-medium text-base text-primary-vuexy border border-solid border-primary-vuexy\",on:{\"click\":_vm.addNew}},[_c('feather-icon',{attrs:{\"icon\":\"PlusIcon\",\"svgClasses\":\"h-4 w-4\"}}),_c('span',{staticClass:\"ml-2 text-base text-primary-vuexy\"},[_vm._v(\"Add New\")])],1)]),_c('template',{slot:\"thead\"},[_c('vs-th',{attrs:{\"sort-key\":\"question\"}},[_vm._v(\"Question\")]),_c('vs-th',{attrs:{\"sort-key\":\"faqCategoryName\"}},[_vm._v(\"Category\")]),_c('vs-th',{attrs:{\"sort-key\":\"createdBy\"}},[_vm._v(\"Created By\")]),_c('vs-th',{attrs:{\"sort-key\":\"createdOn\"}},[_vm._v(\"Created On\")])],1)],2)],1)],1),_c('div',{staticClass:\"text-left mt-2\"},[_c('vx-card',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isAdminCreateNew),expression:\"isAdminCreateNew\"}],attrs:{\"id\":\"faqInfoCard\",\"title\":\"Frequently Asked Questions\"}},[_c('div',[_c('div',{staticClass:\"vx-row pb-1\"},[_c('div',{staticClass:\"vx-col sm:w-1/2 w-full mb-2\"},[_c('label',[_vm._v(\"Category\")]),_c('v-select',{ref:\"categoryDropdown\",attrs:{\"placeholder\":\"Select a Category\",\"options\":_vm.categories},model:{value:(_vm.selectedCategory),callback:function ($$v) {_vm.selectedCategory=$$v},expression:\"selectedCategory\"}})],1),_c('div',{staticClass:\"vx-col w-full mb-2\"},[_c('label',[_vm._v(\"Heading\")]),_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],staticClass:\"w-full\",attrs:{\"autocomplete\":\"off\",\"onClick\":\"this.select();\",\"name\":\"Heading\"},model:{value:(_vm.formData.heading),callback:function ($$v) {_vm.$set(_vm.formData, \"heading\", $$v)},expression:\"formData.heading\"}})],1),_c('div',{staticClass:\"vx-col w-full mb-2\"},[_c('label',[_vm._v(\"Question\")]),_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],staticClass:\"w-full\",attrs:{\"autocomplete\":\"off\",\"onClick\":\"this.select();\",\"name\":\"Question\"},model:{value:(_vm.formData.question),callback:function ($$v) {_vm.$set(_vm.formData, \"question\", $$v)},expression:\"formData.question\"}})],1),_c('div',{staticClass:\"vx-col w-full\"},[_c('label',[_vm._v(\"Answer\")]),_c('vs-textarea',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],attrs:{\"autocomplete\":\"off\",\"onClick\":\"this.select();\",\"name\":\"Answer\"},model:{value:(_vm.formData.answer),callback:function ($$v) {_vm.$set(_vm.formData, \"answer\", $$v)},expression:\"formData.answer\"}})],1)]),_c('vs-divider',[_vm._v(\"Tags\")]),_c('div',[_c('label',[_vm._v(\"Type a new tag and press enter\")]),_c('b-form-tags',{staticClass:\"mb-2\",attrs:{\"input-id\":\"tags-basic\",\"placeholder\":\"Add Tags...\",\"remove-on-delete\":\"\"},model:{value:(_vm.formData.tags),callback:function ($$v) {_vm.$set(_vm.formData, \"tags\", $$v)},expression:\"formData.tags\"}})],1),_c('vs-divider',{staticClass:\"mb-6 pt-4\"}),_c('div',{staticClass:\"vx-row\"},[_c('vs-spacer'),_c('div',{staticClass:\"vx-col\",staticStyle:{\"display\":\"contents !important\"}},[_c('div',{attrs:{\"id\":\"update-container\"}},[_c('vs-button',{ref:\"saveNewQuestionAndAnswerButton\",staticClass:\"mr-3 vs-con-loading__container fitToRow\",attrs:{\"color\":\"success\"},on:{\"click\":_vm.saveButtonClicked}},[_vm._v(\"Save\")])],1),_c('div',{attrs:{\"id\":\"update-container\"}},[_c('vs-button',{directives:[{name:\"scroll-to\",rawName:\"v-scroll-to\",value:('#faqInfoCard'),expression:\"'#faqInfoCard'\"}],staticClass:\"mb-2\",attrs:{\"color\":\"warning\",\"type\":\"border\"},on:{\"click\":_vm.cancelAdd}},[_vm._v(\"Cancel\")])],1)])],1)],1)])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"w-full\">\r\n      <vx-card title=\"\" v-show=\"isAdminList\">\r\n        <vs-table stripe ref=\"faqTable\" class=\"vs-con-loading__container\" single @selected=\"handleSelectedFaq\" pagination max-items=\"10\" search :data=\"faqs\">\r\n          <div slot=\"header\" class=\"flex flex-wrap-reverse items-center flex-grow justify-between\">\r\n            <!-- ADD NEW -->\r\n            <div class=\"p-3 mr-4 rounded-lg cursor-pointer flex items-center justify-between text-lg font-medium text-base text-primary-vuexy border border-solid border-primary-vuexy\" @click=\"addNew\">\r\n              <feather-icon icon=\"PlusIcon\" svgClasses=\"h-4 w-4\" />\r\n              <span class=\"ml-2 text-base text-primary-vuexy\">Add New</span>\r\n            </div>\r\n          </div>\r\n          <template slot=\"thead\">\r\n            <vs-th sort-key=\"question\">Question</vs-th>\r\n            <vs-th sort-key=\"faqCategoryName\">Category</vs-th>\r\n            <vs-th sort-key=\"createdBy\">Created By</vs-th>\r\n            <vs-th sort-key=\"createdOn\">Created On</vs-th>\r\n          </template>\r\n\r\n          <template slot-scope=\"{data}\">\r\n            <vs-tr :data=\"tr\" :key=\"indextr\" v-for=\"(tr, indextr) in data\">\r\n\r\n              <vs-td :data=\"data[indextr].question\">\r\n                {{ tr.question }}\r\n              </vs-td>\r\n\r\n              <vs-td :data=\"data[indextr].faqCategoryName\">\r\n                {{ tr.faqCategoryName }}\r\n              </vs-td>\r\n\r\n              <vs-td :data=\"data[indextr].createdBy\">\r\n                {{ tr.createdBy }}\r\n              </vs-td>\r\n\r\n              <vs-td :data=\"data[indextr].createdOn\">\r\n                {{ tr.createdOn.replace(\"T\", \" \").split('.')[0] }}\r\n              </vs-td>\r\n            </vs-tr>\r\n          </template>\r\n        </vs-table>\r\n      </vx-card>\r\n    </div>\r\n    <div class=\"text-left mt-2\">\r\n      <vx-card id=\"faqInfoCard\" title=\"Frequently Asked Questions\" v-show=\"isAdminCreateNew\">\r\n        <div>\r\n          <!-- category dropdown list -->\r\n          <div class=\"vx-row pb-1\">\r\n            <div class=\"vx-col sm:w-1/2 w-full mb-2\">\r\n              <label>Category</label>\r\n              <!-- <vs-select placeholder=\"Select a FAQ Category Type\" ref=\"categoryDropdown\" class=\"w-full\" :options=\"formData.category\" v-validate=\"'required'\" name=\"Category\" v-model=\"categoryDropdown\"></vs-select> -->\r\n              <v-select ref=\"categoryDropdown\" placeholder=\"Select a Category\" :options=\"categories\" v-model=\"selectedCategory\" ></v-select>\r\n            </div>\r\n          \r\n            <div class=\"vx-col w-full mb-2\">\r\n              <label>Heading</label>\r\n              <vs-input\r\n                autocomplete=\"off\"\r\n                onClick=\"this.select();\"\r\n                v-validate=\"'required'\"\r\n                name=\"Heading\"\r\n                class=\"w-full\"\r\n                v-model=\"formData.heading\"\r\n              />\r\n            </div>\r\n            <div class=\"vx-col w-full mb-2\">\r\n              <label>Question</label>\r\n              <vs-input\r\n                autocomplete=\"off\"\r\n                onClick=\"this.select();\"\r\n                v-validate=\"'required'\"\r\n                name=\"Question\"\r\n                class=\"w-full\"\r\n                v-model=\"formData.question\"\r\n              />\r\n            </div>\r\n            <div class=\"vx-col w-full\">\r\n              <label>Answer</label>\r\n              <vs-textarea\r\n                autocomplete=\"off\"\r\n                onClick=\"this.select();\"\r\n                v-validate=\"'required'\"\r\n                name=\"Answer\"\r\n                v-model=\"formData.answer\"\r\n              />\r\n            </div>\r\n          </div>\r\n          <vs-divider>Tags</vs-divider>\r\n          <div>\r\n            <label>Type a new tag and press enter</label>\r\n            <b-form-tags\r\n              v-model=\"formData.tags\"\r\n              input-id=\"tags-basic\"\r\n              class=\"mb-2\"\r\n              placeholder=\"Add Tags...\"\r\n              remove-on-delete\r\n            />\r\n          </div>\r\n          <!-- <div class=\"vx-row pt-3\">\r\n            <vs-chips\r\n              id=\"tags\"\r\n              class=\"vx-col w-full\"\r\n              color=\"rgb(145, 32, 159)\"\r\n              placeholder=\"Add Tags\"\r\n              v-model=\"formData.tags\"\r\n            >\r\n              <vs-chip\r\n                class=\"glow-effect_primary\"\r\n                :key=\"chip\"\r\n                @click=\"removeTag(chip)\"\r\n                v-for=\"chip in formData.tags\"\r\n                closable\r\n              >\r\n                {{ chip }}\r\n              </vs-chip>\r\n            </vs-chips>\r\n          </div> -->\r\n          <vs-divider class=\"mb-6 pt-4\"></vs-divider>\r\n          <div class=\"vx-row\">\r\n            <vs-spacer ></vs-spacer>\r\n            <div class=\"vx-col\" style=\"display: contents !important;\">\r\n              <div id=\"update-container\">\r\n                <vs-button color=\"success\" class=\"mr-3 vs-con-loading__container fitToRow\" @click=\"saveButtonClicked\" ref=\"saveNewQuestionAndAnswerButton\">Save</vs-button>\r\n              </div>\r\n              <div id=\"update-container\">\r\n                <vs-button color=\"warning\" type=\"border\" class=\"mb-2\" v-scroll-to=\"'#faqInfoCard'\" @click=\"cancelAdd\">Cancel</vs-button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </vx-card>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport vSelect from 'vue-select';\r\nimport VxCard from '../../components/vx-card/VxCard.vue';\r\nimport {\r\n  BCard, BCardBody, BForm, BInputGroup, BFormInput, BCardText, BInputGroupPrepend, BTabs, BTab, BImg, BRow, BCol, BAvatar, BFormTags\r\n} from 'bootstrap-vue'\r\nexport default {\r\n  data () {\r\n    return {\r\n      faqSearchQuery: '',\r\n      categories: [],\r\n      faqs:[],\r\n      selectedCategory: 0,\r\n      formData: {\r\n        FaqCategoryId: 0,\r\n        id: 0,\r\n        heading: '',\r\n        answer: '',\r\n        question: '',\r\n        isActive: false,\r\n        tags: []\r\n        // categoryType: \"\"\r\n      },\r\n      questionAndAwnser: [],\r\n      isAdminCreateNew: false,\r\n      isAdminList: true,\r\n      categoryDropdown: 0\r\n    };\r\n  },\r\n  components: {\r\n    BForm,\r\n    BCard,\r\n    BRow,\r\n    BCol,\r\n    BAvatar,\r\n    BCardBody,\r\n    BInputGroup,\r\n    BFormInput,\r\n    BCardText,\r\n    BInputGroupPrepend,\r\n    BTabs,\r\n    BTab,\r\n    BImg,\r\n    vSelect,\r\n    VxCard,\r\n    BFormTags\r\n  },\r\n  watch: {\r\n  },\r\n  computed: {\r\n  },\r\n  methods: {\r\n    initValues () {\r\n      this.selectedCategory = 0;\r\n      this.formData.FaqCategoryId = 0;\r\n      this.formData.categoryType = '';\r\n      this.isAdminCreateNew = false;\r\n      this.isAdminList = true;\r\n      this.formData.id = 0;\r\n      this.formData.heading = '';\r\n      this.formData.question = '';\r\n      this.formData.answer = '';\r\n      this.formData.tags = [];\r\n      this.errors.clear();\r\n    },\r\n    cancelAdd () {\r\n      this.initValues();\r\n    },\r\n    addNew () {\r\n      this.initValues();\r\n      this.isAdminList = false;\r\n      this.isAdminCreateNew = true;\r\n    },\r\n    handleSelectedFaq (faq) {\r\n      const self = this;\r\n      this.isAdminList = false;\r\n      this.isAdminCreateNew = true;\r\n      self.selectedCategory = faq.faqCategoryName;\r\n      self.formData.id = faq.id;\r\n      self.formData.heading = faq.heading;\r\n      self.formData.question = faq.question;\r\n      self.formData.answer = faq.answer;\r\n      self.formData.tags = faq.tags;\r\n    },\r\n    loadData () {\r\n      const self = this;\r\n      self.showLoadingOnElement('faqTable', 1, 'material');\r\n      const onSuccess = function (response) {\r\n        self.faqs = response.data;\r\n      };\r\n      const onFinally = function () {\r\n        if (self.$refs.faqTable) {\r\n          self.$vs.loading.close(self.$refs.faqTable.$el);\r\n        }\r\n      };\r\n      self.$ajaxGet(self, 'Faq/ListAll', onSuccess, onFinally);\r\n    },\r\n    saveButtonClicked () {\r\n      const self = this;\r\n      self.$validator.validateAll().then(result => {\r\n        if (result) {\r\n          self.showLoadingOnSaveButton();\r\n          const onSuccess = response => {\r\n            self.cancelAdd();\r\n            self.loadData();\r\n            self.saveData();\r\n            self.$vs.notify({\r\n              title: 'Information',\r\n              color: 'success',\r\n              text: 'Questions and Answers Saved',\r\n              position: 'top-right',\r\n              iconPack: 'feather',\r\n              icon: 'icon-save'\r\n            });\r\n          };\r\n          const onFinally = function () {\r\n            self.$vs.loading.close(self.$refs.saveNewQuestionAndAnswerButton.$el);\r\n          };\r\n          self.formData.FaqCategoryId = self.selectedCategory.value;\r\n          self.$ajaxPost(self, 'Faq/AddEditFaq', self.formData, onSuccess, onFinally);\r\n        } else {\r\n          self.$vs.notify({\r\n            title: 'Attention',\r\n            color: 'warning',\r\n            text:  self.$validator.errors.items[0].msg,\r\n            position: 'top-right',\r\n            iconPack: 'feather',\r\n            icon: 'icon-info'\r\n          });\r\n        }\r\n      });\r\n    },\r\n    saveData () {\r\n      this.loadData();\r\n      this.$vs.loading.close(this.$refs.saveNewQuestionAndAnswerButton.$el);\r\n    },\r\n    showLoadingOnSaveButton () {\r\n      const self = this;\r\n      self.$vs.loading({\r\n        background: self.loadingColor,\r\n        type: 'material',\r\n        container: self.$refs.saveNewQuestionAndAnswerButton.$el,\r\n        scale: 0.45\r\n      });\r\n    },\r\n    getCategories () {\r\n      const self = this;\r\n      self.showLoadingOnElement('categoryDropdown', 0.45, 'material');\r\n      const onSuccess = response => {\r\n        self.categories = response.data.map((item) => { return {label: item.name, value: item.id} });\r\n      };\r\n      const onFinally = function () {\r\n        if (self.$refs.categoryDropdown) {\r\n          self.$vs.loading.close(self.$refs.categoryDropdown.$el);\r\n        }\r\n      };\r\n      self.$ajaxGet(self, 'Faq/ListCategories', onSuccess, onFinally);\r\n    },\r\n    removeTag (tagItem) {\r\n      this.formData.tags.splice(this.formData.tags.indexOf(tagItem), 1);\r\n    },\r\n    showLoadingOnElement (element, scale, type) {\r\n      const self = this;\r\n      self.$vs.loading({\r\n        type,\r\n        container: self.$refs[element].$el,\r\n        scale\r\n      });\r\n    }\r\n  },\r\n  mounted () {\r\n    if (this.categories.length == 0) {\r\n      this.getCategories();\r\n    }\r\n    this.loadData();\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.theme-dark {\r\n  .style-chooser-light {\r\n    .vs__actions {\r\n      mix-blend-mode: inherit !important;\r\n    }\r\n\r\n    .selected-tag {\r\n      background: #b7b7b7 !important;\r\n    }\r\n\r\n    .dropdown-menu {\r\n      color: #7ACCC8 !important;\r\n    }\r\n  }\r\n\r\n  #filter-select input {\r\n    color: #3d3d3d !important;\r\n  }\r\n}\r\n\r\n#submit-button {\r\n  &.vs-button {\r\n    .vs-button--icon {\r\n      font-size: 1.3rem !important;\r\n    }\r\n  }\r\n}\r\n\r\n.swiper-inner {\r\n  overflow: hidden;\r\n  // padding: 15px;\r\n  widows: 100% !important;\r\n}\r\n\r\n.swiper-container {\r\n  width: 100% !important;\r\n}\r\n\r\n.swiper-slide {\r\n  background-position: center;\r\n  background-size: cover;\r\n}\r\n</style>\r\nNo newline at end of file\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!./Faqs.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!./Faqs.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Faqs.vue?vue&type=template&id=53b51d8c\"\nimport script from \"./Faqs.vue?vue&type=script&lang=js\"\nexport * from \"./Faqs.vue?vue&type=script&lang=js\"\nimport style0 from \"./Faqs.vue?vue&type=style&index=0&id=53b51d8c&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}