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

Show proper title/description for the new start/stop section

Browse Source
This commit is contained in:
Girish Ramakrishnan
2026-02-14 18:31:06 +01:00
parent b71e503a01
commit b0ef9238ff
2 changed files with 25 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dashboard/src/components/app/Uninstall.vue
+12 -6
View File
@@ -7,7 +7,7 @@ const t = i18n.t;
import { ref, onMounted, useTemplateRef } from 'vue';
import { Button, InputDialog, Spinner } from '@cloudron/pankow';
import { prettyLongDate } from '@cloudron/pankow/utils';
import { APP_TYPES, RSTATES } from '../../constants.js';
import { APP_TYPES, RSTATES, ISTATES } from '../../constants.js';
import AppsModel from '../../models/AppsModel.js';
const appsModel = AppsModel.create();
@@ -116,12 +116,18 @@ onMounted(async () => {
<div>
<InputDialog ref="inputDialog" />
<div v-if="app.type !== APP_TYPES.PROXIED">
<div>{{ $t('app.uninstall.startStop.description') }}</div>
<div v-if="app.type !== APP_TYPES.PROXIED && targetRunState() === TARGET_RUN_STATE.START">
<label>{{ $t('app.start.title') }}</label>
<div v-html="$t('app.start.description')"></div>
<br/>
<Button v-if="!app.progress && targetRunState() === TARGET_RUN_STATE.START" primary :loading="toggleRunStateBusy" :disabled="toggleRunStateBusy" @click="onStartApp()">{{ $t('app.uninstall.startStop.startAction') }}</Button>
<Button v-else-if="!app.progress" primary :loading="toggleRunStateBusy" :disabled="toggleRunStateBusy" @click="onStopApp()">{{ $t('app.uninstall.startStop.stopAction') }}</Button>
<Spinner v-else />
<Button primary :loading="toggleRunStateBusy" :disabled="toggleRunStateBusy" @click="onStartApp()">{{ $t('app.start.action') }}</Button>
</div>
<div v-if="app.type !== APP_TYPES.PROXIED && targetRunState() === TARGET_RUN_STATE.STOP">
<label>{{ $t('app.stop.title') }}</label>
<div v-html="$t('app.stop.description')"></div>
<br/>
<Button primary :loading="toggleRunStateBusy" :disabled="toggleRunStateBusy" @click="onStopApp()">{{ $t('app.stop.action') }}</Button>
</div>
<hr style="margin-top: 20px"/>
dashboard/src/views/AppConfigureView.vue
+13 -1
View File
@@ -228,6 +228,17 @@ async function onRestartApp() {
busyRestart.value = false;
}
const busyStart = ref(false);
async function onStartApp() {
busyStart.value = true;
const [error] = await appsModel.start(id.value);
if (error) return console.error(error);
setTimeout(() => busyStart.value = false, 3000);
}
onMounted(async () => {
const tmp = window.location.hash.slice('#/app/'.length);
if (!tmp) return;
@@ -306,7 +317,8 @@ onBeforeUnmount(() => {
<Button v-if="app.taskId" danger tool plain icon="fa-solid fa-xmark" v-tooltip="'Cancel Task'" :loading="busyStopTask" :disabled="busyStopTask" @click="onStopAppTask()"/>
<Button :menu="views" secondary class="pankow-no-desktop" tool>{{ views.find(v => v.id === currentView).label }}</Button>
<Button v-if="!app.progress" secondary tool icon="fa-solid fa-arrows-rotate" :loading="busyRestart" :disabled="busyRestart" v-tooltip="$t('filemanager.toolbar.restartApp')" @click="onRestartApp()"/>
<Button v-if="!app.progress && app.runState !== RSTATES.STOPPED" secondary tool icon="fa-solid fa-arrows-rotate" :loading="busyRestart" :disabled="busyRestart" v-tooltip="$t('filemanager.toolbar.restartApp')" @click="onRestartApp()"/>
<Button v-if="!app.progress && app.runState === RSTATES.STOPPED" secondary tool icon="fa-solid fa-circle-play" :loading="busyStart" :disabled="busyStart" v-tooltip="$t('app.start.action')" @click="onStartApp()"/>
<ButtonGroup>
<Button secondary tool :href="`/logs.html?appId=${app.id}`" target="_blank" v-tooltip="$t('app.logsActionTooltip')" icon="fa-solid fa-align-left" />