RWD fixed

public/css/app.css

@@ -11198,6 +11198,9 @@ a.text-dark:focus {
 main {
   padding-top: 20px;
 }
+.form-check-label {
+  padding: 0 15px;
+}
 
 .badge {
   padding: 5px;
@@ -11206,22 +11209,33 @@ main {
 
 .mode-div {
   display: flex;
-  justify-content: flex-start;
+  justify-content: center;
   align-items: center;
   width: 100%;
 }
+.mode-div div {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 40%;
+}
 
 .mode-div input {
   width: 20px;
+  padding: 0 15px;
 }
 
-.scrollable-div {
+@media (max-width: 767px) {
-  max-height: 500px;
+  .custom-header {
-  overflow-y: auto;
+    flex-direction: column;
-  -ms-overflow-style: none;
+  }
-}
+
-.scrollable-div::-webkit-scrollbar {
+  .mode-div {
-  display: none;
+    justify-content: space-between;
+  }
+
+  .mode-div div {
+    width: 50%;
+  }
 }
 
-

public/css/map/jquery.seat-charts.css

@@ -220,6 +220,7 @@ a.checkout-button {
 	display: none;
 	width: 50%;
 	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.1);
+	margin-top: 50px;
 }
 .card-reader div {
 	margin: 5px 0;
@@ -250,6 +251,7 @@ a.checkout-button {
 	width: 100%;
 	display: flex;
 	justify-content: space-between;
+	align-items: center;
 }
 
 .main-text {
@@ -272,6 +274,10 @@ a.checkout-button {
 	letter-spacing: 0.2em;
 }
 
+.summary-map-h {
+	text-align: center;
+	margin-top: 30px;
+}
 
 @media (max-width: 1300px) {
 	.wrapper {
@@ -281,6 +287,9 @@ a.checkout-button {
 	.main-text {
 		font-size: 9vh;
 	}
+	.carousel-item {
+		overflow-y: auto;
+	}
 }
 
 @media (max-width: 870px) {
@@ -296,11 +305,31 @@ a.checkout-button {
 
 	.card-reader {
 		bottom: -30%;
-		transform: translate(-50%, -10%);
 		padding: 30px 50px;
 		font-size: 25px;
+		width: 100%;
 	}
 
+	.card-reader-form div {
+		flex-direction: column;
+	}
+
+	.card-reader-form input {
+		width: 100%;
+	}
+
+	.front-indicator {
+		flex-direction: column;
+	}
+
+	.seat-p-preview {
+		width: 100%;
+		margin-top: 10px;
+	}
+
+	.seat-p {
+		margin: 0;
+	}
 }
 
 @media (max-width: 650px) {

public/css/map/seatchart-preview.css

@@ -66,3 +66,31 @@ div.seatCharts-seat.taken {
 .front-indicator {
     margin: 0 40px;
 }
+
+.scrollable-div {
+    max-height: 500px;
+    overflow-y: auto;
+}
+
+@media (max-width: 767px) {
+    .front-indicator {
+        flex-direction: column;
+    }
+    .seat-p-preview {
+        width: 100%;
+        margin-top: 10px;
+    }
+    .seat-p {
+        margin: 0;
+    }
+
+    .preview-page-content {
+        flex-direction: column;
+    }
+
+    .preview-attendance-table, .seat-chart-wrapper {
+        width: 100%;
+        margin: 20px 0;
+    }
+}
+

resources/views/home.blade.php

@@ -21,11 +21,14 @@
                                 </p>
                                 <p></p>
                                 <p> Sprawdzanie obecności możesz rozpocząć w zakładce <a href="{{ route('user_classes') }}"><b>Sprawdź obecność</b></a>.
-                                    <br> W <b>trybe egzaminu</b> studenci nie będą sami wybierać sobie miejsc, lecz miejsca zostaną im przydzielone w sposób losowy.
+                                    <br> W <b>trybe egzaminu</b> studenci nie będą sami wybierać sobie miejsc, lecz miejsca zostaną im przydzielone w sposób losowy i pokazane na mapie.
+                                    <br> W <b>trybe szybkim</b> sprawdzana jest sama obecność, bez przypisywania miejsc.
                                     <br> Po rozpoczęciu zapisów zostanie wygenerowany i wyświetlony na ekranie <b>kod weryfikacyjny</b>.
                                     Należy go wprowadzić do programu obsługującego odczyt danych z legitymacji studenckich.
                                     Kod jest ważny 1,5 godziny od momentu utworzenia zajęć.
+                                    <br> Od tego momentu można rozpocząć proces sprawdzania obecności poprzez wprowadzanie legitymacji do czytnika. W razie potrzeby istnieje także możliwośc manualnego dodania obecności (na przykład w przypadku braku czytnika, braku legitymacji czy problemów technicznych).
                                     Dopóki kod jest aktywny, zapisy można przerywać i ponownie kontynuować, gdy zajdzie taka potrzeba.
+                                    <br> Jeśli limit miejsc w sali zostanie osiągnięty, to każda kolejna osoba będzie wciąż miała możliwość zarejestrowania swojej obecności na zajęciach, lecz nie zostanie do niej przypisane żadne miejsce siedzące.
                                     <br> W tej zakładce znajdziesz także listę wszystkich minionych zajęć.
                                     <br> W każdym momencie możesz zobaczyć <b>podgląd sali</b> i listę obecności dla konkretnych zajęć. Taką listę możesz sortować i wyeksportować do formatu xlsx.
                                 </p>
@@ -34,6 +37,9 @@
                                     <br> Do każdej obecności możesz dodać <b>notatkę</b> i ją później edytować.
                                     <br> Rekordy dotyczące wszystkich obecności możesz grupować i wyeksportować. Przy eksporcie każda tabela-grupa trafi do pliku xlsx jako osobny arkusz.
                                 </p>
+                                <p>
+                                    <b> Z racji charakteru systemu, który bazuje na integracji z zewnętrznym czytnikiem i mapą sali, rekomendowane jest korzystanie z programu w trybie desktopowym, a nie mobilnym. </b>
+                                </p>
                             @endsection
                             @yield('user_content')
                         </div>

resources/views/map/start_map.blade.php

@@ -35,26 +35,6 @@
             </form>
         </div>
 
-        <div class="modal fade" id="already-exist-modal" tabindex="-1" role="dialog" aria-labelledby="already-exist-modal" aria-hidden="true">
-            <div class="modal-dialog modal-dialog-centered" role="document">
-                <div class="modal-content">
-                    <div class="modal-header">
-                        <h5>Taki student już istnieje</h5>
-                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                            <span aria-hidden="true">&times;</span>
-                        </button>
-                    </div>
-                    <div class="modal-body">
-                        <p> Student <span class="student"></span> już istnieje </p>
-                    </div>
-                    <div class="modal-footer">
-                        <button type="button" class="btn btn-primary" data-dismiss="modal" title="OK"> OK </button>
-                    </div>
-
-                </div>
-            </div>
-        </div>
-
         <script>
             var classes_code_input = $('#classes_code_input').html();
             const client = new WebSocket('ws://127.0.0.1:8888', classes_code_input);

resources/views/map/summary_map.blade.php

@@ -11,9 +11,9 @@
             <a href="{{ route('user_classes') }}" class="checkout-button end-button"> Zakończ zapisy </a>
         </div>
         @if($warning)
-            <h1> {{ $warning }} </h1>
+            <h1 class="summary-map-h"> {{ $warning }} </h1>
         @else
-            <h1> Zostałeś poprawnie zapisany.</h1>
+            <h1 class="summary-map-h"> Zostałeś poprawnie zapisany.</h1>
         @endif
         <br><br>
         <h2> {{ $student_name }} {{ $student_surname }} </h2>

resources/views/user/user_attendances.blade.php

@@ -14,7 +14,7 @@
             </div>
 
              <div class="card-body add-attendance">
-                 <h4 class="card-header"> Dodaj obecność </h4>
+                 <h5> Dodaj obecność </h5>
                  <form method="POST" action="{{ route('user_add_attendance') }}" class="col-md-12">
                      @csrf
 

resources/views/user/user_classes.blade.php

@@ -47,11 +47,14 @@
                     <div class="form-group row">
 
                         <div class="mode-div">
-                            <label for="test-mode" class="col-md-4 col-form-label text-md-right form-check-label">{{ __('Tryb egzaminu') }}</label>
+                            <div>
-                            <input id="test-mode" type="checkbox" class="form-control" name="mode" value="test">
+                                <label for="test-mode" class="form-check-label">{{ __('Tryb egzaminu') }}</label>
-
+                                <input id="test-mode" type="checkbox" class="form-control" name="mode" value="test">
-                            <label for="quick-mode" class="col-md-4 col-form-label text-md-right form-check-label">{{ __('Tryb szybki') }}</label>
+                            </div>
-                            <input id="quick-mode" type="checkbox" class="form-control" name="mode" value="quick">
+                            <div>
+                                <label for="quick-mode" class=" form-check-label">{{ __('Tryb szybki') }}</label>
+                                <input id="quick-mode" type="checkbox" class="form-control" name="mode" value="quick">
+                            </div>
                         </div>
                     </div>