{"error":"No Access 401}

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta name="viewport" content="width=device-width, initial-scale=1.0" charset="UTF-8" /><title>
	Innstillinger
</title><link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous" /><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer" /><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@eonasdan/tempus-dominus@6.9.4/dist/css/tempus-dominus.min.css" crossorigin="anonymous" />
    <!-- Option 1: Include in HTML -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css" /><link rel="stylesheet" href="https://code.jquery.com/ui/1.14.1/themes/base/jquery-ui.css" /></head>
<body id="doc-body">
    <script src="./assets/js/eventModule.js?n=43a1eada-12f8-46f8-9e13-171d328401c0"></script>
    

    <link rel="stylesheet" href="/assets/css/index.css?n=bff380e1-fa18-4c38-92e6-53c610f73c98" />
    <form method="post" action="./" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJODY0NzA5NzAzZGSZWlL9gUCeYxrPmnRL5mCVohRP4w==" />
</div>

<div class="aspNetHidden">

	<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="90059987" />
</div>
        <div class="container-fluid" style="height: 100vh; display: flex; flex-direction: column;">
            <div class="row mx-auto" style="width: 100%; display: flex; flex-grow: 1;">
                <div class="col-5" style="margin-top: 15px; display: flex; flex-direction: column; align-items: center; height: 100%; flex-grow: 1;">

                    <div class="card mb-3" style="width: 100%; margin-bottom: 15px; flex-grow: 1;">
                        <div class="card-header">
                            <h3 style="font-size: calc(1rem + 0.3vw + 0.3vh);" data-tag="Innstillinger">Innstillinger</h3>
                        </div>
                        <div card="card-body">
                            <div class="my-3 mx-3">
                                <h4 id="plan-name" style="font-size: calc(0.8rem + 0.3vw + 0.3vh);">Navn på nivået</h4>
                                <div class="row mt-2 mb-2 status-switches d-none" id="asl-switch-container">
                                    <div class="col-3">
                                        <label><span data-tag="Arv">Arv:</span><i class="bi bi-info-circle-fill" 
                                           title="Arver planen nedover i hierarkiet. Arv vil bli slått av hvis planen er deaktivert."
                                           style="font-size: 1rem; margin-left: 5px; cursor: help; color: #6c757d;"></i>
                                        </label>
                                    </div>
                                    <div class="col-3" style="width: 3vw">
                                        <div class="onoffswitch">
                                            <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="aSLSwitch" tabindex="0" unchecked>
                                            <label class="onoffswitch-label" for="aSLSwitch">
                                                <span class="onoffswitch-inner"></span>
                                                <span class="onoffswitch-switch"></span>
                                            </label>
                                        </div>
                                    </div>
                                    <div class="col-6"></div>
                                </div>
                                <div class="row mt-2 mb-2 status-switches d-none">
                                    <div class="col-3">
                                        <label data-tag="Aktivert">Aktivert: </label>
                                    </div>
                                    <div class="col-3">
                                        <div class="onoffswitch">
                                            <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="isEnabledSwitch" tabindex="0" unchecked>
                                            <label class="onoffswitch-label" for="isEnabledSwitch">
                                                <span class="onoffswitch-inner"></span>
                                                <span class="onoffswitch-switch"></span>
                                            </label>
                                        </div>
                                    </div>
                                    <div class="col-6"></div>
                                </div>

                                <div class="row mt-2 mb-2">
                                    <div class="col-3">
                                        <label data-tag="Status">Status: </label>
                                    </div>
                                    <div class="col-3">
                                        <label id="planStatus" data-tag="planStatus"></label>
                                    </div>
                                    <div class="col-6">
                                        <div class="row">
                                            <button type="button" class="btn btn-danger mb-1 d-none" id="deletePlanBTN" data-tag="deletePlanBTN">Slett Plan</button>
                                            <button type="button" class="btn btn-primary mb-1 d-none" id="addPlanBTN" data-tag="addPlanBTN">Legg til Plan</button>
                                            <button type="button" class="btn btn-primary d-none mb-1" id="importParentPlanBTN" data-tag="importParentPlanBTN">Importer Plan</button>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>

                    <div class="card mb-3" style="display: flex; flex-direction: column; margin-bottom: 15px; flex-grow: 4; width: 100%;">
                        <div class="card-header">
                            <h3 style="font-size: calc(1rem + 0.3vw + 0.3vh);" data-tag="AdminTimeplan">Administrere Timeplaner</h3>
                        </div>
                        <div class="card-body" style="flex: 1; display: flex; flex-direction: column;">
                            <div class="input-group mb-3">
                                <div class="child-item-spacer"></div>
                                <select class="form-select card-dropdown" id="cardTypeDropdown">
                                    <option value="0" data-tag="Mandag">Mandag</option>
                                    <option value="1" data-tag="Tirsdag">Tirsdag</option>
                                    <option value="2" data-tag="Onsdag">Onsdag</option>
                                    <option value="3" data-tag="Torsdag">Torsdag</option>
                                    <option value="4" data-tag="Fredag">Fredag</option>
                                    <option value="5" data-tag="Lørdag">Lørdag</option>
                                    <option value="6" data-tag="Søndag">Søndag</option>
                                    <option value="7" data-tag="Weekday">Ukedager</option>
                                </select>
                            </div>
                            <div class="scrollable-content" style="overflow-y: auto; flex: 1;">
                                <div class="row mx-0" id="timeElemInputGroup"></div>
                            </div>
                            <button type="button" class="btn btn-primary" id="addTimeCardBTN" style="width: 20vw; margin-top: auto;" disabled><i class="bi bi-plus-circle-fill" ></i>&nbsp;<span data-tag="addTimeCardBTN">Legg til intervall</span></button>
                        </div>
                    </div>

                    <button type="button" class="btn btn-danger mb-5" id="emptyCardBtn" disabled data-tag="emptyCardBtn">Tøm Alt i Planen</button>

                </div>
                <div id="time-graph" class="col-7 p-0" style="display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh;">
                </div>
            </div>
        </div>

        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/@eonasdan/tempus-dominus@6.9.4/dist/js/tempus-dominus.min.js" crossorigin="anonymous"></script>
        <script src="https://unpkg.com/tippy.js@6"></script>
        <script src="https://code.jquery.com/jquery-3.7.1.js"></script>
        <script src="https://code.jquery.com/ui/1.14.1/jquery-ui.js"></script>
        

        <script type="module">
            import { TimetableInitializer } from './classes/Init.js?n=1234';
            $(document).ready(async function () {
                requestAnimationFrame(async function () {
                    const init = await new TimetableInitializer(, );
                });
            })
        </script>

        <script>
            $(document).ready(function () {
                $(document).on('keydown', '.time-input', function (event) {
                    event.preventDefault();
                    return false;
                });

                $(document).on('focus', '.time-input', function () {
                    $(this).attr('readonly', 'readonly');
                });

                $('.time-input').attr('readonly', 'readonly');
            });
           
        </script>
            <script>        
        (async () => {
            const lang = new language('');
            await lang.load();  // Viktig: Venter til JSON er lastet            
        })();
    </script>
    </form>
</body>
</html>
