REFACTORING: change p to button in slider

This commit is contained in:
Michal Kváček
2016-04-02 19:17:31 +02:00
parent a0ec4fc02f
commit 284837bf12
@@ -1,43 +1,48 @@
<div class="orbit {{$settings->sliderClass}}" role="region" data-orbit> @if (!empty($images))
<ul class="orbit-container"> <div class="orbit {{$settings->sliderClass}}" role="region" data-orbit>
<button class="orbit-previous" aria-label="previous"> <ul class="orbit-container">
<span class="show-for-sr">Previous Slide</span> <button class="orbit-previous" aria-label="previous">
<i class="fa fa-fw fa-2x fa-chevron-left"></i> <span class="show-for-sr">Previous Slide</span>
</button> <i class="fa fa-fw fa-2x fa-chevron-left"></i>
<button class="orbit-next" aria-label="next"> </button>
<span class="show-for-sr">Next Slide</span> <button class="orbit-next" aria-label="next">
<i class="fa fa-fw fa-2x fa-chevron-right"></i> <span class="show-for-sr">Next Slide</span>
</button> <i class="fa fa-fw fa-2x fa-chevron-right"></i>
</button>
@if ($settings->imagePerSlide == 'fullscreen') @if ($settings->imagePerSlide == 'fullscreen')
@foreach($images as $i => $image) @foreach($images as $i => $image)
<li class="orbit-slide {{$settings->slideContainerClass}} @if($i == 0)is-active @endif"> <li class="orbit-slide {{$settings->slideContainerClass}} @if($i == 0)is-active @endif">
<h2>{{$image->name}}</h2> <h2>{{$image->name}}</h2>
<h3>{{$image->description}}</h3> <h3>{{$image->description}}</h3>
<div class="img" <div class="img"
style="background-image: url({{config('app.upload_url')}}/{{$image->filename}})"></div> style="background-image: url({{config('app.upload_url')}}/{{$image->filename}})"></div>
</li> </li>
@endforeach @endforeach
@else @else
@for($i = 0; $i < $slidesCount; $i++) @for($i = 0; $i < $slidesCount; $i++)
<li class="orbit-slide row {{$settings->slideContainerClass}} @if($i == 0)is-active @endif"> <li class="orbit-slide row {{$settings->slideContainerClass}} @if($i == 0)is-active @endif">
@for ($j = 0; $j < $settings->imagePerSlide; $j++) @for ($j = 0; $j < $settings->imagePerSlide; $j++)
<div class="column medium-{{$gridNumber}}"> @if (!isset($images[$i*$settings->imagePerSlide + $j]))
<img src="{{config('app.upload_url')}}/{{$images[$j]->filename}}" /> @break
</div> @endif
@endfor <div class="column medium-{{$gridNumber}}">
</li> <img src="{{config('app.upload_url')}}/{{$images[$i*$settings->imagePerSlide + $j]->filename}}" />
@endfor </div>
@endfor
</li>
@endfor
@endif
</ul>
@if ($settings->displayBullets)
<nav class="orbit-bullets">
@for($i = 0; $i < $slidesCount; $i++)
<button @if($i == 0) class="is-active" @endif data-slide="{{$i}}"></button>
@endfor
</nav>
@endif @endif
</ul>
@if ($settings->displayBullets) {!! $settings->code !!}
<nav class="orbit-bullets"> </div>
@for($i = 0; $i < $slidesCount; $i++) @endif
<button @if($i == 0) class="is-active" @endif data-slide="{{$i}}"></button>
@endfor
</nav>
@endif
{!! $settings->code !!}
</div>