@if ($src)
@php
+ $url=$src;
+ if(!file_exists($src)){
+ $src=public_path().$src;
+ }
$meta = getimagesize($src);
$ratio = $meta[1] / $meta[0] * 100 .'%'; // Height / Width
@endphp
- <div class="bg-image h-full bg-cover" style="background-image: url({{ asset($src) }}); background-position: {{ $bgPosition ?? 'center' }}">
+ <div class="bg-image h-full bg-cover"
+ style="background-image: url({{ asset($url) }}); background-position: {{ $bgPosition ?? 'center' }}">
{{-- Proportional padding only comes into effect when columns stack (small screens) --}}
{{-- This makes the image more flexible when in columns... --}}
-<a href="{{ $href ?? '#' }}" class="btn {{ $class ?? '' }}">
- <span class="btn-text">{{ $slot }}</span>
-</a>
+@php
+ $text=$slot;
+ $enabled=true;
+ if(isset($data) && is_array($data)){
+ if($data['type']=='none'){
+ $enabled=false;
+ } else if($data['type']=='external_link'){
+ $href=$data['external_link'];
+ }else if($data['type']=='internal_link'){
+ $href='/'.ltrim($data['link'],'/');
+ }else if($data['type']=='page_link'){
+ $href=\Cubist\Backpack\app\Magic\Menu\Menu::internalToHref($data['page_id']);
+ }
+ $text=$data['label'];
+ }
+
+@endphp
+
+@if($enabled)
+ <a href="{{ $href ?? '#' }}" class="btn {{ $class ?? '' }}">
+ <span class="btn-text">{{ $text }}</span>
+ </a>
+@endif
{{-- Slider --}}
- <full-width class="bg-navy text-white antialiased" padding="pt-1v">
- <content>
- <columns>
- <column class="pt-2v pr-1v pb-2v">
+ @foreach($page->get('slideshow') as $slide)
+ <full-width class="bg-navy text-white antialiased" padding="pt-1v">
+ <content>
+ <columns>
+ <column class="pt-2v pr-1v pb-2v">
- <text-block title="Wheel Force Transducer" title-class="h1 text-inherit">
+ <text-block :title="$slide['title']" title-class="h1 text-inherit">
- <p>
- Wheel Force Transducers (WFT) are used for measuring all wheel forces and moments. Field and
- laboratory test of passenger cars, light duty trucks, heavy duty trucks, vans, SUVs, class 8
- trucks, heavy duty construction and farm equipment.
- </p>
+ <p>
+ {!! nl2br($slide['text']) !!}
+ </p>
- <p>
- <link-button href="#test123">Découvrir</link-button>
- </p>
+ <p>
+ <link-button :data="$slide['button']" />
+ </p>
- </text-block>
+ </text-block>
- </column>
+ </column>
- <column class="overlap-bottom md:-mr-2v sm:-ml-2v sm:mb-0">
- <flexible-image src="storage/uploads/images/home-car.jpg"/>
- </column>
+ <column class="overlap-bottom md:-mr-2v sm:-ml-2v sm:mb-0">
+ <flexible-image :src="$page->getImageURLByCollection($slide['image'])"/>
+ </column>
- </columns>
- </content>
- </full-width>
+ </columns>
+ </content>
+ </full-width>
+ @endforeach
{{-- Intro text --}}
@intro(['padding' => 'pt-5v pb-4v'])
<article>
<a href="{{ $newsURL }}">
{{--Todo: handle missing images + get correct image size--}}
- <img class="mb-4" src="{{ $newsItem->getFirstMediaUrl($newsItem->image, 'thumb') }}" alt="{{ $newsItem->title }}">
+ <img class="mb-4" src="{{ $newsItem->getFirstMediaUrl($newsItem->image, 'thumb') }}"
+ alt="{{ $newsItem->title }}">
</a>
<h4 class="font-display">{{ $newsItem->title }}</h4>
<p>{{ $newsItem['chapo'] }}</p>
$image = $page->getImageURL("$name.image",'',asset('storage/uploads/images/products-intro.jpg'));
$class = $class ?? '';
$padding = $padding ?? null; // Pass null so it doesn't override default padding
+ $button=$page->get("$name.button");
@endphp
<full-width :padding="$padding" :class="$class">
<column>
<text-block class="pt-2v" title-class="h1 overlap-left" :title="$title">
- @markdown($page->get("$name.text"))
+ <p>@markdown($page->get("$name.text"))</p>
- {{-- Todo: handle button here... $page->get("$name.button") --}}
+ <p><link-button :data="$button"/></p>
</text-block>
</column>
</columns>