backend validation change, frontend changes

2026-08-10 20:39:56 +02:00
parent 48048e516a
commit f84636b31f
7 changed files with 116 additions and 26 deletions
@@ -1,16 +1,36 @@
 <template>
-    <div class="gw-div">
+    <div class="gw-div" :class="{ 'default': correctness==0, 'cw-cp': correctness==4, 'cw-ip': correctness==3, 'cf-cp': correctness==2, 'cf-ip': correctness==1 }">
        <slot></slot>
    </div>
 </template>

+<script lang="ts">
+
+    export default {
+        props: {
+            correctness: {
+                type: Number,
+                default: 0,
+            }, 
+        }
+    }
+</script>
+
 <style scoped>
+    
+    .gw-div::first-letter {
+        font-weight: bold;
+    }
    .gw-div {
        border-radius: 5px;
        padding: 5px;
        margin: 5px;
        justify-content: center;
        background-color: grey;
+        color: white;
+    }
+    .default {
+        background-color: red;
    }
    .cw-cp {
        background-color: rgb(0, 122, 2);