From 30912de13f6baae840bcdf56a023fbb1f40f411e Mon Sep 17 00:00:00 2001
From: s416422
Date: Sat, 18 Jan 2020 01:19:30 +0100
Subject: [PATCH] RWD fixed
---
public/css/app.css | 32 +++++++++++++------
public/css/map/jquery.seat-charts.css | 31 +++++++++++++++++-
public/css/map/seatchart-preview.css | 28 ++++++++++++++++
resources/views/home.blade.php | 8 ++++-
resources/views/map/start_map.blade.php | 20 ------------
resources/views/map/summary_map.blade.php | 4 +--
.../views/user/user_attendances.blade.php | 2 +-
resources/views/user/user_classes.blade.php | 13 +++++---
8 files changed, 99 insertions(+), 39 deletions(-)
diff --git a/public/css/app.css b/public/css/app.css
index fcf54d4..dd81198 100644
--- a/public/css/app.css
+++ b/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 {
- max-height: 500px;
- overflow-y: auto;
- -ms-overflow-style: none;
-}
-.scrollable-div::-webkit-scrollbar {
- display: none;
+@media (max-width: 767px) {
+ .custom-header {
+ flex-direction: column;
+ }
+
+ .mode-div {
+ justify-content: space-between;
+ }
+
+ .mode-div div {
+ width: 50%;
+ }
}
-
diff --git a/public/css/map/jquery.seat-charts.css b/public/css/map/jquery.seat-charts.css
index 6da7828..c680ccf 100644
--- a/public/css/map/jquery.seat-charts.css
+++ b/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) {
diff --git a/public/css/map/seatchart-preview.css b/public/css/map/seatchart-preview.css
index 87f6a07..84d102f 100644
--- a/public/css/map/seatchart-preview.css
+++ b/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;
+ }
+}
+
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
index f4b0ca0..49594c1 100644
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -21,11 +21,14 @@
Sprawdzanie obecności możesz rozpocząć w zakładce Sprawdź obecność.
-
W trybe egzaminu studenci nie będą sami wybierać sobie miejsc, lecz miejsca zostaną im przydzielone w sposób losowy.
+
W trybe egzaminu studenci nie będą sami wybierać sobie miejsc, lecz miejsca zostaną im przydzielone w sposób losowy i pokazane na mapie.
+
W trybe szybkim sprawdzana jest sama obecność, bez przypisywania miejsc.
Po rozpoczęciu zapisów zostanie wygenerowany i wyświetlony na ekranie kod weryfikacyjny.
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ęć.
+
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.
+
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.
W tej zakładce znajdziesz także listę wszystkich minionych zajęć.
W każdym momencie możesz zobaczyć podgląd sali i listę obecności dla konkretnych zajęć. Taką listę możesz sortować i wyeksportować do formatu xlsx.
@@ -34,6 +37,9 @@
Do każdej obecności możesz dodać notatkę i ją później edytować.
Rekordy dotyczące wszystkich obecności możesz grupować i wyeksportować. Przy eksporcie każda tabela-grupa trafi do pliku xlsx jako osobny arkusz.
+
+ 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.
+
@endsection
@yield('user_content')
diff --git a/resources/views/map/start_map.blade.php b/resources/views/map/start_map.blade.php
index 4a9f8e2..5084cbe 100644
--- a/resources/views/map/start_map.blade.php
+++ b/resources/views/map/start_map.blade.php
@@ -35,26 +35,6 @@
-
-