From 27f051cf142880c0069423c9ad609741e95cce81 Mon Sep 17 00:00:00 2001
From: webfussel <fiona@webfussel.de>
Date: Sat, 10 May 2025 13:59:25 +0200
Subject: [PATCH] add: wording, vibration

Adapt wordings, add small vibration on edit and delete
---
 app/assets/styles/button.css          | 4 ++--
 app/assets/styles/priceCard.css       | 4 ++--
 app/components/Pp/PriceCard.vue       | 2 ++
 app/components/Pp/PriceCardDialog.vue | 4 ++--
 4 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/app/assets/styles/button.css b/app/assets/styles/button.css
index 3a78022..2373e67 100755
--- a/app/assets/styles/button.css
+++ b/app/assets/styles/button.css
@@ -1,6 +1,6 @@
 .Button {
     --padding: .2rem;
-    --background: var(--color-gradient-main-dark);
+    --background: var(--color-main-dark);
     --color: var(--color-lightest);
     --background-hover: var(--color-main-dark);
 
@@ -29,7 +29,7 @@
         border-radius: var(--radius-default);
 
         &.danger {
-            --background: var(--color-gradient-error);
+            --background: var(--color-error);
             --color: var(--color-lightest);
         }
     }
diff --git a/app/assets/styles/priceCard.css b/app/assets/styles/priceCard.css
index efaa638..b108971 100755
--- a/app/assets/styles/priceCard.css
+++ b/app/assets/styles/priceCard.css
@@ -25,13 +25,13 @@
         }
 
         & .bg-edit {
-            background: var(--color-gradient-main-dark);
+            background: var(--color-main-dark);
             padding: 2rem;
             text-align: left;
         }
 
         & .bg-delete {
-            background: var(--color-gradient-error-reverse);
+            background: var(--color-error);
             padding: 2rem;
             text-align: right;
             justify-content: flex-end;
diff --git a/app/components/Pp/PriceCard.vue b/app/components/Pp/PriceCard.vue
index 7622f25..51626a3 100755
--- a/app/components/Pp/PriceCard.vue
+++ b/app/components/Pp/PriceCard.vue
@@ -67,6 +67,7 @@ type Props = {
 const { card } = defineProps<Props>()
 const emit = defineEmits(['remove', 'update'])
 
+const { vibrate } = useVibrate()
 const top = useTemplateRef('top')
 const left = shallowRef<string>('0')
 
@@ -86,6 +87,7 @@ const { lengthX, direction, isSwiping } = useSwipe(top, {
     if (['down', 'up'].includes(direction.value)) return
     if (lengthX.value < -50) update()
     if (lengthX.value > 50) deleteCard()
+    vibrate(100)
     left.value = '0'
   },
 })
diff --git a/app/components/Pp/PriceCardDialog.vue b/app/components/Pp/PriceCardDialog.vue
index dd19cc1..ffd34b3 100644
--- a/app/components/Pp/PriceCardDialog.vue
+++ b/app/components/Pp/PriceCardDialog.vue
@@ -5,7 +5,7 @@
   >
     <form method="dialog">
       <header class="flex-row padding">
-        {{ cardLabel }}
+        {{ currentCardIndex > -1 ? 'Bearbeiten' : 'Neues Hinzufügen' }}
         <PpButton class="round text">
           <Icon name="uil:times" mode="svg" />
         </PpButton>
@@ -65,7 +65,7 @@
           </PpButton>
         </form>
         <PpButton class="raised" @click="validate">
-          <span>{{ cardLabel }}</span>
+          <span>{{ currentCardIndex > -1 ? 'Übernehmen' : 'Hinzufügen' }}</span>
         </PpButton>
       </footer>
   </dialog>