Add colors to quest list

app/components/QuestTags.vue

@@ -22,7 +22,11 @@ const { tKey } = useI18nKey();
   <span>{{ quest.pictureRequired ? '📸' : '📷' }}</span>
   <span title="aaa">{{ quest.textRequired ? '❓' : '❔' }}</span>
   <span class="mx-2">{{ tKey(quest, 'title') }}</span>
-  <VaChip v-if="quest.answer?.review?.score" color="success" class="float-right"
+  <VaChip
+    v-if="quest.answer?.review?.score"
+    color="onSuccess"
+    outline
+    class="float-right"
     >{{ quest.answer?.review?.score || 0 }} / {{ quest.points
     }}{{ quest.extraPoints ? `+${quest.extraPoints}` : '' }}</VaChip
   >

app/lang/de.json

@@ -137,7 +137,9 @@
       "quest_soon_reveal": "Bald werden alle {count} Quests aufgedeckt!",
       "invite_toast_title": "Einladungscode",
       "invite_toast_message": "Einladungscode wurde in deine Zwischenablage kopiert! Teile ihn mit deinen neuen Teammitgliedern.",
-      "invite_toast_text": "Trete dem Team {team} mit dem Code \"{code}\" im Hunt \"{hunt}\" bei!"
+      "invite_toast_text": "Trete dem Team {team} mit dem Code \"{code}\" im Hunt \"{hunt}\" bei!",
+      "open_answer": "Öffnen und beantworten",
+      "open_finalize": "Öffnen und finalisieren"
     },
     "help": {
       "title": "Hilfe",

app/lang/en.json

@@ -137,7 +137,9 @@
       "quest_soon_reveal": "Soon all {count} quests will be revealed!",
       "invite_toast_title": "Invite code",
       "invite_toast_message": "Invite code was copied to your clipboard! Share it with your next team mates.",
-      "invite_toast_text": "Join team {team} with code \"{code}\" on hunt \"{hunt}\"!"
+      "invite_toast_text": "Join team {team} with code \"{code}\" on hunt \"{hunt}\"!",
+      "open_answer": "Open and answer",
+      "open_finalize": "Open and finalize"
     },
     "help": {
       "title": "Help",

app/pages/hunt/[huntSlug]/index.vue

@@ -206,6 +206,14 @@ ${document.location.href}`
                 ? 'warning'
                 : 'primary'
           "
+          :color="
+            (quest.answer?.review?.score && quest.answer?.review?.score > 0) ||
+            quest.answer?.final
+              ? 'success'
+              : !!quest.answer
+                ? 'warning'
+                : undefined
+          "
         >
           <VaCardTitle><QuestTags :quest="quest" /></VaCardTitle>
           <VaImage
@@ -218,8 +226,19 @@ ${document.location.href}`
           >
             <template #loader> <VaProgressCircle indeterminate /> </template
           ></VaImage>
-          <VaCardContent>
+          <VaCardContent
-            <p class="line-clamp-2 h-12">{{ tKey(quest, 'description') }}</p>
+            v-if="
+              !(
+                (quest.answer?.review?.score &&
+                  quest.answer?.review?.score > 0) ||
+                quest.answer?.final
+              ) ||
+              (!hideAnswers && quest.answer?.text)
+            "
+          >
+            <p class="line-clamp-4">
+              {{ tKey(quest, 'description').value.split('\n')[0] }}
+            </p>
 
             <div v-if="!hideAnswers && quest.answer?.text">
               <VaDivider />
@@ -236,7 +255,13 @@ ${document.location.href}`
               color="primary"
               icon="rate_review"
               class="flex-grow"
-              >{{ t('page.common.open') }}</VaButton
+              >{{
+                t(
+                  !!quest.answer && !quest.answer.final
+                    ? 'page.hunt.open_finalize'
+                    : 'page.hunt.open_answer'
+                )
+              }}</VaButton
             >
             <VaButton
               v-if="data.isMember"