{"version":3,"sources":["webpack:///./src/modules/snapshot/components/TheSideBarResourceInfo.vue","webpack:///src/modules/snapshot/components/TheSideBarResourceInfo.vue","webpack:///./src/modules/snapshot/components/TheSideBarResourceInfo.vue?10c0","webpack:///./src/modules/snapshot/components/TheSideBarResourceInfo.vue?4e5c","webpack:///../../../src/components/VProgressLinear/VProgressLinear.ts"],"names":["_c","_self","staticClass","attrs","cpuUsage","_vm","memoryUsage","staticRenderFns","props","computed","memoryLimitAbs","memoryColor","cpuColor","memoryLimit","cpuLimit","mounted","value","watch","immediate","handler","snackBarText","snackBarIcon","snackBarTimeout","component","baseMixins","mixins","Colorable","PositionableFactory","Proxyable","Themeable","extend","name","directives","intersect","active","type","Boolean","default","backgroundColor","String","backgroundOpacity","Number","bufferValue","color","height","indeterminate","query","reverse","rounded","stream","striped","data","internalLazyValue","this","isVisible","__cachedBackground","$createElement","setBackgroundColor","style","backgroundStyle","__cachedBar","computedTransition","__cachedBarType","__cachedIndeterminate","__cachedDeterminate","__cachedBuffer","styles","width","convertToUnit","normalizedValue","class","genProgressBar","__cachedStream","setTextColor","normalizedBuffer","parseFloat","opacity","isReversed","Math","max","classes","absolute","fixed","reactive","themeClasses","VFadeTransition","VSlideXTransition","$vuetify","rtl","normalize","$listeners","change","methods","genContent","slot","getSlot","genListeners","listeners","click","onClick","e","$el","getBoundingClientRect","internalValue","offsetX","onObserve","entries","observer","isIntersecting","render","h","role","undefined","bottom","top","on"],"mappings":"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","file":"static/js/chunk-1e7e3456.39173f88.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"d-flex justify-center align-center flex-column\"},[_c('v-progress-linear',{attrs:{\"value\":_vm.cpuUsage,\"color\":_vm.cpuColor,\"height\":\"5\"}}),_c('div',{staticClass:\"caption\"},[_vm._v(_vm._s(_vm.cpuLimit)+\" vCPU\")]),_c('v-progress-linear',{attrs:{\"value\":_vm.memoryUsage,\"color\":_vm.memoryColor,\"height\":\"5\"}}),_c('div',{staticClass:\"caption\"},[_vm._v(_vm._s(_vm.memoryLimitAbs)+\" GB\")])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"d-flex justify-center align-center flex-column\">\n        <v-progress-linear :value=\"cpuUsage\" :color=\"cpuColor\" height=\"5\"></v-progress-linear>\n        <div class=\"caption\">{{ cpuLimit }} vCPU</div>\n        <v-progress-linear :value=\"memoryUsage\" :color=\"memoryColor\" height=\"5\"></v-progress-linear>\n        <div class=\"caption\">{{ memoryLimitAbs }} GB</div>\n    </div>\n</template>\n\n<script>\nexport default {\n    props: ['currentApp'],\n    computed: {\n        memoryLimitAbs() {\n            if (this.$props.currentApp && this.$props.currentApp.limit_memory !== 'N/A') {\n                return (parseFloat(this.$props.currentApp.limit_memory.replace('M', '')) / 1000).toFixed(0)\n            }\n            return 0\n        },\n        memoryUsage() {\n            if (this.$props.currentApp && this.$props.currentApp.limit_memory !== 'N/A' && this.$props.currentApp.current_memory !== 'N/A') {\n                const limitMemory = parseFloat(this.$props.currentApp.limit_memory.replace('M', ''))\n                if (limitMemory <= 0) {\n                    return 0\n                }\n                const currentMemory = parseFloat(this.$props.currentApp.current_memory.replace('M', ''))\n                return Math.round((100 * currentMemory) / limitMemory)\n            }\n            return 0\n        },\n        memoryColor() {\n            if (this.memoryUsage < 90) {\n                return 'info'\n            }\n            return 'error'\n        },\n        cpuUsage() {\n            if (this.$props.currentApp && this.$props.currentApp.limit_cpu !== 'N/A' && this.$props.currentApp.current_cpu !== 'N/A') {\n                const limitCPU = parseFloat(this.$props.currentApp.limit_cpu.replace('m', ''))\n                if (limitCPU <= 0) {\n                    return 0\n                }\n                const currentCPU = parseFloat(this.$props.currentApp.current_cpu.replace('m', ''))\n                return Math.round((100 * currentCPU) / limitCPU)\n            }\n            return 0\n        },\n        cpuColor() {\n            if (this.cpuUsage < 90) {\n                return 'success'\n            }\n            return 'error'\n        },\n        memoryLimit() {\n            if (this.$props.currentApp) {\n                return this.$props.currentApp.limit_memory\n            }\n            return 0\n        },\n        cpuLimit() {\n            if (this.$props.currentApp && this.$props.currentApp.limit_cpu !== 'N/A') {\n                return parseFloat(this.$props.currentApp.limit_cpu.replace('m', '')) / 1000\n            }\n            return 0\n        }\n    },\n    mounted() {\n        this.$emit('memoryLimit', { value: this.memoryLimit })\n    },\n    watch: {\n        memoryUsage: {\n            immediate: true,\n            handler: function (to, from) {\n                if (to > 90 && from < 90) {\n                    this.$store.dispatch('showSnackBar', {\n                        snackBarText: 'You are nearing the memory limit where the application will be restarted!',\n                        snackBarIcon: 'error',\n                        snackBarTimeout: 10000\n                    })\n                }\n            }\n        },\n        memoryLimit: function (nextVal) {\n            this.$emit('memoryLimit', { value: nextVal })\n        }\n    }\n}\n</script>\n","import mod from \"-!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--13-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheSideBarResourceInfo.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--13-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheSideBarResourceInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheSideBarResourceInfo.vue?vue&type=template&id=430246e2&\"\nimport script from \"./TheSideBarResourceInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./TheSideBarResourceInfo.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","import './VProgressLinear.sass'\n\n// Components\nimport {\n  VFadeTransition,\n  VSlideXTransition,\n} from '../transitions'\n\n// Directives\nimport intersect from '../../directives/intersect'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport { factory as PositionableFactory } from '../../mixins/positionable'\nimport Proxyable from '../../mixins/proxyable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { FunctionalComponentOptions } from 'vue/types'\nimport { VNode } from 'vue'\n\nconst baseMixins = mixins(\n  Colorable,\n  PositionableFactory(['absolute', 'fixed', 'top', 'bottom']),\n  Proxyable,\n  Themeable\n)\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-progress-linear',\n\n  directives: { intersect },\n\n  props: {\n    active: {\n      type: Boolean,\n      default: true,\n    },\n    backgroundColor: {\n      type: String,\n      default: null,\n    },\n    backgroundOpacity: {\n      type: [Number, String],\n      default: null,\n    },\n    bufferValue: {\n      type: [Number, String],\n      default: 100,\n    },\n    color: {\n      type: String,\n      default: 'primary',\n    },\n    height: {\n      type: [Number, String],\n      default: 4,\n    },\n    indeterminate: Boolean,\n    query: Boolean,\n    reverse: Boolean,\n    rounded: Boolean,\n    stream: Boolean,\n    striped: Boolean,\n    value: {\n      type: [Number, String],\n      default: 0,\n    },\n  },\n\n  data () {\n    return {\n      internalLazyValue: this.value || 0,\n      isVisible: true,\n    }\n  },\n\n  computed: {\n    __cachedBackground (): VNode {\n      return this.$createElement('div', this.setBackgroundColor(this.backgroundColor || this.color, {\n        staticClass: 'v-progress-linear__background',\n        style: this.backgroundStyle,\n      }))\n    },\n    __cachedBar (): VNode {\n      return this.$createElement(this.computedTransition, [this.__cachedBarType])\n    },\n    __cachedBarType (): VNode {\n      return this.indeterminate ? this.__cachedIndeterminate : this.__cachedDeterminate\n    },\n    __cachedBuffer (): VNode {\n      return this.$createElement('div', {\n        staticClass: 'v-progress-linear__buffer',\n        style: this.styles,\n      })\n    },\n    __cachedDeterminate (): VNode {\n      return this.$createElement('div', this.setBackgroundColor(this.color, {\n        staticClass: `v-progress-linear__determinate`,\n        style: {\n          width: convertToUnit(this.normalizedValue, '%'),\n        },\n      }))\n    },\n    __cachedIndeterminate (): VNode {\n      return this.$createElement('div', {\n        staticClass: 'v-progress-linear__indeterminate',\n        class: {\n          'v-progress-linear__indeterminate--active': this.active,\n        },\n      }, [\n        this.genProgressBar('long'),\n        this.genProgressBar('short'),\n      ])\n    },\n    __cachedStream (): VNode | null {\n      if (!this.stream) return null\n\n      return this.$createElement('div', this.setTextColor(this.color, {\n        staticClass: 'v-progress-linear__stream',\n        style: {\n          width: convertToUnit(100 - this.normalizedBuffer, '%'),\n        },\n      }))\n    },\n    backgroundStyle (): object {\n      const backgroundOpacity = this.backgroundOpacity == null\n        ? (this.backgroundColor ? 1 : 0.3)\n        : parseFloat(this.backgroundOpacity)\n\n      return {\n        opacity: backgroundOpacity,\n        [this.isReversed ? 'right' : 'left']: convertToUnit(this.normalizedValue, '%'),\n        width: convertToUnit(Math.max(0, this.normalizedBuffer - this.normalizedValue), '%'),\n      }\n    },\n    classes (): object {\n      return {\n        'v-progress-linear--absolute': this.absolute,\n        'v-progress-linear--fixed': this.fixed,\n        'v-progress-linear--query': this.query,\n        'v-progress-linear--reactive': this.reactive,\n        'v-progress-linear--reverse': this.isReversed,\n        'v-progress-linear--rounded': this.rounded,\n        'v-progress-linear--striped': this.striped,\n        'v-progress-linear--visible': this.isVisible,\n        ...this.themeClasses,\n      }\n    },\n    computedTransition (): FunctionalComponentOptions {\n      return this.indeterminate ? VFadeTransition : VSlideXTransition\n    },\n    isReversed (): boolean {\n      return this.$vuetify.rtl !== this.reverse\n    },\n    normalizedBuffer (): number {\n      return this.normalize(this.bufferValue)\n    },\n    normalizedValue (): number {\n      return this.normalize(this.internalLazyValue)\n    },\n    reactive (): boolean {\n      return Boolean(this.$listeners.change)\n    },\n    styles (): object {\n      const styles: Record<string, any> = {}\n\n      if (!this.active) {\n        styles.height = 0\n      }\n\n      if (!this.indeterminate && parseFloat(this.normalizedBuffer) !== 100) {\n        styles.width = convertToUnit(this.normalizedBuffer, '%')\n      }\n\n      return styles\n    },\n  },\n\n  methods: {\n    genContent () {\n      const slot = getSlot(this, 'default', { value: this.internalLazyValue })\n\n      if (!slot) return null\n\n      return this.$createElement('div', {\n        staticClass: 'v-progress-linear__content',\n      }, slot)\n    },\n    genListeners () {\n      const listeners = this.$listeners\n\n      if (this.reactive) {\n        listeners.click = this.onClick\n      }\n\n      return listeners\n    },\n    genProgressBar (name: 'long' | 'short') {\n      return this.$createElement('div', this.setBackgroundColor(this.color, {\n        staticClass: 'v-progress-linear__indeterminate',\n        class: {\n          [name]: true,\n        },\n      }))\n    },\n    onClick (e: MouseEvent) {\n      if (!this.reactive) return\n\n      const { width } = this.$el.getBoundingClientRect()\n\n      this.internalValue = e.offsetX / width * 100\n    },\n    onObserve (entries: IntersectionObserverEntry[], observer: IntersectionObserver, isIntersecting: boolean) {\n      this.isVisible = isIntersecting\n    },\n    normalize (value: string | number) {\n      if (value < 0) return 0\n      if (value > 100) return 100\n      return parseFloat(value)\n    },\n  },\n\n  render (h): VNode {\n    const data = {\n      staticClass: 'v-progress-linear',\n      attrs: {\n        role: 'progressbar',\n        'aria-valuemin': 0,\n        'aria-valuemax': this.normalizedBuffer,\n        'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue,\n      },\n      class: this.classes,\n      directives: [{\n        name: 'intersect',\n        value: this.onObserve,\n      }],\n      style: {\n        bottom: this.bottom ? 0 : undefined,\n        height: this.active ? convertToUnit(this.height) : 0,\n        top: this.top ? 0 : undefined,\n      },\n      on: this.genListeners(),\n    }\n\n    return h('div', data, [\n      this.__cachedStream,\n      this.__cachedBackground,\n      this.__cachedBuffer,\n      this.__cachedBar,\n      this.genContent(),\n    ])\n  },\n})\n"],"sourceRoot":""}