{"version":3,"sources":["webpack:///./src/components/projects/BillingUsage.vue?56a2","webpack:///src/components/projects/BillingUsage.vue","webpack:///./src/components/projects/BillingUsage.vue?b48e","webpack:///./src/components/projects/BillingUsage.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","billingAccount","billingAccountUsage","attrs","_l","quota","key","name","staticClass","_v","_s","title","getQuotaColour","value","_e","staticRenderFns","props","type","Object","required","billingAccountDetails","Boolean","computed","quotas","usage","push","projects","projectResourceQuota","methods","component","VList","VListItem","VListItemContent","VListItemIcon","VProgressLinear"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAQF,EAAIM,gBAAkBN,EAAIO,oBAAqBH,EAAG,SAAS,CAACI,MAAM,CAAC,MAAQ,KAAKR,EAAIS,GAAIT,EAAU,QAAE,SAASU,GAAO,OAAON,EAAG,cAAc,CAACO,IAAID,EAAME,MAAM,CAACR,EAAG,sBAAsB,CAACA,EAAG,OAAO,CAACS,YAAY,oBAAoB,CAACb,EAAIc,GAAGd,EAAIe,GAAGL,EAAMM,YAAYZ,EAAG,sBAAsB,CAACS,YAAY,aAAa,CAACT,EAAG,oBAAoB,CAACI,MAAM,CAAC,QAAU,GAAG,MAAQR,EAAIiB,eACpcP,EAAMQ,MACPR,EAAMA,MACJ,KACF,OAAS,KAAK,MAASA,EAAMQ,MAC/BR,EAAMA,MACN,MAAM,CAACN,EAAG,SAAS,CAACJ,EAAIc,GAAGd,EAAIe,GAAGL,EAAMQ,OAAO,IAAIlB,EAAIe,GAAGL,EAAMA,aAAa,GAAGN,EAAG,qBAAqB,MAAK,GAAGJ,EAAImB,MAC1HC,EAAkB,GCgCtB,GACEC,MAAO,CACLf,eAAgB,CACdgB,KAAMC,OACNC,UAAU,GAEZjB,oBAAqB,CACnBe,KAAMC,OACNC,UAAU,GAEZC,sBAAuB,CACrBH,KAAMI,UAGVC,SAAU,CACRC,OADJ,WAEM,IAAN,GACA,CACQ,MAAR,UACQ,MAAR,iCACQ,MAAR,kDAEA,CACQ,MAAR,aACQ,MAAR,oCACQ,MAAR,qDAEA,CACQ,MAAR,eACQ,MAAR,sCACQ,MAAR,uDAEA,CACQ,MAAR,UACQ,MAAR,iCACQ,MAAR,kDAEA,CACQ,MAAR,WACQ,MAAR,wCACQ,MAAR,yDAEA,CACQ,MAAR,UACQ,MAAR,iCACQ,MAAR,mDAYM,OARI3B,KAAKwB,uBACPI,EAAMC,KAAK,CACTd,MAAO,WACPE,MAAOjB,KAAKM,oBAAoBwB,SAChCrB,MAAOT,KAAKK,eAAe0B,qBAAqBD,WAI7CF,IAGXI,QAAS,CACPhB,eADJ,SACA,GACM,OAAIY,EAAQ,GACH,iBAELA,EAAQ,GACH,kBAIF,kBC7GwV,I,6FCOjWK,EAAY,eACd,EACAnC,EACAqB,GACA,EACA,KACA,KACA,MAIa,aAAAc,EAAiB,QAShC,IAAkBA,EAAW,CAACC,QAAA,KAAMC,YAAA,KAAUC,iBAAA,OAAiBC,gBAAA,KAAcC,kBAAA","file":"js/chunk-2d0c94c0.6a05fcaa.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.billingAccount && _vm.billingAccountUsage)?_c('v-list',{attrs:{\"dense\":\"\"}},_vm._l((_vm.quotas),function(quota){return _c('v-list-item',{key:quota.name},[_c('v-list-item-content',[_c('span',{staticClass:\"font-weight-bold\"},[_vm._v(_vm._s(quota.title))])]),_c('v-list-item-content',{staticClass:\"align-end\"},[_c('v-progress-linear',{attrs:{\"rounded\":\"\",\"color\":_vm.getQuotaColour(\n            (quota.value /\n            quota.quota) *\n              100\n          ),\"height\":\"18\",\"value\":(quota.value /\n          quota.quota) *\n          100}},[_c('strong',[_vm._v(_vm._s(quota.value)+\"/\"+_vm._s(quota.quota))])])],1),_c('v-list-item-icon')],1)}),1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-list dense v-if=\"billingAccount && billingAccountUsage\">   \n    \n    <v-list-item v-for=\"quota in quotas\" :key=\"quota.name\">\n      <v-list-item-content>\n        <span class=\"font-weight-bold\">{{ quota.title }}</span>\n      </v-list-item-content>\n      <v-list-item-content class=\"align-end\">\n        <v-progress-linear\n          rounded\n          :color=\"\n            getQuotaColour(\n              (quota.value /\n              quota.quota) *\n                100\n            )\n          \"\n          height=\"18\"\n          :value=\"\n            (quota.value /\n            quota.quota) *\n            100\n          \"\n        >\n          <strong\n            >{{ quota.value }}/{{\n              quota.quota\n            }}</strong\n          >\n        </v-progress-linear>\n      </v-list-item-content>\n      <v-list-item-icon>\n        <!-- just for alignment, not editable -->\n      </v-list-item-icon>\n    </v-list-item>\n  </v-list>\n</template>\n\n<script>\nexport default {\n  props: {    \n    billingAccount: {\n      type: Object,\n      required: true,\n    },\n    billingAccountUsage: {\n      type: Object,\n      required: true,\n    },\n    billingAccountDetails: {\n      type: Boolean,      \n    },\n  },\n  computed: {\n    quotas() {\n      let usage = [        \n        {\n          title: 'Devices',\n          value: this.billingAccountUsage.devices,\n          quota: this.billingAccount.projectResourceQuota.devices,\n        },\n        {\n          title: 'Namespaces',\n          value: this.billingAccountUsage.namespaces,\n          quota: this.billingAccount.projectResourceQuota.namespaces,\n        },\n        {\n          title: 'Applications',\n          value: this.billingAccountUsage.applications,\n          quota: this.billingAccount.projectResourceQuota.applications,\n        },\n        {\n          title: 'Secrets',\n          value: this.billingAccountUsage.secrets,\n          quota: this.billingAccount.projectResourceQuota.secrets,\n        },\n        {\n          title: 'Monitors',\n          value: this.billingAccountUsage.deviceMonitors,\n          quota: this.billingAccount.projectResourceQuota.deviceMonitors,\n        },\n        {\n          title: 'Members',\n          value: this.billingAccountUsage.members,\n          quota: this.billingAccount.projectResourceQuota.members,\n        },\n      ]\n\n      if (this.billingAccountDetails) {\n        usage.push({\n          title: 'Projects',\n          value: this.billingAccountUsage.projects,\n          quota: this.billingAccount.projectResourceQuota.projects,\n        })\n      }\n\n      return usage\n    }\n  },\n  methods: {\n    getQuotaColour(usage) {\n      if (usage < 70) {\n        return 'green accent-3'\n      }\n      if (usage < 80) {\n        return 'amber lighten-1'\n      }\n\n      // return 'pink lighten-1'\n      return 'red darken-3'\n    },\n  },\n}\n</script>","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!./BillingUsage.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!./BillingUsage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BillingUsage.vue?vue&type=template&id=02ecab3e&\"\nimport script from \"./BillingUsage.vue?vue&type=script&lang=js&\"\nexport * from \"./BillingUsage.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 { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemContent } from 'vuetify/lib/components/VList';\nimport { VListItemIcon } from 'vuetify/lib/components/VList';\nimport { VProgressLinear } from 'vuetify/lib/components/VProgressLinear';\ninstallComponents(component, {VList,VListItem,VListItemContent,VListItemIcon,VProgressLinear})\n"],"sourceRoot":""}