didier/cineflex
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix+add: seats + seat-chooser

Browse source
This commit is contained in:
Didier Slof 2023-01-01 20:13:11 +01:00
parent 2c6745e812
commit b0cc5b5278
Signed by: didier
GPG key ID: 01E71F18AA4398E5
31 changed files with 808 additions and 115 deletions
Download patch file Download diff file Expand all files Collapse all files

33
resources/views/components/seat-chooser.blade.old.php Normal file
View file

@ -0,0 +1,33 @@
@extends('layout')
@push('head')
<link rel="stylesheet" href="{{ asset('css/seat-chooser.css') }}">
<script src="{{ asset('js/seat-chooser.js') }}" defer></script>
@endpush
<div id="load-screen">
<div id="loading">
<div class="spinner"></div>
<div class="loading-text">Loading...</div>
</div>
</div>
<div class="seat-chooser">
@foreach($seatmatrix as $row)
<div class="row">
@foreach($row as $seat)
@if($seat)
<div class="seat @if($seat->isReserved($showing_id)) reserved @endif"
data-seat-id="{{ $seat->seat_id }}"
data-seat-status="{{ $seat->seat_status }}"
data-seat-row="{{ $seat->seat_row }}"
data-seat-column="{{ $seat->seat_column }}">
<div class="seat-number">{{ $seat->seat_row }}-{{ $seat->seat_column }}</div>
</div>
@else
<div class="no-seat"></div>
@endif
@endforeach
</div>
@endforeach
</div>

23
resources/views/components/seat-chooser.blade.php
View file

@ -2,26 +2,7 @@
@push('head')
<link rel="stylesheet" href="{{ asset('css/seat-chooser.css') }}">
<style>
:root {
--rows: {{ $room->room_rows }};
--cols: {{ $room->room_columns }};
}
</style>
<script src="{{ asset('js/seat-chooser.js') }}" defer></script>
@endpush
<div class="seat-chooser">
@foreach($seatmatrix as $row)
<div class="row">
@foreach($row as $seat)
<div class="seat @if($seat->isReserved) reserved @endif"
data-seat-id="{{ $seat->seat_id }}"
data-seat-status="{{ $seat->seat_status }}"
data-seat-row="{{ $seat->seat_row }}"
data-seat-column="{{ $seat->seat_column }}">
<div class="seat-number">{{ $seat->seat_row }}{{ $seat->seat_column }}</div>
</div>
@endforeach
</div>
@endforeach
</div>
<div id="seat-chooser"></div>