Merge branch 'master' of https://github.com/sebathefox/skolehjem-webapp into master
This commit is contained in:
commit
ed568d12a8
|
|
@ -1,155 +1,47 @@
|
||||||
<!DOCTYPE html>
|
@extends("app.layout.base")
|
||||||
<html lang="en">
|
@section("content")
|
||||||
<head>
|
<style>
|
||||||
<title>@yield("title")</title>
|
div.card {
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
margin-top: 1rem;
|
||||||
@if(request()->cookie("mode") == "dark")
|
margin-bottom: 30px;
|
||||||
<link type="text/css" rel="stylesheet" href="{{ mix("/css/webappdark.css") }}">
|
width: auto;
|
||||||
@else
|
heigt: auto;
|
||||||
<link type="text/css" rel="stylesheet" href="{{ mix("/css/webapp.css") }}">
|
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
||||||
@endif
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<header class="row align-items-center" id="header">
|
|
||||||
@if(request()->cookie("mode") == "dark")
|
|
||||||
<img class="w-50" id="sdeLogo" src="{{URL::asset('/images/logos/Logo-hvid.svg')}}" onclick="location.href = '{{ route("root.index") }}';" alt="Syddansk Erhvervsskole">
|
|
||||||
@else
|
|
||||||
<img class="w-50" id="sdeLogo" src="{{URL::asset('/images/logos/Logo-normal.svg')}}" onclick="location.href = '{{ route("root.index") }}';" alt="Syddansk Erhvervsskole">
|
|
||||||
@endif
|
|
||||||
<button class="ml-auto" id="toggle">
|
|
||||||
<i id="icon" class="fas fa-bars" style="color: black;"></i>
|
|
||||||
</button>
|
|
||||||
</header>
|
|
||||||
<div class="d-none bg-sde-blue col" id="menu">
|
|
||||||
<a href="{{ route("root.index") }}">
|
|
||||||
<img src="{{URL::asset('/images/icons/Home.svg')}}" alt="Home">
|
|
||||||
Home
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<a href="{{ route("menu-plans.index") }}">
|
|
||||||
<img src="{{URL::asset('/images/icons/Menuplan.svg')}}" alt="Menuplan">
|
|
||||||
Menuplan
|
|
||||||
</a>
|
|
||||||
<a href="{{ route("events.index") }}">
|
|
||||||
<img src="{{URL::asset('/images/icons/Aktiviteter.svg')}}" alt="Aktiviteter">
|
|
||||||
Aktiviteter
|
|
||||||
</a>
|
|
||||||
<a href="{{ route("washing-reservations.appindex") }}">
|
|
||||||
<img src="{{URL::asset('/images/icons/Vaske booking liste.svg')}}" alt="Reservationer">
|
|
||||||
Reservationer
|
|
||||||
</a>
|
|
||||||
<a href="{{ route("contacts.index") }}">
|
|
||||||
<img src="{{URL::asset('/images/icons/Kontoret.svg')}}" alt="Kontoret">
|
|
||||||
Kontoret
|
|
||||||
</a>
|
|
||||||
<a href="{{ route("phones.index") }}">
|
|
||||||
<img src="{{URL::asset('/images/icons/Vagttelefon-hvid.svg')}}" alt="Vagttelefon">
|
|
||||||
Vagttelefon
|
|
||||||
</a>
|
|
||||||
<a href="{{ route("guides.index") }}">
|
|
||||||
<img src="{{URL::asset('/images/icons/Vejledninger.svg')}}" alt="Guide">
|
|
||||||
Vejledninger
|
|
||||||
</a>
|
|
||||||
<a href="{{ route("users.account") }}">
|
|
||||||
<img src="{{URL::asset('/images/icons/user-hvid.svg')}}" alt="Konto">
|
|
||||||
Konto
|
|
||||||
</a>
|
|
||||||
<a href="{{ route("settings.index") }}">
|
|
||||||
<img src="{{URL::asset('/images/icons/settings-hvid.svg')}}" alt="Indstillinger">
|
|
||||||
{{ __('msg.indstillinger') }}
|
|
||||||
</a>
|
|
||||||
<a href="{{ route('users.logout') }}">
|
|
||||||
<img src="{{URL::asset('/images/icons/Logout.svg')}}" alt="Logud">
|
|
||||||
Log Ud
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<style>
|
|
||||||
div.card {
|
|
||||||
margin-top: 1rem;
|
|
||||||
margin-bottom: 30px;
|
|
||||||
width: auto;
|
|
||||||
heigt: auto;
|
|
||||||
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
|
||||||
}
|
|
||||||
|
|
||||||
div.header {
|
|
||||||
background-color: #00788a;
|
|
||||||
color: white;
|
|
||||||
padding: 8px;
|
|
||||||
font-size: 10px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.container {
|
|
||||||
padding: 8px;
|
|
||||||
text-align: justify;
|
|
||||||
line-height: 1.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
ol {
|
|
||||||
padding-right: 8px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<main>
|
|
||||||
@foreach(\App\News::query()->orderBy("created_at", "desc")->get() as $new)
|
|
||||||
<div class="card">
|
|
||||||
<div class="header">
|
|
||||||
<p><b>{{ $new->name }}</b></p>
|
|
||||||
<h3>{{ $new->subname }}</h3>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="container">
|
|
||||||
{!! $new->content !!}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@endforeach
|
|
||||||
@if(count(\App\News::query()->orderBy("created_at", "desc")->get()) == 0)
|
|
||||||
<p class="text-center">{{__('msg.ingennyheder')}}</p>
|
|
||||||
@endif
|
|
||||||
</main>
|
|
||||||
<script src="{{ mix("/js/app.js") }}"></script>
|
|
||||||
@yield("scripts")
|
|
||||||
@if(request()->cookie("mode") == "dark")
|
|
||||||
<script type="text/javascript">
|
|
||||||
function toggleMenu(menu) {
|
|
||||||
let menuElement = document.getElementById(menu);
|
|
||||||
let logoElement = document.getElementById("sdeLogo");
|
|
||||||
let htmlElement = document.getElementsByTagName('html')[0];
|
|
||||||
let bodyElement = document.getElementsByTagName('body')[0];
|
|
||||||
let mainElement = document.getElementsByTagName('main')[0];
|
|
||||||
let iconElement = document.getElementById("icon");
|
|
||||||
let headerElement = document.getElementById("header");
|
|
||||||
|
|
||||||
if(menuElement.classList.contains("hide")) {
|
|
||||||
menuElement.classList.remove("hide");
|
|
||||||
mainElement.classList.remove("d-none");
|
|
||||||
htmlElement.style.backgroundColor = '';
|
|
||||||
bodyElement.style.backgroundColor = '#666666';
|
|
||||||
logoElement.src = '/images/logos/Logo-hvid.svg';
|
|
||||||
iconElement.classList.remove("fa-times");
|
|
||||||
iconElement.classList.add("fa-bars");
|
|
||||||
headerElement.style.backgroundColor = '';
|
|
||||||
} else {
|
|
||||||
menuElement.classList.add("hide");
|
|
||||||
mainElement.classList.add("d-none");
|
|
||||||
htmlElement.style.backgroundColor = 'rgb(0, 120, 138)';
|
|
||||||
bodyElement.style.backgroundColor = 'rgb(0, 120, 138)';
|
|
||||||
logoElement.src = '/images/logos/Logo-hvid.svg';
|
|
||||||
iconElement.classList.remove("fa-bars");
|
|
||||||
iconElement.classList.add("fa-times");
|
|
||||||
headerElement.style.backgroundColor = 'rgb(0, 120, 138)';
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
if(document.getElementById("toggle"))
|
div.header {
|
||||||
document.getElementById("toggle").onclick = function () {
|
background-color: #00788a;
|
||||||
toggleMenu('menu');
|
color: white;
|
||||||
};
|
padding: 8px;
|
||||||
</script>
|
font-size: 10px;
|
||||||
@endif
|
text-align: center;
|
||||||
</body>
|
}
|
||||||
</html>
|
|
||||||
|
div.container {
|
||||||
|
padding: 8px;
|
||||||
|
text-align: justify;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
ol {
|
||||||
|
padding-right: 8px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<main>
|
||||||
|
@foreach(\App\News::query()->orderBy("created_at", "desc")->get() as $new)
|
||||||
|
<div class="card">
|
||||||
|
<div class="header">
|
||||||
|
<p><b>{{ $new->name }}</b></p>
|
||||||
|
<h3>{{ $new->subname }}</h3>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
{!! $new->content !!}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
@endforeach
|
||||||
|
@if(count(\App\News::query()->orderBy("created_at", "desc")->get()) == 0)
|
||||||
|
<p class="text-center">{{__('msg.ingennyheder')}}</p>
|
||||||
|
@endif
|
||||||
|
</main>
|
||||||
|
@endsection
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue