From e35dbba57dd0246cd6e16873feff1c07710e7b4f Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Wed, 16 Jul 2025 13:39:40 +0200
Subject: [PATCH] Disable app label submit button if value haven't changed

---
 dashboard/src/components/app/Display.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/dashboard/src/components/app/Display.vue b/dashboard/src/components/app/Display.vue
index 8da9273e5..5865df5f0 100644
--- a/dashboard/src/components/app/Display.vue
+++ b/dashboard/src/components/app/Display.vue
@@ -1,6 +1,6 @@
 <script setup>
 
-import { ref, onMounted, useTemplateRef } from 'vue';
+import { ref, onMounted, useTemplateRef, computed } from 'vue';
 import { FormGroup, TextInput, Button, TagInput } from '@cloudron/pankow';
 import ImagePicker from '../ImagePicker.vue';
 import AppsModel from '../../models/AppsModel.js';
@@ -35,6 +35,10 @@ function getDataURLFromFile(file) {
   });
 }
 
+const haveValuesChanged = computed(() => {
+  return (label.value !== props.app.label) || tags.value.join() !== props.app.tags.join();
+});
+
 async function onSubmit() {
   busy.value = true;
   labelError.value = '';
@@ -98,7 +102,7 @@ onMounted(() => {
 
     <form @submit.prevent="onSubmit()" autocomplete="off">
       <fieldset :disabled="busy">
-        <input type="submit" style="display: none;"/>
+        <input type="submit" style="display: none;" :disabled="busy || !haveValuesChanged"/>
 
         <FormGroup>
           <label for="labelInput">{{ $t('app.display.label') }}</label>
@@ -112,7 +116,7 @@ onMounted(() => {
           <div class="text-error" v-if="tagsError">{{ tagsError }}</div>
         </FormGroup>
 
-        <Button @click="onSubmit()" :loading="busy" :disabled="busy">{{ $t('app.display.saveAction') }}</Button>
+        <Button @click="onSubmit()" :loading="busy" :disabled="busy || !haveValuesChanged">{{ $t('app.display.saveAction') }}</Button>
       </fieldset>
     </form>
   </div>