{"version":3,"sources":["webpack:///../../../src/components/VTooltip/VTooltip.ts","webpack:///./src/views/dashboard/master/Keys.vue?18c0","webpack:///./src/views/dashboard/master/Keys.vue?0c7a","webpack:///src/views/dashboard/master/Keys.vue","webpack:///./src/views/dashboard/master/Keys.vue?a937","webpack:///./src/views/dashboard/master/Keys.vue?90b3"],"names":["name","props","closeDelay","type","Number","default","disabled","fixed","openDelay","openOnHover","tag","transition","String","data","calculatedMinWidth","closeDependents","computed","content","this","unknown","activatorLeft","attach","activator","left","top","right","parseInt","calcXOverflow","dimensions","activatorTop","bottom","calcYOverflow","isActive","maxWidth","minWidth","opacity","zIndex","activeZIndex","methods","requestAnimationFrame","listeners","e","$createElement","computedTransition","setBackgroundColor","staticClass","class","menuable__content__active","activatorFixed","style","attrs","directives","value","isContentActive","ref","h","classes","showLazyContent","render","_vm","_h","_c","_self","loading","_e","scopedSlots","_u","key","fn","_v","_s","username","proxy","staticStyle","model","callback","$$v","search","expression","on","$event","regisDialog","computedHeaders","fido2Keys","item","_g","_b","editFido2Key","deleteFido2Key","getColor","status","getStatus","editDialog","rules","keyName","notEmpty","length","editedFido2Key","$set","keys_status","close","validateForm","formAddKey","regType","showQR","imgqr","handleQRCancel","countDown","staticRenderFns","component","VBtn","VCard","VCardActions","VCardText","VCardTitle","VChip","VCol","VContainer","VDataTable","VDialog","VDivider","VIcon","VImg","VOverlay","VProgressCircular","VRadio","VRadioGroup","VRow","VSelect","VSpacer","VTextField","VTooltip"],"mappings":"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","file":"js/chunk-461e5196.1302fd66.js","sourcesContent":["import './VTooltip.sass'\n\n// Mixins\nimport Activatable from '../../mixins/activatable'\nimport Colorable from '../../mixins/colorable'\nimport Delayable from '../../mixins/delayable'\nimport Dependent from '../../mixins/dependent'\nimport Detachable from '../../mixins/detachable'\nimport Menuable from '../../mixins/menuable'\nimport Toggleable from '../../mixins/toggleable'\n\n// Helpers\nimport { convertToUnit, keyCodes, getSlotType } from '../../util/helpers'\nimport { consoleError } from '../../util/console'\n\n// Types\nimport { VNode } from 'vue'\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(Colorable, Delayable, Dependent, Detachable, Menuable, Toggleable).extend({\n  name: 'v-tooltip',\n\n  props: {\n    closeDelay: {\n      type: [Number, String],\n      default: 0,\n    },\n    disabled: Boolean,\n    fixed: {\n      type: Boolean,\n      default: true,\n    },\n    openDelay: {\n      type: [Number, String],\n      default: 0,\n    },\n    openOnHover: {\n      type: Boolean,\n      default: true,\n    },\n    tag: {\n      type: String,\n      default: 'span',\n    },\n    transition: String,\n  },\n\n  data: () => ({\n    calculatedMinWidth: 0,\n    closeDependents: false,\n  }),\n\n  computed: {\n    calculatedLeft (): string {\n      const { activator, content } = this.dimensions\n      const unknown = !this.bottom && !this.left && !this.top && !this.right\n      const activatorLeft = this.attach !== false ? activator.offsetLeft : activator.left\n      let left = 0\n\n      if (this.top || this.bottom || unknown) {\n        left = (\n          activatorLeft +\n          (activator.width / 2) -\n          (content.width / 2)\n        )\n      } else if (this.left || this.right) {\n        left = (\n          activatorLeft +\n          (this.right ? activator.width : -content.width) +\n          (this.right ? 10 : -10)\n        )\n      }\n\n      if (this.nudgeLeft) left -= parseInt(this.nudgeLeft)\n      if (this.nudgeRight) left += parseInt(this.nudgeRight)\n\n      return `${this.calcXOverflow(left, this.dimensions.content.width)}px`\n    },\n    calculatedTop (): string {\n      const { activator, content } = this.dimensions\n      const activatorTop = this.attach !== false ? activator.offsetTop : activator.top\n      let top = 0\n\n      if (this.top || this.bottom) {\n        top = (\n          activatorTop +\n          (this.bottom ? activator.height : -content.height) +\n          (this.bottom ? 10 : -10)\n        )\n      } else if (this.left || this.right) {\n        top = (\n          activatorTop +\n          (activator.height / 2) -\n          (content.height / 2)\n        )\n      }\n\n      if (this.nudgeTop) top -= parseInt(this.nudgeTop)\n      if (this.nudgeBottom) top += parseInt(this.nudgeBottom)\n\n      return `${this.calcYOverflow(top + this.pageYOffset)}px`\n    },\n    classes (): object {\n      return {\n        'v-tooltip--top': this.top,\n        'v-tooltip--right': this.right,\n        'v-tooltip--bottom': this.bottom,\n        'v-tooltip--left': this.left,\n        'v-tooltip--attached':\n          this.attach === '' ||\n          this.attach === true ||\n          this.attach === 'attach',\n      }\n    },\n    computedTransition (): string {\n      if (this.transition) return this.transition\n\n      return this.isActive ? 'scale-transition' : 'fade-transition'\n    },\n    offsetY (): boolean {\n      return this.top || this.bottom\n    },\n    offsetX (): boolean {\n      return this.left || this.right\n    },\n    styles (): object {\n      return {\n        left: this.calculatedLeft,\n        maxWidth: convertToUnit(this.maxWidth),\n        minWidth: convertToUnit(this.minWidth),\n        opacity: this.isActive ? 0.9 : 0,\n        top: this.calculatedTop,\n        zIndex: this.zIndex || this.activeZIndex,\n      }\n    },\n  },\n\n  beforeMount () {\n    this.$nextTick(() => {\n      this.value && this.callActivate()\n    })\n  },\n\n  mounted () {\n    if (getSlotType(this, 'activator', true) === 'v-slot') {\n      consoleError(`v-tooltip's activator slot must be bound, try '<template #activator=\"data\"><v-btn v-on=\"data.on>'`, this)\n    }\n  },\n\n  methods: {\n    activate () {\n      // Update coordinates and dimensions of menu\n      // and its activator\n      this.updateDimensions()\n      // Start the transition\n      requestAnimationFrame(this.startTransition)\n    },\n    deactivate () {\n      this.runDelay('close')\n    },\n    genActivatorListeners () {\n      const listeners = Activatable.options.methods.genActivatorListeners.call(this)\n\n      listeners.focus = (e: Event) => {\n        this.getActivator(e)\n        this.runDelay('open')\n      }\n      listeners.blur = (e: Event) => {\n        this.getActivator(e)\n        this.runDelay('close')\n      }\n      listeners.keydown = (e: KeyboardEvent) => {\n        if (e.keyCode === keyCodes.esc) {\n          this.getActivator(e)\n          this.runDelay('close')\n        }\n      }\n\n      return listeners\n    },\n    genActivatorAttributes () {\n      return {\n        'aria-haspopup': true,\n        'aria-expanded': String(this.isActive),\n      }\n    },\n    genTransition () {\n      const content = this.genContent()\n\n      if (!this.computedTransition) return content\n\n      return this.$createElement('transition', {\n        props: {\n          name: this.computedTransition,\n        },\n      }, [content])\n    },\n    genContent () {\n      return this.$createElement(\n        'div',\n        this.setBackgroundColor(this.color, {\n          staticClass: 'v-tooltip__content',\n          class: {\n            [this.contentClass]: true,\n            menuable__content__active: this.isActive,\n            'v-tooltip__content--fixed': this.activatorFixed,\n          },\n          style: this.styles,\n          attrs: this.getScopeIdAttrs(),\n          directives: [{\n            name: 'show',\n            value: this.isContentActive,\n          }],\n          ref: 'content',\n        }),\n        this.getContentSlot()\n      )\n    },\n  },\n\n  render (h): VNode {\n    return h(this.tag, {\n      staticClass: 'v-tooltip',\n      class: this.classes,\n    }, [\n      this.showLazyContent(() => [this.genTransition()]),\n      this.genActivator(),\n    ])\n  },\n})\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Keys.vue?vue&type=style&index=0&lang=sass&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{attrs:{\"id\":\"fido2Keys\",\"fluid\":\"\",\"tag\":\"section\"}},[(_vm.loading)?_c('div',{staticClass:\"text-center\"},[_c('v-overlay',{attrs:{\"value\":_vm.loading}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"size\":\"64\"}})],1)],1):_vm._e(),_c('base-material-card',{staticClass:\"px-5 py-3\",attrs:{\"color\":\"indigo\",\"icon\":\"mdi-fingerprint\",\"inline\":\"\",\"hover-reveal\":\"\"},scopedSlots:_vm._u([{key:\"after-heading\",fn:function(){return [_c('div',{staticClass:\"display-2 font-weight-light mt-2\"},[_vm._v(\" FIDO2 Key List of \"+_vm._s(_vm.username)+\" \")])]},proxy:true}])},[_c('v-row',{staticClass:\"align-center\"},[_c('v-spacer'),_c('v-text-field',{staticClass:\"ml-auto\",staticStyle:{\"max-width\":\"250px\",\"margin-bottom\":\"5px\",\"margin-right\":\"12px\"},attrs:{\"append-icon\":\"mdi-magnify\",\"label\":\"Search\",\"hide-details\":\"\"},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}}),_c('v-btn',{staticClass:\"mx-3\",attrs:{\"color\":\"primary\"},on:{\"click\":function($event){_vm.regisDialog = true}}},[_c('v-icon',{attrs:{\"left\":\"\"}},[_vm._v(\" mdi-key-plus \")]),_vm._v(\" New Key \")],1)],1),_c('v-divider',{staticClass:\"mt-3\"}),_c('v-data-table',{attrs:{\"headers\":_vm.computedHeaders,\"items\":_vm.fido2Keys,\"search\":_vm.search,\"sort-by\":['registerDate'],\"multi-sort\":\"\",\"sort-desc\":\"\"},on:{\"update:search\":function($event){_vm.search=$event}},scopedSlots:_vm._u([{key:\"item.actions\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('v-tooltip',{attrs:{\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({staticClass:\"ma-2\",attrs:{\"color\":\"blue\",\"outlined\":\"\",\"fab\":\"\",\"x-small\":\"\"},on:{\"click\":function($event){return _vm.editFido2Key(item)}}},'v-btn',attrs,false),on),[_c('v-icon',[_vm._v(\"mdi-pencil\")])],1)]}}],null,true)},[_c('span',[_vm._v(\"Edit\")])]),_c('v-tooltip',{attrs:{\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({staticClass:\"ma-2\",attrs:{\"outlined\":\"\",\"fab\":\"\",\"x-small\":\"\"},on:{\"click\":function($event){return _vm.deleteFido2Key(item)}}},'v-btn',attrs,false),on),[_c('v-icon',[_vm._v(\"mdi-delete\")])],1)]}}],null,true)},[_c('span',[_vm._v(\"Delete\")])])]}},{key:\"item.status\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('v-chip',{attrs:{\"color\":_vm.getColor(item.status),\"dark\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.getStatus(item.status))+\" \")])]}}])}),[_c('v-dialog',{attrs:{\"max-width\":\"400px\"},model:{value:(_vm.editDialog),callback:function ($$v) {_vm.editDialog=$$v},expression:\"editDialog\"}},[_c('v-card',[_c('v-card-title',[_c('span',{staticClass:\"headline\"},[_vm._v(\"Edit FIDO2 Key\")])]),_c('v-card-text',[_c('v-container',[_c('v-text-field',{attrs:{\"label\":\"Username\",\"prepend-icon\":\"mdi-account\",\"readonly\":\"\",\"filled\":\"\"},model:{value:(_vm.username),callback:function ($$v) {_vm.username=$$v},expression:\"username\"}}),_c('v-text-field',{ref:\"keyName\",attrs:{\"label\":\"Key Name\",\"prepend-icon\":\"mdi-shield-key\",\"rules\":[_vm.rules.keyName.notEmpty, _vm.rules.keyName.length]},model:{value:(_vm.editedFido2Key.keyName),callback:function ($$v) {_vm.$set(_vm.editedFido2Key, \"keyName\", $$v)},expression:\"editedFido2Key.keyName\"}}),_c('v-select',{attrs:{\"prepend-icon\":\"mdi-checkbox-marked-outline\",\"items\":_vm.keys_status,\"label\":\"Choose Key Status\"},model:{value:(_vm.editedFido2Key.status),callback:function ($$v) {_vm.$set(_vm.editedFido2Key, \"status\", $$v)},expression:\"editedFido2Key.status\"}})],1)],1),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"blue darken-1\",\"min-width\":\"100\"},on:{\"click\":_vm.close}},[_vm._v(\" Cancel \")]),_c('v-btn',{attrs:{\"color\":\"blue darken-1\",\"min-width\":\"100\"},on:{\"click\":_vm.validateForm}},[_vm._v(\" Save \")])],1)],1)],1)],[_c('v-dialog',{attrs:{\"max-width\":\"400px\"},model:{value:(_vm.regisDialog),callback:function ($$v) {_vm.regisDialog=$$v},expression:\"regisDialog\"}},[_c('v-card',[_c('v-card-title',[_c('span',{staticClass:\"headline\"},[_vm._v(\"Register FIDO2 Key\")])]),_c('v-card-text',[_c('v-container',[_c('v-text-field',{attrs:{\"label\":\"Username\",\"prepend-icon\":\"mdi-account\",\"readonly\":\"\",\"filled\":\"\"},model:{value:(_vm.username),callback:function ($$v) {_vm.username=$$v},expression:\"username\"}}),_c('v-text-field',{ref:\"keyName\",attrs:{\"label\":\"Enter Key Name\",\"prepend-icon\":\"mdi-shield-key\",\"rules\":[_vm.rules.keyName.notEmpty, _vm.rules.keyName.length],\"counter\":30,\"clearable\":\"\"},model:{value:(_vm.formAddKey.keyName),callback:function ($$v) {_vm.$set(_vm.formAddKey, \"keyName\", $$v)},expression:\"formAddKey.keyName\"}}),_c('v-radio-group',{staticClass:\"ml-4 mt-0\",attrs:{\"row\":\"\",\"mandatory\":false},model:{value:(_vm.regType),callback:function ($$v) {_vm.regType=$$v},expression:\"regType\"}},[_c('v-radio',{attrs:{\"label\":\"FIDO2 Key register\",\"value\":\"FIDO2\"}}),_c('v-radio',{attrs:{\"label\":\"QR register\",\"value\":\"QRCode\"}})],1)],1)],1),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"blue darken-1\",\"min-width\":\"100\"},on:{\"click\":_vm.close}},[_vm._v(\" Cancel \")]),_c('v-btn',{attrs:{\"color\":\"blue darken-1\",\"min-width\":\"100\"},on:{\"click\":_vm.validateForm}},[_vm._v(\" Register \")])],1)],1)],1),_c('v-dialog',{attrs:{\"persistent\":\"\",\"max-width\":\"350px\"},model:{value:(_vm.showQR),callback:function ($$v) {_vm.showQR=$$v},expression:\"showQR\"}},[_c('v-card',[_c('v-card-text',[_c('div',{staticClass:\"text-h3 subtitle-1 font-weight-light text-center\"},[_vm._v(\" Scan the QR code \")]),_c('v-img',{attrs:{\"src\":_vm.imgqr}}),_c('v-row',{staticClass:\"text-center\"},[_c('v-col',{attrs:{\"md\":\"4\",\"sm\":\"4\",\"lg\":\"4\"}}),_c('v-col',{attrs:{\"md\":\"4\",\"sm\":\"4\",\"lg\":\"4\"}},[_c('v-btn',{attrs:{\"width\":\"100%\",\"color\":\"success\"},on:{\"click\":_vm.handleQRCancel}},[_vm._v(\" Cancel \"+_vm._s(_vm.countDown)+\" \")])],1),_c('v-col',{attrs:{\"md\":\"4\",\"sm\":\"4\",\"lg\":\"4\"}})],1)],1)],1)],1)]],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container\n    id=\"fido2Keys\"\n    fluid\n    tag=\"section\"\n  >\n    <div\n      v-if=\"loading\"\n      class=\"text-center\"\n    >\n      <v-overlay :value=\"loading\">\n        <v-progress-circular\n          indeterminate\n          size=\"64\"\n        />\n      </v-overlay>\n    </div>\n    <base-material-card\n      color=\"indigo\"\n      icon=\"mdi-fingerprint\"\n      inline\n      class=\"px-5 py-3\"\n      hover-reveal\n    >\n      <template v-slot:after-heading>\n        <div class=\"display-2 font-weight-light mt-2\">\n          FIDO2 Key List of {{ username }}\n        </div>\n      </template>\n\n      <v-row class=\"align-center\">\n        <v-spacer />\n\n        <v-text-field\n          v-model=\"search\"\n          append-icon=\"mdi-magnify\"\n          class=\"ml-auto\"\n          label=\"Search\"\n          hide-details\n          style=\"max-width: 250px; margin-bottom: 5px; margin-right: 12px\"\n        />\n\n        <v-btn\n          color=\"primary\"\n          class=\"mx-3\"\n          @click=\"regisDialog = true\"\n        >\n          <v-icon left>\n            mdi-key-plus\n          </v-icon>\n          New Key\n        </v-btn>\n      </v-row>\n\n      <v-divider class=\"mt-3\" />\n\n      <v-data-table\n        :headers=\"computedHeaders\"\n        :items=\"fido2Keys\"\n        :search.sync=\"search\"\n        :sort-by=\"['registerDate']\"\n        multi-sort\n        sort-desc\n      >\n        <template v-slot:item.actions=\"{ item }\">\n          <v-tooltip bottom>\n            <template v-slot:activator=\"{on, attrs}\">\n              <v-btn\n                color=\"blue\"\n                class=\"ma-2\"\n                outlined\n                fab\n                x-small\n                v-bind=\"attrs\"\n                v-on=\"on\"\n                @click=\"editFido2Key(item)\"\n              >\n                <v-icon>mdi-pencil</v-icon>\n              </v-btn>\n            </template>\n            <span>Edit</span>\n          </v-tooltip>\n\n          <v-tooltip bottom>\n            <template v-slot:activator=\"{on, attrs}\">\n              <v-btn\n                class=\"ma-2\"\n                outlined\n                fab\n                x-small\n                v-bind=\"attrs\"\n                v-on=\"on\"\n                @click=\"deleteFido2Key(item)\"\n              >\n                <v-icon>mdi-delete</v-icon>\n              </v-btn>\n            </template>\n            <span>Delete</span>\n          </v-tooltip>\n        </template>\n\n        <template v-slot:item.status=\"{ item }\">\n          <v-chip\n            :color=\"getColor(item.status)\"\n            dark\n          >\n            {{ getStatus(item.status) }}\n          </v-chip>\n        </template>\n      </v-data-table>\n\n      <!-- Edit Form -->\n      <template>\n        <v-dialog\n          v-model=\"editDialog\"\n          max-width=\"400px\"\n        >\n          <v-card>\n            <v-card-title>\n              <span class=\"headline\">Edit FIDO2 Key</span>\n            </v-card-title>\n\n            <v-card-text>\n              <v-container>\n                <v-text-field\n                  v-model=\"username\"\n                  label=\"Username\"\n                  prepend-icon=\"mdi-account\"\n                  readonly\n                  filled\n                />\n\n                <v-text-field\n                  ref=\"keyName\"\n                  v-model=\"editedFido2Key.keyName\"\n                  label=\"Key Name\"\n                  prepend-icon=\"mdi-shield-key\"\n                  :rules=\"[rules.keyName.notEmpty, rules.keyName.length]\"\n                />\n\n                <v-select\n                  v-model=\"editedFido2Key.status\"\n                  prepend-icon=\"mdi-checkbox-marked-outline\"\n                  :items=\"keys_status\"\n                  label=\"Choose Key Status\"\n                />\n              </v-container>\n            </v-card-text>\n            <v-card-actions>\n              <v-spacer />\n              <v-btn\n                color=\"blue darken-1\"\n                min-width=\"100\"\n                @click=\"close\"\n              >\n                Cancel\n              </v-btn>\n              <v-btn\n                color=\"blue darken-1\"\n                min-width=\"100\"\n                @click=\"validateForm\"\n              >\n                Save\n              </v-btn>\n            </v-card-actions>\n          </v-card>\n        </v-dialog>\n      </template>\n\n      <!-- Register Form -->\n      <template>\n        <v-dialog\n          v-model=\"regisDialog\"\n          max-width=\"400px\"\n        >\n          <v-card>\n            <v-card-title>\n              <span class=\"headline\">Register FIDO2 Key</span>\n            </v-card-title>\n\n            <v-card-text>\n              <v-container>\n                <v-text-field\n                  v-model=\"username\"\n                  label=\"Username\"\n                  prepend-icon=\"mdi-account\"\n                  readonly\n                  filled\n                />\n\n                <v-text-field\n                  ref=\"keyName\"\n                  v-model=\"formAddKey.keyName\"\n                  label=\"Enter Key Name\"\n                  prepend-icon=\"mdi-shield-key\"\n                  :rules=\"[rules.keyName.notEmpty, rules.keyName.length]\"\n                  :counter=\"30\"\n                  clearable\n                />\n\n                <v-radio-group\n                  v-model=\"regType\"\n                  row\n                  class=\"ml-4 mt-0\"\n                  :mandatory=\"false\"\n                >\n                  <v-radio\n                    label=\"FIDO2 Key register\"\n                    value=\"FIDO2\"\n                  />\n                  <v-radio\n                    label=\"QR register\"\n                    value=\"QRCode\"\n                  />\n                </v-radio-group>\n              </v-container>\n            </v-card-text>\n            <v-card-actions>\n              <v-spacer />\n              <v-btn\n                color=\"blue darken-1\"\n                min-width=\"100\"\n                @click=\"close\"\n              >\n                Cancel\n              </v-btn>\n              <v-btn\n                color=\"blue darken-1\"\n                min-width=\"100\"\n                @click=\"validateForm\"\n              >\n                Register\n              </v-btn>\n            </v-card-actions>\n          </v-card>\n        </v-dialog>\n\n        <v-dialog\n          v-model=\"showQR\"\n          persistent\n          max-width=\"350px\"\n        >\n          <v-card>\n            <v-card-text>\n              <div class=\"text-h3 subtitle-1 font-weight-light text-center\">\n                Scan the QR code\n              </div>\n\n              <v-img :src=\"imgqr\" />\n\n              <v-row class=\"text-center\">\n                <v-col\n                  md=\"4\"\n                  sm=\"4\"\n                  lg=\"4\"\n                />\n                <v-col\n                  md=\"4\"\n                  sm=\"4\"\n                  lg=\"4\"\n                >\n                  <v-btn\n                    width=\"100%\"\n                    color=\"success\"\n                    @click=\"handleQRCancel\"\n                  >\n                    Cancel {{ countDown }}\n                  </v-btn>\n                </v-col>\n                <v-col\n                  md=\"4\"\n                  sm=\"4\"\n                  lg=\"4\"\n                />\n              </v-row>\n            </v-card-text>\n          </v-card>\n        </v-dialog>\n      </template>\n    </base-material-card>\n  </v-container>\n</template>\n\n<script>\n  import axios from 'axios'\n  import {\n    preformatMakeCredReq,\n    publicKeyCredentialToJSON,\n  } from '../../../utils/helpers'\n  import LocalStorageService from '../../../utils/auth'\n  const localStorageService = LocalStorageService.getService()\n  let msgServer\n\n  export default {\n    name: 'DashboardExtendedTables',\n    data: () => ({\n      loading: false,\n      username: '',\n      requestError: false,\n      requestErrorMessage: '',\n      urls: {\n        load: '/v1/api/keys',\n        post: '/v1/api/keys',\n        put: '/v1/api/keys/update',\n        delete: '/v1/api/keys/delete',\n        fido2Attestation: '/v1/users/add/attestation/result',\n        QRsse: '/v1/register/events',\n      },\n\n      // table\n      fido2Keys: [],\n      headers: [\n        { text: 'ID', value: 'keyID', sortable: false, filterable: false },\n        { text: 'Key Name', value: 'keyName' },\n        { text: 'Register At', value: 'registerDate' },\n        { text: 'Status', value: 'status' },\n        { text: 'Actions', value: 'actions', sortable: false },\n      ],\n      keys_status: [\n        { text: 'InActive', value: false },\n        { text: 'Active', value: true },\n      ],\n      statuses: ['Active', 'InActive'],\n      search: undefined,\n\n      // Add key\n      regisDialog: false,\n      regType: 'FIDO2',\n      imgqr: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIAQMAAACXljzdAAAABlBMVEX///8AAABVwtN+AAAD10lEQVR4nOzYPY4sJxcG4JevPokM7MxByeVlENhiS1Whk67qDUxv6QRXYhtl1QYgI0C8Fv3jO3fslu4wE16ibj39Q8PhnEPjx/j0ocnAwAsZsNI4bl6RsVegAtyUxAZuWpFVK8HcK1MSCman5LgwYnjxKpQPSIAfZw8/2hzdqMIHpbp9zdBMwXiePyRQoWI3LgUsQYVhc69W591CBuOOF5fCuNwffd2590obicfmqsfJA+OsX8XPu2U4i81DRdWkJOEG+CP2ylF9dSO08cc5MBR44Lqinyu6WFa3w6sWo9WPpzaX2CkY4Y0vxkUPo40vKhg99IrGmqMfLjSaifC7Fct97hSwwnJfg9EFsFJsNh7dMiVWvZ88hZszfl/E8tg6RZdZpzwuAXq60EpZA9xtDXpkXIU8LjR+Stn40dLgA2JgNIymDC8arsywYdh6hecQcbz46MoabICVqse5V8aTgx/hkwwbUsbJqYxeAVZaYmFLjNej0gIInaIZffUwrrr95JKMgLnvz0Ou7//5uwTHWWwYWO7F7Zq072f7U2WcXQRjm8EqE6czLW8Z6asMFU/E5m9EwwrD1DZ+ilCE8ffz80r8/kxW+UbA9hlTKgAFP+nhnB/57ZVs/y2/vRVNspUE+UVxa685C3mP0buYp6L/JWXWFeP6ZTgTMDheEPW3ov56Jngr2JeQMmzB0mbtRoMU3sifT+WPN6IZdXRD/D+ma4EZgagLOgXjSuCI7iq/ArMmb/vzkP89FcU30uqGCkPKaGLluvmPWd9lfSrTW8HClMv8O2zbn3wkVnePqodo4omot1JmRLSuBidgEqzB/JN7H4LvlzWrMC5fHmdO5UeP1CGYXnwK+3L7HjgmMW7/sFjuxr8WXVSI7qAYHGdW1yrg4/d0CFvTSkrVbUmxr1TsFpS2uBOZ8m5JljUw32K0R1h11EeTqerqmaTec2+PXEOAFUqGFFKYzpLC7Sz0yHhq5eoSEodL642XwFYc+kRP56w4bS76smbjypJtvvfxPbLBtNuIZeuNw0R51PoeGZdscFwE7oiO5Kat3GpJh+CoUBxP7fmFSVo3KPvcKXq0Icm1CkyU6w1FhX5hdIm7ATm0grkvweCR394tgBKVyyotqEVlUnjvez9ZoGtrFlvelKqLYrz38R3Sbj1GH+3KOK5MYTc6hVuM9giUWBk2D42TgyurRH3rr3tkShL9cP1DICJqGEd+RIKSAk8ZVbvH28BwW4M+Eeh9ydFh9krKKtXvc69ASeLAbDAuUtEO+L2H7ZG2Px7QNuwnRznOQnl0T++WH6Nn/B0AAP//7hw3VCp2XD0AAAAASUVORK5CYII=',\n      countDown: 40,\n      showQR: false,\n      formAddKey: {\n        keyID: -1,\n        username: '',\n        keyName: '',\n        registerDate: '',\n        status: false,\n      },\n\n      // Edit key\n      editDialog: false,\n      editedIndex: -1,\n      editedId: -1,\n      editedFido2Key: {\n        keyID: -1,\n        username: '',\n        keyName: '',\n        registerDate: '',\n        status: false,\n      },\n      defaultFido2Key: {\n        username: '',\n        keyName: '',\n        registerDate: '',\n        status: false,\n      },\n      rules: {\n        keyName: {\n          notEmpty: v => !!v || 'Required',\n          length: v => v.length <= 30 || 'Max length is 30',\n        },\n      },\n\n    }),\n\n    computed: {\n      computedHeaders () {\n        return this.headers.filter(header => header.text !== 'ID')\n      },\n    },\n\n    watch: {\n      regisDialog (newState) {\n        // console.log('regisDialog')\n        /*        if (newState) {\n          this.formAddKey = {}\n        } */\n        this.formAddKey.keyName = (this.username + '_' + this.rndStr(9)).toUpperCase()\n      },\n\n      regType: function (n, o) {\n        // console.log('regType', n, o)\n        if (n === 'QRCode') {\n          this.formAddKey.keyName = (this.username + '_' + 'QR' + '_' + this.rndStr(6)).toUpperCase()\n        } else {\n          this.formAddKey.keyName = (this.username + '_' + this.rndStr(9)).toUpperCase()\n        }\n      },\n\n      countDown: function (n, o) {\n        // console.log('countDown')\n        if (n <= 0) {\n          this.showQR = false\n          this.countDown = 0\n          this.regisDialog = false\n        }\n      },\n    },\n\n    created () {\n      this.username = this.$store.getters.master\n      this.loadItems()\n    },\n\n    beforeDestroy () {\n      // console.log('beforeDestroy')\n      // Make sure to close the connection with the events server\n      // when the component is destroyed, or we'll have ghost connections!\n      if (msgServer !== undefined) { msgServer.close() }\n    },\n\n    methods: {\n      /* _____________________Table Data_______________________ */\n      /* ______________________________________________________ */\n      async loadItems () {\n        // console.log('loadItems')\n        this.loading = true\n        await axios.get(this.urls.load)\n          .then((response) => {\n            // console.log(response)\n            if (response !== undefined) { this.fido2Keys = response.data.data }\n          }).catch(e => {\n            this.handleErrors(e)\n          }).finally(() => (this.loading = false)) // set loading to false when request finish\n      },\n\n      /* __________________________Dialog______________________ */\n      /* ______________________________________________________ */\n      validateForm () {\n        // console.log('validateForm', this.$refs.keyName.validate())\n        if (!this.$refs.keyName.validate()) {\n          this.$refs.keyName.validate(true)\n          return\n        }\n        if (this.regisDialog) {\n          this.keyRegister(this.formAddKey)\n          this.regisDialog = false\n        } else if (this.editDialog) {\n          this.edit_save(this.editedFido2Key)\n          this.editDialog = false\n        }\n      },\n\n      /* ________________________Add New_______________________ */\n      /* ______________________________________________________ */\n      async keyRegister (item) {\n        // console.log('keyRegister')\n        const data = {\n          // username: item.username,\n          keyName: item.keyName,\n          regType: this.regType,\n        }\n        await axios.post(this.urls.post, data).then(response => {\n          // console.log(response)\n          if (this.regType === 'FIDO2') {\n            this.handleFido2RegisterResponse(response)\n          } else {\n            this.handleQRRegisterResponse(response)\n          }\n        }).catch(e => {\n          this.handleErrors(e)\n        }).finally(() => (this.loading = false)) // set loading to false when request finish\n      },\n\n      handleFido2RegisterResponse (response) {\n        // console.log(' type FIDO2')\n        const makeCredChallenge = preformatMakeCredReq(response.data)\n        navigator.credentials.create({ publicKey: makeCredChallenge })\n          .then((response) => {\n            const newCredentialInfo = publicKeyCredentialToJSON(response)\n            return axios.post(this.urls.fido2Attestation,\n                              newCredentialInfo)\n          }).then(response => {\n            // console.log(response)\n\n            if (response.data.success) {\n              this.show_message('success', 'Register key success!')\n              var newKey = response.data.data\n              newKey.registerDate = new Date().toISOString().substr(0, 19) + 'Z'\n              // console.log('newKey created at', newKey.registerDate, newKey)\n              this.fido2Keys.push(newKey)\n            }\n          }).catch(e => {\n            // console.log('123456', e)\n            this.handleErrors(e)\n          }).finally(() => (this.loading = false))\n      },\n\n      handleQRRegisterResponse (response) {\n        // console.log(' type QR')\n        this.imgqr = 'data:image/png;base64,' + response.data.data.img\n        this.regToken = response.data.data.token\n        this.showQR = true\n        this.countDown = 40\n        this.countDownTimer()\n        localStorageService.setChannel(this.regToken)\n        this.$sse(`${this.urls.QRsse}/${this.regToken}`, { format: 'json' })\n          .then(sse => {\n            // console.log(sse.getSource())\n            msgServer = sse\n            sse.onError(e => {\n              // console.error('Connection lost', e)\n            })\n\n            sse.getSource().onmessage = function (event) {\n              // console.log('Message on channel-1: ' + event.data)\n            }\n\n            // console.log(sse)\n\n            // Listen for messages without a specified event\n            sse.subscribe('', (data, rawEvent) => {\n              // console.warn('Received a message w/o an event!', data)\n            })\n\n            // Listen for messages based on their event (in this case, \"chat\")\n            sse.subscribe('register', (message, rawEvent) => {\n              // console.log(message)\n              this.show_message('success', message.keyName + ' register success. Please check email to activate user!')\n              this.countDown = 0\n              sse.unsubscribe('register')\n              localStorageService.clearChannel()\n              var newKey = message\n              newKey.registerDate = new Date().toISOString().substr(0, 19) + 'Z'\n              // console.log('newKey created at', newKey.registerDate, newKey)\n              this.fido2Keys.push(newKey)\n              sse.close()\n            })\n\n            // Unsubscribes from event-less messages after 7 seconds\n            setTimeout(() => {\n              sse.unsubscribe('')\n\n              // console.log('Stopped listening to event-less messages!')\n            }, 7000)\n\n            // Unsubscribes from chat messages after 7 seconds\n            setTimeout(() => {\n              sse.unsubscribe('register')\n\n              // console.log('Stopped listening to register messages!')\n              sse.close()\n              localStorageService.clearChannel()\n            }, 40000)\n          }).catch(e => {\n            this.handleErrors('QR service not available!')\n          })\n        // storing jwt in localStorage. https cookie is safer place to store\n        // localStorage.setItem('token', token)\n        // localStorage.setItem('user', user)\n        // axios.defaults.headers.common.Authorization = 'Bearer ' + token\n        // mutation to change state properties to the values passed along\n        // commit('auth_success', { token, user })\n        // resolve(response)\n      },\n\n      async handleQRCancel () {\n        // console.log('handleQRCancel')\n        this.countDown = 0\n        const channel = localStorageService.getChannel()\n        if (channel) {\n          await axios.get(`${this.urls.QRsse}/${channel}/canceladd`)\n            .then(sse => {\n              // console.log(sse)\n              msgServer.close()\n              localStorageService.clearChannel()\n            }).catch(() => {\n              this.show_message('error', 'No channel to cancel')\n            })\n        }\n      },\n\n      /* __________________________Edit________________________ */\n      /* ______________________________________________________ */\n      editFido2Key (item) {\n        // console.log('editFido2Key')\n        this.editedIndex = this.fido2Keys.indexOf(item)\n        this.editedId = item.id\n        this.editedFido2Key = Object.assign({}, item)\n        this.editDialog = true\n      },\n\n      async edit_save (item) {\n        // console.log('edit_save')\n        const data = item\n        data.username = this.username\n        const url = `${this.urls.put}/${item.keyID}`\n        this.loading = true // the loading begin\n        await axios.put(url, data)\n          .then((response) => {\n            // console.log('editedIndex', this.editedIndex)\n            // console.log('editSave data', response.data.data)\n            Object.assign(this.fido2Keys[this.editedIndex], response.data)\n            this.editDialog = false\n            this.editedApp = {}\n\n            this.$swal.fire({\n              titleText: `Key ${response.data.keyName} has been updated`,\n              icon: 'success',\n              showCancelButton: false,\n            })\n          }).catch(e => {\n            // console.log('editSave error', e)\n            this.handleErrors(e)\n          }).finally(() => (this.loading = false)) // set loading to false when request finish\n      },\n\n      /* _________________________Delete_______________________ */\n      /* ______________________________________________________ */\n      async deleteFido2Key (item) {\n        this.$swal.fire({\n          titleText: `Are you sure to delete ${item.keyName}?`,\n          text: \"You won't be able to revert this!\",\n          icon: 'warning',\n          showCancelButton: true,\n          confirmButtonColor: '#3085d6',\n          cancelButtonColor: '#d33',\n          confirmButtonText: 'Yes, delete it!',\n        }).then((result) => {\n          if (result.value) {\n            this.delete_agree(item)\n            // this.delete_dialog = true\n          }\n        })\n      },\n\n      async delete_agree (item) {\n        // console.log('delete_agree')\n        this.loading = true\n        const index = this.fido2Keys.indexOf(item)\n        await axios.delete(`${this.urls.delete}/${item.keyID}`)\n          .then(response => {\n            if (response.data.success) {\n              this.fido2Keys.splice(index, 1)\n              this.$swal.fire({\n                titleText: `Key ${item.keyName} has been deleted`,\n                icon: 'success',\n                showCancelButton: false,\n              })\n              // this.show_message('success', 'Delete success!')\n            }\n          }).catch(e => {\n            this.handleErrors(e)\n          }).finally(() => (this.loading = false)) // set loading to false when request finish\n      },\n\n      /* _____________________Helper stuff_____________________ */\n      /* ______________________________________________________ */\n      close () {\n        // console.log('close')\n        this.editDialog = false\n        this.regisDialog = false\n        this.$nextTick(() => {\n          this.editedFido2Key = Object.assign({}, this.defaultFido2Key)\n          this.editedIndex = -1\n          this.editedId = -1\n        })\n      },\n\n      countDownTimer () {\n        // console.log('countDownTimer')\n        if (this.countDown > 0) {\n          setTimeout(() => {\n            this.countDown -= 1\n            this.countDownTimer()\n          }, 1000)\n        }\n      },\n\n      rndStr (len) {\n        // console.log('rndStr')\n        let text = ''\n        const chars = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'\n\n        for (let i = 0; i < len; i++) {\n          text += chars.charAt(Math.floor(Math.random() * chars.length))\n        }\n\n        const rightNow = new Date()\n        text = rightNow.toISOString().slice(0, 10).replace(/-/g, '') + '_' + text\n        return text\n      },\n\n      getColor (status) {\n        if (status === true) {\n          return 'green'\n        } else { return 'gray' }\n      },\n\n      getStatus (status) {\n        if (status === false) {\n          return 'InActive'\n        } else if (status === true) {\n          return 'Active'\n        } else { return 'Undefined' }\n      },\n\n      handleErrors (e, api = '') {\n        if (e.response === undefined) {\n          this.show_message('error', e.toString())\n        } else if (!e.response.data.success) {\n          if (e.response.data.errorMessage) {\n            this.show_message('error', e.response.data.errorMessage)\n          } else if (e.response.data.validations) {\n            this.show_message('error', e.response.data.validations[0].message)\n          } else {\n            this.show_message('error', e.response.data.message)\n          }\n        } else {\n          this.show_message('error', `${api} api service not available!`)\n        }\n      },\n\n      show_message (type, text) {\n        // type = 'success', 'info', 'error' ... color string\n        this.$swal.fire({\n          icon: type,\n          titleText: type,\n          text: text,\n          timer: 5000,\n        })\n      },\n    },\n  }\n</script>\n\n<style lang=\"sass\">\n#fido2Keys\n  .v-data-table>.v-data-table__wrapper>table>tbody>tr>th, .v-data-table>.v-data-table__wrapper>table>tfoot>tr>th, .v-data-table>.v-data-table__wrapper>table>thead>tr>th\n    font-size: .85rem !important\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!./Keys.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!./Keys.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Keys.vue?vue&type=template&id=aefa181c&\"\nimport script from \"./Keys.vue?vue&type=script&lang=js&\"\nexport * from \"./Keys.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Keys.vue?vue&type=style&index=0&lang=sass&\"\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 { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VOverlay } from 'vuetify/lib/components/VOverlay';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\nimport { VRadio } from 'vuetify/lib/components/VRadioGroup';\nimport { VRadioGroup } from 'vuetify/lib/components/VRadioGroup';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSelect } from 'vuetify/lib/components/VSelect';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\nimport { VTooltip } from 'vuetify/lib/components/VTooltip';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VCardTitle,VChip,VCol,VContainer,VDataTable,VDialog,VDivider,VIcon,VImg,VOverlay,VProgressCircular,VRadio,VRadioGroup,VRow,VSelect,VSpacer,VTextField,VTooltip})\n"],"sourceRoot":""}