jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Fix memory slider in services edit dialog

Browse Source
This commit is contained in:
Johannes Zellner
2025-03-09 19:57:40 +01:00
parent 5d88e86462
commit 454afd5d1b
1 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
dashboard/src/views/ServicesView.vue
View File

@@ -161,7 +161,7 @@ onMounted(async () => {
<p class="has-error text-center" v-show="editError">{{ editError }}</p>
<FormGroup>
<label for="memoryLimitInput">{{ $t('services.memoryLimit') }}: {{ prettyBinarySize(editService.memoryLimit) }}</label>
<label for="memoryLimitInput">{{ $t('services.memoryLimit') }}: {{ prettyBinarySize(editMemoryLimit) }}</label>
<input type="range" style="margin: 4px" id="memoryLimitInput" v-model="editMemoryLimit" step="134217728" :min="editMemoryTicks[0]" :max="editMemoryTicks[editMemoryTicks.length-1]" list="memoryLimitTicks" />
<datalist id="memoryLimitTicks">
<option v-for="limit in editMemoryTicks" :value="limit" :key="limit"></option>
@@ -182,33 +182,33 @@ onMounted(async () => {
<p>{{ $t('services.description') }}</p>
<TableView :columns="columns" :model="servicesArray">
<template #status="slotProps">
<span v-show="slotProps.status">
<span v-if="slotProps.status === 'active'">
<template #status="service">
<span v-show="service.status">
<span v-if="service.status === 'active'">
<i class="fa fa-circle status-active" v-tooltip="'active'"></i>
</span>
<span v-else-if="slotProps.status === 'starting'">
<i class="fa fa-circle status-starting" v-tooltip="'starting'" v-show="!slotProps.config.recoveryMode"></i>
<i class="fa fa-circle status-inactive" v-tooltip="'recovery mode'" v-show="slotProps.config.recoveryMode"></i>
<span v-else-if="service.status === 'starting'">
<i class="fa fa-circle status-starting" v-tooltip="'starting'" v-show="!service.config.recoveryMode"></i>
<i class="fa fa-circle status-inactive" v-tooltip="'recovery mode'" v-show="service.config.recoveryMode"></i>
</span>
<span v-else>
<i class="fa fa-circle status-error" uib-tooltip="{{ slotProps.status }}"></i>
<i class="fa fa-circle status-error" uib-tooltip="{{ service.status }}"></i>
</span>
</span>
<i class="fa fa-circle-notch fa-spin" v-show="!slotProps.status"></i>
<i class="fa fa-circle-notch fa-spin" v-show="!service.status"></i>
</template>
<template #memoryPercent="slotProps">
<ProgressBar :value="slotProps.memoryPercent" v-show="slotProps.memoryPercent" />
<template #memoryPercent="service">
<ProgressBar :value="service.memoryPercent" v-show="service.memoryPercent" />
</template>
<template #memoryLimit="slotProps">
<span v-show="slotProps.memoryLimit">{{ prettyBinarySize(slotProps.memoryLimit) }}</span>
<template #memoryLimit="service">
<span v-show="service.memoryLimit">{{ prettyBinarySize(service.memoryLimit) }}</span>
</template>
<template #actions="slotProps">
<template #actions="service">
<div class="table-actions">
<ButtonGroup>
<Button small tool secondary v-if="slotProps.status !== 'disabled' && slotProps.config.memoryLimit" @click="onEdit(slotProps)" v-tooltip="$t('services.configureActionTooltip')" icon="fa-solid fa fa-pencil-alt"/>
<Button small tool secondary v-if="slotProps.id !== 'box'" @click="onRestart(slotProps.id)" :loading="slotProps.status === 'starting' && !slotProps.config.recoveryMode" v-tooltip="$t('services.restartActionTooltip')" icon="fa-solid fa-sync-alt"/>
<Button tool small secondary :href="`/logs.html?id=${slotProps.id}`" target="_blank" v-tooltip="$t('logs.title')" icon="fa-solid fa-file-alt" />
<Button small tool secondary v-if="service.status !== 'disabled' && service.config.memoryLimit" @click="onEdit(service)" v-tooltip="$t('services.configureActionTooltip')" icon="fa-solid fa fa-pencil-alt"/>
<Button small tool secondary v-if="service.id !== 'box'" @click="onRestart(service.id)" :loading="service.status === 'starting' && !service.config.recoveryMode" v-tooltip="$t('services.restartActionTooltip')" icon="fa-solid fa-sync-alt"/>
<Button tool small secondary :href="`/logs.html?id=${service.id}`" target="_blank" v-tooltip="$t('logs.title')" icon="fa-solid fa-file-alt" />
</ButtonGroup>
</div>
</template>