{"version":3,"sources":["webpack:///./src/components/admin/role/form.vue?cde3","webpack:///src/components/admin/role/form.vue","webpack:///./src/components/admin/role/form.vue?875a","webpack:///./src/components/admin/role/form.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","on","submit","$event","preventDefault","validateBeforeSubmit","staticClass","staticStyle","width","_v","_s","title","attrs","label","placeholder","disabled","model","value","callback","$$v","$set","expression","_e","type","is-danger","errors","has","message","Обязательное поле для заполнения","firstByRule","directives","name","rawName","icon","expanded","_l","option","key","id","domProps","grouped","group-multiline","item","closable","close","remPerms","data","field","loading","isFetching","typing","getAsyncData","select","addPerms","scopedSlots","_u","fn","props","description","search","click","$parent","staticRenderFns","vue_runtime_esm","use","vee_validate_esm","events","formvue_type_script_lang_js_","components","Number","String","state","has_perms","undefined","is_active","created","computed","beforeMount","mounted","_this","$this","$store","dispatch","then","response","propertyName","length","forEach","selected","push","catch","error","purge_model","methods","_this2","$validator","validateAll","result","doUpdate","$toast","open","$i18n","t","position","check","filter","new_perms","Object","assign","getPermsForRole","map","payload","permissions","_payload","debounce_default","_this3","role_formvue_type_script_lang_js_","component","componentNormalizer","__webpack_exports__"],"mappings":"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","file":"js/chunk-2d2222de.079b88ee.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.validateBeforeSubmit($event)}}},[_c('div',{staticClass:\"modal-card\",staticStyle:{\"width\":\"640px\"}},[_c('header',{staticClass:\"modal-card-head\"},[_c('p',{staticClass:\"modal-card-title\"},[_vm._v(_vm._s(_vm.title))])]),_c('section',{staticClass:\"modal-card-body\"},[(_vm.id)?_c('b-field',{attrs:{\"label\":\"ID\"}},[_c('b-input',{attrs:{\"placeholder\":\"ID\",\"disabled\":\"\"},model:{value:(_vm.model.id),callback:function ($$v) {_vm.$set(_vm.model, \"id\", $$v)},expression:\"model.id\"}})],1):_vm._e(),_c('b-field',{attrs:{\"label\":\"Название\",\"type\":{'is-danger': _vm.errors.has('name')},\"message\":[{\n          'Обязательное поле для заполнения' : _vm.errors.firstByRule('name', 'required')\n        }]}},[_c('b-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],attrs:{\"name\":\"name\",\"placeholder\":\"Название\",\"icon\":\"user\"},model:{value:(_vm.model.name),callback:function ($$v) {_vm.$set(_vm.model, \"name\", $$v)},expression:\"model.name\"}})],1),_c('b-field',{attrs:{\"label\":\"Состояние\"}},[_c('b-select',{attrs:{\"placeholder\":\"Выбирете тип\",\"name\":\"is_active\",\"expanded\":\"\"},model:{value:(_vm.model.is_active),callback:function ($$v) {_vm.$set(_vm.model, \"is_active\", $$v)},expression:\"model.is_active\"}},_vm._l((_vm.state),function(option){return _c('option',{key:option.id,domProps:{\"value\":option.id}},[_vm._v(\"\\n            \"+_vm._s(option.name)+\"\\n          \")])}),0)],1),_c('b-field',{attrs:{\"grouped\":\"\",\"group-multiline\":\"\"}},[_vm._l((_vm.has_perms),function(item){return [(item.selected)?_c('div',{key:item.id,staticClass:\"control\"},[_c('b-tag',{attrs:{\"type\":\"is-primary\",\"closable\":\"\"},on:{\"close\":function($event){return _vm.remPerms(item.id)}}},[_vm._v(_vm._s(item.value))])],1):_vm._e()]})],2),[_c('b-field',{attrs:{\"label\":\"Поиск полномочий\"}},[_c('b-autocomplete',{attrs:{\"data\":_vm.data,\"placeholder\":\"Введите название, действие или значение полномочия\",\"field\":\"perms_name\",\"loading\":_vm.isFetching},on:{\"typing\":_vm.getAsyncData,\"select\":function (option) { return _vm.addPerms(option); }},scopedSlots:_vm._u([{key:\"default\",fn:function(props){return [_c('div',{staticClass:\"media\"},[_c('div',{staticClass:\"media-content\"},[_vm._v(\"\\n                    \"+_vm._s(props.option.value)+\"\\n                    \"),_c('br'),_c('small',[_vm._v(\"\\n                      \"+_vm._s(props.option.description)+\"\\n                    \")])])])]}}]),model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1)]],2),_c('footer',{staticClass:\"modal-card-foot\"},[_c('button',{staticClass:\"button is-primary\"},[_vm._v(\"Сохранить\")]),_c('button',{staticClass:\"button\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.$parent.close()}}},[_vm._v(\"Закрыть\")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <form @submit.prevent=\"validateBeforeSubmit\">\r\n    <div class=\"modal-card\" style=\"width: 640px\">\r\n      <header class=\"modal-card-head\">\r\n        <p class=\"modal-card-title\">{{ title }}</p>\r\n      </header>\r\n      <section class=\"modal-card-body\">\r\n        <b-field label=\"ID\" v-if=\"id\">\r\n          <b-input placeholder=\"ID\" disabled v-model=\"model.id\"></b-input>\r\n        </b-field>\r\n        <b-field\r\n          label=\"Название\"\r\n          :type=\"{'is-danger': errors.has('name')}\"\r\n          :message=\"[{\r\n            'Обязательное поле для заполнения' : errors.firstByRule('name', 'required')\r\n          }]\">\r\n          <b-input\r\n            name=\"name\"\r\n            placeholder=\"Название\"\r\n            icon=\"user\"\r\n            v-validate=\"'required'\"\r\n            v-model=\"model.name\">\r\n          </b-input>\r\n        </b-field>\r\n        <b-field label=\"Состояние\">\r\n          <b-select\r\n            placeholder=\"Выбирете тип\"\r\n            name=\"is_active\"\r\n            expanded\r\n            v-model=\"model.is_active\">\r\n            <option\r\n              v-for=\"option in state\"\r\n              :value=\"option.id\"\r\n              :key=\"option.id\">\r\n              {{ option.name }}\r\n            </option>\r\n          </b-select>\r\n        </b-field>\r\n        <b-field grouped group-multiline>\r\n          <template v-for=\"item in has_perms\">\r\n            <div v-if=\"item.selected\" v-bind:key=\"item.id\" class=\"control\">\r\n              <b-tag type=\"is-primary\" closable @close=\"remPerms(item.id)\">{{item.value}}</b-tag>\r\n            </div>\r\n          </template>\r\n        </b-field>\r\n        <template>\r\n          <b-field label=\"Поиск полномочий\">\r\n            <b-autocomplete\r\n                :data=\"data\"\r\n                placeholder=\"Введите название, действие или значение полномочия\"\r\n                field=\"perms_name\"\r\n                v-model=\"search\"\r\n                :loading=\"isFetching\"\r\n                @typing=\"getAsyncData\"\r\n                @select=\"option => addPerms(option)\">\r\n\r\n                <template slot-scope=\"props\">\r\n                  <div class=\"media\">\r\n                    <div class=\"media-content\">\r\n                      {{ props.option.value }}\r\n                      <br>\r\n                      <small>\r\n                        {{ props.option.description}}\r\n                      </small>\r\n                    </div>\r\n                  </div>\r\n                </template>\r\n            </b-autocomplete>\r\n          </b-field>\r\n        </template>\r\n      </section>\r\n      <footer class=\"modal-card-foot\">\r\n        <button class=\"button is-primary\">Сохранить</button>        \r\n        <button class=\"button\" type=\"button\" @click=\"$parent.close()\">Закрыть</button>\r\n      </footer>\r\n    </div>\r\n  </form>\r\n</template>\r\n\r\n<script>\r\n\r\nimport Vue from 'vue'\r\nimport VeeValidate from 'vee-validate'\r\nVue.use(VeeValidate, {\r\n    events: '',\r\n});\r\n\r\nimport { EventBus } from '@/utils'\r\nimport debounce from 'lodash/debounce'\r\n\r\nexport default {\r\n  name: 'RoleForm',\r\n  components: {\r\n  },\r\n  props: {\r\n    id: Number,\r\n    title: String\r\n  },\r\n  data: function () {\r\n    const state = [\r\n      {\r\n        id: true,\r\n        name: \"Активная роль\"\r\n      },\r\n      {\r\n        id: false,\r\n        name: \"Не активная роль\"\r\n      }\r\n    ]\r\n    const has_perms = []\r\n    const data = []\r\n    return {\r\n      data: data,\r\n      state: state,\r\n      has_perms: has_perms,\r\n      isFetching: false,\r\n      search: \"\",\r\n      model: {\r\n        id: undefined,\r\n        name: '',\r\n        is_active: false\r\n      }\r\n    }\r\n  },\r\n  created: function() {\r\n    //\r\n  },\r\n  computed: {\r\n    //\r\n  },\r\n  beforeMount: function(){\r\n    //\r\n  },\r\n  mounted () {\r\n    let $this = this\r\n\r\n    if ($this.id){\r\n      this.$store.dispatch('getRole', $this.id)\r\n        .then(response => {\r\n          let data = response.data.data;\r\n          // $this.model = data\r\n          for(let propertyName in data) {\r\n            if(propertyName != \"perms\"){\r\n              $this.model[propertyName] = data[propertyName]\r\n            }\r\n            else{\r\n              if (data[propertyName].length) {\r\n                data[propertyName].forEach(function(item){\r\n                  item.selected = true\r\n                  $this.has_perms.push(item)\r\n                })\r\n              }\r\n            }\r\n          }\r\n        })\r\n        .catch(error => {\r\n          this.model = this.purge_model\r\n        })\r\n    }\r\n\r\n  },\r\n  methods: {\r\n    validateBeforeSubmit() {\r\n      let $this = this\r\n      this.$validator.validateAll().then((result) => {\r\n        if (result) {\r\n          $this.doUpdate()\r\n          return;\r\n        }\r\n        this.$toast.open({\r\n          message: $this.$i18n.t('notify.form_error'),\r\n          type: 'is-danger',\r\n          position: 'is-bottom'\r\n        })\r\n      });\r\n    },\r\n    addPerms(option){\r\n      let check = this.has_perms.filter(function(item){\r\n        return item.id == option.id\r\n      })\r\n\r\n      if(!check.length){\r\n        let new_perms = Object.assign({}, option)\r\n        new_perms.selected = true\r\n        this.has_perms.push(new_perms)\r\n      }\r\n    },\r\n    remPerms(id){\r\n      let $this = this\r\n      $this.has_perms.forEach(function(item){\r\n        if(item.id === id){\r\n          item.selected = false\r\n        }\r\n      })\r\n    },\r\n    getPermsForRole(){\r\n      return this.has_perms.filter(function(item){\r\n        return item.selected == true\r\n      }).map(function(item){\r\n        return item.id\r\n      })\r\n    },\r\n    doUpdate () {\r\n      let $this = this\r\n      if ($this.id){\r\n        let payload = this.model\r\n        payload.permissions = this.getPermsForRole()\r\n\r\n        $this.$store.dispatch('updateRole', $this.model)\r\n      }\r\n      else{\r\n        let payload = this.model\r\n        payload.permissions = this.getPermsForRole()\r\n        $this.$store.dispatch('createRole', $this.model)\r\n      }\r\n    },\r\n    \r\n    getAsyncData: debounce(function () {\r\n      if (!this.search.length) {\r\n          this.data = []\r\n          return\r\n      }\r\n\r\n      this.isFetching = true\r\n      \r\n      this.$store.dispatch('searchPermission', this.search)\r\n      \r\n      .then(response => {\r\n        let data = response.data.data;\r\n        if (data.length){\r\n          this.data = []\r\n          data.forEach((item) => this.data.push(item))\r\n        }\r\n        else{\r\n          this.data = []\r\n        }\r\n      })\r\n      .catch(error => {\r\n        this.data = []\r\n      })\r\n\r\n      this.isFetching = false\r\n\r\n    }, 500),  \r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n</style>\r\n<style>\r\n</style>","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!./form.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!./form.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./form.vue?vue&type=template&id=55d65a89&scoped=true&\"\nimport script from \"./form.vue?vue&type=script&lang=js&\"\nexport * from \"./form.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  \"55d65a89\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}