{"version":3,"sources":["webpack:///./node_modules/bootstrap-vue/esm/components/spinner/spinner.js","webpack:///./src/views/apps/help-desk/category-list/CategoryEdit.vue?b5f0","webpack:///src/views/apps/help-desk/category-list/CategoryEdit.vue","webpack:///./src/views/apps/help-desk/category-list/CategoryEdit.vue?7e8d","webpack:///./src/views/apps/help-desk/category-list/CategoryEdit.vue","webpack:///./src/@core/comp-functions/forms/form-validation.js"],"names":["_defineProperty","obj","key","value","Object","defineProperty","enumerable","configurable","writable","props","label","role","small","tag","type","variant","BSpinner","extend","name","functional","render","h","_ref","_class","data","slots","scopedSlots","$slots","$scopedSlots","$label","staticClass","attrs","class","concat","_vm","this","_h","$createElement","_c","_self","_v","_s","$t","ref","_u","fn","handleSubmit","on","$event","preventDefault","onSubmit","resetForm","errors","length","$can","model","categoria","callback","$$v","$set","expression","$store","state","appConfig","isRTL","categories","option","ticketCategoriaId","directives","rawName","modifiers","_e","staticRenderFns","components","BCard","BCardHeader","BCardBody","BForm","BFormInput","BFormGroup","BRow","BCol","BFormTextarea","BFormInvalidFeedback","BButton","vSelect","ValidationObserver","ValidationProvider","required","setup","nombre","descripcion","categoriaPadreId","abreviatura","ruta","fetchCategorias","categorias","fetchCategoria","router","edditingCategory","updateCategoria","getValidationState","component","formValidation","resetFormData","clearFormData","refFormObserver","resetObserver","reset","dirty","validated","fieldRequired","changed","valid","result","nextTick","clearForm"],"mappings":"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","file":"js/chunk-8b617b58.af492aa7.js","sourcesContent":["function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport { Vue, mergeData } from '../../vue';\nimport { NAME_SPINNER } from '../../constants/components';\nimport { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../constants/props';\nimport { SLOT_NAME_LABEL } from '../../constants/slots';\nimport { normalizeSlot } from '../../utils/normalize-slot';\nimport { makeProp, makePropsConfigurable } from '../../utils/props'; // --- Props ---\n\nexport var props = makePropsConfigurable({\n  label: makeProp(PROP_TYPE_STRING),\n  role: makeProp(PROP_TYPE_STRING, 'status'),\n  small: makeProp(PROP_TYPE_BOOLEAN, false),\n  tag: makeProp(PROP_TYPE_STRING, 'span'),\n  type: makeProp(PROP_TYPE_STRING, 'border'),\n  variant: makeProp(PROP_TYPE_STRING)\n}, NAME_SPINNER); // --- Main component ---\n// @vue/component\n\nexport var BSpinner = /*#__PURE__*/Vue.extend({\n  name: NAME_SPINNER,\n  functional: true,\n  props: props,\n  render: function render(h, _ref) {\n    var _class;\n\n    var props = _ref.props,\n        data = _ref.data,\n        slots = _ref.slots,\n        scopedSlots = _ref.scopedSlots;\n    var $slots = slots();\n    var $scopedSlots = scopedSlots || {};\n    var $label = normalizeSlot(SLOT_NAME_LABEL, {}, $scopedSlots, $slots) || props.label;\n\n    if ($label) {\n      $label = h('span', {\n        staticClass: 'sr-only'\n      }, $label);\n    }\n\n    return h(props.tag, mergeData(data, {\n      attrs: {\n        role: $label ? props.role || 'status' : null,\n        'aria-hidden': $label ? null : 'true'\n      },\n      class: (_class = {}, _defineProperty(_class, \"spinner-\".concat(props.type), props.type), _defineProperty(_class, \"spinner-\".concat(props.type, \"-sm\"), props.small), _defineProperty(_class, \"text-\".concat(props.variant), props.variant), _class)\n    }), [$label || h()]);\n  }\n});","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',[_c('b-card-header',[_c('h2',[_c('feather-icon',{attrs:{\"icon\":\"EditIcon\",\"size\":\"16\"}}),_vm._v(\" \"+_vm._s(_vm.$t(\"Routes.editCategory\"))+\" \")],1)]),_c('b-card-body',[_c('validation-observer',{ref:\"refFormObserver\",scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar handleSubmit = ref.handleSubmit;\nreturn [_c('b-form',{on:{\"submit\":function($event){$event.preventDefault();return handleSubmit(_vm.onSubmit)},\"reset\":function($event){$event.preventDefault();return _vm.resetForm($event)}}},[_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('validation-provider',{attrs:{\"name\":_vm.$t('AppHelpDesk.categoryColumns.name'),\"rules\":\"required|max:256\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('b-form-group',{attrs:{\"label\":_vm.$t('AppHelpDesk.categoryColumns.name'),\"label-for\":\"name\",\"state\":errors.length > 0 ? false : null}},[_c('b-form-input',{attrs:{\"disabled\":!_vm.$can('write', 'MesaAyuda')},model:{value:(_vm.categoria.nombre),callback:function ($$v) {_vm.$set(_vm.categoria, \"nombre\", $$v)},expression:\"categoria.nombre\"}}),_c('b-form-invalid-feedback',{attrs:{\"state\":errors.length > 0 ? false : null}},[_vm._v(\" \"+_vm._s(errors[0])+\" \")])],1)]}}],null,true)})],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"3\"}},[_c('validation-provider',{attrs:{\"name\":_vm.$t('AppHelpDesk.categoryColumns.abbreviation'),\"rules\":\"required|max:256\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('b-form-group',{attrs:{\"label\":_vm.$t('AppHelpDesk.categoryColumns.abbreviation'),\"label-for\":\"name\",\"state\":errors.length > 0 ? false : null}},[_c('b-form-input',{attrs:{\"disabled\":!_vm.$can('write', 'MesaAyuda')},model:{value:(_vm.categoria.abreviatura),callback:function ($$v) {_vm.$set(_vm.categoria, \"abreviatura\", $$v)},expression:\"categoria.abreviatura\"}}),_c('b-form-invalid-feedback',{attrs:{\"state\":errors.length > 0 ? false : null}},[_vm._v(\" \"+_vm._s(errors[0])+\" \")])],1)]}}],null,true)})],1)],1),_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":_vm.$t('AppHelpDesk.categoryColumns.parentCategoria'),\"label-for\":\"assigned\"}},[_c('v-select',{attrs:{\"id\":\"assigned\",\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr',\"label\":\"nombre\",\"options\":_vm.categories,\"reduce\":function (option) { return option.ticketCategoriaId; },\"disabled\":!_vm.$can('write', 'MesaAyuda')},model:{value:(_vm.categoria.categoriaPadreId),callback:function ($$v) {_vm.$set(_vm.categoria, \"categoriaPadreId\", $$v)},expression:\"categoria.categoriaPadreId\"}})],1)],1)],1),_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('validation-provider',{attrs:{\"name\":_vm.$t('AppHelpDesk.categoryDescription'),\"rules\":\"required|max:256\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('b-form-group',{attrs:{\"label\":_vm.$t('AppHelpDesk.categoryDescription'),\"label-for\":\"description\"}},[_c('b-form-textarea',{attrs:{\"id\":\"description\",\"rows\":\"3\",\"placeholder\":\"La computadora no enciende, ademas de que se calienta mucho\",\"disabled\":!_vm.$can('write', 'MesaAyuda')},model:{value:(_vm.categoria.descripcion),callback:function ($$v) {_vm.$set(_vm.categoria, \"descripcion\", $$v)},expression:\"categoria.descripcion\"}}),_c('b-form-invalid-feedback',{attrs:{\"state\":errors.length > 0 ? false : null}},[_vm._v(\" \"+_vm._s(errors[0])+\" \")])],1)]}}],null,true)})],1)],1),(_vm.$can('write', 'MesaAyuda'))?_c('b-row',{staticClass:\"float-right mt-2 mb-2\"},[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(255, 255, 255, 0.15)'),expression:\"'rgba(255, 255, 255, 0.15)'\",modifiers:{\"400\":true}}],staticClass:\"mr-2\",attrs:{\"variant\":\"primary\",\"type\":\"submit\"}},[(_vm.edditingCategory)?_c('b-spinner',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}}):_vm._e(),_vm._v(\" \"+_vm._s(_vm.$t(\"Lists.Edit\"))+\" \")],1)],1):_vm._e()],1)]}}])})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card>\r\n    <b-card-header>\r\n      <h2>\r\n        <feather-icon\r\n          icon=\"EditIcon\"\r\n          size=\"16\"\r\n        />\r\n        {{ $t(\"Routes.editCategory\") }}\r\n      </h2>\r\n    </b-card-header>\r\n    <b-card-body>\r\n      <validation-observer\r\n        #default=\"{ handleSubmit }\"\r\n        ref=\"refFormObserver\"\r\n      >\r\n        <b-form\r\n          @submit.prevent=\"handleSubmit(onSubmit)\"\r\n          @reset.prevent=\"resetForm\"\r\n        >\r\n          <b-row>\r\n            <b-col\r\n              cols=\"12\"\r\n              md=\"6\"\r\n            >\r\n              <validation-provider\r\n                #default=\"{ errors }\"\r\n                :name=\"$t('AppHelpDesk.categoryColumns.name')\"\r\n                rules=\"required|max:256\"\r\n              >\r\n                <b-form-group\r\n                  :label=\"$t('AppHelpDesk.categoryColumns.name')\"\r\n                  label-for=\"name\"\r\n                  :state=\"errors.length > 0 ? false : null\"\r\n                >\r\n                  <b-form-input\r\n                    v-model=\"categoria.nombre\"\r\n                    :disabled=\"!$can('write', 'MesaAyuda')\"\r\n                  />\r\n                  <b-form-invalid-feedback\r\n                    :state=\"errors.length > 0 ? false : null\"\r\n                  >\r\n                    {{ errors[0] }}\r\n                  </b-form-invalid-feedback>\r\n                </b-form-group>\r\n              </validation-provider>\r\n            </b-col>\r\n            <b-col\r\n              cols=\"12\"\r\n              md=\"3\"\r\n            >\r\n              <validation-provider\r\n                #default=\"{ errors }\"\r\n                :name=\"$t('AppHelpDesk.categoryColumns.abbreviation')\"\r\n                rules=\"required|max:256\"\r\n              >\r\n                <b-form-group\r\n                  :label=\"$t('AppHelpDesk.categoryColumns.abbreviation')\"\r\n                  label-for=\"name\"\r\n                  :state=\"errors.length > 0 ? false : null\"\r\n                >\r\n                  <b-form-input\r\n                    v-model=\"categoria.abreviatura\"\r\n                    :disabled=\"!$can('write', 'MesaAyuda')\"\r\n                  />\r\n                  <b-form-invalid-feedback\r\n                    :state=\"errors.length > 0 ? false : null\"\r\n                  >\r\n                    {{ errors[0] }}\r\n                  </b-form-invalid-feedback>\r\n                </b-form-group>\r\n              </validation-provider>\r\n            </b-col>\r\n          </b-row>\r\n          <b-row>\r\n            <b-col\r\n              cols=\"12\"\r\n              md=\"6\"\r\n            >\r\n              <b-form-group\r\n                :label=\"$t('AppHelpDesk.categoryColumns.parentCategoria')\"\r\n                label-for=\"assigned\"\r\n              >\r\n                <v-select\r\n                  id=\"assigned\"\r\n                  v-model=\"categoria.categoriaPadreId\"\r\n                  :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n                  label=\"nombre\"\r\n                  :options=\"categories\"\r\n                  :reduce=\"(option) => option.ticketCategoriaId\"\r\n                  :disabled=\"!$can('write', 'MesaAyuda')\"\r\n                />\r\n              </b-form-group>\r\n            </b-col>\r\n          </b-row>\r\n          <b-row>\r\n            <b-col cols=\"12\">\r\n              <validation-provider\r\n                #default=\"{ errors }\"\r\n                :name=\"$t('AppHelpDesk.categoryDescription')\"\r\n                rules=\"required|max:256\"\r\n              >\r\n                <b-form-group\r\n                  :label=\"$t('AppHelpDesk.categoryDescription')\"\r\n                  label-for=\"description\"\r\n                >\r\n                  <b-form-textarea\r\n                    id=\"description\"\r\n                    v-model=\"categoria.descripcion\"\r\n                    rows=\"3\"\r\n                    placeholder=\"La computadora no enciende, ademas de que se calienta mucho\"\r\n                    :disabled=\"!$can('write', 'MesaAyuda')\"\r\n                  />\r\n                  <b-form-invalid-feedback\r\n                    :state=\"errors.length > 0 ? false : null\"\r\n                  >\r\n                    {{ errors[0] }}\r\n                  </b-form-invalid-feedback>\r\n                </b-form-group>\r\n              </validation-provider>\r\n            </b-col>\r\n          </b-row>\r\n          <b-row\r\n            v-if=\"$can('write', 'MesaAyuda')\"\r\n            class=\"float-right mt-2 mb-2\"\r\n          >\r\n            <b-button\r\n              v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n              variant=\"primary\"\r\n              class=\"mr-2\"\r\n              type=\"submit\"\r\n            >\r\n              <b-spinner\r\n                v-if=\"edditingCategory\"\r\n                small\r\n                class=\"mr-1\"\r\n              />\r\n              {{ $t(\"Lists.Edit\") }}\r\n            </b-button>\r\n          </b-row>\r\n        </b-form>\r\n      </validation-observer>\r\n    </b-card-body>\r\n  </b-card>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  BCard,\r\n  BCardHeader,\r\n  BCardBody,\r\n  BForm,\r\n  BFormInput,\r\n  BFormGroup,\r\n  BRow,\r\n  BCol,\r\n  BFormTextarea,\r\n  BFormInvalidFeedback,\r\n  BButton,\r\n  BSpinner,\r\n} from 'bootstrap-vue'\r\nimport {\r\n  required,\r\n} from '@validations'\r\nimport vSelect from 'vue-select'\r\nimport router from '@/router'\r\nimport ticketService from '@/services/helpDesk.service'\r\nimport { ValidationObserver, ValidationProvider } from 'vee-validate'\r\nimport formValidation from '@core/comp-functions/forms/form-validation'\r\nimport { ref, onMounted } from '@vue/composition-api'\r\n\r\nexport default {\r\n  components: {\r\n    BCard,\r\n    BCardHeader,\r\n    BCardBody,\r\n    BForm,\r\n    BFormInput,\r\n    BFormGroup,\r\n    BRow,\r\n    BCol,\r\n    BFormTextarea,\r\n    BFormInvalidFeedback,\r\n    BButton,\r\n    BSpinner,\r\n    vSelect,\r\n    ValidationObserver,\r\n    ValidationProvider,\r\n  },\r\n  data() {\r\n    return {\r\n      required,\r\n    }\r\n  },\r\n  setup() {\r\n    const edditingCategory = ref(false)\r\n    const categories = ref([])\r\n    const categoria = ref({\r\n      ticketCategoriaId: 0,\r\n      nombre: '',\r\n      descripcion: '',\r\n      categoriaPadreId: null,\r\n      abreviatura: '',\r\n      ruta: '',\r\n    })\r\n    const resetTicketData = () => {\r\n      categoria.value = {\r\n        ticketCategoriaId: 0,\r\n        nombre: '',\r\n        descripcion: '',\r\n        categoriaPadreId: null,\r\n        abreviatura: '',\r\n        ruta: '',\r\n      }\r\n    }\r\n\r\n    const {\r\n      fetchCategorias,\r\n      fetchCategoria,\r\n      updateCategoria,\r\n    } = ticketService()\r\n\r\n    fetchCategorias({}, data => {\r\n      categories.value = data.categorias\r\n    })\r\n\r\n    onMounted(() => {\r\n      fetchCategoria(router.currentRoute.params.ticketCategoriaId, data => {\r\n        categoria.value = data\r\n      })\r\n    })\r\n\r\n    const {\r\n      getValidationState,\r\n    } = formValidation(resetTicketData)\r\n    const onSubmit = () => {\r\n      edditingCategory.value = true\r\n      updateCategoria(categoria.value)\r\n        .then(() => {\r\n          edditingCategory.value = false\r\n          router.push({ name: 'apps-categories-list' })\r\n        })\r\n        .catch(() => {\r\n          edditingCategory.value = false\r\n        })\r\n    }\r\n    return {\r\n      categories,\r\n      categoria,\r\n      edditingCategory,\r\n      getValidationState,\r\n      onSubmit,\r\n    }\r\n  },\r\n\r\n}\r\n\r\n</script>\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!./CategoryEdit.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!./CategoryEdit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CategoryEdit.vue?vue&type=template&id=7763348f&\"\nimport script from \"./CategoryEdit.vue?vue&type=script&lang=js&\"\nexport * from \"./CategoryEdit.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  null,\n  null\n  \n)\n\nexport default component.exports","import { ref, nextTick } from '@vue/composition-api'\r\n\r\n// ===========================================================\r\n// ! This is coupled with \"veeValidate\" plugin\r\n// ===========================================================\r\n\r\nexport default function formValidation(resetFormData, clearFormData = () => {}) {\r\n  // ------------------------------------------------\r\n  // refFormObserver\r\n  // ! This is for veeValidate Observer\r\n  // * Used for veeValidate form observer\r\n  // ------------------------------------------------\r\n  const refFormObserver = ref(null)\r\n\r\n  // ------------------------------------------------\r\n  // resetObserver\r\n  // ! This function is coupled with veeValidate\r\n  // * It resets form observer\r\n  // ------------------------------------------------\r\n  const resetObserver = () => {\r\n    refFormObserver.value.reset()\r\n  }\r\n\r\n  // ------------------------------------------------\r\n  // getValidationState\r\n  // ! This function is coupled with veeValidate\r\n  // * It returns true/false based on validation\r\n  // ------------------------------------------------\r\n  // eslint-disable-next-line object-curly-newline\r\n  const getValidationState = ({ dirty, validated, required: fieldRequired, changed, valid = null }) => {\r\n    const result = dirty || validated ? valid : null\r\n    return !fieldRequired && !changed ? null : result\r\n  }\r\n\r\n  // ------------------------------------------------\r\n  // resetForm\r\n  // ! This function is coupled with veeValidate\r\n  // * This uses resetFormData arg to reset form data\r\n  // ------------------------------------------------\r\n  const resetForm = () => {\r\n    resetFormData()\r\n    nextTick(() => {\r\n      resetObserver()\r\n    })\r\n  }\r\n\r\n  // ------------------------------------------------\r\n  // clearForm\r\n  // ! This function is coupled with veeValidate\r\n  // * This uses clearFormData arg to reset form data\r\n  // ------------------------------------------------\r\n  const clearForm = () => {\r\n    clearFormData()\r\n    nextTick(() => {\r\n      resetObserver()\r\n    })\r\n  }\r\n\r\n  return {\r\n    refFormObserver,\r\n    resetObserver,\r\n    getValidationState,\r\n    resetForm,\r\n    clearForm,\r\n  }\r\n}\r\n"],"sourceRoot":""}