feat: evaluation feedback record

frontend/src/components/Controls/Rating.vue

@@ -1,11 +1,17 @@
 <template>
-	<div class="flex text-center">
-		<div v-for="index in 5">
-			<Star
-				:class="index <= rating ? 'fill-orange-500' : ''"
-				class="h-6 w-6 fill-gray-400 text-gray-50 mr-1 cursor-pointer"
-				@click="markRating(index)"
-			/>
+	<div class="space-y-1">
+		<label class="block text-xs text-gray-600" v-if="props.label">
+			{{ props.label }}
+		</label>
+		<div class="flex text-center">
+			<div v-for="index in 5">
+				{{ rating }}
+				<Star
+					:class="index <= rating ? 'fill-orange-500' : ''"
+					class="h-6 w-6 fill-gray-400 text-gray-50 mr-1 cursor-pointer"
+					@click="markRating(index)"
+				/>
+			</div>
 		</div>
 	</div>
 </template>
@@ -23,11 +29,15 @@ const props = defineProps({
 		type: Number,
 		default: 0,
 	},
+	label: {
+		type: String,
+		default: '',
+	},
 })
 
 const emit = defineEmits(['update:modelValue'])
 let rating = ref(props.modelValue)
-
+console.log(props.modelValue)
 let emitChange = (value) => {
 	emit('update:modelValue', value)
 }