RWD fixed
This commit is contained in:
parent
25d7ea4fe3
commit
30912de13f
@ -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%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -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) {
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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">×</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);
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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
|
||||
|
||||
|
||||
@ -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>
|
||||
<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>
|
||||
<input id="quick-mode" type="checkbox" class="form-control" name="mode" value="quick">
|
||||
<div>
|
||||
<label for="test-mode" class="form-check-label">{{ __('Tryb egzaminu') }}</label>
|
||||
<input id="test-mode" type="checkbox" class="form-control" name="mode" value="test">
|
||||
</div>
|
||||
<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>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user