Merge branch 'master' of https://github.com/sebathefox/skolehjem-webapp
This commit is contained in:
@@ -1,13 +1,16 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>@yield("title")</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<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 type="text/css" rel="stylesheet" href="{{ mix("/css/app.css") }}">
|
||||
</head>
|
||||
<body>
|
||||
@yield("header")
|
||||
@yield("content")
|
||||
|
||||
<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("layout.base")
|
||||
@extends("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,26 @@
|
||||
@extends("layout.base")
|
||||
|
||||
@section("title")
|
||||
Login
|
||||
@endsection
|
||||
|
||||
@section("content")
|
||||
<main>
|
||||
<div class="brand">
|
||||
<img src="{{URL::asset('/images/logos/Logo-hvid.svg')}}" alt="Syddansk Erhvervsskole">
|
||||
</div>
|
||||
<form action="" method="post">
|
||||
<input type="email" name="email" placeholder="Email" required>
|
||||
<input 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("layout.base")
|
||||
|
||||
@section("title")
|
||||
Register
|
||||
@endsection
|
||||
|
||||
@section("content")
|
||||
<main>
|
||||
<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 type="email" name="email" placeholder="Email">
|
||||
<input type="password" name="password" placeholder="Password">
|
||||
<input 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("layout.base")
|
||||
@extends("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