{"version":3,"sources":["webpack:///./src/components/ApiKeysList.vue?2286","webpack:///src/components/ApiKeysList.vue","webpack:///./src/components/ApiKeysList.vue?6976","webpack:///./src/components/ApiKeysList.vue?cc63","webpack:///./src/components/modals/EditScopes.vue?447d","webpack:///./src/components/modals/EditScopes.vue?9fcc","webpack:///src/components/modals/EditScopes.vue","webpack:///./src/components/modals/EditScopes.vue?8b31","webpack:///./src/components/modals/EditScopes.vue?1804","webpack:///./src/components/ApiKeysList.vue?4994"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","click","$event","onToggleSort","_v","_s","$t","sortKey","directives","name","rawName","value","expression","descending","_e","apiKeys","_l","apiKey","key","id","attrs","tooltip","tooltip-placement","onRename","_m","tooltipCopyText","mouseout","copyToClipboard","scopeInfo","scopes","onEdit","onDelete","length","staticRenderFns","ApiKeysListvue_type_script_lang_js_","data","scopeUniqueName","succes","props","methods","uniqueName","appHelper","_this","$modal","show","RenameModal","title","inputName","primaryButton","existingName","onSave","$store","dispatch","then","showNotice","width","height","_this2","scopeName","scope","push","EditScopes","s","_objectSpread","prettyName","currentScopes","checkedNames","adaptive","_this3","setTimeout","bind","computed","sortedKeys","_this4","orderBy_default","toString","toLowerCase","components_ApiKeysListvue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_EditScopes_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_EditScopes_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n","submit","onCreate","type","addAll","clearScopes","lightLabel","label","change","addScope","model","callback","$$v","loading","$emit","EditScopesvue_type_script_lang_js_","inputPlaceholder","checked","valid","onSubmit","evt","forEach","components","Checkbox","modals_EditScopesvue_type_script_lang_js_","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ApiKeysList_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ApiKeysList_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default"],"mappings":"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","file":"js/lazy-view-components-ApiKeysList.240ee191.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"api-key-list\"},[_c('div',{staticClass:\"headings\"},[_c('div',{staticClass:\"main-headings\"},[_c('div',{staticClass:\"heading heading-key\",on:{\"click\":function($event){return _vm.onToggleSort('name')}}},[_c('h3',[_vm._v(_vm._s(_vm.$t(\"api-list.top-key\")))]),(_vm.sortKey === 'name')?_c('div',[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.descending),expression:\"descending\"}]},[_c('i',{staticClass:\"fa-light fa-caret-down\"})]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.descending),expression:\"!descending\"}]},[_c('i',{staticClass:\"fa-light fa-caret-up\"})])]):_vm._e()]),_c('div',{staticClass:\"heading heading-scopes\",on:{\"click\":function($event){return _vm.onToggleSort('scopes')}}},[_c('h3',[_vm._v(_vm._s(_vm.$t(\"api-list.top-scopes\")))]),(_vm.sortKey === 'scopes')?_c('div',[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.descending),expression:\"descending\"}]},[_c('i',{staticClass:\"fa-light fa-caret-down\"})]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.descending),expression:\"!descending\"}]},[_c('i',{staticClass:\"fa-light fa-caret-up\"})])]):_vm._e()])]),_c('div',{staticClass:\"heading heading-actions\"})]),(_vm.apiKeys.length)?_c('ul',{staticClass:\"list-wrapper custom-scrollbar-light\"},_vm._l((_vm.sortedKeys),function(apiKey){return _c('li',{key:apiKey.id,staticClass:\"api\",attrs:{\"id\":apiKey.name}},[_c('div',{staticClass:\"content-wrapper\"},[_c('div',{staticClass:\"main-info\"},[_c('p',{staticClass:\"name\"},[_vm._v(\"\\n            \"+_vm._s(apiKey.name)+\"\\n\\n            \"),_c('button',{staticClass:\"btn btn-xs rename\",attrs:{\"tooltip\":_vm.$t('api-list.rename'),\"tooltip-placement\":\"bottom\"},on:{\"click\":function($event){return _vm.onRename(apiKey)}}},[_vm._m(0,true)])]),_c('p',{staticClass:\"text-small text-muted\"},[_c('span',[_vm._v(\"\\n              \"+_vm._s(apiKey.key)+\"\\n            \")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(apiKey.newApiKey),expression:\"apiKey.newApiKey\"}],staticClass:\"copy-to-clipboard\",attrs:{\"tooltip\":_vm.tooltipCopyText,\"tooltip-placement\":\"right\"},on:{\"mouseout\":function($event){_vm.tooltipCopyText = _vm.$t('copy-to-clipboard')},\"click\":function($event){return _vm.copyToClipboard(apiKey.key)}}},[_c('i',{staticClass:\"fa-light fa-clipboard\"})])])]),_c('div',{staticClass:\"scopes-info text-muted text-small\"},[_c('p',[_vm._v(_vm._s(_vm.scopeInfo(apiKey.scopes)))])])]),_c('div',{staticClass:\"actions\"},[_c('button',{staticClass:\"btn-rounded-tertiary\",on:{\"click\":function($event){return _vm.onEdit(apiKey)}}},[_vm._m(1,true),_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"api-list.scopes\"))+\"\\n        \")]),_c('button',{staticClass:\"btn\",on:{\"click\":function($event){return _vm.onDelete(apiKey)}}},[_vm._m(2,true)])])])}),0):_c('div',{staticClass:\"no-content text-muted\"},[_vm._v(\"\\n    No api keys yet\\n  \")]),_c('div',{staticClass:\"list-footer\"},[_c('span',{staticClass:\"text-small text-muted\"},[_vm._v(_vm._s(_vm.$t(\"api-key.api-key-count\"))+\": \"+_vm._s(_vm.apiKeys.length))])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',[_c('i',{staticClass:\"fa-light fa-pen\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',[_c('i',{staticClass:\"fa-light fa-pen\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',[_c('i',{staticClass:\"fa-light fa-trash\"})])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"api-key-list\">\n    <div class=\"headings\">\n      <div class=\"main-headings\">\n        <div class=\"heading heading-key\" @click=\"onToggleSort('name')\">\n          <h3>{{ $t(\"api-list.top-key\") }}</h3>\n          <div v-if=\"sortKey === 'name'\">\n            <span v-show=\"descending\">\n              <i class=\"fa-light fa-caret-down\"></i>\n            </span>\n            <span v-show=\"!descending\">\n              <i class=\"fa-light fa-caret-up\"></i>\n            </span>\n          </div>\n        </div>\n        <div class=\"heading heading-scopes\" @click=\"onToggleSort('scopes')\">\n          <h3>{{ $t(\"api-list.top-scopes\") }}</h3>\n          <div v-if=\"sortKey === 'scopes'\">\n            <span v-show=\"descending\">\n              <i class=\"fa-light fa-caret-down\"></i>\n            </span>\n            <span v-show=\"!descending\">\n              <i class=\"fa-light fa-caret-up\"></i>\n            </span>\n          </div>\n        </div>\n      </div>\n      <div class=\"heading heading-actions\"></div>\n    </div>\n\n    <ul class=\"list-wrapper custom-scrollbar-light\" v-if=\"apiKeys.length\">\n      <li v-for=\"apiKey in sortedKeys\" :key=\"apiKey.id\" class=\"api\" :id=\"apiKey.name\">\n        <div class=\"content-wrapper\">\n          <div class=\"main-info\">\n            <p class=\"name\">\n              {{ apiKey.name }}\n\n              <button\n                class=\"btn btn-xs rename\"\n                @click=\"onRename(apiKey)\"\n                :tooltip=\"$t('api-list.rename')\"\n                tooltip-placement=\"bottom\"\n              >\n                <span>\n                  <i class=\"fa-light fa-pen\"></i>\n                </span>\n              </button>\n            </p>\n            <p class=\"text-small text-muted\">\n              <span>\n                {{ apiKey.key }}\n              </span>\n              <span\n                v-show=\"apiKey.newApiKey\"\n                class=\"copy-to-clipboard\"\n                :tooltip=\"tooltipCopyText\"\n                tooltip-placement=\"right\"\n                @mouseout=\"tooltipCopyText = $t('copy-to-clipboard')\"\n                @click=\"copyToClipboard(apiKey.key)\"\n              >\n                <i class=\"fa-light fa-clipboard\"></i>\n              </span>\n            </p>\n          </div>\n\n          <div class=\"scopes-info text-muted text-small\">\n            <p>{{ scopeInfo(apiKey.scopes) }}</p>\n          </div>\n        </div>\n\n        <div class=\"actions\">\n          <button class=\"btn-rounded-tertiary\" @click=\"onEdit(apiKey)\">\n            <span>\n              <i class=\"fa-light fa-pen\"></i>\n            </span>\n            {{ $t(\"api-list.scopes\") }}\n          </button>\n\n          <button class=\"btn\" @click=\"onDelete(apiKey)\">\n            <span>\n              <i class=\"fa-light fa-trash\"></i>\n            </span>\n            <!-- {{ $t(\"api-list.delete\") }} -->\n          </button>\n        </div>\n      </li>\n    </ul>\n    <div v-else class=\"no-content text-muted\">\n      No api keys yet\n    </div>\n\n    <div class=\"list-footer\">\n      <span class=\"text-small text-muted\">{{ $t(\"api-key.api-key-count\") }}: {{ apiKeys.length }}</span>\n    </div>\n  </div>\n</template>\n\n<script>\nimport appHelper from \"@/assets/js/appHelper.js\";\nimport EditScopes from \"@/components/modals/EditScopes\";\nimport RenameModal from \"@/components/modals/RenameModal\";\nimport orderBy from \"lodash/orderBy\";\nexport default {\n  data() {\n    return {\n      sortKey: \"name\",\n      descending: false,\n      scopeUniqueName: [],\n      succes: false,\n      tooltipCopyText: this.$t(\"copy-to-clipboard\")\n    };\n  },\n\n  props: {\n    apiKeys: Array,\n    scopes: Array\n  },\n  methods: {\n    scopeInfo(scopes) {\n      if (scopes.length === 0) return this.$t(\"disabled\");\n      else if (scopes.length === 1 && scopes[0].uniqueName === \"template_generate\") return this.$t(\"api-list.standard\");\n      else return this.$t(\"api-list.userdefined\");\n    },\n    copyToClipboard(string) {\n      appHelper.copyToClipboard(string);\n      this.tooltipCopyText = this.$t(\"copied\");\n    },\n    onToggleSort(sortKey) {\n      this.descending = this.sortKey == sortKey ? !this.descending : false;\n      this.sortKey = sortKey;\n    },\n    onRename(apiKey) {\n      this.$modal.show(\n        RenameModal,\n        {\n          title: this.$t(\"api-list.rename-modal\"),\n          inputName: this.$t(\"rename-template-modal.new-name\"),\n          primaryButton: this.$t(\"rename-template-modal.save\"),\n          existingName: apiKey.name,\n          onSave: (newName) => {\n            apiKey.name = newName;\n            this.$store.dispatch(\"renameApi\", apiKey).then(() => {\n              this.showNotice();\n            });\n          }\n        },\n        { width: 310, height: \"auto\" }\n      );\n    },\n    onEdit(apiKey) {\n      this.scopeUniqueName = [];\n      apiKey.scopes.map((scope) => {\n        const scopeName = scope.uniqueName;\n        this.scopeUniqueName.push(scopeName);\n      });\n      this.$modal.show(\n        EditScopes,\n        {\n          scopes: this.$store.state.scopes.map((s) => {\n            if (s.uniqueName === \"template_generate\") {\n              return { ...s, prettyName: s.prettyName + \" (default)\" };\n            } else return s;\n          }),\n          currentScopes: this.scopeUniqueName,\n          id: apiKey.id,\n          name: apiKey.name,\n          onSave: (checkedNames) => {\n            this.$store.dispatch(\"editScopes\", checkedNames).then(() => {\n              this.showNotice();\n            });\n          }\n        },\n        { width: 600, height: \"auto\", adaptive: true }\n      );\n    },\n    onDelete(apiKey) {\n      this.$store.dispatch(\"deleteApi\", apiKey).then(() => {\n        this.showNotice();\n      });\n    },\n    showNotice() {\n      this.succes = true;\n      setTimeout(\n        function() {\n          this.succes = !this.succes;\n        }.bind(this),\n        3500\n      );\n    }\n  },\n  computed: {\n    sortedKeys() {\n      return orderBy(this.apiKeys || [], (apiKey) => apiKey[this.sortKey].toString().toLowerCase(), [\n        this.descending ? \"desc\" : \"asc\"\n      ]);\n    }\n  }\n};\n</script>\n\n<style lang=\"less\">\n.api-key-list {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  height: clamp(100px, 100%, 80vh);\n  overflow: hidden;\n  background: #fff;\n  border-radius: var(--standard-border-radius);\n  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);\n\n  .headings {\n    display: none;\n    h3 {\n      font-weight: 700;\n    }\n  }\n  .list-wrapper, .no-content {\n    overflow: auto;\n    max-height: calc(80vh - 110px);\n    min-height: 100px;\n  }\n  .no-content {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n  ul {\n    padding: 12px 0 0 0;\n    list-style-type: none;\n    li {\n      margin: 8px 20px;\n      border-bottom: 1px solid var(--charcoal-20);\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      font-weight: 500;\n\n      .content-wrapper {\n        .main-info {\n          flex-grow: 1;\n          .name {\n            display: flex;\n            margin-bottom: 8px;\n            align-items: center;\n          }\n        }\n      }\n      .actions {\n       \n        display: flex;\n        justify-content: flex-end;\n        align-items: center;\n\n        button{\n          color: var(--charcoal-50);\n        }\n      }\n\n      .copy-to-clipboard{\n        color: var(--charcoal);\n        margin-left: 8px;\n        font-size: 14px;\n        cursor: pointer;\n      }\n    }\n  }\n\n  .list-footer {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    padding: 18px 20px;\n    border-top: 1px solid var(--charcoal-20);\n    p {\n      margin-bottom: 0;\n    }\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .api-key-list {\n    max-width: 800px;\n    display: flex;\n    flex-direction: column;\n    .headings {\n      display: flex;\n      flex-grow: 1;\n      border-bottom: 1px solid var(--charcoal-20);\n      padding: 14px 20px;\n    }\n    .main-headings {\n      flex-grow: 1;\n      display: grid;\n      grid-template-columns: minmax(auto, 75%) auto;\n\n      .heading {\n        cursor: pointer;\n        display: flex;\n        gap: 8px;\n        align-items: center;\n        h3 {\n          color: var(--charcoal-75);\n          margin-bottom: 0;\n        }\n      }\n\n      .heading-key {\n        flex-grow: 1;\n      }\n      .heading-scopes {\n        width: 120px;\n        display: flex;\n        justify-content: flex-start;\n      }\n    }\n    .heading-actions {\n      width: 170px;\n      display: flex;\n      justify-content: flex-end;\n    }\n\n    ul {\n      li {\n        .content-wrapper {\n          display: grid;\n          grid-template-columns: minmax(auto, 75%) auto;\n          flex-grow: 1;\n          align-items: center;\n\n          .scopes-info {\n            width: 120px;\n            display: flex;\n            justify-content: flex-start;\n          }\n        }\n        .actions{\n          width: 170px;\n        }\n        .rename {\n          opacity: 0;\n          font-size: 12px;\n          display: flex;\n          &:focus {\n            opacity: 1;\n          }\n        }\n\n        &:hover {\n          .rename {\n            opacity: 1;\n          }\n        }\n      }\n    }\n  }\n}\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!./ApiKeysList.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!./ApiKeysList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ApiKeysList.vue?vue&type=template&id=78b7b6ee&\"\nimport script from \"./ApiKeysList.vue?vue&type=script&lang=js&\"\nexport * from \"./ApiKeysList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ApiKeysList.vue?vue&type=style&index=0&lang=less&\"\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 mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditScopes.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditScopes.vue?vue&type=style&index=0&lang=less&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"editor-modal\",attrs:{\"id\":\"edit-api\"}},[_c('form',{on:{\"submit\":_vm.onCreate}},[_c('h2',[_vm._v(_vm._s(_vm.$t(\"edit-scopes.title\")))]),_c('div',{staticClass:\"quick-selectors\"},[_c('button',{staticClass:\"btn btn-xs\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.addAll()}}},[_vm._v(\"+ \"+_vm._s(_vm.$t(\"edit-scopes.add-all\")))]),_c('button',{staticClass:\"btn btn-xs\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.clearScopes()}}},[_vm._v(\"- \"+_vm._s(_vm.$t(\"edit-scopes.clear\")))])]),_c('div',{staticClass:\"checkbox-wrapper\"},_vm._l((_vm.scopes),function(scope){return _c('checkbox',{key:scope.uniqueName,attrs:{\"lightLabel\":true,\"label\":scope.prettyName,\"name\":scope.uniqueName,\"value\":scope.uniqueName},on:{\"change\":function($event){return _vm.addScope()}},model:{value:(_vm.checkedNames),callback:function ($$v) {_vm.checkedNames=$$v},expression:\"checkedNames\"}})}),1),_c('div',{staticClass:\"actions\"},[_c('button',{staticClass:\"btn btn-md btn-primary\",attrs:{\"type\":\"submit\",\"loading\":true},on:{\"click\":_vm.onCreate}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"edit-scopes.save\"))+\"\\n      \")]),_c('button',{staticClass:\"btn btn-md btn-secondary\",attrs:{\"type\":\"reset\"},on:{\"click\":function($event){return _vm.$emit('close')}}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"users.add-user-btn-cancel\"))+\"\\n      \")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"edit-api\" class=\"editor-modal\">\n    <form @submit=\"onCreate\">\n      <h2>{{ $t(\"edit-scopes.title\") }}</h2>\n\n      <div class=\"quick-selectors\">\n        <button type=\"button\" @click=\"addAll()\" class=\"btn btn-xs\">+ {{ $t(\"edit-scopes.add-all\") }}</button>\n        <button type=\"button\" @click=\"clearScopes()\" class=\"btn btn-xs\">- {{ $t(\"edit-scopes.clear\") }}</button>\n      </div>\n      <div class=\"checkbox-wrapper\">\n        <checkbox\n          v-for=\"scope in scopes\"\n          :key=\"scope.uniqueName\"\n          :lightLabel=\"true\"\n          :label=\"scope.prettyName\"\n          :name=\"scope.uniqueName\"\n          :value=\"scope.uniqueName\"\n          v-model=\"checkedNames\"\n          @change=\"addScope()\"\n        />\n      </div>\n      <div class=\"actions\">\n        <button type=\"submit\" class=\"btn btn-md btn-primary\" @click=\"onCreate\" v-bind:loading=\"true\">\n          {{ $t(\"edit-scopes.save\") }}\n        </button>\n        <button class=\"btn btn-md btn-secondary\" type=\"reset\" @click=\"$emit('close')\">\n          {{ $t(\"users.add-user-btn-cancel\") }}\n        </button>\n      </div>\n    </form>\n  </div>\n</template>\n\n<script>\nimport Checkbox from \"@/components/Checkbox\";\nexport default {\n  props: {\n    onSave: Function,\n    inputPlaceholder: String,\n    title: String,\n    scopes: Array,\n    currentScopes: Array,\n    name: String,\n    checked: Boolean,\n    id: Number\n  },\n  data() {\n    return {\n      checkedNames: this.currentScopes,\n      apiKey: {\n        name: this.name,\n        scopes: this.currentScopes,\n        id: this.id\n      }\n    };\n  },\n  computed: {\n    valid() {\n      return this.apiKey;\n    }\n  },\n  methods: {\n    onSubmit(evt) {\n      evt.preventDefault();\n      // this.onCreate()\n      this.onSave(this.apiKey);\n    },\n\n    onCreate(evt) {\n      evt.preventDefault();\n      this.onSave(this.apiKey);\n      this.$emit(\"close\");\n    },\n    addScope() {\n      this.apiKey.scopes = this.checkedNames;\n    },\n\n    clearScopes() {\n      this.checkedNames = [];\n      this.apiKey.scopes = this.checkedNames;\n    },\n\n    addAll() {\n      this.scopes.forEach((scope) => {\n        this.checkedNames.push(scope.uniqueName);\n      });\n    }\n  },\n  components: {\n    Checkbox\n  }\n};\n</script>\n\n<style lang=\"less\">\n#edit-api {\n  padding: 30px 25px 25px 25px;\n  button {\n    margin-right: 10px;\n  }\n  .checkbox-wrapper {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    margin: 12px 0;\n  }\n}\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!./EditScopes.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!./EditScopes.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EditScopes.vue?vue&type=template&id=dc1283c0&\"\nimport script from \"./EditScopes.vue?vue&type=script&lang=js&\"\nexport * from \"./EditScopes.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EditScopes.vue?vue&type=style&index=0&lang=less&\"\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 mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ApiKeysList.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ApiKeysList.vue?vue&type=style&index=0&lang=less&\""],"sourceRoot":""}