v0.9.12 - Fixed CSS - Started working on wants_email button in account

This commit is contained in:
Anders 2020-08-13 15:28:20 +02:00
parent 8bfcfb6441
commit 9232ed99a1
5 changed files with 80 additions and 9 deletions

View File

@ -39,9 +39,9 @@
<div class="card"> <div class="card">
@if($event->resource_id !== null) @if($event->resource_id !== null)
<div class="header" style="background-size: cover; background-image: url('{{ asset(\App\Resource::query()->where("id", "=", $event->resource_id)->first()->filename) }}');"> <div class="header" style="background-size: cover; background-image: url('{{ asset(\App\Resource::query()->where("id", "=", $event->resource_id)->first()->filename) }}');">
<h3 style="text-shadow: 2px 2px 2px #00078A;">{{ $event->name }}</h3> <h3 style="text-shadow: 2px 2px 2px #00788A;">{{ $event->name }}</h3>
<p style="text-shadow: 2px 2px 2px #00078A"; class="text-center mt-0">{{__('msg.af')}}: {{ $event->accountable }}</p> <p style="text-shadow: 2px 2px 2px #00788A"; class="text-center mt-0">{{__('msg.af')}}: {{ $event->accountable }}</p>
<p style="text-shadow: 2px 2px 2px #00078A"; class="text-center mt-0">{{ \Illuminate\Support\Facades\Date::createFromTimeStamp(strtotime($event->date))->format('d/m/Y \k\l\. H:i') }}</p> <p style="text-shadow: 2px 2px 2px #00788A"; class="text-center mt-0">{{ \Illuminate\Support\Facades\Date::createFromTimeStamp(strtotime($event->date))->format('d/m/Y \k\l\. H:i') }}</p>
</div> </div>
@else @else
<div class="header"> <div class="header">

View File

@ -43,9 +43,9 @@
<div class="card"> <div class="card">
@if($userevent->resource_id !== null) @if($userevent->resource_id !== null)
<div class="header" style="background-size: cover; background-image: url('{{ asset(\App\Resource::query()->where("id", "=", $userevent->resource_id)->first()->filename) }}');"> <div class="header" style="background-size: cover; background-image: url('{{ asset(\App\Resource::query()->where("id", "=", $userevent->resource_id)->first()->filename) }}');">
<h3 style="text-shadow: 2px 2px 2px #00078A;">{{ $userevent->name }}</h3> <h3 style="text-shadow: 2px 2px 2px #00788A;">{{ $userevent->name }}</h3>
<p style="text-shadow: 2px 2px 2px #00078A"; class="text-center mt-0">{{__('msg.af')}}: {{ $userevent->accountable }}</p> <p style="text-shadow: 2px 2px 2px #00788A"; class="text-center mt-0">{{__('msg.af')}}: {{ $userevent->accountable }}</p>
<p style="text-shadow: 2px 2px 2px #00078A"; class="text-center mt-0">{{ \Illuminate\Support\Facades\Date::createFromTimeStamp(strtotime($userevent->date))->format('d/m/Y \k\l\. H:i') }}</p> <p style="text-shadow: 2px 2px 2px #00788A"; class="text-center mt-0">{{ \Illuminate\Support\Facades\Date::createFromTimeStamp(strtotime($userevent->date))->format('d/m/Y \k\l\. H:i') }}</p>
</div> </div>
@else @else
<div class="header"> <div class="header">

View File

@ -39,7 +39,7 @@
<div class="card"> <div class="card">
@if($guide->resource_id !== null) @if($guide->resource_id !== null)
<div class="header" style="background-size: cover; background-image: url('{{ asset(\App\Resource::query()->where("id", "=", $guide->resource_id)->first()->filename) }}');"> <div class="header" style="background-size: cover; background-image: url('{{ asset(\App\Resource::query()->where("id", "=", $guide->resource_id)->first()->filename) }}');">
<h3 style="text-shadow: 2px 2px 2px #00078A;">{{ $guide->name}}</h3> <h3 style="text-shadow: 2px 2px 2px #00788A;">{{ $guide->name}}</h3>
</div> </div>
@else @else
<div class="header"> <div class="header">

View File

@ -32,8 +32,8 @@
<div class="card"> <div class="card">
@if($new->resource_id !== null) @if($new->resource_id !== null)
<div class="header" style="background-size: cover; background-image: url('{{ asset(\App\Resource::query()->where("id", "=", $new->resource_id)->first()->filename) }}');"> <div class="header" style="background-size: cover; background-image: url('{{ asset(\App\Resource::query()->where("id", "=", $new->resource_id)->first()->filename) }}');">
<p style="text-shadow: 2px 2px 2px #00078A;"><b>{{ $new->name }}</b></p> <p style="text-shadow: 2px 2px 2px #00788A;"><b>{{ $new->name }}</b></p>
<h3 style="text-shadow: 2px 2px 2px #00078A;">{{ $new->subname }}</h3> <h3 style="text-shadow: 2px 2px 2px #00788A;">{{ $new->subname }}</h3>
</div> </div>
@else @else
<div class="header"> <div class="header">

View File

@ -5,6 +5,66 @@
@endsection @endsection
@section("content") @section("content")
<style>
/* The switch - the box around the slider */
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 28px;
}
/* Hide default HTML checkbox */
.switch input {
opacity: 0;
width: 0;
height: 0;
}
/* The slider */
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 20px;
width: 20px;
left: 4px;
bottom: 4px;
background-color: white;
transition: .4s;
}
input:checked + .slider {
background-color: #00788A;
}
input:focus + .slider {
box-shadow: 0 0 1px #00788A;
}
input:checked + .slider:before {
transform: translateX(32px);
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
</style>
<script src="{{ asset("/js/jquery-3.2.1.min.js") }}"></script> <script src="{{ asset("/js/jquery-3.2.1.min.js") }}"></script>
<main style="justify-content: unset"> <main style="justify-content: unset">
<label for="langu" class="mt-2">Sprog / Languages:</label> <label for="langu" class="mt-2">Sprog / Languages:</label>
@ -33,6 +93,17 @@
<option name="dark" style="color: black;" value="dark">{{ __("msg.mørk") }}</option> <option name="dark" style="color: black;" value="dark">{{ __("msg.mørk") }}</option>
@endif @endif
</select> </select>
<label for="dark">E-mail Notifikationer / E-mail Notifications:</label>
<div>
<label class="switch">
@if(\App\User::query()->where('id', '=', auth()->user()->id)->first()->wants_emails == true)
<input type="checkbox" checked>
@else
<input type="checkbox">
@endif
<span class="slider round"></span>
</label>
</div>
</main> </main>
<script> <script>
$(document).ready(function (){ $(document).ready(function (){