From c67b54956f175c4f8d043172ed15a697b15ba248 Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Tue, 13 Aug 2019 16:36:54 +0200
Subject: [PATCH] done #2904 @6

---
 .../views/components/flexible-image.blade.php |  7 ++-
 .../views/components/link-button.blade.php    | 26 +++++++++--
 resources/views/pages/home.blade.php          | 45 ++++++++++---------
 resources/views/partials/intro.blade.php      |  5 ++-
 4 files changed, 55 insertions(+), 28 deletions(-)

diff --git a/resources/views/components/flexible-image.blade.php b/resources/views/components/flexible-image.blade.php
index 41ac434..08ec906 100644
--- a/resources/views/components/flexible-image.blade.php
+++ b/resources/views/components/flexible-image.blade.php
@@ -8,11 +8,16 @@
 @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... --}}
diff --git a/resources/views/components/link-button.blade.php b/resources/views/components/link-button.blade.php
index b1ad034..6a5a63a 100644
--- a/resources/views/components/link-button.blade.php
+++ b/resources/views/components/link-button.blade.php
@@ -1,3 +1,23 @@
-<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
diff --git a/resources/views/pages/home.blade.php b/resources/views/pages/home.blade.php
index 58f34d5..1607741 100644
--- a/resources/views/pages/home.blade.php
+++ b/resources/views/pages/home.blade.php
@@ -8,34 +8,34 @@
 
 
     {{-- 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'])
@@ -131,7 +131,8 @@
                         <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>
diff --git a/resources/views/partials/intro.blade.php b/resources/views/partials/intro.blade.php
index dc7b91b..f4f3c87 100644
--- a/resources/views/partials/intro.blade.php
+++ b/resources/views/partials/intro.blade.php
@@ -8,6 +8,7 @@
     $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">
@@ -22,9 +23,9 @@
 
             <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>
-- 
2.39.5