Moved files
This commit is contained in:
frederikpyt
@@ -0,0 +1,245 @@
|
||||
@extends("app.layout.base")
|
||||
@extends("app.layout.header")
|
||||
@section("title")
|
||||
Booking Liste
|
||||
@endsection
|
||||
|
||||
@section("content")
|
||||
<main>
|
||||
<h1 class="text-center sde-blue mb-0">Booking Liste</h1>
|
||||
<div class="col w-100 mt-auto">
|
||||
<div class="calendar-container">
|
||||
<div class="calendar-container__header">
|
||||
<button class="calendar-container__btn calendar-container__btn--left" title="Previous">
|
||||
<i class="icon ion-ios-arrow-back"></i>
|
||||
</button>
|
||||
<h2 class="calendar-container__title">{Måned} {År}</h2>
|
||||
<button class="calendar-container__btn calendar-container__btn--right" title="Next">
|
||||
<i class="icon ion-ios-arrow-forward"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="calendar-container__body">
|
||||
<div class="calendar-table">
|
||||
<div class="calendar-table__header">
|
||||
<div class="calendar-table__row">
|
||||
<div class="calendar-table__col">Man</div>
|
||||
<div class="calendar-table__col">Tir</div>
|
||||
<div class="calendar-table__col">Ons</div>
|
||||
<div class="calendar-table__col">Tor</div>
|
||||
<div class="calendar-table__col">Fre</div>
|
||||
<div class="calendar-table__col">Lør</div>
|
||||
<div class="calendar-table__col">Søn</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__body">
|
||||
<div class="calendar-table__row">
|
||||
<div class="calendar-table__col calendar-table__inactive">
|
||||
<div class="calendar-table__item">
|
||||
<span>30</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__col calendar-table__today">
|
||||
<div class="calendar-table__item">
|
||||
<span>1</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__col">
|
||||
<div class="calendar-table__item">
|
||||
<span>2</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__col">
|
||||
<div class="calendar-table__item">
|
||||
<span>3</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__col">
|
||||
<div class="calendar-table__item">
|
||||
<span>4</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__col">
|
||||
<div class="calendar-table__item">
|
||||
<span>5</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__col">
|
||||
<div class="calendar-table__item">
|
||||
<span>6</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__row">
|
||||
<div class="calendar-table__col">
|
||||
<div class="calendar-table__item">
|
||||
<span>7</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__col">
|
||||
<div class="calendar-table__item">
|
||||
<span>8</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__col">
|
||||
<div class="calendar-table__item">
|
||||
<span>9</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__col">
|
||||
<div class="calendar-table__item">
|
||||
<span>10</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__col">
|
||||
<div class="calendar-table__item">
|
||||
<span>11</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__col">
|
||||
<div class="calendar-table__item">
|
||||
<span>12</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__col">
|
||||
<div class="calendar-table__item">
|
||||
<span>13</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__row">
|
||||
<div class="calendar-table__col">
|
||||
<div class="calendar-table__item">
|
||||
<span>14</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__col">
|
||||
<div class="calendar-table__item">
|
||||
<span>15</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__col">
|
||||
<div class="calendar-table__item">
|
||||
<span>16</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__col">
|
||||
<div class="calendar-table__item">
|
||||
<span>17</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__col">
|
||||
<div class="calendar-table__item">
|
||||
<span>18</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__col">
|
||||
<div class="calendar-table__item">
|
||||
<span>19</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__col">
|
||||
<div class="calendar-table__item">
|
||||
<span>20</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__row">
|
||||
<div class="calendar-table__col">
|
||||
<div class="calendar-table__item">
|
||||
<span>21</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__col">
|
||||
<div class="calendar-table__item">
|
||||
<span>22</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__col">
|
||||
<div class="calendar-table__item">
|
||||
<span>23</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__col">
|
||||
<div class="calendar-table__item">
|
||||
<span>24</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__col">
|
||||
<div class="calendar-table__item">
|
||||
<span>25</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__col">
|
||||
<div class="calendar-table__item">
|
||||
<span>26</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__col">
|
||||
<div class="calendar-table__item">
|
||||
<span>27</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__row">
|
||||
<div class="calendar-table__col">
|
||||
<div class="calendar-table__item">
|
||||
<span>28</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__col">
|
||||
<div class="calendar-table__item">
|
||||
<span>29</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__col">
|
||||
<div class="calendar-table__item">
|
||||
<span>30</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__col">
|
||||
<div class="calendar-table__item">
|
||||
<span>31</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__col calendar-table__inactive">
|
||||
<div class="calendar-table__item">
|
||||
<span>1</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__col calendar-table__inactive">
|
||||
<div class="calendar-table__item">
|
||||
<span>2</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="calendar-table__col calendar-table__inactive">
|
||||
<div class="calendar-table__item">
|
||||
<span>3</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="events-container">
|
||||
<span class="events__title">Tider</span>
|
||||
<ul class="events__list">
|
||||
<li class="events__item">
|
||||
<div class="events__item--left">
|
||||
<span class="events__name">Vaskemaskine Tid</span>
|
||||
<span class="events__date">{Dato}</span>
|
||||
</div>
|
||||
<span class="events__tag">Book</span>
|
||||
</li>
|
||||
<li class="events__item">
|
||||
<div class="events__item--left">
|
||||
<span class="events__name">Vaskemaskine Tid</span>
|
||||
<span class="events__date">{Dato}</span>
|
||||
</div>
|
||||
<span class="events__tag">Book</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
@endsection
|
||||
@@ -3,14 +3,48 @@
|
||||
<head>
|
||||
<title>@yield("title")</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
{{-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">--}}
|
||||
<link type="text/css" rel="stylesheet" href="{{ mix("/css/webapp.css") }}">
|
||||
</head>
|
||||
<body>
|
||||
{{-- @yield("header")--}}
|
||||
<header class="row align-items-center">
|
||||
<img class="w-50" id="sdeLogo" src="{{URL::asset('/images/logos/Logo-normal.svg')}}" alt="Syddansk Erhvervsskole">
|
||||
<button class="ml-auto" onclick="toggleMenu('menu')" id="toggle">
|
||||
{{-- <img src="{{URL::asset('/images/icons/icon.svg')}}" id="menuIcon" alt="-">--}}
|
||||
<i class="fas fa-bars"></i>
|
||||
</button>
|
||||
</header>
|
||||
<div class="d-none bg-sde-blue col" id="menu">
|
||||
<a href="">
|
||||
<img src="{{URL::asset('/images/icons/Menuplan.svg')}}" alt="Menuplan">
|
||||
Menuplan
|
||||
</a>
|
||||
<a href="">
|
||||
<img src="{{URL::asset('/images/icons/Aktiviteter.svg')}}" alt="Aktiviteter">
|
||||
Aktiviteter
|
||||
</a>
|
||||
<a href="">
|
||||
<img src="{{URL::asset('/images/icons/Vaske booking liste.svg')}}" alt="Vaske booking liste">
|
||||
Vaske booking liste
|
||||
</a>
|
||||
<a href="">
|
||||
<img src="{{URL::asset('/images/icons/Galleri.svg')}}" alt="Galleri">
|
||||
Galleri
|
||||
</a>
|
||||
<a href="">
|
||||
<img src="{{URL::asset('/images/icons/Kontoret.svg')}}" alt="Kontoret">
|
||||
Kontoret
|
||||
</a>
|
||||
<a href="">
|
||||
<img src="{{URL::asset('/images/icons/Vagttelefon-hvid.svg')}}" alt="Vagttelefon">
|
||||
Vagttelefon
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@yield("content")
|
||||
@yield("content")
|
||||
|
||||
<script src="{{ mix("/js/app.js") }}"></script>
|
||||
@yield("scripts")
|
||||
<script src="{{ mix("/js/app.js") }}"></script>
|
||||
@yield("scripts")
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,34 @@
|
||||
@section("header")
|
||||
<header class="row align-items-center">
|
||||
<img class="w-50" id="sdeLogo" src="{{URL::asset('/images/logos/Logo-normal.svg')}}" alt="Syddansk Erhvervsskole">
|
||||
<a class="ml-auto" href="javascript:void(0)" id="toggle">
|
||||
<img src="{{URL::asset('/images/icons/icon.svg')}}" id="menuIcon" alt="-">
|
||||
</a>
|
||||
</header>
|
||||
<div class="d-none bg-sde-blue col" id="menu">
|
||||
<a href="">
|
||||
<img src="{{URL::asset('/images/icons/Menuplan.svg')}}" alt="Menuplan">
|
||||
Menuplan
|
||||
</a>
|
||||
<a href="">
|
||||
<img src="{{URL::asset('/images/icons/Aktiviteter.svg')}}" alt="Aktiviteter">
|
||||
Aktiviteter
|
||||
</a>
|
||||
<a href="">
|
||||
<img src="{{URL::asset('/images/icons/Vaske booking liste.svg')}}" alt="Vaske booking liste">
|
||||
Vaske booking liste
|
||||
</a>
|
||||
<a href="">
|
||||
<img src="{{URL::asset('/images/icons/Galleri.svg')}}" alt="Galleri">
|
||||
Galleri
|
||||
</a>
|
||||
<a href="">
|
||||
<img src="{{URL::asset('/images/icons/Kontoret.svg')}}" alt="Kontoret">
|
||||
Kontoret
|
||||
</a>
|
||||
<a href="">
|
||||
<img src="{{URL::asset('/images/icons/Vagttelefon-hvid.svg')}}" alt="Vagttelefon">
|
||||
Vagttelefon
|
||||
</a>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,42 @@
|
||||
@extends("app.layout.base")
|
||||
@extends("app.layout.header")
|
||||
@section("title")
|
||||
Menuplan
|
||||
@endsection
|
||||
|
||||
@section("content")
|
||||
<main>
|
||||
<h1 class="text-center sde-blue mb-0">Menuplan</h1>
|
||||
<span class="text-center sde-black-80 bold" id="week">Uge x</span>
|
||||
<div class="col w-100 mt-auto">
|
||||
<div class="w-100" id="mandag">
|
||||
<h3 class="sde-blue bold text-center">Mandag</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sodales pulvinar congue aenean suspendisse.</p>
|
||||
</div>
|
||||
<div class="w-100" id="tirsdag">
|
||||
<h3 class="sde-blue bold text-center">Tirsdag</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sodales pulvinar congue aenean suspendisse.</p>
|
||||
</div>
|
||||
<div class="w-100" id="onsdag">
|
||||
<h3 class="sde-blue bold text-center">Onsdag</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sodales pulvinar congue aenean suspendisse.</p>
|
||||
</div>
|
||||
<div class="w-100" id="torsdag">
|
||||
<h3 class="sde-blue bold text-center">Torsdag</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sodales pulvinar congue aenean suspendisse.</p>
|
||||
</div>
|
||||
<div class="w-100" id="fredag">
|
||||
<h3 class="sde-blue bold text-center">Fredag</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sodales pulvinar congue aenean suspendisse.</p>
|
||||
</div>
|
||||
<div class="w-100" id="lørdag">
|
||||
<h3 class="sde-blue bold text-center">Lørdag</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sodales pulvinar congue aenean suspendisse.</p>
|
||||
</div>
|
||||
<div class="w-100" id="søndag">
|
||||
<h3 class="sde-blue bold text-center">Søndag</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sodales pulvinar congue aenean suspendisse.</p>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
@endsection
|
||||
@@ -0,0 +1,4 @@
|
||||
@extends('app.layout.base')
|
||||
|
||||
@section('content')
|
||||
@endsection
|
||||
@@ -0,0 +1,26 @@
|
||||
@extends("app.layout.base")
|
||||
|
||||
@section("title")
|
||||
Login
|
||||
@endsection
|
||||
|
||||
@section("content")
|
||||
<main style="background-color: #00788a; height: 100%;">
|
||||
<div class="brand">
|
||||
<img src="{{URL::asset('/images/logos/Logo-hvid.svg')}}" alt="Syddansk Erhvervsskole">
|
||||
</div>
|
||||
<form action="" method="post">
|
||||
<input class="appinput" type="email" name="email" placeholder="Email" required>
|
||||
<input class="appinput" type="password" name="password" placeholder="Password" required>
|
||||
<label class="toggle">
|
||||
<input class="toggle__input" type="checkbox" name="rememberpassword">
|
||||
<span class="toggle__label">
|
||||
<span class="toggle__text text-white">Remember password</span>
|
||||
</span>
|
||||
</label>
|
||||
<input class="btn btn-dark" type="submit" value="Sign in">
|
||||
<button class="btn" onclick="window.location = '';">Sign up</button>
|
||||
</form>
|
||||
<a class="text-white text-center" href="">Forgot password?</a>
|
||||
</main>
|
||||
@endsection
|
||||
@@ -0,0 +1,20 @@
|
||||
@extends("app.layout.base")
|
||||
|
||||
@section("title")
|
||||
Register
|
||||
@endsection
|
||||
|
||||
@section("content")
|
||||
<main style="background-color: #00788a; height: 100%;">
|
||||
<div class="brand">
|
||||
<img src="{{ URL::asset('/images/logos/Logo-hvid.svg') }}" alt="Syddansk Erhvervsskole">
|
||||
</div>
|
||||
<form action="" method="post" onsubmit="return validateRegisterForm(this)" >
|
||||
<input class="appinput" type="email" name="email" placeholder="Email">
|
||||
<input class="appinput" type="password" name="password" placeholder="Password">
|
||||
<input class="appinput" type="password" name="confirmpassword" placeholder="Confirm password">
|
||||
<input class="btn btn-dark" type="submit" value="Sign up">
|
||||
<button class="btn" onclick="window.location='';">Sign in</button>
|
||||
</form>
|
||||
</main>
|
||||
@endsection
|
||||
@@ -0,0 +1,48 @@
|
||||
@extends("app.layout.base")
|
||||
@extends("app.layout.header")
|
||||
@section("title")
|
||||
Menuplan
|
||||
@endsection
|
||||
|
||||
@section("content")
|
||||
<main>
|
||||
<img class="mt-3" src="{{ URL::asset('/images/icons/Vagttelefon-normal.svg') }}" alt="Vagttelefon" style="height: 16vw;">
|
||||
<h1 class="text-center sde-blue mt-0">Vagttelefon</h1>
|
||||
<p class="mt-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sodales pulvinar congue aenean suspendisse.</p>
|
||||
<label class="toggle">
|
||||
<input class="toggle__input" type="checkbox" name="accept" id="input">
|
||||
<span class="toggle__label sde-blue">
|
||||
<span class="toggle__text sde-blue semi-bold">Accepterer</span>
|
||||
</span>
|
||||
</label>
|
||||
<span class="text-center sde-black-20 mt-2">+45 56 30 45 66</span>
|
||||
<a class="btn text-center btn-sde-blue btn-disabled" id="call">Tilkald</a>
|
||||
</main>
|
||||
@endsection
|
||||
|
||||
@section("scripts")
|
||||
<script type="text/javascript">
|
||||
document.addEventListener("DOMContentLoaded", function(){
|
||||
// Handler when the DOM is fully loaded
|
||||
start();
|
||||
});
|
||||
|
||||
function start() {
|
||||
document.getElementById('input').addEventListener ('click', toggleCall, false);
|
||||
}
|
||||
|
||||
function toggleCall() {
|
||||
var elm = document.getElementById('input');
|
||||
|
||||
if(elm.checked) {
|
||||
document.getElementById('call').classList.remove("btn-disabled");
|
||||
document.getElementById('call').href = "tel:+4556304566";
|
||||
}
|
||||
else
|
||||
{
|
||||
document.getElementById('call').classList.add("btn-disabled");
|
||||
document.getElementById('call').removeAttribute("href");
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@endsection
|
||||
Reference in New Issue
Block a user