{"version":3,"sources":["webpack:///./src/components/Options/EditText.vue","webpack:///src/components/Options/EditText.vue","webpack:///./src/components/Options/EditText.vue?7c09","webpack:///./src/components/Options/EditText.vue?14f7"],"names":["render","_vm","this","_c","_self","staticClass","_l","languages","language","key","LanguageId","class","selectedLanguageId","on","$event","setSelectedLanguage","_v","_s","$t","mOption","Texts","filter","t","text","index","directives","name","rawName","value","Name","expression","attrs","domProps","target","composing","$set","model","Description","callback","$$v","saveOptionText","closeDrawer","isSaving","staticRenderFns","components","props","data","selectedText","mounted","created","cleanSource","option","defaultLanguageId","computed","_objectSpread","mapState","mapGetters","disableSaveButton","languageId","locationState","Settings","methods","mapMutations","_this","find","_this2","optionProvider","saveLocationOptionTexts","Id","Location","LocationId","then","response","setOption","EventBus","$emit","type","message","textChanged","catch","e","finally","watch","component"],"mappings":"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","file":"js/chunk-2d0d5bd6.js?id=f51419c3c63d259bb845","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"tabs is-boxed\"},[_c('ul',_vm._l((_vm.languages),function(language){return _c('li',{key:language.LanguageId,class:{ 'is-active' : _vm.selectedLanguageId === language.LanguageId }},[_c('a',{on:{\"click\":function($event){return _vm.setSelectedLanguage(language.LanguageId)}}},[_vm._v(_vm._s(_vm.$t('LanguageLabels.Language' + language.LanguageId)))])])}),0)]),_c('div',_vm._l((_vm.mOption.Texts.filter(t => t.LanguageId === _vm.selectedLanguageId)),function(text,index){return _c('div',{key:'column' + index},[_c('div',{staticClass:\"field\"},[_c('div',{staticClass:\"control\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(text.Name),expression:\"text.Name\"}],staticClass:\"input\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('Components.Options.OptionText.Placeholder_NameText')},domProps:{\"value\":(text.Name)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(text, \"Name\", $event.target.value)}}})])]),_c('div',{staticClass:\"field\"},[_c('div',{staticClass:\"control\"},[_c('ui-text-editor',{key:'editor' + '-' + _vm.selectedLanguageId + '-' + index,attrs:{\"id\":'editor' + '-' + _vm.selectedLanguageId + '-' + index},model:{value:(text.Description),callback:function ($$v) {_vm.$set(text, \"Description\", $$v)},expression:\"text.Description\"}})],1)])])}),0),_c('div',{staticClass:\"mt-6\"},[_c('ui-submit-form-controls',{staticClass:\"has-margin-bottom\",attrs:{\"onClickSave\":_vm.saveOptionText,\"onClickCancel\":_vm.closeDrawer,\"isSaving\":_vm.isSaving}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"tabs is-boxed\">\n      <ul>\n        <li v-for=\"language in languages\" :key=\"language.LanguageId\" :class=\"{ 'is-active' : selectedLanguageId === language.LanguageId }\">\n          <a @click=\"setSelectedLanguage(language.LanguageId)\">{{ $t('LanguageLabels.Language' + language.LanguageId) }}</a>\n        </li>\n      </ul>\n    </div>   \n    \n    <div>\n      <div\n        v-for=\"(text, index) in mOption.Texts.filter(t => t.LanguageId === selectedLanguageId)\"\n        :key=\"'column' + index\"\n      >\n        <div class=\"field\">\n          <div class=\"control\">\n            <input\n              class=\"input\"\n              type=\"text\"\n              :placeholder=\"\n                $t('Components.Options.OptionText.Placeholder_NameText')\n              \"\n              v-model=\"text.Name\"\n            />\n          </div>\n        </div>\n        <div class=\"field\">\n          <div class=\"control\">\n            <ui-text-editor\n              :id=\"'editor' + '-' + selectedLanguageId + '-' + index\"\n              :key=\"'editor' + '-' + selectedLanguageId + '-' + index\"\n              v-model=\"text.Description\"\n            ></ui-text-editor>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"mt-6\">\n      <ui-submit-form-controls\n        :onClickSave=\"saveOptionText\"\n        :onClickCancel=\"closeDrawer\"\n        :isSaving=\"isSaving\"\n        class=\"has-margin-bottom\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapGetters,mapState, mapMutations } from 'vuex'\nimport { EventBus } from '@/eventbus/event-bus'\nimport optionProvider from '@/providers/option'\nimport { cleanSource } from '@/utils/objectHelper'\n\nexport default {\n  components: {\n  },\n\n  props: {\n\n  },\n\n  data () {\n    return {\n      isSaving: false,\n      mOption: null,\n      selectedLanguageId: 65,\n      selectedText: null\n    }\n  },\n\n  mounted () {\n  },\n\n  created () {\n    this.mOption = cleanSource(this.option);\n\n    this.setSelectedLanguage(this.defaultLanguageId);\n  },\n\n  computed: {\n    ...mapState('locationStore', ['locationState']),\n    ...mapState('optionStore', ['option']),\n    ...mapGetters('locationStore', ['languages', 'optionRights']),\n\n    disableSaveButton() {\n      return !this.mOption;\n    },\n\n    defaultLanguageId() {\n      let languageId = 65;\n\n      if (this.locationState)\n      {\n        languageId = this.locationState.Settings.LanguageId\n      }\n\n      return languageId;\n    }\n  },\n\n  methods: {\n    ...mapMutations('optionStore', ['setOption']),\n\n    setSelectedLanguage(languageId) {\n      this.selectedLanguageId = languageId;\n\n      this.selectedText = this.mOption.Texts.find(t => t.LanguageId === this.selectedLanguageId);\n    },\n\n    saveOptionText() {\n      if (!this.isSaving) {\n        this.isSaving = true\n\n        optionProvider.methods\n          .saveLocationOptionTexts(\n            this.mOption.Id,\n            this.mOption.Location.LocationId,\n            this.mOption.Texts\n          )\n          .then((response) => {\n            this.setOption(response.data)\n\n            // Send message to display toast on screen\n            EventBus.$emit('showToast', {\n              type: 'info',\n              message: 'Option updated',\n            })\n\n            this.textChanged();\n\n          })\n          .catch((e) => {\n          })\n          .finally(() => {\n            this.isSaving = false;\n          })\n      }\n    },\n\n    textChanged() {\n      this.$emit('textChanged');\n    },\n\n    closeDrawer() {\n      // Close \n      this.$emit('hideDrawer');\n    }\n  },\n\n  watch: {\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n</style>\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditText.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditText.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./EditText.vue?vue&type=template&id=414d50ed&scoped=true\"\nimport script from \"./EditText.vue?vue&type=script&lang=js\"\nexport * from \"./EditText.vue?vue&type=script&lang=js\"\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  \"414d50ed\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}