58 lines
1.9 KiB
Vue
58 lines
1.9 KiB
Vue
<template>
|
|
<b-modal size="lg" centered id="cpu_stats_help_modal" ref="modal" :title="$gettext('Memory Stats Help')">
|
|
<div class="mb-2">
|
|
<h6>
|
|
<b-badge pill variant="danger"> </b-badge>
|
|
{{ $gettext('Cached') }}:
|
|
{{ $gettext('The amount of memory Linux is using for disk caching.') }}
|
|
</h6>
|
|
<div class="ml-4">
|
|
<p>
|
|
{{
|
|
$gettext('This can make it look like your memory is low while it actually is not. Some monitoring solutions/panels include cached memory in their used memory statistics without indicating this.')
|
|
}}
|
|
</p>
|
|
<p>
|
|
{{
|
|
$gettext('Disk caching makes a system much faster and more responsive in general. It does not take memory away from applications in any way since it will automatically be released by the operating system when needed.')
|
|
}}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mb-2">
|
|
<h6>
|
|
<b-badge pill variant="primary"> </b-badge>
|
|
{{ $gettext('Used') }}:
|
|
{{ $gettext('The current Memory usage excluding cached memory.') }}
|
|
</h6>
|
|
</div>
|
|
|
|
<template #modal-footer>
|
|
<slot name="modal-footer">
|
|
<b-button variant="default" type="button" @click="close">
|
|
{{ $gettext('Close') }}
|
|
</b-button>
|
|
</slot>
|
|
</template>
|
|
</b-modal>
|
|
</template>
|
|
|
|
<script setup>
|
|
import {get, templateRef} from "@vueuse/core";
|
|
|
|
const $modal = templateRef('modal');
|
|
|
|
const create = () => {
|
|
get($modal).show();
|
|
}
|
|
const close = () => {
|
|
get($modal).hide();
|
|
}
|
|
|
|
defineExpose({
|
|
create,
|
|
close
|
|
});
|
|
</script>
|