Initial Commit
This commit is contained in:
149
resources/views/livewire/admin/slides.blade.php
Normal file
149
resources/views/livewire/admin/slides.blade.php
Normal file
@@ -0,0 +1,149 @@
|
||||
<div>
|
||||
<div class="page-header">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-sm-12">
|
||||
<div class="title">
|
||||
<h4>Slider hinzufügen</h4>
|
||||
</div>
|
||||
<nav aria-label="breadcrumb" role="navigation">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{{ route('admin.dashboard') }}">Home</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item active" aria-current="page">
|
||||
Manage Slider
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="col-md-6 col-sm-12 text-right">
|
||||
<a href="javascript:;" wire:click="addSlide()" class="btn btn-primary">Slider hinzufügen</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card-box pd-20 mb-4">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-auto table-sm table-condensed">
|
||||
<thead class="bg-secondary text-white">
|
||||
<th scope="col">#ID</th>
|
||||
<th scope="col">Image</th>
|
||||
<th scope="col">Heading</th>
|
||||
<th scope="col">Link</th>
|
||||
<th scope="col">Status</th>
|
||||
<th scope="col">Action</th>
|
||||
</thead>
|
||||
<tbody id="sortable_slides">
|
||||
@forelse ($slides as $slide)
|
||||
<tr data-index="{{ $slide->id }}" data-ordering="{{ $slide->ordering }}">
|
||||
<td scope="row">#{{ $slide->id }}</td>
|
||||
<td>
|
||||
<a href="">
|
||||
<img src="/images/slides/{{ $slide->image }}" width="100" alt="img-thumbnail" />
|
||||
</a>
|
||||
</td>
|
||||
<td>{{ $slide->heading }}</td>
|
||||
<td><a
|
||||
href="{{ $slide->link ? $slide->link : ' - ' }}">{{ $slide->link ? 'Klick mich' : ' - ' }}</a>
|
||||
</td>
|
||||
<td>
|
||||
@if ($slide->status == 1)
|
||||
<span class="badge badge-pill badge-success">Public</span>
|
||||
@else
|
||||
<span class="badge badge-pill badge-secondary">Unveröffentlicht</span>
|
||||
@endif
|
||||
</td>
|
||||
<td>
|
||||
<div class="table-actions">
|
||||
<a href="javascript:;" wire:click="editSlide({{ $slide->id }})"
|
||||
class="text-primary mx-2">
|
||||
<i class="dw dw-edit2"></i>
|
||||
</a>
|
||||
<a href="javascript:;"
|
||||
wire:click="$dispatch('deleteSlide',{id:{{ $slide->id }} })"
|
||||
class="text-danger mx-2">
|
||||
<i class="dw dw-delete-3"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@empty
|
||||
<tr>
|
||||
<td colspan="6">
|
||||
<span class="text-danger">Keine Slides gefunden</span>
|
||||
</td>
|
||||
</tr>
|
||||
@endforelse
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Slider -->
|
||||
<div wire:ignore.self class="modal fade" id="slide_modal" tabindex="-1" role="dialog"
|
||||
aria-labelledby="myLargeModalLabel" aria-hidden="true" data-backdrop="static" data-keyword="false">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<form class="modal-content" wire:submit="{{ $isUpdateSlideMode ? 'updateSlide()' : 'createSlide()' }}">
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title" id="myLargeModalLabel">
|
||||
{{ $isUpdateSlideMode ? 'Update Slide' : 'Slide hinzufügen' }}
|
||||
</h4>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
|
||||
×
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
@if ($isUpdateSlideMode)
|
||||
<input type="hidden" wire:model="slide_id" />
|
||||
@endif
|
||||
<div class="form-group">
|
||||
<label for=""><b>Heading:</b></label>
|
||||
<input type="text" class="form-control" wire:model="slide_heading"
|
||||
placeholder="Enter Slide Heading" />
|
||||
@error('slide_heading')
|
||||
<span class="text-danger ml-1">{{ $message }}</span>
|
||||
@enderror
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for=""><b>Link:</b></label>
|
||||
<input type="text" class="form-control" wire:model="slide_link"
|
||||
placeholder="Enter Slide Link" />
|
||||
@error('slide_link')
|
||||
<span class="text-danger ml-1">{{ $message }}</span>
|
||||
@enderror
|
||||
</div>
|
||||
@if ($selected_slide_image)
|
||||
<div class="d-block" style="max-width: 200px;">
|
||||
<img src="{{ $selected_slide_image }}" alt="img-thumbnail" class="img-thumbnail"
|
||||
style="max-width: 100%; height: auto;" />
|
||||
</div>
|
||||
@endif
|
||||
<div class="form-group">
|
||||
<label for=""><b>Image:</b></label>
|
||||
<input type="file" class="form-control" wire:model="slide_image"
|
||||
accept="image/png,image/jpeg, image/jpg" />
|
||||
@error('slide_image')
|
||||
<span class="text-danger ml-1">{{ $message }}</span>
|
||||
@enderror
|
||||
</div>
|
||||
<div class="custom-control custom-checkbox mb-5">
|
||||
<input type="checkbox" class="custom-control-input" id="customCheck"
|
||||
wire:model="slide_status" />
|
||||
<label for="customCheck" class="custom-control-label">
|
||||
Visible on Slider
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">
|
||||
Close
|
||||
</button>
|
||||
<button type="submit" class="btn btn-primary">
|
||||
{{ $isUpdateSlideMode ? 'Speichern' : 'Erstellen' }}
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Slider -->
|
||||
</div>
|
||||
Reference in New Issue
Block a user