chrosey/dienstplan
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

anpassungen layout

Browse Source
This commit is contained in:
TLRZ Seyfferth
2017-09-15 12:41:49 +02:00
parent e03fb43c27
commit 188e05658d
6 changed files with 138 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/veranstaltung/create.blade.php
+55 -18
View File
@@ -4,33 +4,37 @@
@section('content')
<form method="POST" action="{{ route('veranstaltung.store') }}">
<div class="row">
<div class="form-group col-md-8">
<label class="col-form-label" for="name">Veranstaltungsname</label>
<input type="text" name="name" class="form-control" id="title" aria-describedby="nameHelp" placeholder="Veranstaltungsnamen eingeben" value="{{ $name or "" }}" required>
<div class="col s12 m8 input-field">
<label for="name">Veranstaltungsname</label>
<input type="text" name="name" id="title" aria-describedby="nameHelp" placeholder="Veranstaltungsnamen eingeben" value="{{ $name or "" }}" required>
<small id="nameHelp" class="form-text text-muted">Die Bezeichnung der Veranstaltung, welcher in der Übersicht angezeigt wird.</small>
</div>
<div class="form-group col-md-4">
<label class="col-form-label" for="gaeste">Anzahl der Gäste</label>
<input type="number" name="gaeste" class="form-control" id="gaeste" aria-describedby="gaesteHelp" placeholder="Gastanzahl eingeben" value="{{ $gaeste ?: 100 }}">
<div class="col s12 m4 input-field">
<label for="gaeste" class="active">Anzahl der Gäste</label>
<p class="range-field">
<input type="range" name="gaeste" id="gaeste" aria-describedby="gaesteHelp" placeholder="Gastanzahl eingeben" value="{{ $gaeste ?: 100 }}" min="0" max="2000">
</p>
<small id="gaesteHelp" class="form-text text-muted">Die ungefähre Anzahl an Gästen zur Veranstaltung</small>
</div>
</div>
<div class="row">
<div class="form-group col-md-6">
<label class="col-form-label" for="beginn">Veranstaltungsbeginn</label>
<input type="datetime-local" name="beginn" class="form-control" id="beginn" aria-describedby="beginnHelp" placeholder="Veranstaltungsbeginn eingeben" value="{{ \Carbon\Carbon::parse($beginn)->format('Y-m-d\TH:i:s') }}" required>
<div class="col s12 m6 input-field">
<label for="beginn_datum" class="active">Veranstaltungsbeginn</label>
<input type="text" name="beginn_datum" class="datepicker" id="beginn_datum" aria-describedby="beginnHelp" data-value="{{ \Carbon\Carbon::parse($beginn)->format('Y-m-d') }}" required>
<input type="text" name="beginn_zeit" class="timepicker" id="beginn_zeit" aria-describedby="beginnHelp" data-value="{{ \Carbon\Carbon::parse($beginn)->format('H:i:s') }}" required>
<small id="beginnHelp" class="form-text text-muted">Der Zeitpunkt, an dem die Veranstaltung beginnt.</small>
</div>
<div class="form-group col-md-6">
<label class="col-form-label" for="ende">Veranstaltungsende</label>
<input type="datetime-local" name="ende" class="form-control" id="ende" aria-describedby="endeHelp" placeholder="Veranstaltungende eingeben" value="{{ !empty($ende) ? $ende : "" }}">
<div class="col s12 m6 input-field">
<label for="ende_datum" class="active">Veranstaltungsende</label>
<input type="text" name="ende_datum" class="datepicker" id="ende_datum" aria-describedby="endeHelp" value="{{ !empty($ende) ? \Carbon\Carbon::parse($ende)->format('Y-m-d') : "" }}" >
<input type="text" name="ende_zeit" class="timepicker" id="ende_zeit" aria-describedby="endeHelp" value="{{ !empty($ende) ? \Carbon\Carbon::parse($ende)->format('H:i:s') : "" }}" >
<small id="beginnHelp" class="form-text text-muted">Der Zeitpunkt, an dem die Veranstaltung wahrscheinlich endet. (optional)</small>
</div>
</div>
<div class="row">
<div class="form-group col-md-12">
<label class="col-form-label" for="Hinweise">Hinweise</label>
<textarea class="form-control" name="hinweise" id="hinweise" aria-describedby="hinweiseHelp" rows="3">
<div class="col s12 m12 input-field">
<label for="Hinweise">Hinweise</label>
<textarea name="hinweise" id="hinweise" aria-describedby="hinweiseHelp" rows="3" data-length="200" class="materialize-textarea">
{{ $hinweise or ""}}
</textarea>
<small id="hinweiseHelp" class="form-text text-muted">Hinweise zur Veranstalung</small>
@@ -38,13 +42,13 @@
</div>
<div class="row">
<div class="col m6 input-field">
<label for="ort">Ort</label>
{!! Form::select('ort', App\Ort::pluck('name','id'), null,[ 'id' => 'ort', 'aria-describedby' => "ortHelp"]) !!}
<label for="ort" class="active" >Ort</label>
{!! Form::select('ort', App\Ort::pluck('name','id'), null,[ 'id' => 'ort', 'aria-describedby' => "ortHelp", 'placeholder' => "Bitte einen Ort wählen"]) !!}
<small id="ortHelp" class="form-text text-muted">Ort der Veranstaltung</small>
</div>
</div>
<input type="hidden" name="_token" value="{{ csrf_token() }}">
<button type="submit" class="btn btn-primary">Submit</button>
<button type="submit" class="btn waves-effect"><i class="material-icons right">send</i> Erstellen</button>
</form>
@endsection
@@ -52,6 +56,39 @@
<script>
$(document).ready(function(){
$('select').material_select();
Materialize.updateTextFields();
});
$('.datepicker').pickadate({
selectYears: true,
today: "Heute",
clear: "leeren",
close: "OK",
closeOnSelect: true,
firstWeekday: 1,
hiddenName: true,
format: "d. mmmm, yyyy",
formatSubmit: "yyyy-m-d",
monthsFull: ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'],
monthsShort: ['Jan', 'Feb', 'Mär', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dez'],
weekdaysFull: ['Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag'],
weekdaysShort: ["So","Mo","Di","Mi","Do","Fr","Sa"],
});
$('.timepicker').pickatime({
cleartext: "leeren",
format: "h:i",
formatSubmit: "HH:i:s",
interval: 5,
hiddenName: true,
default: 'now',
fromnow: 0,
twelvehour: false,
donetext: "OK",
canceltext: "Abbrechen",
autoclose: true
});
</script>
@endpush