ImagePicker: introduce 'mode' - simple/editable

We have two cases for the picker:
* in normal pages: here the image upload/reset happens automatically. this is
  the editable mode with action buttons.

* in dialogs: here you just upload images . this is simple mode.
This commit is contained in:
Girish Ramakrishnan
2025-09-11 16:22:01 +02:00
parent f3c0e8a835
commit 23012fbb5c
6 changed files with 33 additions and 16 deletions

View File

@@ -193,7 +193,7 @@ defineExpose({
<div>
<label for="previewIcon">{{ $t('app.display.icon') }}</label>
<ImagePicker ref="imagePicker" v-if="iconUrl" :src="iconUrl" :fallback-src="`${API_ORIGIN}/img/appicon_fallback.png`" :unset-handler="mode === 'new' ? null : onResetIcon" @changed="onIconChanged" size="512" display-height="80px" style="width: 80px"/>
<ImagePicker ref="imagePicker" mode="simple" v-if="iconUrl" :src="iconUrl" :fallback-src="`${API_ORIGIN}/img/appicon_fallback.png`" :unset-handler="mode === 'new' ? null : onResetIcon" @changed="onIconChanged" size="512" display-height="80px" style="width: 80px"/>
</div>
<FormGroup>