Fixed basic calendar functionality

2020-06-26 12:51:05 +02:00
parent ecf1488bef
commit de607a2d3c
2 changed files with 117 additions and 29 deletions
@@ -0,0 +1,58 @@
+@extends("app.layout.base")
+@extends("app.layout.header")
+@section("title")
+    Booking Liste
+@endsection
+
+@section("content")
+    <main>
+        <h1 class="text-center sde-blue mb-0">Booking Liste</h1>
+        <div class="col w-100 mt-auto">
+            <div class="calendar-container">
+                <div class="calendar-container__header">
+                    <button id="week-previous" class="calendar-container__btn calendar-container__btn--left" title="Previous">
+                        <i class="icon ion-ios-arrow-back"></i>
+                    </button>
+                    <h2 id="month" class="calendar-container__title">{Måned} {År}</h2>
+                    <button id="week-next" class="calendar-container__btn calendar-container__btn--right" title="Next">
+                        <i class="icon ion-ios-arrow-forward"></i>
+                    </button>
+                </div>
+                <div class="calendar-container__body">
+                    <div id="calendar" class="calendar-table">
+                        <div class="calendar-table__body">
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div id="event-container" class="events-container">
+
+                <p>
+                    Maskiner skal dynamisk opdateres alt efter om det er en fra bygning E eller en af de andre bygninger der vil vaske, da bygning E har egen vaskekælder!
+                </p>
+{{--                <span class="events__title">Maskiner</span>--}}
+{{--                <select id="washing-machines" class="events__list">--}}
+
+{{--                </select>--}}
+
+{{--                <span class="events__title">Tider</span>--}}
+{{--                <select id="events" class="events__list">--}}
+                    {{--                    <li class="events__item">--}}
+                    {{--                        <div class="events__item--left">--}}
+                    {{--                            <span class="events__name">Vaskemaskine Tid</span>--}}
+                    {{--                            <span class="events__date">{Dato}</span>--}}
+                    {{--                        </div>--}}
+                    {{--                        <span class="events__tag">Book</span>--}}
+                    {{--                    </li>--}}
+                    {{--                    <li class="events__item">--}}
+                    {{--                        <div class="events__item--left">--}}
+                    {{--                            <span class="events__name">Vaskemaskine Tid</span>--}}
+                    {{--                            <span class="events__date">{Dato}</span>--}}
+                    {{--                        </div>--}}
+                    {{--                        <span class="events__tag">Book</span>--}}
+                    {{--                    </li>--}}
+                </select>
+            </div>
+        </div>
+    </main>
+@endsection