{"version":3,"sources":["webpack:///src/components/Options/EditText.vue","webpack:///./src/components/Options/EditText.vue","webpack:///./src/components/Options/EditText.vue?14f7","webpack:///./src/components/Options/EditText.vue?aa1a","webpack:///./src/components/Options/EditText.vue?516e"],"names":["components","props","data","isSaving","mOption","selectedLanguageId","selectedText","mounted","created","cleanSource","option","setSelectedLanguage","defaultLanguageId","computed","_objectSpread","mapState","mapGetters","disableSaveButton","languageId","locationState","Settings","LanguageId","methods","mapMutations","_this","Texts","find","t","saveOptionText","_this2","optionProvider","saveLocationOptionTexts","Id","Location","LocationId","then","response","setOption","EventBus","$emit","type","message","textChanged","catch","e","finally","closeDrawer","watch","render","_vm","_c","_self","staticClass","_l","languages","language","key","class","on","click","$event","_v","_s","$t","filter","text","index","directives","name","rawName","value","Name","expression","attrs","placeholder","domProps","input","target","composing","$set","id","model","Description","callback","$$v","onClickSave","onClickCancel","staticRenderFns","_withStripped"],"mappings":"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","file":"js/373.js?id=c7ceb3ab18a58aba51e1","sourcesContent":["<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","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", [\n    _c(\"div\", { staticClass: \"tabs is-boxed\" }, [\n      _c(\n        \"ul\",\n        _vm._l(_vm.languages, function (language) {\n          return _c(\n            \"li\",\n            {\n              key: language.LanguageId,\n              class: {\n                \"is-active\": _vm.selectedLanguageId === language.LanguageId,\n              },\n            },\n            [\n              _c(\n                \"a\",\n                {\n                  on: {\n                    click: function ($event) {\n                      return _vm.setSelectedLanguage(language.LanguageId)\n                    },\n                  },\n                },\n                [\n                  _vm._v(\n                    _vm._s(\n                      _vm.$t(\"LanguageLabels.Language\" + language.LanguageId)\n                    )\n                  ),\n                ]\n              ),\n            ]\n          )\n        }),\n        0\n      ),\n    ]),\n    _c(\n      \"div\",\n      _vm._l(\n        _vm.mOption.Texts.filter(\n          (t) => t.LanguageId === _vm.selectedLanguageId\n        ),\n        function (text, index) {\n          return _c(\"div\", { key: \"column\" + index }, [\n            _c(\"div\", { staticClass: \"field\" }, [\n              _c(\"div\", { staticClass: \"control\" }, [\n                _c(\"input\", {\n                  directives: [\n                    {\n                      name: \"model\",\n                      rawName: \"v-model\",\n                      value: text.Name,\n                      expression: \"text.Name\",\n                    },\n                  ],\n                  staticClass: \"input\",\n                  attrs: {\n                    type: \"text\",\n                    placeholder: _vm.$t(\n                      \"Components.Options.OptionText.Placeholder_NameText\"\n                    ),\n                  },\n                  domProps: { value: text.Name },\n                  on: {\n                    input: function ($event) {\n                      if ($event.target.composing) return\n                      _vm.$set(text, \"Name\", $event.target.value)\n                    },\n                  },\n                }),\n              ]),\n            ]),\n            _c(\"div\", { staticClass: \"field\" }, [\n              _c(\n                \"div\",\n                { staticClass: \"control\" },\n                [\n                  _c(\"ui-text-editor\", {\n                    key: \"editor\" + \"-\" + _vm.selectedLanguageId + \"-\" + index,\n                    attrs: {\n                      id: \"editor\" + \"-\" + _vm.selectedLanguageId + \"-\" + index,\n                    },\n                    model: {\n                      value: text.Description,\n                      callback: function ($$v) {\n                        _vm.$set(text, \"Description\", $$v)\n                      },\n                      expression: \"text.Description\",\n                    },\n                  }),\n                ],\n                1\n              ),\n            ]),\n          ])\n        }\n      ),\n      0\n    ),\n    _c(\n      \"div\",\n      { staticClass: \"mt-6\" },\n      [\n        _c(\"ui-submit-form-controls\", {\n          staticClass: \"has-margin-bottom\",\n          attrs: {\n            onClickSave: _vm.saveOptionText,\n            onClickCancel: _vm.closeDrawer,\n            isSaving: _vm.isSaving,\n          },\n        }),\n      ],\n      1\n    ),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./EditText.vue?vue&type=template&id=f66b7210&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  \"f66b7210\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/github/workspace/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('f66b7210')) {\n      api.createRecord('f66b7210', component.options)\n    } else {\n      api.reload('f66b7210', component.options)\n    }\n    module.hot.accept(\"./EditText.vue?vue&type=template&id=f66b7210&scoped=true\", function () {\n      api.rerender('f66b7210', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/Options/EditText.vue\"\nexport default component.exports","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../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/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 * from \"-!../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"d2a26fb4-vue-loader-template\\\"}!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditText.vue?vue&type=template&id=f66b7210&scoped=true\""],"sourceRoot":""}