{"version":3,"sources":["webpack:///./node_modules/@rancher/shell/pages/c/_cluster/monitoring/alertmanagerconfig/_alertmanagerconfigid/receiver.vue?7b31","webpack:///./node_modules/@rancher/shell/pages/c/_cluster/monitoring/alertmanagerconfig/_alertmanagerconfigid/receiver.vue","webpack:///node_modules/@rancher/shell/pages/c/_cluster/monitoring/alertmanagerconfig/_alertmanagerconfigid/receiver.vue","webpack:///./node_modules/@rancher/shell/pages/c/_cluster/monitoring/alertmanagerconfig/_alertmanagerconfigid/receiver.vue?f90b","webpack:///./node_modules/@rancher/shell/pages/c/_cluster/monitoring/alertmanagerconfig/_alertmanagerconfigid/receiver.vue?720d","webpack:///./node_modules/@rancher/shell/pages/c/_cluster/monitoring/alertmanagerconfig/_alertmanagerconfigid/receiver.vue?673e","webpack:///./node_modules/@rancher/shell/pages/c/_cluster/monitoring/alertmanagerconfig/_alertmanagerconfigid/receiver.vue?71ff"],"names":["___CSS_LOADER_API_IMPORT___","exports","push","module","i","render","_vm","this","_c","_self","staticClass","_v","_s","heading","viewOptions","mode","view","attrs","currentView","on","handleButtonGroupClick","_e","ref","handleReceiverActionMenuClick","yaml","alertmanagerConfigResource","resourceYaml","edit","JSON","stringify","redirectToReceiverDetail","receiverName","alertmanagerConfigDetailRoute","applyHooks","e","$emit","config","detail","receiverValue","alertmanagerConfigId","saveOverride","receiverActions","receiverActionMenuIsOpen","actionMenuTargetElement","actionMenuTargetEvent","$event","goToEdit","goToEditYaml","promptRemove","staticRenderFns","name","components","ActionMenu","ButtonGroup","ReceiverConfig","ResourceYaml","fetch","_this","_asyncToGenerator","_regeneratorRuntime","mark","_callee","inStore","originalAlertmanagerConfigResource","existingReceiverData","wrap","_context","prev","next","$store","getters","$route","query","params","alertmanagerconfigid","dispatch","concat","type","MONITORING","ALERTMANAGERCONFIG","id","sent","resource","_CREATE","spec","receivers","find","receiverData","_detailLocation","stop","data","_CONFIG","create","_DETAIL","_EDIT","showPreview","_VIEW","labelKey","value","_YAML","computed","_this$alertmanagerCon","alertmanagerConfigActions","availableActions","getReceiverActions","schemas","SCHEMA","clonedResource","clone","out","createYaml","editorMode","EDITOR_MODES","VIEW_CODE","DIFF_CODE","EDIT_CODE","t","as","methods","buttonDone","_arguments","arguments","_this2","_callee2","_this2$alertmanagerCo","msg","_context2","yamlError","errors","abrupt","save","apply","_toConsumableArray","redirectToAlertmanagerConfigDetail","t0","message","$refs","setError","event","toggleReceiverActionMenu","actions","$router","getEditReceiverConfigRoute","getEditReceiverYamlRoute","actionData","_this$alertmanagerCon2","nameOfReceiverToDelete","route","existingReceivers","receiversMinusDeletedItem","filter","receiver","getReceiverDetailLink","component","content","__esModule","default","locals","add"],"mappings":"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","file":"js/pages/c/_cluster/monitoring/alertmanagerconfig/_alertmanagerconfigid/receiver.31b7edb2.js","sourcesContent":["// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../../../../../@vue/cli-service/node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \".header[data-v-05a50939]{border-bottom:1px solid var(--border);margin-bottom:0;padding-bottom:20px}.header H1[data-v-05a50939]{flex:1}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('header',{staticClass:\"header\"},[_c('div',{staticClass:\"title\"},[_c('div',{staticClass:\"primaryheader\"},[_c('h1',[_vm._v(\"\\n          \"+_vm._s(_vm.heading)+\"\\n        \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"actions-container\"},[_c('div',{staticClass:\"actions\"},[(_vm.viewOptions && _vm.mode === _vm.view)?_c('ButtonGroup',{attrs:{\"value\":_vm.currentView,\"options\":_vm.viewOptions},on:{\"input\":_vm.handleButtonGroupClick}}):_vm._e(),_vm._v(\" \"),(_vm.mode === _vm.view)?_c('button',{ref:\"actions\",staticClass:\"btn role-multi-action actions\",attrs:{\"aria-haspopup\":\"true\",\"type\":\"button\"},on:{\"click\":_vm.handleReceiverActionMenuClick}},[_c('i',{staticClass:\"icon icon-actions\"})]):_vm._e()],1)])]),_vm._v(\" \"),(_vm.currentView === _vm.yaml && _vm.alertmanagerConfigResource)?_c('ResourceYaml',{ref:\"resourceyaml\",attrs:{\"value\":_vm.alertmanagerConfigResource,\"mode\":_vm.mode,\"initial-yaml-for-diff\":null,\"yaml\":_vm.resourceYaml,\"offer-preview\":_vm.mode === _vm.edit,\"done-route\":JSON.stringify(_vm.redirectToReceiverDetail(_vm.receiverName)),\"done-override\":_vm.alertmanagerConfigDetailRoute,\"apply-hooks\":_vm.alertmanagerConfigResource.applyHooks},on:{\"error\":e=>_vm.$emit('error', e)}}):_vm._e(),_vm._v(\" \"),((_vm.currentView === _vm.config || _vm.currentView === _vm.detail) && _vm.alertmanagerConfigResource)?_c('ReceiverConfig',{ref:\"config\",attrs:{\"value\":_vm.receiverValue,\"mode\":_vm.mode,\"alertmanager-config-id\":_vm.alertmanagerConfigId,\"alertmanager-config-resource\":_vm.alertmanagerConfigResource,\"save-override\":_vm.saveOverride}}):_vm._e(),_vm._v(\" \"),_c('ActionMenu',{attrs:{\"custom-actions\":_vm.receiverActions,\"open\":_vm.receiverActionMenuIsOpen,\"use-custom-target-element\":true,\"custom-target-element\":_vm.actionMenuTargetElement,\"custom-target-event\":_vm.actionMenuTargetEvent},on:{\"close\":function($event){_vm.receiverActionMenuIsOpen = false},\"goToEdit\":_vm.goToEdit,\"goToEditYaml\":_vm.goToEditYaml,\"promptRemove\":_vm.promptRemove}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport ActionMenu from '@shell/components/ActionMenu';\nimport ReceiverConfig from '@shell/edit/monitoring.coreos.com.alertmanagerconfig/receiverConfig';\nimport ButtonGroup from '@shell/components/ButtonGroup';\nimport ResourceYaml from '@shell/components/ResourceYaml';\nimport { createYaml } from '@shell/utils/create-yaml';\nimport { EDITOR_MODES } from '@shell/components/YamlEditor';\nimport { MONITORING, SCHEMA } from '@shell/config/types';\nimport {\n  _CREATE, _EDIT, _VIEW, _CONFIG, _YAML, _DETAIL\n} from '@shell/config/query-params';\n\nimport { clone } from '@shell/utils/object';\n\nexport default {\n  name:       'AlertmanagerConfigReceiverCreateEdit',\n  components: {\n    ActionMenu,\n    ButtonGroup,\n    ReceiverConfig,\n    ResourceYaml\n  },\n\n  async fetch() {\n    const inStore = this.$store.getters['currentProduct'].inStore;\n\n    this.receiverName = this.$route.query.receiverName;\n\n    const alertmanagerConfigId = this.$route.params.alertmanagerconfigid;\n    const originalAlertmanagerConfigResource = await this.$store.dispatch(`${ inStore }/find`, { type: MONITORING.ALERTMANAGERCONFIG, id: alertmanagerConfigId });\n    const alertmanagerConfigResource = await this.$store.dispatch(`${ inStore }/clone`, { resource: originalAlertmanagerConfigResource });\n    const mode = this.$route.query.mode;\n\n    if (mode !== _CREATE) {\n      const existingReceiverData = (alertmanagerConfigResource.spec.receivers || []).find((receiverData) => {\n        return receiverData.name === this.receiverName;\n      });\n\n      if (existingReceiverData) {\n        this.receiverValue = existingReceiverData;\n      }\n    }\n\n    this.alertmanagerConfigId = alertmanagerConfigResource.id;\n    this.alertmanagerConfigResource = alertmanagerConfigResource;\n    this.alertmanagerConfigDetailRoute = alertmanagerConfigResource._detailLocation;\n  },\n\n  // take edit link and edit request from AlertmanagerConfig resource\n  // and pass it to ReceiverConfig as a prop\n\n  data() {\n    return {\n      actionMenuTargetElement:       null,\n      actionMenuTargetEvent:         null,\n      alertmanagerConfigId:          '',\n      alertmanagerConfigResource:    null,\n      alertmanagerConfigDetailRoute: null,\n      config:                        _CONFIG,\n      create:                        _CREATE,\n      detail:                        _DETAIL,\n      edit:                          _EDIT,\n      receiverActionMenuIsOpen:      false,\n      receiverName:                  '',\n      receiverValue:                 {},\n      showPreview:                   false,\n      view:                          _VIEW,\n      viewOptions:                   [\n        {\n          labelKey: 'resourceDetail.masthead.config',\n          value:    'config',\n        }, {\n          labelKey: 'resourceDetail.masthead.yaml',\n          value:    _YAML,\n        }\n      ],\n      yaml: _YAML\n    };\n  },\n\n  computed: {\n    currentView() {\n      return this.$route.query.currentView;\n    },\n    receiverActions() {\n      const alertmanagerConfigActions = this.alertmanagerConfigResource?.availableActions;\n\n      if (!alertmanagerConfigActions) {\n        return [];\n      }\n\n      // Receivers are not a separate resource, so they\n      // should only have a subset of the AlertmanagerConfig\n      // actions. So we take AlertmanagerConfig's actions and filter\n      // out any that don't apply.\n      // Example action data:\n      // {\n      //     \"action\": \"goToEdit\",\n      //     \"label\": \"Edit Config\",\n      //     \"icon\": \"icon icon-edit\",\n      //     \"enabled\": true\n      // },\n      return this.alertmanagerConfigResource.getReceiverActions(alertmanagerConfigActions);\n    },\n    resourceYaml() {\n      const resource = this.alertmanagerConfigResource;\n\n      const inStore = this.$store.getters['currentStore'](resource);\n      const schemas = this.$store.getters[`${ inStore }/all`](SCHEMA);\n      const clonedResource = clone(resource);\n\n      const out = createYaml(schemas, MONITORING.ALERTMANAGERCONFIG, clonedResource);\n\n      return out;\n    },\n    mode() {\n      // Use the route as a dependency of the\n      // computed property so that the component\n      // updates when you navigate between edit\n      // and view.\n      return this.$route.query.mode;\n    },\n    editorMode() {\n      if ( this.mode === this.view ) {\n        return EDITOR_MODES.VIEW_CODE;\n      } else if ( this.showPreview ) {\n        return EDITOR_MODES.DIFF_CODE;\n      }\n\n      return EDITOR_MODES.EDIT_CODE;\n    },\n    heading() {\n      switch (this.$route.query.mode) {\n      case this.create:\n        return this.t('monitoring.alertmanagerConfig.receiverFormNames.create');\n      case this.edit:\n        if (this.currentView === this.yaml || this.$route.query.as === this.yaml) {\n          // When you edit as YAML, you edit the whole AlertmanagerConfig\n          // at once, so the header is just \"Edit AlertmanagerConfig\"\n          return this.t('monitoring.alertmanagerConfig.receiverFormNames.editYaml');\n        }\n\n        // When you edit as a form, you edit only the receiver,\n        // so the form header is \"Edit Receiver in AlertmanagerConfig\"\n        return this.t('monitoring.alertmanagerConfig.receiverFormNames.edit');\n\n      default:\n        return this.t('monitoring.alertmanagerConfig.receiverFormNames.detail');\n      }\n    },\n  },\n\n  methods: {\n    // When creating or editing a receiver, in both cases\n    // it is actually the one existing AlertmanagerConfig\n    // being saved. Therefore we take the save from the\n    // AlertmanagerConfig resource and pass it into the\n    // receiver config form.\n    async saveOverride(buttonDone) {\n      if (this.alertmanagerConfigResource.yamlError) {\n        this.alertmanagerConfigResource.errors = this.alertmanagerConfigResource.errors || [];\n        this.alertmanagerConfigResource.errors.push(this.alertmanagerConfigResource.yamlError);\n\n        buttonDone(false);\n\n        return;\n      }\n\n      try {\n        await this.alertmanagerConfigResource.save(...arguments);\n\n        buttonDone(true);\n\n        this.redirectToAlertmanagerConfigDetail();\n      } catch (e) {\n        const msg = e?.message ? e.message : this.t('monitoring.alertmanagerConfig.error');\n\n        this.$refs.config.setError(msg);\n        buttonDone(false);\n      }\n    },\n    handleButtonGroupClick(event) {\n      if (event === this.yaml) {\n        this.goToEditYaml(this.view);\n      }\n      if (event === this.config) {\n        this.goToEdit(this.view);\n      }\n    },\n    toggleReceiverActionMenu() {\n      this.receiverActionMenuIsOpen = !this.receiverActionMenuIsOpen;\n    },\n    handleReceiverActionMenuClick(event) {\n      this.actionMenuTargetElement = this.$refs.actions;\n      this.actionMenuTargetEvent = event;\n      this.toggleReceiverActionMenu();\n    },\n    goToEdit() {\n    // 'goToEdit' is the exact name of an action for AlertmanagerConfig\n    // and this method executes the action.\n      this.$router.push(this.alertmanagerConfigResource.getEditReceiverConfigRoute(this.receiverValue.name, _EDIT));\n    },\n    goToEditYaml() {\n    // 'goToEditYaml' is the exact name of an action for AlertmanagerConfig\n    // and this method executes the action.\n      this.$router.push(this.alertmanagerConfigResource.getEditReceiverYamlRoute(this.receiverValue.name, _EDIT));\n    },\n    promptRemove(actionData) {\n      // 'promptRemove' is the exact name of an action for AlertmanagerConfig\n      // and this method executes the action.\n      // Get the name of the receiver to delete from the action info.\n      const nameOfReceiverToDelete = actionData.route.query.receiverName;\n      // Remove it from the configuration of the parent AlertmanagerConfig\n      // resource.\n      const existingReceivers = this.alertmanagerConfigResource.spec.receivers || [];\n      const receiversMinusDeletedItem = existingReceivers.filter((receiver) => {\n        return receiver.name !== nameOfReceiverToDelete;\n      });\n\n      this.alertmanagerConfigResource.spec.receivers = receiversMinusDeletedItem;\n      // After saving the AlertmanagerConfig, the resource has been deleted.\n      this.alertmanagerConfigResource.save(...arguments);\n      this.$router.push(this.alertmanagerConfigResource._detailLocation);\n    },\n    redirectToReceiverDetail(receiverName) {\n      return this.alertmanagerConfigResource.getReceiverDetailLink(receiverName);\n    },\n    redirectToAlertmanagerConfigDetail() {\n      const route = this.alertmanagerConfigResource._detailLocation;\n\n      this.$router.push(route);\n    }\n  }\n};\n</script>\n\n<template>\n  <div>\n    <header class=\"header\">\n      <div class=\"title\">\n        <div class=\"primaryheader\">\n          <h1>\n            {{ heading }}\n          </h1>\n        </div>\n      </div>\n      <div class=\"actions-container\">\n        <div class=\"actions\">\n          <ButtonGroup\n            v-if=\"viewOptions && mode === view\"\n            :value=\"currentView\"\n            :options=\"viewOptions\"\n            @input=\"handleButtonGroupClick\"\n          />\n\n          <button\n            v-if=\"mode === view\"\n            ref=\"actions\"\n            aria-haspopup=\"true\"\n            type=\"button\"\n            class=\"btn role-multi-action actions\"\n            @click=\"handleReceiverActionMenuClick\"\n          >\n            <i class=\"icon icon-actions\" />\n          </button>\n        </div>\n      </div>\n    </header>\n    <ResourceYaml\n      v-if=\"currentView === yaml && alertmanagerConfigResource\"\n      ref=\"resourceyaml\"\n      :value=\"alertmanagerConfigResource\"\n      :mode=\"mode\"\n      :initial-yaml-for-diff=\"null\"\n      :yaml=\"resourceYaml\"\n      :offer-preview=\"mode === edit\"\n      :done-route=\"JSON.stringify(redirectToReceiverDetail(receiverName))\"\n      :done-override=\"alertmanagerConfigDetailRoute\"\n      :apply-hooks=\"alertmanagerConfigResource.applyHooks\"\n      @error=\"e=>$emit('error', e)\"\n    />\n    <ReceiverConfig\n      v-if=\"(currentView === config || currentView === detail) && alertmanagerConfigResource\"\n      ref=\"config\"\n      :value=\"receiverValue\"\n      :mode=\"mode\"\n      :alertmanager-config-id=\"alertmanagerConfigId\"\n      :alertmanager-config-resource=\"alertmanagerConfigResource\"\n      :save-override=\"saveOverride\"\n    />\n    <ActionMenu\n      :custom-actions=\"receiverActions\"\n      :open=\"receiverActionMenuIsOpen\"\n      :use-custom-target-element=\"true\"\n      :custom-target-element=\"actionMenuTargetElement\"\n      :custom-target-event=\"actionMenuTargetEvent\"\n      @close=\"receiverActionMenuIsOpen = false\"\n      @goToEdit=\"goToEdit\"\n      @goToEditYaml=\"goToEditYaml\"\n      @promptRemove=\"promptRemove\"\n    />\n  </div>\n</template>\n\n<style lang='scss' scoped>\n.header{\n  H1{\n    flex: 1;\n  }\n  border-bottom: 1px solid var(--border);\n  margin-bottom: 0;\n  padding-bottom: 20px;\n}\n\n</style>\n","import mod from \"-!../../../../../../../../cache-loader/dist/cjs.js??ref--16-0!../../../../../../../../babel-loader/lib/index.js??ref--16-1!../../../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./receiver.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../../cache-loader/dist/cjs.js??ref--16-0!../../../../../../../../babel-loader/lib/index.js??ref--16-1!../../../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./receiver.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./receiver.vue?vue&type=template&id=05a50939&scoped=true&\"\nimport script from \"./receiver.vue?vue&type=script&lang=js&\"\nexport * from \"./receiver.vue?vue&type=script&lang=js&\"\nimport style0 from \"./receiver.vue?vue&type=style&index=0&id=05a50939&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../../@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"05a50939\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../../../../vue-style-loader/index.js??ref--9-oneOf-1-0!../../../../../../../../@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../../../@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-3!../../../../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./receiver.vue?vue&type=style&index=0&id=05a50939&prod&lang=scss&scoped=true&\"","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../../../../../@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../../../@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-3!../../../../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./receiver.vue?vue&type=style&index=0&id=05a50939&prod&lang=scss&scoped=true&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../../../../../vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"060edd32\", content, true, {\"sourceMap\":false,\"shadowMode\":false});"],"sourceRoot":""}