listing slots within current hour

frontend/src/components/HomePage.vue

@@ -18,10 +18,9 @@ onBeforeMount(async () => {
     </header>
     <article v-if="rooms">
         <h2>Free Rooms:</h2>
-        {{ rooms.records }}
         <p v-if="rooms.records.length == 0">No free rooms right now</p>
-        <ul v-for="(slot, index) in rooms.records">
-            <li :id="index">{{ slot }}</li>
+        <ul v-for="slot in rooms.records">
+            <li>Room: {{ slot.RoomName }}, from {{ slot.TimeStart.toString().split("T")[1] }} til {{ slot.TimeEnd.toString().split("T")[1] }}</li>
         </ul>
     </article>
 </template>