FEATURE #1527: add settings for displaying more images per row
This commit is contained in:
Michal Kváček
@@ -7,7 +7,7 @@
|
||||
|
||||
<div class="row">
|
||||
<div class="column large-8">
|
||||
@include('admin.widgets.orbitSlider.editForm')
|
||||
@include('admin.widgets.orbitSlider.form')
|
||||
|
||||
</div>
|
||||
<div class="column large-4">
|
||||
|
||||
+37
-6
@@ -17,7 +17,8 @@
|
||||
<label>
|
||||
@lang('widgets/orbitSlider.name')
|
||||
|
||||
<input type="text" name="name" value="{{$widget->name}}" placeholder="@lang('widgets/orbitSlider.name')" />
|
||||
<input type="text" name="name" value="{{old('name', $widget->name)}}"
|
||||
placeholder="@lang('widgets/orbitSlider.name')" />
|
||||
|
||||
@if (isset($errors) && $errors->has('name'))
|
||||
<div class="callout alert">
|
||||
@@ -39,11 +40,26 @@
|
||||
@endif
|
||||
</label>
|
||||
|
||||
<label>
|
||||
@lang('widgets/orbitSlider.imagesPerSlide')
|
||||
|
||||
<select name="imagePerSlide">
|
||||
@foreach($availableColumns as $value => $name)
|
||||
<option value="{{$value}}"
|
||||
@if (old('imagesPerSlide', $settings->imagesPerSlide) == $value) selected="selected" @endif>
|
||||
{{$name}}
|
||||
</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</label>
|
||||
|
||||
<h4>@lang('widgets/orbitSlider.extraSettings')</h4>
|
||||
|
||||
<label>
|
||||
@lang('widgets/orbitSlider.containerClass')
|
||||
|
||||
<input type="text" name="containerClass" placeholder="@lang('widgets/orbitSlider.containerClass')"
|
||||
value="{{$settings->sliderClass}}" />
|
||||
value="{{old('sliderClass', $settings->sliderClass)}}" />
|
||||
|
||||
@if (isset($errors) && $errors->has('containerClass'))
|
||||
<div class="callout alert">
|
||||
@@ -52,6 +68,19 @@
|
||||
@endif
|
||||
</label>
|
||||
|
||||
<label>
|
||||
@lang('widgets/orbitSlider.slideContainerClass')
|
||||
|
||||
<input type="text" name="slideContainerClass" placeholder="@lang('widgets/orbitSlider.slideContainerClass')"
|
||||
value="{{old('slideContainerClass', $settings->slideContainerClass)}}" />
|
||||
|
||||
@if (isset($errors) && $errors->has('slideContainerClass'))
|
||||
<div class="callout alert">
|
||||
{{ $errors->first('description') }}
|
||||
</div>
|
||||
@endif
|
||||
</label>
|
||||
|
||||
<label>
|
||||
@lang('widgets/orbitSlider.code')
|
||||
|
||||
@@ -64,10 +93,12 @@
|
||||
@endif
|
||||
</label>
|
||||
|
||||
<div class="row column text-center">
|
||||
<a href="{{route('upload.overview', ['id' => $settings->directoryId])}}"
|
||||
class="button expanded large success">@lang('widgets/orbitSlider.upload')</a>
|
||||
</div>
|
||||
@if($settings->directoryId)
|
||||
<div class="row column text-center">
|
||||
<a href="{{route('upload.overview', ['id' => $settings->directoryId])}}"
|
||||
class="button expanded large success">@lang('widgets/orbitSlider.upload')</a>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
|
||||
<button type="submit" class="button success">@lang('widgets/orbitSlider.editExisting')</button>
|
||||
@@ -5,6 +5,6 @@
|
||||
@section('content')
|
||||
<h1>@lang('widgets/orbitSlider.new')</h1>
|
||||
|
||||
@include('admin.widgets.orbitSlider.newForm')
|
||||
@include('admin.widgets.orbitSlider.form')
|
||||
@stop
|
||||
|
||||
|
||||
@@ -1,69 +0,0 @@
|
||||
@if (!isset($hideMessages))
|
||||
@if (session('success'))
|
||||
<div class="callout success">
|
||||
{{ session('success') }}
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if (session('error'))
|
||||
<div class="callout alert">
|
||||
{{ session('error') }}
|
||||
</div>
|
||||
@endif
|
||||
@endif
|
||||
|
||||
<form action="{{route('widgets.postNew', ['type' => $type])}}" method="POST">
|
||||
{!! csrf_field() !!}
|
||||
<label>
|
||||
@lang('widgets/orbitSlider.name')
|
||||
|
||||
<input type="text" name="name" value="{{old("name")}}" placeholder="@lang('widgets/orbitSlider.name')" />
|
||||
|
||||
@if (isset($errors) && $errors->has('name'))
|
||||
<div class="callout alert">
|
||||
{{ $errors->first('name') }}
|
||||
</div>
|
||||
@endif
|
||||
</label>
|
||||
|
||||
<label>
|
||||
@lang('widgets/orbitSlider.description')
|
||||
|
||||
<input type="text" name="description" placeholder="@lang('widgets/orbitSlider.description')"
|
||||
value="{{old("description")}}" />
|
||||
|
||||
@if (isset($errors) && $errors->has('description'))
|
||||
<div class="callout alert">
|
||||
{{ $errors->first('description') }}
|
||||
</div>
|
||||
@endif
|
||||
</label>
|
||||
|
||||
<label>
|
||||
@lang('widgets/orbitSlider.containerClass')
|
||||
|
||||
<input type="text" name="containerClass" placeholder="@lang('widgets/orbitSlider.containerClass')"
|
||||
value="{{old("containerClass")}}" />
|
||||
|
||||
@if (isset($errors) && $errors->has('containerClass'))
|
||||
<div class="callout alert">
|
||||
{{ $errors->first('description') }}
|
||||
</div>
|
||||
@endif
|
||||
</label>
|
||||
|
||||
|
||||
<label>
|
||||
@lang('widgets/orbitSlider.code')
|
||||
|
||||
<textarea rows="4" name="code" placeholder="@lang('widgets/orbitSlider.code')">{{old('code')}}</textarea>
|
||||
|
||||
@if (isset($errors) && $errors->has('code'))
|
||||
<div class="callout alert">
|
||||
{{ $errors->first('code') }}
|
||||
</div>
|
||||
@endif
|
||||
</label>
|
||||
|
||||
<button type="submit" class="button success">@lang('widgets/orbitSlider.createNew')</button>
|
||||
</form>
|
||||
@@ -1,19 +1,40 @@
|
||||
<div class="orbit header {{$settings->sliderClass}}" role="region" data-orbit>
|
||||
<div class="orbit {{$settings->sliderClass}}" role="region" data-orbit>
|
||||
<ul class="orbit-container">
|
||||
<button class="orbit-previous" aria-label="previous"><span class="show-for-sr">Previous Slide</span><i
|
||||
class="fa fa-fw fa-2x fa-chevron-left"></i></button>
|
||||
<button class="orbit-next" aria-label="next"><span class="show-for-sr">Next Slide</span><i
|
||||
class="fa fa-fw fa-2x fa-chevron-right"></i></button>
|
||||
<button class="orbit-previous" aria-label="previous">
|
||||
<span class="show-for-sr">Previous Slide</span>
|
||||
<i class="fa fa-fw fa-2x fa-chevron-left"></i>
|
||||
</button>
|
||||
<button class="orbit-next" aria-label="next">
|
||||
<span class="show-for-sr">Next Slide</span>
|
||||
<i class="fa fa-fw fa-2x fa-chevron-right"></i>
|
||||
</button>
|
||||
|
||||
@foreach($images as $i => $image)
|
||||
@include('widgets.orbitSlider.image', ['image' => $image, 'order' => $i])
|
||||
@endforeach
|
||||
@if ($settings->imagePerSlide == 'fullscreen')
|
||||
@foreach($images as $i => $image)
|
||||
<li class="orbit-slide {{$settings->slideContainerClass}} @if($i == 0)is-active @endif">
|
||||
<h2>{{$image->name}}</h2>
|
||||
<h3>{{$image->description}}</h3>
|
||||
<div class="img"
|
||||
style="background-image: url({{config('app.upload_url')}}/{{$image->filename}})"></div>
|
||||
</li>
|
||||
@endforeach
|
||||
@else
|
||||
@for($i = 0; $i < $slidesCount; $i++)
|
||||
<li class="orbit-slide row {{$settings->slideContainerClass}} @if($i == 0)is-active @endif">
|
||||
@for ($j = 0; $j < $settings->imagePerSlide; $j++)
|
||||
<div class="column medium-{{$gridNumber}}">
|
||||
<img src="{{config('app.upload_url')}}/{{$images[$j]->filename}}" />
|
||||
</div>
|
||||
@endfor
|
||||
</li>
|
||||
@endfor
|
||||
@endif
|
||||
</ul>
|
||||
<nav class="orbit-bullets">
|
||||
@foreach($images as $i => $image)
|
||||
@for($i = 0; $i < $slidesCount; $i++)
|
||||
<button @if($i == 0) class="is-active" @endif data-slide="{{$i}}"></button>
|
||||
|
||||
@endforeach
|
||||
@endfor
|
||||
</nav>
|
||||
|
||||
{!! $settings->code !!}
|
||||
|
||||
@@ -1,5 +0,0 @@
|
||||
<li class="orbit-slide @if($order == 0)is-active @endif">
|
||||
<h2>{{$image->name}}</h2>
|
||||
<h3>{{$image->description}}</h3>
|
||||
<div class="img" style="background-image: url({{config('app.upload_url')}}/{{$image->filename}})"></div>
|
||||
</li>
|
||||
Reference in New Issue
Block a user