{"version":3,"sources":["webpack:///./src/components/Base64Field.vue?414f","webpack:///./src/views/admin/manage/article/SaveArticle.vue?e611","webpack:///./src/components/file/FileSelectList.vue?832e","webpack:///src/components/file/FileSelectList.vue","webpack:///./src/components/file/FileSelectList.vue?73c4","webpack:///./src/components/file/FileSelectList.vue","webpack:///src/views/admin/manage/article/SaveArticle.vue","webpack:///./src/views/admin/manage/article/SaveArticle.vue?9023","webpack:///./src/views/admin/manage/article/SaveArticle.vue","webpack:///./node_modules/core-js/modules/es.string.match.js","webpack:///./src/components/file/FileSelectList.vue?c84e","webpack:///./src/views/admin/manage/article/SaveArticle.vue?d249","webpack:///./src/components/Base64Field.vue?b10f","webpack:///./src/helpers/image.helper.js","webpack:///src/components/Base64Field.vue","webpack:///./src/components/Base64Field.vue?5e4e","webpack:///./src/components/Base64Field.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","id","_e","_v","_s","form","on","$event","preventDefault","onSubmit","apply","arguments","attrs","isSubmitting","model","value","callback","$$v","$set","expression","staticClass","_l","validationByKey","message","key","_f","length","successMessage","directives","name","rawName","modifiers","class","staticRenderFns","_uid","disabled","files","onSelect","scopedSlots","_u","fn","ref","fileName","selected","slot","title","props","Boolean","entityType","Number","entityId","type","required","default","String","data","watch","newValue","mounted","getFiles","methods","$emit","component","components","Editor","Base64Field","FileSelectList","showIsPublic","articleNo","fileSymbolId","info","imageAsBase64","active","serviceNeed","isPublic","validationErrors","computed","isEditMode","userRoles","handler","role","immediate","onCreated","hasSavedSuccessfullly","code","resetForm","fixRegExpWellKnownSymbolLogic","anObject","toLength","requireObjectCoercible","advanceStringIndex","regExpExec","MATCH","nativeMatch","maybeCallNative","regexp","O","matcher","undefined","call","RegExp","res","done","rx","S","global","fullUnicode","unicode","lastIndex","result","A","n","matchStr","labelAsLowerCasing","label","acceptedImageExtensions","onImageChanged","resizeImage","file","maxWidth","maxHeight","reader","FileReader","image","Image","canvas","document","createElement","resize","width","height","getContext","drawImage","toDataURL","Promise","ok","no","match","onload","readerEvent","src","target","readAsDataURL","Error"],"mappings":"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","file":"js/admin-manage-article-save.f745cc1f.js","sourcesContent":["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!./Base64Field.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"margin-bottom\":\"7rem !important\"}},[(!_vm.id)?_c('h1',[_vm._v(_vm._s(_vm.form.id ? 'Ändra' : 'Skapa')+\" artikel\")]):_vm._e(),_c('hr'),_c('b-form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.onSubmit.apply(null, arguments)}}},[_c('b-form-group',{attrs:{\"id\":\"input-group-articleNo\",\"label\":\"Artikelnr\",\"label-for\":\"input-articleNo\"}},[_c('b-form-input',{attrs:{\"id\":\"input-articleNo\",\"type\":\"text\",\"placeholder\":\"Ange artikelnr\",\"disabled\":_vm.isSubmitting,\"autocomplete\":\"off\",\"aria-describedby\":\"input-articleNo-help-block\"},model:{value:(_vm.form.articleNo),callback:function ($$v) {_vm.$set(_vm.form, \"articleNo\", $$v)},expression:\"form.articleNo\"}}),_c('b-form-text',{attrs:{\"id\":\"input-articleNo-help-block\"}},[_c('ul',{staticClass:\"text-danger mb-0\"},_vm._l((_vm.validationByKey('ArticleNo')),function(message){return _c('li',{key:message},[_vm._v(\" \"+_vm._s(message)+\" \")])}),0)])],1),_c('b-form-group',{attrs:{\"id\":\"input-group-name\",\"label\":\"Namn\",\"label-for\":\"input-name\"}},[_c('b-form-input',{attrs:{\"id\":\"input-name\",\"type\":\"text\",\"placeholder\":\"Ange namn\",\"disabled\":_vm.isSubmitting,\"autocomplete\":\"off\",\"aria-describedby\":\"input-name-help-block\",\"required\":\"\"},model:{value:(_vm.form.name),callback:function ($$v) {_vm.$set(_vm.form, \"name\", $$v)},expression:\"form.name\"}}),_c('b-form-text',{attrs:{\"id\":\"input-name-help-block\"}},[_c('ul',{staticClass:\"text-danger mb-0\"},_vm._l((_vm.validationByKey('Name')),function(message){return _c('li',{key:message},[_vm._v(\" \"+_vm._s(message)+\" \")])}),0)])],1),_c('b-form-group',{attrs:{\"id\":\"input-group-symbol\",\"label\":\"Symbol\",\"label-for\":\"input-file-symbol\"}},[_c('b-input-group',[_c('FileSelectList',{attrs:{\"entity-type\":_vm._f(\"getEntityTypeIdFromText\")('symbol'),\"title\":'Sök efter symbol',\"disabled\":_vm.isSubmitting},model:{value:(_vm.form.fileSymbolId),callback:function ($$v) {_vm.$set(_vm.form, \"fileSymbolId\", $$v)},expression:\"form.fileSymbolId\"}})],1),_c('b-form-text',{attrs:{\"id\":\"input-info-help-block\"}},[_c('ul',{staticClass:\"text-danger mb-0\"},_vm._l((_vm.validationByKey('IconFileId')),function(message){return _c('li',{key:message},[_vm._v(\" \"+_vm._s(message)+\" \")])}),0)])],1),_c('Base64Field',{attrs:{\"validation-messages\":_vm.validationByKey('ImageAsBase64'),\"disabled\":_vm.isSubmitting},model:{value:(_vm.form.imageAsBase64),callback:function ($$v) {_vm.$set(_vm.form, \"imageAsBase64\", $$v)},expression:\"form.imageAsBase64\"}}),_c('b-form-group',{attrs:{\"id\":\"input-group-editor\",\"label\":\"Info\",\"label-for\":\"input-editor\"}},[_c('Editor',{attrs:{\"id\":\"input-editor\"},model:{value:(_vm.form.info),callback:function ($$v) {_vm.$set(_vm.form, \"info\", $$v)},expression:\"form.info\"}}),_c('b-form-text',{attrs:{\"id\":\"input-editor-help-block\"}},[_c('ul',{staticClass:\"text-danger mb-0\"},_vm._l((_vm.validationByKey('Info')),function(message){return _c('li',{key:message},[_vm._v(\" \"+_vm._s(message)+\" \")])}),0)])],1),_c('b-row',{staticClass:\"m-0\"},[_c('b-col',{attrs:{\"md\":\"4\",\"sm\":\"12\"}},[_c('b-form-group',{attrs:{\"id\":\"input-group-active\",\"label\":\"Aktiv\",\"label-for\":\"input-active\"}},[_c('b-form-checkbox',{attrs:{\"id\":\"input-active\",\"disabled\":_vm.isSubmitting,\"aria-describedby\":\"input-active-help-block\"},model:{value:(_vm.form.active),callback:function ($$v) {_vm.$set(_vm.form, \"active\", $$v)},expression:\"form.active\"}},[_c('ul',{staticClass:\"text-danger mb-0\"},_vm._l((_vm.validationByKey('Active')),function(message){return _c('li',{key:message},[_vm._v(\" \"+_vm._s(message)+\" \")])}),0)])],1)],1),_c('b-col',{attrs:{\"md\":\"4\",\"sm\":\"12\"}},[_c('b-form-group',{attrs:{\"id\":\"input-group-serviceNeed\",\"label\":\"Service\",\"label-for\":\"input-serviceNeed\"}},[_c('b-form-checkbox',{attrs:{\"id\":\"input-serviceNeed\",\"disabled\":_vm.isSubmitting,\"aria-describedby\":\"input-serviceNeed-help-block\"},model:{value:(_vm.form.serviceNeed),callback:function ($$v) {_vm.$set(_vm.form, \"serviceNeed\", $$v)},expression:\"form.serviceNeed\"}},[_c('ul',{staticClass:\"text-danger mb-0\"},_vm._l((_vm.validationByKey('ServiceNeed')),function(message){return _c('li',{key:message},[_vm._v(\" \"+_vm._s(message)+\" \")])}),0)])],1)],1),(_vm.showIsPublic)?_c('b-col',{attrs:{\"md\":\"4\",\"sm\":\"12\"}},[_c('b-form-group',{attrs:{\"id\":\"input-group-isPublic\",\"label\":\"Publik\",\"label-for\":\"input-isPublic\"}},[_c('b-form-checkbox',{attrs:{\"id\":\"input-isPublic\",\"disabled\":_vm.isSubmitting,\"aria-describedby\":\"input-isPublic-help-block\"},model:{value:(_vm.form.isPublic),callback:function ($$v) {_vm.$set(_vm.form, \"isPublic\", $$v)},expression:\"form.isPublic\"}},[_c('ul',{staticClass:\"text-danger mb-0\"},_vm._l((_vm.validationByKey('IsPublic')),function(message){return _c('li',{key:message},[_vm._v(\" \"+_vm._s(message)+\" \")])}),0)])],1)],1):_vm._e()],1),_c('b-alert',{attrs:{\"show\":_vm.validationByKey('Other').length > 0,\"variant\":\"danger\"}},[_c('ul',{staticClass:\"text-danger mb-0\"},_vm._l((_vm.validationByKey('Other')),function(message){return _c('li',{key:message},[_vm._v(\" \"+_vm._s(message)+\" \")])}),0)]),_c('b-alert',{staticClass:\"mb-0 mt-4\",attrs:{\"show\":_vm.successMessage.length > 0,\"variant\":\"success\"}},[_c('h6',{staticClass:\"mb-0 text-center\"},[_c('font-awesome-icon',{attrs:{\"icon\":\"info-circle\"}}),_vm._v(\" \"+_vm._s(_vm.successMessage)+\" \")],1)]),_c('b-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],staticClass:\"float-right mt-4\",class:{ 'btn-block': _vm.id },attrs:{\"variant\":\"primary\",\"disabled\":_vm.isSubmitting,\"type\":\"submit\",\"title\":_vm.isSubmitting ? 'Sparar...' : ''}},[(_vm.isSubmitting)?_c('font-awesome-icon',{attrs:{\"icon\":\"spinner\",\"spin\":\"\"}}):_vm._e(),_vm._v(\" Spara \")],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-select',{attrs:{\"id\":(\"input-files-\" + _vm._uid),\"disabled\":_vm.disabled,\"filterable\":false,\"options\":_vm.files},on:{\"option:selected\":_vm.onSelect},scopedSlots:_vm._u([{key:\"option\",fn:function(ref){\nvar id = ref.id;\nvar fileName = ref.fileName;\nreturn [_c('div',{staticClass:\"d-center\"},[_c('img',{attrs:{\"src\":(\"/api/File/Download/\" + id)}}),_vm._v(\" \"+_vm._s(fileName)+\" \")])]}},{key:\"selected-option\",fn:function(ref){\nvar id = ref.id;\nvar fileName = ref.fileName;\nreturn [_c('div',{staticClass:\"selected d-center\"},[_c('img',{attrs:{\"src\":(\"/api/File/Download/\" + id)}}),_vm._v(\" \"+_vm._s(fileName)+\" \")])]}}]),model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}},[_c('template',{slot:\"no-options\"},[_vm._v(\" \"+_vm._s(_vm.title)+\" \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-select\r\n    :id=\"`input-files-${_uid}`\"\r\n    v-model=\"selected\"\r\n    :disabled=\"disabled\"\r\n    :filterable=\"false\"\r\n    :options=\"files\"\r\n    @option:selected=\"onSelect\"\r\n  >\r\n    <template slot=\"no-options\">\r\n      {{ title }}\r\n    </template>\r\n    <template #option=\"{ id, fileName }\">\r\n      <div class=\"d-center\">\r\n        <img :src=\"`/api/File/Download/${id}`\" />\r\n        {{ fileName }}\r\n      </div>\r\n    </template>\r\n    <template #selected-option=\"{ id, fileName }\">\r\n      <div class=\"selected d-center\">\r\n        <img :src=\"`/api/File/Download/${id}`\" />\r\n        {{ fileName }}\r\n      </div>\r\n    </template>\r\n  </v-select>\r\n</template>\r\n\r\n<script>\r\nimport { get } from '@/helpers/api';\r\n\r\nexport default {\r\n  name: 'FileSelectList',\r\n  props: {\r\n    disabled: Boolean,\r\n    entityType: Number,\r\n    entityId: Number,\r\n    value: {\r\n      type: Number,\r\n      required: false,\r\n      default: null\r\n    },\r\n    title: {\r\n      type: String,\r\n      required: false,\r\n      default: 'Sök efter fil'\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      files: [],\r\n      selected: null\r\n    };\r\n  },\r\n  watch: {\r\n    value(newValue) {\r\n      return !newValue\r\n        ? (this.selected = null)\r\n        : (this.selected = this.files.find((x) => x.id === this.value));\r\n    }\r\n  },\r\n  mounted() {\r\n    this.getFiles();\r\n  },\r\n  methods: {\r\n    async getFiles() {\r\n      await get('File', `GetAllByType/${this.entityType}`).then((x) => {\r\n        this.files = x.data;\r\n        if (this.value) this.selected = x.data.find((x) => x.id === this.value);\r\n      });\r\n    },\r\n    onSelect() {\r\n      this.$emit('input', this.selected.id);\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\nimg {\r\n  height: auto;\r\n  max-width: 2.5rem;\r\n  margin-right: 1rem;\r\n}\r\n\r\n.d-center {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.selected img {\r\n  width: auto;\r\n  max-height: 23px;\r\n  margin-right: 0.5rem;\r\n}\r\n\r\n.v-select .dropdown li {\r\n  border-bottom: 1px solid rgba(112, 128, 144, 0.1);\r\n}\r\n\r\n.v-select .dropdown li:last-child {\r\n  border-bottom: none;\r\n}\r\n\r\n.v-select .dropdown li a {\r\n  padding: 10px 20px;\r\n  width: 100%;\r\n  font-size: 1.25em;\r\n  color: #3c3c3c;\r\n}\r\n\r\n.v-select .dropdown-menu .active > a {\r\n  color: #fff;\r\n}\r\n\r\n.v-select.vs--single.vs--searchable {\r\n  min-width: 100%;\r\n  background: white;\r\n}\r\n\r\n.v-select .vs__dropdown-toggle {\r\n  min-height: 38px;\r\n}\r\n\r\n.vs__selected {\r\n  min-height: 100%;\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!./FileSelectList.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!./FileSelectList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FileSelectList.vue?vue&type=template&id=6f25f357&scoped=true&\"\nimport script from \"./FileSelectList.vue?vue&type=script&lang=js&\"\nexport * from \"./FileSelectList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FileSelectList.vue?vue&type=style&index=0&id=6f25f357&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  \"6f25f357\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div style=\"margin-bottom: 7rem !important\">\r\n    <h1 v-if=\"!id\">{{ form.id ? 'Ändra' : 'Skapa' }} artikel</h1>\r\n    <hr />\r\n    <b-form @submit.prevent=\"onSubmit\">\r\n      <b-form-group\r\n        id=\"input-group-articleNo\"\r\n        label=\"Artikelnr\"\r\n        label-for=\"input-articleNo\"\r\n      >\r\n        <b-form-input\r\n          id=\"input-articleNo\"\r\n          v-model=\"form.articleNo\"\r\n          type=\"text\"\r\n          placeholder=\"Ange artikelnr\"\r\n          :disabled=\"isSubmitting\"\r\n          autocomplete=\"off\"\r\n          aria-describedby=\"input-articleNo-help-block\"\r\n        />\r\n        <b-form-text id=\"input-articleNo-help-block\">\r\n          <ul class=\"text-danger mb-0\">\r\n            <li v-for=\"message in validationByKey('ArticleNo')\" :key=\"message\">\r\n              {{ message }}\r\n            </li>\r\n          </ul>\r\n        </b-form-text>\r\n      </b-form-group>\r\n\r\n      <b-form-group id=\"input-group-name\" label=\"Namn\" label-for=\"input-name\">\r\n        <b-form-input\r\n          id=\"input-name\"\r\n          v-model=\"form.name\"\r\n          type=\"text\"\r\n          placeholder=\"Ange namn\"\r\n          :disabled=\"isSubmitting\"\r\n          autocomplete=\"off\"\r\n          aria-describedby=\"input-name-help-block\"\r\n          required\r\n        />\r\n        <b-form-text id=\"input-name-help-block\">\r\n          <ul class=\"text-danger mb-0\">\r\n            <li v-for=\"message in validationByKey('Name')\" :key=\"message\">\r\n              {{ message }}\r\n            </li>\r\n          </ul>\r\n        </b-form-text>\r\n      </b-form-group>\r\n\r\n      <b-form-group\r\n        id=\"input-group-symbol\"\r\n        label=\"Symbol\"\r\n        label-for=\"input-file-symbol\"\r\n      >\r\n        <b-input-group>\r\n          <FileSelectList\r\n            v-model=\"form.fileSymbolId\"\r\n            :entity-type=\"'symbol' | getEntityTypeIdFromText\"\r\n            :title=\"'Sök efter symbol'\"\r\n            :disabled=\"isSubmitting\"\r\n          />\r\n        </b-input-group>\r\n\r\n        <b-form-text id=\"input-info-help-block\">\r\n          <ul class=\"text-danger mb-0\">\r\n            <li v-for=\"message in validationByKey('IconFileId')\" :key=\"message\">\r\n              {{ message }}\r\n            </li>\r\n          </ul>\r\n        </b-form-text>\r\n      </b-form-group>\r\n\r\n      <Base64Field\r\n        v-model=\"form.imageAsBase64\"\r\n        :validation-messages=\"validationByKey('ImageAsBase64')\"\r\n        :disabled=\"isSubmitting\"\r\n      />\r\n      <b-form-group\r\n        id=\"input-group-editor\"\r\n        label=\"Info\"\r\n        label-for=\"input-editor\"\r\n      >\r\n        <Editor id=\"input-editor\" v-model=\"form.info\" />\r\n        <b-form-text id=\"input-editor-help-block\">\r\n          <ul class=\"text-danger mb-0\">\r\n            <li v-for=\"message in validationByKey('Info')\" :key=\"message\">\r\n              {{ message }}\r\n            </li>\r\n          </ul>\r\n        </b-form-text>\r\n      </b-form-group>\r\n\r\n      <b-row class=\"m-0\">\r\n        <b-col md=\"4\" sm=\"12\">\r\n          <b-form-group\r\n            id=\"input-group-active\"\r\n            label=\"Aktiv\"\r\n            label-for=\"input-active\"\r\n          >\r\n            <b-form-checkbox\r\n              id=\"input-active\"\r\n              v-model=\"form.active\"\r\n              :disabled=\"isSubmitting\"\r\n              aria-describedby=\"input-active-help-block\"\r\n            >\r\n              <ul class=\"text-danger mb-0\">\r\n                <li v-for=\"message in validationByKey('Active')\" :key=\"message\">\r\n                  {{ message }}\r\n                </li>\r\n              </ul>\r\n            </b-form-checkbox>\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <b-col md=\"4\" sm=\"12\">\r\n          <b-form-group\r\n            id=\"input-group-serviceNeed\"\r\n            label=\"Service\"\r\n            label-for=\"input-serviceNeed\"\r\n          >\r\n            <b-form-checkbox\r\n              id=\"input-serviceNeed\"\r\n              v-model=\"form.serviceNeed\"\r\n              :disabled=\"isSubmitting\"\r\n              aria-describedby=\"input-serviceNeed-help-block\"\r\n            >\r\n              <ul class=\"text-danger mb-0\">\r\n                <li\r\n                  v-for=\"message in validationByKey('ServiceNeed')\"\r\n                  :key=\"message\"\r\n                >\r\n                  {{ message }}\r\n                </li>\r\n              </ul>\r\n            </b-form-checkbox>\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <b-col v-if=\"showIsPublic\" md=\"4\" sm=\"12\">\r\n          <b-form-group\r\n            id=\"input-group-isPublic\"\r\n            label=\"Publik\"\r\n            label-for=\"input-isPublic\"\r\n          >\r\n            <b-form-checkbox\r\n              id=\"input-isPublic\"\r\n              v-model=\"form.isPublic\"\r\n              :disabled=\"isSubmitting\"\r\n              aria-describedby=\"input-isPublic-help-block\"\r\n            >\r\n              <ul class=\"text-danger mb-0\">\r\n                <li\r\n                  v-for=\"message in validationByKey('IsPublic')\"\r\n                  :key=\"message\"\r\n                >\r\n                  {{ message }}\r\n                </li>\r\n              </ul>\r\n            </b-form-checkbox>\r\n          </b-form-group>\r\n        </b-col>\r\n      </b-row>\r\n\r\n      <b-alert :show=\"validationByKey('Other').length > 0\" variant=\"danger\">\r\n        <ul class=\"text-danger mb-0\">\r\n          <li v-for=\"message in validationByKey('Other')\" :key=\"message\">\r\n            {{ message }}\r\n          </li>\r\n        </ul>\r\n      </b-alert>\r\n\r\n      <b-alert\r\n        :show=\"successMessage.length > 0\"\r\n        variant=\"success\"\r\n        class=\"mb-0 mt-4\"\r\n      >\r\n        <h6 class=\"mb-0 text-center\">\r\n          <font-awesome-icon icon=\"info-circle\" /> {{ successMessage }}\r\n        </h6>\r\n      </b-alert>\r\n\r\n      <b-button\r\n        v-b-tooltip.hover\r\n        variant=\"primary\"\r\n        class=\"float-right mt-4\"\r\n        :class=\"{ 'btn-block': id }\"\r\n        :disabled=\"isSubmitting\"\r\n        type=\"submit\"\r\n        :title=\"isSubmitting ? 'Sparar...' : ''\"\r\n      >\r\n        <font-awesome-icon v-if=\"isSubmitting\" icon=\"spinner\" spin /> Spara\r\n      </b-button>\r\n    </b-form>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nimport { get, post } from '@/helpers/api';\r\nimport Editor from '@/components/Editor';\r\nimport Base64Field from '@/components/Base64Field';\r\nimport FileSelectList from '@/components/file/FileSelectList';\r\n\r\nexport default {\r\n  name: 'SaveArticle',\r\n  components: {\r\n    Editor,\r\n    Base64Field,\r\n    FileSelectList\r\n  },\r\n  props: {\r\n    id: Number\r\n  },\r\n  data() {\r\n    return {\r\n      showIsPublic: false,\r\n      form: {\r\n        id: null,\r\n        articleNo: '',\r\n        name: '',\r\n        fileSymbolId: null,\r\n        info: null,\r\n        imageAsBase64: null,\r\n        active: false,\r\n        serviceNeed: false,\r\n        isPublic: true\r\n      },\r\n      isSubmitting: false,\r\n      successMessage: '',\r\n      validationErrors: null\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapState({\r\n      userRoles: (state) => state.user.user.roles\r\n    }),\r\n    isEditMode() {\r\n      return this.form.id > 0;\r\n    }\r\n  },\r\n  watch: {\r\n    userRoles: {\r\n      handler(role) {\r\n        // Sets flag depending on role.\r\n        this.showIsPublic = role\r\n          ? this.userRoles.includes('SuperAdmin')\r\n          : false;\r\n      },\r\n      immediate: true\r\n    }\r\n  },\r\n  async mounted() {\r\n    // Get article if necessary.\r\n    this.form.id = typeof this.id !== 'undefined' ? this.id : 0;\r\n\r\n    if (this.isEditMode) {\r\n      await get('Article', `Get?id=${this.form.id}`)\r\n        .then((x) => {\r\n          this.form = x.data;\r\n        })\r\n        .catch((x) => {\r\n          alert(x.data);\r\n        });\r\n    }\r\n  },\r\n  methods: {\r\n    async onSubmit() {\r\n      // Resets.\r\n      this.successMessage = '';\r\n      this.validationErrors = null;\r\n      this.isSubmitting = true;\r\n\r\n      // Post.\r\n      await post('Article', 'Save', this.form)\r\n        .then((x) => {\r\n          this.form.id = x.data.entityId;\r\n          this.successMessage = `Sparade ${this.form.articleNo} ${this.form.name}`;\r\n        })\r\n        .catch((x) => {\r\n          this.validationErrors = x.response.data.errors;\r\n        });\r\n      this.isSubmitting = false;\r\n\r\n      // On created.\r\n      if (!this.validationErrors && this.form.id) this.onCreated();\r\n    },\r\n    onCreated() {\r\n      this.hasSavedSuccessfullly = true;\r\n    },\r\n    validationByKey(code) {\r\n      return this.validationErrors ? this.validationErrors[code] || [] : [];\r\n    },\r\n    resetForm() {\r\n      this.showIsPublic = false;\r\n      this.form = {\r\n        id: null,\r\n        articleNo: null,\r\n        name: '',\r\n        fileSymbolId: null,\r\n        info: null,\r\n        imageAsBase64: null,\r\n        active: false,\r\n        serviceNeed: false,\r\n        isPublic: true\r\n      };\r\n      this.validationErrors = null;\r\n    },\r\n    async confirm() {\r\n      this.$bvModal\r\n        .msgBoxConfirm('Förändringar har skett', {\r\n          title: 'Är du säker?',\r\n          size: 'sm',\r\n          //buttonSize: 'sm',\r\n          cancelVariant: 'primary',\r\n          cancelTitle: 'Nej',\r\n          okTitle: 'Ja',\r\n          okVariant: 'danger',\r\n          footerClass: 'p-2 justify-content-between',\r\n          hideHeaderClose: false,\r\n          centered: true\r\n        })\r\n        .then((confirmed) => {\r\n          return confirmed;\r\n        });\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.form-group {\r\n  margin-bottom: 0.5rem;\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!./SaveArticle.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!./SaveArticle.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SaveArticle.vue?vue&type=template&id=549d3710&scoped=true&\"\nimport script from \"./SaveArticle.vue?vue&type=script&lang=js&\"\nexport * from \"./SaveArticle.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SaveArticle.vue?vue&type=style&index=0&id=549d3710&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  \"549d3710\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar fixRegExpWellKnownSymbolLogic = require('../internals/fix-regexp-well-known-symbol-logic');\nvar anObject = require('../internals/an-object');\nvar toLength = require('../internals/to-length');\nvar requireObjectCoercible = require('../internals/require-object-coercible');\nvar advanceStringIndex = require('../internals/advance-string-index');\nvar regExpExec = require('../internals/regexp-exec-abstract');\n\n// @@match logic\nfixRegExpWellKnownSymbolLogic('match', 1, function (MATCH, nativeMatch, maybeCallNative) {\n  return [\n    // `String.prototype.match` method\n    // https://tc39.es/ecma262/#sec-string.prototype.match\n    function match(regexp) {\n      var O = requireObjectCoercible(this);\n      var matcher = regexp == undefined ? undefined : regexp[MATCH];\n      return matcher !== undefined ? matcher.call(regexp, O) : new RegExp(regexp)[MATCH](String(O));\n    },\n    // `RegExp.prototype[@@match]` method\n    // https://tc39.es/ecma262/#sec-regexp.prototype-@@match\n    function (regexp) {\n      var res = maybeCallNative(nativeMatch, regexp, this);\n      if (res.done) return res.value;\n\n      var rx = anObject(regexp);\n      var S = String(this);\n\n      if (!rx.global) return regExpExec(rx, S);\n\n      var fullUnicode = rx.unicode;\n      rx.lastIndex = 0;\n      var A = [];\n      var n = 0;\n      var result;\n      while ((result = regExpExec(rx, S)) !== null) {\n        var matchStr = String(result[0]);\n        A[n] = matchStr;\n        if (matchStr === '') rx.lastIndex = advanceStringIndex(S, toLength(rx.lastIndex), fullUnicode);\n        n++;\n      }\n      return n === 0 ? null : A;\n    }\n  ];\n});\n","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!./FileSelectList.vue?vue&type=style&index=0&id=6f25f357&scoped=true&lang=css&\"","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!./SaveArticle.vue?vue&type=style&index=0&id=549d3710&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-form-group',{attrs:{\"id\":(\"input-group-base64-\" + _vm._uid),\"label\":_vm.value ? 'Nuvarande ' + _vm.labelAsLowerCasing : _vm.label || 'Bild',\"label-for\":(\"input-base64-\" + _vm._uid)}},[(_vm.value)?_c('div',{staticClass:\"pb-2\"},[_c('img',{staticClass:\"img-fluid\",attrs:{\"src\":_vm.value,\"alt\":'Aktuell ' + _vm.labelAsLowerCasing}})]):_vm._e(),_c('b-input-group',[_c('b-input-group-prepend',{attrs:{\"is-text\":\"\"}},[_c('font-awesome-icon',{attrs:{\"icon\":\"image\"}})],1),_c('b-form-file',{attrs:{\"id\":(\"input-base64-\" + _vm._uid),\"drop-placeholder\":\"Släpp här\",\"placeholder\":_vm.value\n        ? 'Ersätt ' + _vm.labelAsLowerCasing\n        : 'Ingen vald ' + _vm.labelAsLowerCasing,\"disabled\":_vm.disabled,\"accept\":_vm.acceptedImageExtensions},on:{\"change\":_vm.onImageChanged}})],1),_c('b-form-text',{attrs:{\"id\":\"input-info-help-block\"}},[_c('ul',{staticClass:\"text-danger mb-0\"},_vm._l((_vm.validationMessages),function(message){return _c('li',{key:message},[_vm._v(\" \"+_vm._s(message)+\" \")])}),0)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","const dataURItoBlob = (dataURI) => {\r\n    const bytes = dataURI.split(',')[0].indexOf('base64') >= 0\r\n        ? atob(dataURI.split(',')[1])\r\n        : unescape(dataURI.split(',')[1]);\r\n    const mime = dataURI.split(',')[0].split(':')[1].split(';')[0];\r\n    const max = bytes.length;\r\n    const ia = new Uint8Array(max);\r\n    for (let i = 0; i < max; i += 1) ia[i] = bytes.charCodeAt(i);\r\n    return new Blob([ia], { type: mime });\r\n};\r\n\r\nconst resizeImage = ({ file, maxWidth, maxHeight }) => {\r\n    const reader = new FileReader();\r\n    const image = new Image();\r\n    const canvas = document.createElement('canvas');\r\n\r\n    const resize = () => {\r\n        let { width, height } = image;\r\n\r\n        if (width > height) {\r\n            if (width > maxWidth) {\r\n                height *= maxWidth / width;\r\n                width = maxWidth;\r\n            }\r\n        } else if (height > maxHeight) {\r\n            width *= maxHeight / height;\r\n            height = maxHeight;\r\n        }\r\n\r\n        canvas.width = width;\r\n        canvas.height = height;\r\n        canvas.getContext('2d').drawImage(image, 0, 0, width, height);\r\n\r\n        return canvas.toDataURL('image/jpeg');\r\n\r\n      \r\n    };\r\n\r\n    return new Promise((ok, no) => {\r\n       if (!file.type.match(/image.*/)) {\r\n            no(new Error('Not an image'));\r\n            return;\r\n        }\r\n\r\n        reader.onload = (readerEvent) => {\r\n            image.onload = () => ok(resize());\r\n            image.src = readerEvent.target.result;\r\n        };\r\n\r\n        reader.readAsDataURL(file);\r\n    });\r\n};\r\n\r\nexport default resizeImage;","<template>\r\n    <b-form-group :id=\"`input-group-base64-${_uid}`\"\r\n                  :label=\"value ? 'Nuvarande ' + labelAsLowerCasing : label || 'Bild'\"\r\n                  :label-for=\"`input-base64-${_uid}`\">\r\n        <div v-if=\"value\" class=\"pb-2\">\r\n            <img :src=\"value\"\r\n                 class=\"img-fluid\"\r\n                 :alt=\"'Aktuell ' + labelAsLowerCasing\" />\r\n        </div>\r\n\r\n        <b-input-group>\r\n            <b-input-group-prepend is-text>\r\n                <font-awesome-icon icon=\"image\" />\r\n            </b-input-group-prepend>\r\n            <b-form-file :id=\"`input-base64-${_uid}`\"\r\n                         drop-placeholder=\"Släpp här\"\r\n                         :placeholder=\"\r\n          value\r\n            ? 'Ersätt ' + labelAsLowerCasing\r\n            : 'Ingen vald ' + labelAsLowerCasing\r\n        \"\r\n                         :disabled=\"disabled\"\r\n                         :accept=\"acceptedImageExtensions\"\r\n                         @change=\"onImageChanged\" />\r\n        </b-input-group>\r\n\r\n        <b-form-text id=\"input-info-help-block\">\r\n            <ul class=\"text-danger mb-0\">\r\n                <li v-for=\"message in validationMessages\" :key=\"message\">\r\n                    {{ message }}\r\n                </li>\r\n            </ul>\r\n        </b-form-text>\r\n    </b-form-group>\r\n</template>\r\n\r\n<script>\r\n    import {\r\n        convertToBase64,\r\n        isAcceptedImage,\r\n        acceptedImageExtensions\r\n    } from '@/helpers/file.helper';\r\n\r\n    import\r\n    resizeImage\r\n        from '@/helpers/image.helper'\r\n\r\n    export default {\r\n        name: 'Base64Field',\r\n        props: {\r\n            validationMessages: {\r\n                type: Array,\r\n                required: true\r\n            },\r\n            value: String,\r\n            disabled: Boolean,\r\n            label: {\r\n                type: String,\r\n                required: false,\r\n                default: ''\r\n            },\r\n            maxWidth: {\r\n                type: Number,\r\n                required: false,\r\n                default: 0\r\n            },\r\n            maxHeight: {\r\n                type: Number,\r\n                required: false,\r\n                default: 0\r\n            }\r\n\r\n        },\r\n        computed: {\r\n            acceptedImageExtensions() {\r\n                return acceptedImageExtensions();\r\n            },\r\n            labelAsLowerCasing() {\r\n                if (this.label) return this.label.toLowerCase();\r\n\r\n                return 'bild';\r\n            }\r\n        },\r\n        methods: {\r\n            async onImageChanged(event) {\r\n                if (!event.target.files[0]) return;\r\n\r\n                // Validates.\r\n                if (!isAcceptedImage(event.target.files[0]))\r\n                    return alert('Felaktigt format.');\r\n\r\n                if (this.maxWidth > 0 && this.maxHeight > 0) {\r\n                    try {\r\n                        const resizedImage = await resizeImage({ file: event.target.files[0], maxWidth: this.maxWidth, maxHeight: this.maxHeight });\r\n                        this.$emit('input', resizedImage);\r\n                    } catch (e) {\r\n                        console.error(e);\r\n                    }\r\n                }\r\n                else\r\n                    this.$emit('input', await convertToBase64(event.target.files[0]));\r\n            }\r\n        }\r\n    };\r\n</script>\r\n\r\n<style>\r\n    .custom-file-input ~ .custom-file-label[data-browse]::after {\r\n        content: 'Välj filer';\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!./Base64Field.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!./Base64Field.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Base64Field.vue?vue&type=template&id=fbf6381e&\"\nimport script from \"./Base64Field.vue?vue&type=script&lang=js&\"\nexport * from \"./Base64Field.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Base64Field.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"],"sourceRoot":""}