{"version":3,"sources":["webpack:///./src/views/admin/pattern/PatternPermission.vue?a0ae","webpack:///src/views/admin/pattern/PatternPermission.vue","webpack:///./src/views/admin/pattern/PatternPermission.vue?adb0","webpack:///./src/views/admin/pattern/PatternPermission.vue","webpack:///../../../src/mixins/rippleable/index.ts","webpack:///../../../src/components/VCheckbox/VCheckbox.ts","webpack:///../../../src/mixins/selectable/index.ts"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","$t","PatternName","_l","item","index","key","permissionID","permissionName","model","value","callback","$$v","selectedPermissions","expression","on","changePermission","_v","_s","staticRenderFns","data","args","permissionList","mounted","methods","pageLoad","GetPatternPermission","pid","permissions","loadPermission","id","permission","dispatch","payload","then","type","msg","pname","name","query","component","VBtn","VCardActions","VCard","VCheckbox","VCol","VRow","VSpacer","Vue","extend","directives","ripple","props","Boolean","Object","default","genRipple","push","center","Selectable","indeterminate","indeterminateIcon","String","offIcon","onIcon","inputIndeterminate","computed","classes","VInput","options","call","computedIcon","isActive","validationState","isDisabled","hasError","shouldValidate","hasSuccess","hasColor","computedColor","watch","val","$nextTick","$emit","genCheckbox","attrs$","checkboxAttrs","title","VIcon","setTextColor","dense","dark","light","genInput","toString","rippleState","genDefaultSlot","genLabel","prevent","e","preventDefault","mixins","Rippleable","Comparable","prop","event","inputValue","falseValue","trueValue","multiple","label","lazyValue","color","isDark","appIsDark","isMultiple","Array","isArray","internalValue","input","some","valueComparator","undefined","isDirty","click","assign","disabled","computedId","role","domProps","checked","blur","onBlur","change","onChange","focus","onFocus","keydown","onKeydown","ref","onClick","isInteractive","length","filter","validate","isFocused"],"mappings":"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","file":"js/chunk-46945aa8.7f451d25.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"PatternPermission\"},[_c('box',{attrs:{\"title\":_vm.$t('Pattern.patternPermission') + _vm.PatternName}},[_c('div',{staticClass:\"pa-2\"},[_c('v-row',_vm._l((_vm.permissionList),function(item,index){return _c('v-col',{key:index,staticClass:\"pa-0\",attrs:{\"cols\":\"12\",\"sm\":\"6\"}},[_c('v-checkbox',{staticClass:\"checkbox-rtl\",attrs:{\"multiple\":\"\",\"hide-details\":\"\",\"value\":item.permissionID,\"label\":item.permissionName},model:{value:(_vm.selectedPermissions),callback:function ($$v) {_vm.selectedPermissions=$$v},expression:\"selectedPermissions\"}})],1)}),1)],1),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"primary\"},on:{\"click\":_vm.changePermission}},[_vm._v(_vm._s(_vm.$t(\"Pattern.changePermission\")))])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"PatternPermission\">\r\n    <box :title=\"$t('Pattern.patternPermission') + PatternName\">\r\n      <div class=\"pa-2\">\r\n        <v-row>\r\n          <v-col\r\n            class=\"pa-0\"\r\n            cols=\"12\"\r\n            sm=\"6\"\r\n            v-for=\"(item, index) in permissionList\"\r\n            :key=\"index\"\r\n          >\r\n            <v-checkbox\r\n              multiple\r\n              hide-details\r\n              :value=\"item.permissionID\"\r\n              :label=\"item.permissionName\"\r\n              v-model=\"selectedPermissions\"\r\n              class=\"checkbox-rtl\"\r\n            />\r\n          </v-col>\r\n        </v-row>\r\n      </div>\r\n\r\n      <v-card-actions>\r\n        <v-spacer></v-spacer>\r\n        <v-btn color=\"primary\" @click=\"changePermission\">{{\r\n          $t(\"Pattern.changePermission\")\r\n        }}</v-btn>\r\n      </v-card-actions>\r\n    </box>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport EosToastType from \"../../../model/EosToastType\";\r\nimport ResultType from \"../../../model/ResultType\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      args: null,\r\n      PatternName: \"\",\r\n      permissionList: [],\r\n      selectedPermissions: [],\r\n    };\r\n  },\r\n  mounted() {\r\n    this.pageLoad();\r\n  },\r\n  methods: {\r\n    pageLoad() {\r\n      this.args = this.$route.query;\r\n      this.PatternName = this.args.pname;\r\n      this.loadPermission();\r\n      this.GetPatternPermission();\r\n    },\r\n    GetPatternPermission() {\r\n      var pid = this.args.pid;\r\n      this.$store.dispatch(\"GetPatternPermission\", { pid }).then((result) => {\r\n        ////console.log(result);\r\n        if (result.type === ResultType.success) {\r\n          var strPermission = result.data;\r\n          var permissions = Array.from(strPermission);\r\n          //console.log(permissions);\r\n          permissions.forEach((element, i) => {\r\n            if (element == 1) {\r\n              this.selectedPermissions.push(i);\r\n            }\r\n          });\r\n        }\r\n      });\r\n    },\r\n    loadPermission() {\r\n      //chkPermission.DataSource = Permission.AdminPermissionList();\r\n      this.$store.dispatch(\"GetAdminPermissionList\").then((result) => {\r\n        ////console.log(result);\r\n        if (result.type === ResultType.success) {\r\n          this.permissionList = result.data.Table;\r\n        }\r\n      });\r\n    },\r\n    changePermission() {\r\n      var permissions = Array(100).fill(0);\r\n      this.selectedPermissions.forEach((element) => {\r\n        permissions[Number(element)] = 1;\r\n      });\r\n\r\n      var strPermission = permissions.join(\"\");\r\n      ////console.log(strPermission);\r\n\r\n      var payload = {\r\n        id: this.args.pid,\r\n        permission: strPermission,\r\n      };\r\n      this.$store\r\n        .dispatch(\"UpdatePatternPermission\", { payload })\r\n        .then((result) => {\r\n          //console.log(result);\r\n\r\n          if (result.type == ResultType.success) {\r\n            this.$EosToast.show({\r\n              type: EosToastType.success,\r\n              msg: this.$t(\"operationSuccess\"),\r\n            });\r\n\r\n            var query = {\r\n              pid: this.args.pid,\r\n              pname: this.args.pname,\r\n            };\r\n            this.$router.push({ name: \"patternApproveCode\", query: query });\r\n          } else {\r\n            this.$EosToast.show({\r\n              type: EosToastType.error,\r\n              msg: this.$t(\"operationFailed\"),\r\n            });\r\n          }\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style>\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PatternPermission.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PatternPermission.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PatternPermission.vue?vue&type=template&id=8de5783e&\"\nimport script from \"./PatternPermission.vue?vue&type=script&lang=js&\"\nexport * from \"./PatternPermission.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCheckbox } from 'vuetify/lib/components/VCheckbox';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCardActions,VCheckbox,VCol,VRow,VSpacer})\n","// Directives\nimport ripple from '../../directives/ripple'\n\n// Types\nimport Vue, { VNode, VNodeData, VNodeDirective } from 'vue'\n\nexport default Vue.extend({\n  name: 'rippleable',\n\n  directives: { ripple },\n\n  props: {\n    ripple: {\n      type: [Boolean, Object],\n      default: true,\n    },\n  },\n\n  methods: {\n    genRipple (data: VNodeData = {}): VNode | null {\n      if (!this.ripple) return null\n\n      data.staticClass = 'v-input--selection-controls__ripple'\n\n      data.directives = data.directives || []\n      data.directives.push({\n        name: 'ripple',\n        value: { center: true },\n      } as VNodeDirective)\n\n      return this.$createElement('div', data)\n    },\n  },\n})\n","// Styles\nimport './VCheckbox.sass'\nimport '../../styles/components/_selection-controls.sass'\n\n// Components\nimport VIcon from '../VIcon'\nimport VInput from '../VInput'\n\n// Mixins\nimport Selectable from '../../mixins/selectable'\n\n/* @vue/component */\nexport default Selectable.extend({\n  name: 'v-checkbox',\n\n  props: {\n    indeterminate: Boolean,\n    indeterminateIcon: {\n      type: String,\n      default: '$checkboxIndeterminate',\n    },\n    offIcon: {\n      type: String,\n      default: '$checkboxOff',\n    },\n    onIcon: {\n      type: String,\n      default: '$checkboxOn',\n    },\n  },\n\n  data () {\n    return {\n      inputIndeterminate: this.indeterminate,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VInput.options.computed.classes.call(this),\n        'v-input--selection-controls': true,\n        'v-input--checkbox': true,\n        'v-input--indeterminate': this.inputIndeterminate,\n      }\n    },\n    computedIcon (): string {\n      if (this.inputIndeterminate) {\n        return this.indeterminateIcon\n      } else if (this.isActive) {\n        return this.onIcon\n      } else {\n        return this.offIcon\n      }\n    },\n    // Do not return undefined if disabled,\n    // according to spec, should still show\n    // a color when disabled and active\n    validationState (): string | undefined {\n      if (this.isDisabled && !this.inputIndeterminate) return undefined\n      if (this.hasError && this.shouldValidate) return 'error'\n      if (this.hasSuccess) return 'success'\n      if (this.hasColor !== null) return this.computedColor\n      return undefined\n    },\n  },\n\n  watch: {\n    indeterminate (val) {\n      // https://github.com/vuetifyjs/vuetify/issues/8270\n      this.$nextTick(() => (this.inputIndeterminate = val))\n    },\n    inputIndeterminate (val) {\n      this.$emit('update:indeterminate', val)\n    },\n    isActive () {\n      if (!this.indeterminate) return\n      this.inputIndeterminate = false\n    },\n  },\n\n  methods: {\n    genCheckbox () {\n      const { title, ...checkboxAttrs } = this.attrs$\n      return this.$createElement('div', {\n        staticClass: 'v-input--selection-controls__input',\n      }, [\n        this.$createElement(VIcon, this.setTextColor(this.validationState, {\n          props: {\n            dense: this.dense,\n            dark: this.dark,\n            light: this.light,\n          },\n        }), this.computedIcon),\n        this.genInput('checkbox', {\n          ...checkboxAttrs,\n          'aria-checked': this.inputIndeterminate\n            ? 'mixed'\n            : this.isActive.toString(),\n        }),\n        this.genRipple(this.setTextColor(this.rippleState)),\n      ])\n    },\n    genDefaultSlot () {\n      return [\n        this.genCheckbox(),\n        this.genLabel(),\n      ]\n    },\n  },\n})\n","// Components\nimport VInput from '../../components/VInput'\n\n// Mixins\nimport Rippleable from '../rippleable'\nimport Comparable from '../comparable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\nexport function prevent (e: Event) {\n  e.preventDefault()\n}\n\n/* @vue/component */\nexport default mixins(\n  VInput,\n  Rippleable,\n  Comparable\n).extend({\n  name: 'selectable',\n\n  model: {\n    prop: 'inputValue',\n    event: 'change',\n  },\n\n  props: {\n    id: String,\n    inputValue: null as any,\n    falseValue: null as any,\n    trueValue: null as any,\n    multiple: {\n      type: Boolean,\n      default: null,\n    },\n    label: String,\n  },\n\n  data () {\n    return {\n      hasColor: this.inputValue,\n      lazyValue: this.inputValue,\n    }\n  },\n\n  computed: {\n    computedColor (): string | undefined {\n      if (!this.isActive) return undefined\n      if (this.color) return this.color\n      if (this.isDark && !this.appIsDark) return 'white'\n      return 'primary'\n    },\n    isMultiple (): boolean {\n      return this.multiple === true || (this.multiple === null && Array.isArray(this.internalValue))\n    },\n    isActive (): boolean {\n      const value = this.value\n      const input = this.internalValue\n\n      if (this.isMultiple) {\n        if (!Array.isArray(input)) return false\n\n        return input.some(item => this.valueComparator(item, value))\n      }\n\n      if (this.trueValue === undefined || this.falseValue === undefined) {\n        return value\n          ? this.valueComparator(value, input)\n          : Boolean(input)\n      }\n\n      return this.valueComparator(input, this.trueValue)\n    },\n    isDirty (): boolean {\n      return this.isActive\n    },\n    rippleState (): string | undefined {\n      return !this.isDisabled && !this.validationState\n        ? undefined\n        : this.validationState\n    },\n  },\n\n  watch: {\n    inputValue (val) {\n      this.lazyValue = val\n      this.hasColor = val\n    },\n  },\n\n  methods: {\n    genLabel () {\n      const label = VInput.options.methods.genLabel.call(this)\n\n      if (!label) return label\n\n      label!.data!.on = {\n        // Label shouldn't cause the input to focus\n        click: prevent,\n      }\n\n      return label\n    },\n    genInput (type: string, attrs: object) {\n      return this.$createElement('input', {\n        attrs: Object.assign({\n          'aria-checked': this.isActive.toString(),\n          disabled: this.isDisabled,\n          id: this.computedId,\n          role: type,\n          type,\n        }, attrs),\n        domProps: {\n          value: this.value,\n          checked: this.isActive,\n        },\n        on: {\n          blur: this.onBlur,\n          change: this.onChange,\n          focus: this.onFocus,\n          keydown: this.onKeydown,\n          click: prevent,\n        },\n        ref: 'input',\n      })\n    },\n    onClick (e: Event) {\n      this.onChange()\n      this.$emit('click', e)\n    },\n    onChange () {\n      if (!this.isInteractive) return\n\n      const value = this.value\n      let input = this.internalValue\n\n      if (this.isMultiple) {\n        if (!Array.isArray(input)) {\n          input = []\n        }\n\n        const length = input.length\n\n        input = input.filter((item: any) => !this.valueComparator(item, value))\n\n        if (input.length === length) {\n          input.push(value)\n        }\n      } else if (this.trueValue !== undefined && this.falseValue !== undefined) {\n        input = this.valueComparator(input, this.trueValue) ? this.falseValue : this.trueValue\n      } else if (value) {\n        input = this.valueComparator(input, value) ? null : value\n      } else {\n        input = !input\n      }\n\n      this.validate(true, input)\n      this.internalValue = input\n      this.hasColor = input\n    },\n    onFocus (e: FocusEvent) {\n      this.isFocused = true\n      this.$emit('focus', e)\n    },\n    onBlur (e: FocusEvent) {\n      this.isFocused = false\n      this.$emit('blur', e)\n    },\n    /** @abstract */\n    onKeydown (e: Event) {},\n  },\n})\n"],"sourceRoot":""}