mirror of
https://github.com/harvester/harvester-ui-extension.git
synced 2025-12-13 21:21:44 +00:00
6700b2055e
* feat: add support for configuring transparent hugepages Related-to: https://github.com/harvester/harvester/issues/5006 * fix: return empty object if hugepages can't be found for node Related-to: https://github.com/harvester/harvester/issues/5006 --------- (cherry picked from commit 30de2b1a185ccc2a3ec159e220de742dd2156229) Signed-off-by: Tim Serong <tserong@suse.com> Co-authored-by: Tim Serong <tserong@suse.com> Co-authored-by: Moritz Röhrich <moritz.rohrich@suse.com> Co-authored-by: Andy Lee <andy.lee@suse.com>
120 lines
3.1 KiB
Vue
120 lines
3.1 KiB
Vue
<script>
|
|
import LabelValue from '@shell/components/LabelValue';
|
|
import { HCI } from '../../types';
|
|
import { DOC } from '../../config/doc-links';
|
|
|
|
export default {
|
|
name: 'HarvesterHugepages',
|
|
components: { LabelValue },
|
|
|
|
props: {
|
|
node: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
},
|
|
|
|
computed: {
|
|
docsTransparentHugepagesLink() {
|
|
return DOC.TRANSPARENT_HUGEPAGES;
|
|
},
|
|
},
|
|
|
|
async fetch() {
|
|
const inStore = this.$store.getters['currentProduct'].inStore;
|
|
|
|
const hash = await this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.HUGEPAGES });
|
|
|
|
this.hugepages = hash.find((node) => {
|
|
return node.id === this.node.id;
|
|
}) || {};
|
|
},
|
|
|
|
data() {
|
|
return { hugepages: {} };
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<template v-if="hugepages.status">
|
|
<h2>{{ t('harvester.host.hugepages.meminfo') }}</h2>
|
|
|
|
<div class="row mb-20">
|
|
<div class="col span-6">
|
|
<LabelValue
|
|
:name="t('harvester.host.hugepages.status.anon')"
|
|
:value="hugepages.status.meminfo.anonHugePages"
|
|
/>
|
|
</div>
|
|
<div class="col span-6">
|
|
<LabelValue
|
|
:name="t('harvester.host.hugepages.status.size')"
|
|
:value="hugepages.status.meminfo.hugepageSize"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-20">
|
|
<div class="col span-3">
|
|
<LabelValue
|
|
:name="t('harvester.host.hugepages.status.total')"
|
|
:value="hugepages.status.meminfo.hugePagesTotal"
|
|
/>
|
|
</div>
|
|
<div class="col span-3">
|
|
<LabelValue
|
|
:name="t('harvester.host.hugepages.status.free')"
|
|
:value="hugepages.status.meminfo.hugePagesFree"
|
|
/>
|
|
</div>
|
|
<div class="col span-3">
|
|
<LabelValue
|
|
:name="t('harvester.host.hugepages.status.rsvd')"
|
|
:value="hugepages.status.meminfo.hugePagesRsvd"
|
|
/>
|
|
</div>
|
|
<div class="col span-3">
|
|
<LabelValue
|
|
:name="t('harvester.host.hugepages.status.surp')"
|
|
:value="hugepages.status.meminfo.hugePagesSurp"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<hr class="divider" />
|
|
<h3>
|
|
<t
|
|
k="harvester.host.hugepages.transparent.title"
|
|
:raw="true"
|
|
:url="docsTransparentHugepagesLink"
|
|
/>
|
|
</h3>
|
|
|
|
<div class="row mb-20">
|
|
<div class="col span-4">
|
|
<LabelValue
|
|
:name="t('harvester.host.hugepages.transparent.enabled')"
|
|
:value="hugepages.spec.transparent.enabled"
|
|
/>
|
|
</div>
|
|
<div class="col span-4">
|
|
<LabelValue
|
|
:name="t('harvester.host.hugepages.transparent.shmemEnabled')"
|
|
:value="hugepages.spec.transparent.shmemEnabled"
|
|
/>
|
|
</div>
|
|
<div class="col span-4">
|
|
<LabelValue
|
|
:name="t('harvester.host.hugepages.transparent.defrag')"
|
|
:value="hugepages.spec.transparent.defrag"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
</template>
|