Sixtens hemsida Uppgifter Blogg Om

VED House bokningssystem

Gå till sida

Källkod

api/

database.php

api.php

ved/

monthBookingData.php

openingHoursException.php

bookingData.php

dayTimeframes.php

bookings.php

admin/

revokeToken.php

authorization.php

login.php

modules/

vedDatabase.php

utility.php

gyar/

log.php

auth/

revokeToken.php

authorization.php

login.php

station/

settings.php

log.php

modules/

gyarDatabase.php

databaseConnection.php

database.php

utility.php

credentials.json

weather/

latest.php

old.php

admin/

index.html

changeTimetable.html

login.html

js/

login.js

modules.js

admin.js

header.js

changeTimetable.js

cron/

vedClearExpiredTokens.php

weuweb01/ved/admin/changeTimetable.html

1 lines
<!DOCTYPE html>
<html lang="sv">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="https://media.vedhouse.se/2020/07/liten-logga2-150x150.png" sizes="32x32">
    <link rel="stylesheet" type="text/css" href="../css/admin-style-half.css?6">
    <link rel="stylesheet" type="text/css" href="../css/admin-style.css?2">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap"
        rel="stylesheet">
    <link
        href="https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"
        rel="stylesheet">
    <script defer type="module" src="js/changeTimetable.js?17"></script>


    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI"
        crossorigin="anonymous"></script>
    <title>Admin - VED house</title>
</head>

<body>
    <header></header>
    <script type="module" src="js/header.js"></script>
    <div class="container">
        <br>
        <div class="row">
            <div class="col">
                <div class="card mb-3">
                    <div class="card-header">
                        Ändra öppettider
                    </div>
                    <div class="card-body">
                        <form id="timetable-form">
                            <div id="timetable-form-error"></div>

                            <div id="dayTimes">
                            </div>
                            <p class="pt-3 pb-3">Justera bokningsinställningar</p>
                            <div class="row">
                                <label for="booking-interval" class="col pt-1">
                                    Bokningsintervall:
                                </label>
                                <div class="col">
                                    <div class="input-group mb-3" style="width:12rem;">
                                        <input id="booking-interval" type="number" class="form-control"
                                            aria-describedby="basic-addon2" name="bookingInterval" min="1">
                                        <span class="input-group-text" id="basic-addon2">min</span>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <label for="booking-length" class="col pt-1">
                                    Bokningslängd:
                                </label>
                                <div class="col">
                                    <div class="input-group mb-3" style="width:12rem;">
                                        <input id="booking-length" type="number" class="form-control"
                                            aria-describedby="basic-addon2" name="bookingLength" min="1">
                                        <span class="input-group-text" id="basic-addon2">min</span>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <label for="seat-count" class="col pt-1">
                                    Antal platser:
                                </label>
                                <div class="col">
                                    <div class="input-group mb-3" style="width:12rem;">
                                        <input id="seat-count" type="number" class="form-control"
                                            aria-describedby="basic-addon2" name="seatCount" min="1">
                                    </div>
                                </div>
                            </div>
                            <input type="submit" class="btn btn-primary" value="Spara">
                        </form>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card mb-3">
                    <div class="card-header">
                        Lägg till undantagstider
                    </div>
                    <div class="card-body">
                        <form id="exception-form">
                            <div id="exception-form-error"></div>
                            <div class="row">
                                <div class="col pt-1">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="" id="multi-day"
                                            name="multiDay">
                                        <label class="form-check-label" for="multi-day">
                                            Flera dagar
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="row" id="exception-single-day">
                                <label for="exception-day1" class="col pt-1">
                                    Datum:
                                </label>
                                <div class="col">
                                    <div class="input-group mb-3">
                                        <input id="exception-day1" type="date" class="form-control" name="day1"
                                            required>
                                    </div>
                                </div>
                            </div>
                            <div class="row" id="exception-multi-day" hidden>
                                <label for="exception-day2" class="col pt-1">
                                    Till:
                                </label>
                                <div class="col">
                                    <div class="input-group mb-3">
                                        <input id="exception-day2" type="date" class="form-control" name="day2">
                                    </div>
                                </div>
                            </div>
                            <div class="row" id="exception-time">
                                <label for="opening-hours-exception-1" class="col pt-1">
                                    Öppettider:
                                </label>
                                <div class="col">
                                    <div class="form-check form-switch pt-2 pd-2 float-end">
                                        <input class="form-check-input day-is-open" type="checkbox" role="switch"
                                            id="switchCheckDefault" name="isOpen">
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="input-group mb-3" style="width: 7rem">
                                        <input id="opening-hours-exception-1" type="time"
                                            class="form-control day-opening" name="opening">
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="input-group mb-3" style="width: 7rem">
                                        <input id="opening-hours-exception-2" type="time"
                                            class="form-control day-closing" name="closing">
                                    </div>
                                </div>
                            </div>
                            <input type="submit" class="btn btn-primary" value="Lägg till">
                        </form>
                    </div>
                </div>

                <div class="card mb-3">
                    <div class="card-header">
                        Aktiva undantagstider
                    </div>
                    <div class="card-body">
                        <div id="exception-list-error"></div>
                        <span id="exception-list-empty">Det finns inga aktiva undantag.</span>
                        <div id="exception-list-container">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
</body>

</html>