{"version":3,"sources":["webpack:///./src/components/common/attachments/Attachments.vue","webpack:///./src/api/attachments.api.js","webpack:///src/components/common/attachments/Attachments.vue","webpack:///./src/components/common/attachments/Attachments.vue?5bd6","webpack:///./src/components/common/attachments/Attachments.vue?05fe","webpack:///./src/pages/scopes/scope/help_configuration/index.vue?d7ea","webpack:///./src/api/helpContent.api.js","webpack:///./src/components/common/attachments/Attachments.vue?cf7e","webpack:///./src/pages/scopes/scope/help_configuration/index.vue","webpack:///src/pages/scopes/scope/help_configuration/index.vue","webpack:///./src/pages/scopes/scope/help_configuration/index.vue?badc","webpack:///./src/pages/scopes/scope/help_configuration/index.vue?277a"],"names":["render","_vm","this","_c","_self","attrs","scopedSlots","_u","key","fn","_v","_s","$t","$getConst","pages","common","attachments","editable","staticClass","on","selectFile","_e","class","icons","add","proxy","fileInfos","length","_l","file","index","content","name","formatBytes","size","percentage","style","isDeleting","$event","deleteAttachment","id","close","staticRenderFns","uploadAttachment","scope_id","entity_type","entity_id","attachment","onUploadProgress","formData","FormData","append","httpClient","post","headers","attachment_id","delete","props","scopeId","entityType","entityId","type","default","data","selectedFiles","progressInfos","methods","upload","then","catch","d","component","endPoint","languageId","getScopeLanguagesWithDefaultHelp","get","getScopeLanguageHelpContent","language_id","updateScopeHelpContent","help_id","help","put","help_content","showOverview","domProps","helpContentToEdit","help_configuration","help_configuration_page_title","help_configuration_language_label","form","select_option","languages","isSubmitting","isLoading","getHelpContent","option","code","_f","toLowerCase","model","value","language","callback","$$v","expression","slot","alerts","no_results_found","$v","$error","customModulesForEditor","editorSettings","toolbarOptions","$model","$set","trim","helpEntity","helpId","help_configuration_overview","hasPermission","permissions","writeHelpContents","button","cancel_changes","onSave","onReset","components","Attachments","AppSpinner","AppFormFeedback","AppConfirmButtons","AppSection","VueEditor","alias","module","modules","imageResize","helpContent","validations","required","getScopeLanguages","created"],"mappings":"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","file":"js/chunk-4dc08d2e.a77a331c.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-form-group',{attrs:{\"label-for\":\"attachments-input\",\"label-class\":\"mb-0\"},scopedSlots:_vm._u([{key:\"label\",fn:function(){return [_c('label',[_vm._v(_vm._s(_vm.$t(_vm.$getConst.pages.common.attachments)))]),(_vm.editable)?_c('input',{staticClass:\"input-file\",attrs:{\"multiple\":\"\",\"type\":\"file\",\"name\":\"file\",\"id\":\"file\",\"accept\":\".jpeg,.jpg,.png,.pdf,.xlsx,.xls,.dot,.doc,.docx,.eml\"},on:{\"change\":_vm.selectFile}}):_vm._e(),(_vm.editable)?_c('label',{staticClass:\"mb-0 d-inline bg-transparent text-primary p-0 border-0 pl-2\",attrs:{\"for\":\"file\"}},[_c('i',{class:_vm.$getConst.icons.add})]):_vm._e()]},proxy:true}])},[(_vm.fileInfos.length)?_c('ul',{staticClass:\"list-group list-group-flush\"},_vm._l((_vm.fileInfos),function(file,index){return _c('li',{staticClass:\"list-group-item px-0 bg-transparent\"},[_c('div',{staticClass:\"align-box-row\"},[_c('div',{staticClass:\"col-7 mr-md-4 px-3 px-md-4\"},[(file.content)?_c('a',{staticClass:\"font-weight-bold\",attrs:{\"download\":file.name,\"href\":file.content,\"target\":\"_blank\"}},[_vm._v(_vm._s(file.name)+\" \"),_c('span',{staticClass:\"text-muted\"},[_vm._v(\"(\"+_vm._s(_vm.formatBytes(file.size))+\")\")])]):_c('span',{staticClass:\"text-primary font-weight-bold\"},[_vm._v(_vm._s(file.name)+\" \"),_c('span',{staticClass:\"text-muted\"},[_vm._v(\"(\"+_vm._s(_vm.formatBytes(file.size))+\")\")])])]),_c('div',{staticClass:\"col-4 px-3 px-md-4\"},[('percentage' in file && file.percentage !== null)?_c('div',{staticClass:\"progress ml-auto\"},[_c('div',{staticClass:\"progress-bar bg-secondary\",style:('width:'+ file.percentage+'%'),attrs:{\"role\":\"progressbar\",\"aria-valuenow\":file.percentage,\"aria-valuemin\":\"0\",\"aria-valuemax\":\"100\"}},[_vm._v(\"\\n              \"+_vm._s(file.percentage)+\"%\\n            \")])]):_vm._e()]),(_vm.editable)?_c('div',{staticClass:\"col-1 px-0 pr-3 pr-md-4 line-height-sm text-center\"},[('isDeleting' in file && file.isDeleting)?_c('b-spinner',{attrs:{\"type\":\"grow\",\"small\":\"\",\"variant\":\"danger\"}}):_c('b-link',{staticClass:\"text-danger\",on:{\"click\":function($event){return _vm.deleteAttachment(file.id)}}},[_c('i',{class:_vm.$getConst.icons.close})])],1):_vm._e()])])}),0):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import httpClient from './_httpClient';\n\nconst uploadAttachment = (scope_id, entity_type, entity_id, attachment, onUploadProgress) => {\n  let formData = new FormData();\n\n  formData.append(\"file\", attachment);\n  return httpClient.post(\n    \"/scopes/\" + scope_id + \"/\" + entity_type + \"/\" + entity_id + \"/attachments\",\n    formData,\n    {\n      headers: {\n        \"Content-Type\": \"multipart/form-data\"\n      },\n      onUploadProgress\n    });\n  };\n\nconst deleteAttachment = (scope_id, entity_type, entity_id, attachment_id) => httpClient.delete(\"/scopes/\" + scope_id + \"/\" + entity_type + \"/\" + entity_id + \"/attachments/\" + attachment_id);\n\nexport {\n  uploadAttachment,\n  deleteAttachment\n}\n","<template>\n\n  <b-form-group label-for=\"attachments-input\" label-class=\"mb-0\">\n    <template #label >\n      <label>{{$t($getConst.pages.common.attachments)}}</label>\n      <input\n        v-if=\"editable\"\n        multiple\n        @change=\"selectFile\"\n        type=\"file\"\n        name=\"file\"\n        id=\"file\"\n        class=\"input-file\"\n        accept=\".jpeg,.jpg,.png,.pdf,.xlsx,.xls,.dot,.doc,.docx,.eml\"\n      />\n      <label v-if=\"editable\" for=\"file\" class=\"mb-0 d-inline bg-transparent text-primary p-0 border-0 pl-2\" >\n        <i :class=\"$getConst.icons.add\"/>\n      </label>\n    </template>\n\n    <ul v-if=\"fileInfos.length\" class=\"list-group list-group-flush\">\n      <li v-for=\"(file, index) in fileInfos\" class=\"list-group-item px-0 bg-transparent\">\n        <div class=\"align-box-row\">\n          <div class=\"col-7 mr-md-4 px-3 px-md-4\">\n            <a v-if=\"file.content\" :download=\"file.name\" :href=\"file.content\" target=\"_blank\" class=\"font-weight-bold\">{{ file.name }} <span class=\"text-muted\">({{formatBytes(file.size)}})</span></a>\n            <span v-else class=\"text-primary font-weight-bold\">{{ file.name }} <span class=\"text-muted\">({{formatBytes(file.size)}})</span></span>\n          </div>\n          <div class=\"col-4 px-3 px-md-4\">\n            <div v-if=\"'percentage' in file && file.percentage !== null\" class=\"progress ml-auto\">\n              <div class=\"progress-bar bg-secondary\" role=\"progressbar\" :style=\"'width:'+ file.percentage+'%'\" :aria-valuenow=\"file.percentage\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n                {{file.percentage}}%\n              </div>\n            </div>\n          </div>\n          <div  v-if=\"editable\" class=\"col-1 px-0 pr-3 pr-md-4 line-height-sm text-center\">\n            <b-spinner v-if=\"'isDeleting' in file && file.isDeleting\" type=\"grow\" small variant=\"danger\"/>\n            <b-link v-else class=\"text-danger\" @click=\"deleteAttachment(file.id)\"><i :class=\"$getConst.icons.close\"/></b-link>\n          </div>\n        </div>\n      </li>\n    </ul>\n\n  </b-form-group>\n\n</template>\n\n<script>\n  import {deleteAttachment, uploadAttachment} from \"../../../api/attachments.api\";\n\n  export default {\n    name: \"Attachments\",\n    props: {\n      scopeId: null,\n      // helpCenterId: null,\n      entityType:null,\n      entityId:null,\n      fileInfos: {\n        type: Array\n      },\n      editable: {\n        type: Boolean,\n        default: true\n      }\n    },\n    data() {\n      return {\n        attachments: [],\n\n        selectedFiles: undefined,\n        progressInfos: []\n\n      }\n    },\n    methods: {\n      selectFile(event) {\n        this.progressInfos = [];\n        this.selectedFiles = event.target.files;\n        for (let i = 0; i < this.selectedFiles.length; i++) {\n          this.upload(this.selectedFiles[i]);\n        }\n      },\n      upload(file) {\n        if (file.size > 10*1024*1024) {\n          this.$snotify.error(\n            this.$t(this.$getConst.pages.alerts.too_large_file),\n            file.name\n          );\n        } else {\n          const index = this.fileInfos.length;\n          this.fileInfos.push({ percentage: 0, name: file.name, size: file.size });\n          // uploadAttachment(this.scopeId, this.helpCenterId, file, (event) => {\n          uploadAttachment(this.scopeId, this.entityType, this.entityId, file, (event) => {\n            this.fileInfos[index].percentage = Math.round(100 * event.loaded / event.total);\n          })\n            .then((response) => {\n              this.fileInfos[index].percentage = null;\n              this.fileInfos[index] = (response.data);\n            })\n            .catch((error) => {\n              this.fileInfos.splice(index, 1);\n              this.handleApiError(error);\n            });\n        }\n      },\n      deleteAttachment(fileId) {\n        const fileIndex = this.fileInfos.findIndex(file => file.id === fileId);\n        this.fileInfos[fileIndex].isDeleting = true;\n        // deleteAttachment(this.scopeId, this.helpCenterId, fileId).then(\n        deleteAttachment(this.scopeId, this.entityType, this.entityId, fileId).then(\n          () => {\n            this.fileInfos[fileIndex].isDeleting = false;\n            this.fileInfos.splice(fileIndex,1);\n          },\n          (error) => {\n            this.fileInfos[fileIndex].isDeleting = false;\n            this.handleApiError(error);\n          }\n        )\n      },\n      formatBytes(a, b = 2) {\n        if (0 === a) return \"0 Bytes\";\n        const c = 0 > b ? 0 : b, d = Math.floor(Math.log(a) / Math.log(1024));\n        return parseFloat((a / Math.pow(1024, d)).toFixed(c)) + \" \" + [\"Bytes\", \"KB\", \"MB\", \"GB\", \"TB\", \"PB\", \"EB\", \"ZB\", \"YB\"][d]\n      }\n    }\n  }\n</script>\n\n<style scoped>\n  .custom-attachment-input {\n    width: 0.1px;\n    height: 0.1px;\n    opacity: 0;\n    overflow: hidden;\n    position: absolute;\n    z-index: -1;\n  }\n  .custom-attachment-input + label {\n    font-size: 1.25em;\n    font-weight: 700;\n    color: white;\n    background-color: black;\n    display: inline-block;\n    cursor: pointer;\n  }\n\n  .custom-attachment-input:focus + label,\n  .custom-attachment-input + label:hover {\n    background-color: red;\n  }\n</style>\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!./Attachments.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!./Attachments.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Attachments.vue?vue&type=template&id=47578688&scoped=true&\"\nimport script from \"./Attachments.vue?vue&type=script&lang=js&\"\nexport * from \"./Attachments.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Attachments.vue?vue&type=style&index=0&id=47578688&prod&scoped=true&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  \"47578688\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/index.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!./index.vue?vue&type=style&index=0&id=ff9339d8&prod&scoped=true&lang=css&\"","import httpClient from './_httpClient';\n\nfunction endPoint(scopeId, languageId = null) {\n  let endPoint = \"/scopes\";\n  languageId ? endPoint+=\"/\" + scopeId+'/languages/'+languageId+'/help' : endPoint+=\"/\" + scopeId+'/help'\n\n  return endPoint;\n}\n\nconst getScopeLanguagesWithDefaultHelp = (scope_id) => httpClient.get(endPoint(scope_id));\nconst getScopeLanguageHelpContent = (scope_id, language_id) => httpClient.get(endPoint(scope_id, language_id));\nconst updateScopeHelpContent = (scope_id, help_id, help) => httpClient.put(\"/scopes/\" + scope_id + \"/help/\" + help_id, {help_content: help});\n\nexport {\n  getScopeLanguagesWithDefaultHelp,\n  getScopeLanguageHelpContent,\n  updateScopeHelpContent\n}\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.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!./Attachments.vue?vue&type=style&index=0&id=47578688&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-overlay',{attrs:{\"show\":_vm.showOverview,\"no-center\":\"\",\"rounded\":\"sm\",\"opacity\":\"1\",\"variant\":\"light\"},scopedSlots:_vm._u([{key:\"overlay\",fn:function(){return [_c('AppSection',{staticClass:\"p-2\",attrs:{\"id\":\"help-page-overview\",\"type\":\"section\",\"title\":\"overview\",\"button\":true,\"button-icon\":_vm.$getConst.icons.close,\"button-variant\":\"danger\",\"button-size\":\"sm\"},on:{\"onClick\":function($event){_vm.showOverview = !_vm.showOverview}}},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.helpContentToEdit)}})])]},proxy:true}])},[_c('AppSection',{attrs:{\"id\":\"question-form-page\",\"title\":_vm.$getConst.pages.help_configuration.help_configuration_page_title,\"type\":\"section\",\"select-language\":\"\"}},[_c('b-form-group',{attrs:{\"id\":\"help-page-language\",\"label\":_vm.$t(_vm.$getConst.pages.help_configuration.help_configuration_language_label),\"label-for\":\"help-page-language-input\"}},[_c('multiselect',{staticClass:\"border-right-0 border-left-0\",attrs:{\"track-by\":\"id\",\"label\":\"name\",\"placeholder\":_vm.$t(this.$getConst.pages.form.select_option),\"options\":_vm.languages,\"disabled\":_vm.isSubmitting || _vm.isLoading,\"allowEmpty\":false},on:{\"input\":_vm.getHelpContent},scopedSlots:_vm._u([{key:\"singleLabel\",fn:function(props){return [_c('lang-flag',{staticClass:\"mr-2\",attrs:{\"iso\":props.option.code,\"squared\":false}}),_vm._v(\"\\n          \"+_vm._s(_vm._f(\"capitalize\")(_vm.$t(props.option.name)))+\"\\n        \")]}},{key:\"option\",fn:function(props){return [_c('lang-flag',{staticClass:\"mr-2\",attrs:{\"iso\":props.option.code,\"squared\":false}}),_vm._v(\"\\n          \"+_vm._s(_vm._f(\"capitalize\")(_vm.$t(props.option.name.toLowerCase())))+\"\\n        \")]}}]),model:{value:(_vm.language),callback:function ($$v) {_vm.language=$$v},expression:\"language\"}},[_c('span',{attrs:{\"slot\":\"noResult\"},slot:\"noResult\"},[_vm._v(_vm._s(_vm.$t(_vm.$getConst.pages.alerts.no_results_found)))])])],1),(!_vm.isLoading)?_c('vue-editor',{staticClass:\"mb-4\",class:{ 'is-invalid': _vm.$v.helpContentToEdit.$error },attrs:{\"disabled\":_vm.isSubmitting,\"customModules\":_vm.customModulesForEditor,\"editorOptions\":_vm.editorSettings,\"editorToolbar\":_vm.toolbarOptions},model:{value:(_vm.$v.helpContentToEdit.$model),callback:function ($$v) {_vm.$set(_vm.$v.helpContentToEdit, \"$model\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"$v.helpContentToEdit.$model\"}}):_vm._e(),_c('AppFormFeedback',{attrs:{\"errors\":_vm.$v.helpContentToEdit}}),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-6 col-md-12\"},[(!_vm.isLoading)?_c('Attachments',{attrs:{\"scope-id\":this.scope_id,\"entity-type\":this.helpEntity,\"entity-id\":this.helpId,\"file-infos\":_vm.attachments}}):_vm._e()],1)]),(!_vm.isLoading)?_c('a',{staticClass:\"d-block text-center text-uppercase font-weight-bold text-secondary pt-3\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){_vm.showOverview = !_vm.showOverview}}},[_vm._v(\"\\n      \"+_vm._s(_vm._f(\"capitalize\")(_vm.$t(_vm.$getConst.pages.help_configuration.help_configuration_overview)))+\"\\n    \")]):_vm._e(),(!_vm.isLoading)?_c('AppConfirmButtons',{attrs:{\"first-button\":_vm.hasPermission(this.$getConst.permissions.writeHelpContents),\"cancel-text\":_vm.$getConst.pages.button.cancel_changes,\"is-loading\":_vm.isSubmitting},on:{\"onSubmit\":_vm.onSave,\"onCancel\":_vm.onReset}}):_vm._e(),(_vm.isLoading)?_c('AppSpinner',{staticClass:\"mx-auto mt-5 text-secondary\",attrs:{\"size\":\"5\"}}):_vm._e()],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-overlay :show=\"showOverview\" no-center rounded=\"sm\" opacity=\"1\" variant=\"light\">\n    <AppSection\n      id=\"question-form-page\"\n      :title=\"$getConst.pages.help_configuration.help_configuration_page_title\"\n      type=\"section\"\n      select-language\n    >\n      <b-form-group id=\"help-page-language\" :label=\"$t($getConst.pages.help_configuration.help_configuration_language_label)\" label-for=\"help-page-language-input\">\n        <multiselect\n          class=\"border-right-0 border-left-0\"\n          v-model=\"language\"\n          track-by=\"id\"\n          label=\"name\"\n          :placeholder=\"$t(this.$getConst.pages.form.select_option)\"\n          :options=\"languages\"\n          :disabled=\"isSubmitting || isLoading\"\n          :allowEmpty=\"false\"\n          @input=\"getHelpContent\"\n        >\n          <template slot=\"singleLabel\" slot-scope=\"props\">\n            <lang-flag :iso=\"props.option.code\" :squared=\"false\" class=\"mr-2\"/>\n            {{$t(props.option.name) | capitalize}}\n          </template>\n          <template slot=\"option\" slot-scope=\"props\">\n            <lang-flag :iso=\"props.option.code\" :squared=\"false\" class=\"mr-2\"/>\n            {{$t(props.option.name.toLowerCase()) | capitalize}}\n          </template>\n          <span slot=\"noResult\">{{$t($getConst.pages.alerts.no_results_found)}}</span>\n        </multiselect>\n      </b-form-group>\n\n      <vue-editor\n        v-if=\"!isLoading\"\n        :disabled=\"isSubmitting\"\n        :customModules=\"customModulesForEditor\"\n        :editorOptions=\"editorSettings\"\n        :editorToolbar=\"toolbarOptions\"\n        v-model.trim=\"$v.helpContentToEdit.$model\"\n        :class=\"{ 'is-invalid': $v.helpContentToEdit.$error }\"\n        class=\"mb-4\"\n      />\n      <AppFormFeedback :errors=\"$v.helpContentToEdit\"/>\n\n        <div class=\"row\">\n          <div class=\"col-lg-6 col-md-12\">\n            <Attachments\n              v-if=\"!isLoading\"\n              :scope-id=\"this.scope_id\"\n              :entity-type=\"this.helpEntity\"\n              :entity-id=\"this.helpId\"\n              :file-infos=\"attachments\"\n            />\n          </div>\n        </div>\n      <a\n        type=\"button\"\n        class=\"d-block text-center text-uppercase font-weight-bold text-secondary pt-3\"\n        v-if=\"!isLoading\"\n        @click=\"showOverview = !showOverview\"\n      >\n        {{$t($getConst.pages.help_configuration.help_configuration_overview) | capitalize}}\n      </a>\n\n      <AppConfirmButtons\n        v-if=\"!isLoading\"\n        :first-button=\"hasPermission(this.$getConst.permissions.writeHelpContents)\"\n        :cancel-text=\"$getConst.pages.button.cancel_changes\"\n        :is-loading=\"isSubmitting\"\n        @onSubmit=\"onSave\"\n        @onCancel=\"onReset\"\n      />\n\n      <AppSpinner\n        v-if=\"isLoading\"\n        size=\"5\"\n        class=\"mx-auto mt-5 text-secondary\"\n      />\n    </AppSection>\n    <template #overlay>\n      <AppSection\n        id=\"help-page-overview\"\n        type=\"section\"\n        title=\"overview\"\n        class=\"p-2\"\n        @onClick=\"showOverview = !showOverview\"\n        :button=\"true\"\n        :button-icon=\"$getConst.icons.close\"\n        button-variant=\"danger\"\n        button-size=\"sm\"\n      >\n        <div v-html=\"helpContentToEdit\"/>\n      </AppSection>\n    </template>\n  </b-overlay>\n</template>\n\n<script>\n  import AppSection from \"../../../../components/common/sections/AppSection\";\n  import {VueEditor} from \"vue2-editor\";\n  import ImageResize from \"quill-image-resize-vue\";\n  import { required } from \"vuelidate/lib/validators\";\n  import AppConfirmButtons from \"../../../../components/common/utils/AppConfirmButtons\";\n  import AppFormFeedback from \"../../../../components/common/form/AppFormFeedback\";\n  import {\n    getScopeLanguageHelpContent,\n    getScopeLanguagesWithDefaultHelp,\n    updateScopeHelpContent\n  } from \"../../../../api/helpContent.api\";\n  import AppSpinner from \"../../../../components/common/utils/AppSpinner\";\n  import Attachments from \"../../../../components/common/attachments/Attachments\";\n\n  export default {\n    name: \"index\",\n    components: {Attachments, AppSpinner, AppFormFeedback, AppConfirmButtons, AppSection, VueEditor},\n    props: {\n      scope_id: null\n    },\n    data() {\n      return {\n        customModulesForEditor: [{ alias: \"imageResize\", module: ImageResize }],\n        toolbarOptions: [\n          ['bold', 'italic', 'underline', 'strike'],\n          [{ 'header': [1, 2, 3, 4, 5, 6, false] }],\n          [{ 'list': 'ordered'}, { 'list': 'bullet' }],\n          [{ 'script': 'sub'}, { 'script': 'super' }],\n          [{ 'color': ['#3c4b64','#002776','#00a0da','#e55353','#80379b','#28a745','#e98300'] }],\n          ['link', 'image', 'video']\n        ],\n        editorSettings: {\n          modules: {\n            imageResize: {}\n          }\n        },\n\n        showOverview: false,\n        helpContent: null,\n        helpEntity: \"help\",\n        helpId: null,\n        helpContentToEdit: null,\n        language: null,\n        languages: [],\n        attachments: [],\n        isLoading: false,\n        isSubmitting: false\n      }\n    },\n    validations: {\n      helpContentToEdit: {required}\n    },\n    methods: {\n      getScopeLanguages() {\n        this.isLoading = true;\n        getScopeLanguagesWithDefaultHelp(this.scope_id).then(\n          (response) => {\n            this.languages = response.data;\n            this.language = this.languages.find(lang => lang.hasOwnProperty(\"help_content\"));\n            if (!this.language) {\n              this.language = this.languages[0];\n            }\n            this.helpId = this.language.help_id;\n            this.helpContent = this.language.help_content;\n            this.attachments = this.language.attachments;\n            this.helpContentToEdit = this.language.help_content;\n            this.isLoading = false;\n          },\n          (error) => {\n            this.handleApiError(error);\n            this.isLoading = false;\n          }\n        )\n      },\n      getHelpContent(language) {\n        this.isLoading = true;\n        getScopeLanguageHelpContent(this.scope_id, language.id).then(\n          (response) => {\n            this.language = response.data.language;\n            this.helpId = response.data.help_id;\n            this.helpContent = response.data.help_content;\n            this.attachments = response.data.attachments;\n            this.helpContentToEdit = response.data.help_content;\n            this.isLoading = false;\n          },\n          (error) => {\n            this.handleApiError(error);\n            this.isLoading = false;\n          }\n        )\n      },\n      onSave() {\n        this.isSubmitting = true;\n        updateScopeHelpContent(this.scope_id, this.helpId, this.helpContentToEdit).then(\n          (response) => {\n            this.helpContent = response.data.help_content;\n            this.isSubmitting = false;\n            this.$snotify.success(this.$t(this.$getConst.pages.alerts.success_operation));\n          },\n          (error) => {\n            this.handleApiError(error);\n            this.isSubmitting = false;\n          }\n        );\n      },\n      onReset() {\n        this.helpContentToEdit = this.helpContent;\n      }\n    },\n    created() {\n      this.getScopeLanguages();\n    }\n  }\n</script>\n\n<style scoped>\n  .not-collapsed .collapse-toggle{\n    transform: rotate(180deg);\n    transition: .5s;\n  }\n  .collapsed .collapse-toggle{\n    transform: rotate(0deg);\n    transition: .5s;\n  }\n</style>\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=ff9339d8&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=ff9339d8&prod&scoped=true&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  \"ff9339d8\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}