From 144f3634f5398daddb9113dd2560de5db5ae9664 Mon Sep 17 00:00:00 2001
From: Stephen Cameron <stephen@cubedesigners.com>
Date: Thu, 13 Jan 2022 10:41:51 +0100
Subject: [PATCH] Wait #5021 @1.25

---
 resources/views/front/resources.blade.php | 138 ++++++++++++----------
 1 file changed, 75 insertions(+), 63 deletions(-)

diff --git a/resources/views/front/resources.blade.php b/resources/views/front/resources.blade.php
index c975190..15924e3 100644
--- a/resources/views/front/resources.blade.php
+++ b/resources/views/front/resources.blade.php
@@ -1,56 +1,66 @@
 @extends('layouts.app')
 
-
 @push('extra_body_classes')
     overflow-y-scroll {{-- We already know this will be a long page so this avoids the header jumping on load --}}
 @endpush
 
+@push('before_scripts')
+    <script>
+        function resources() {
+            return {
+                viewerURL: '/front/coeur/pdfjs/web/viewer.html?file=', // Base URL for viewer
+                shown: false,
+
+                init() {
+                    // Open PDF viewer if querystring is already set
+                    let querystring = new URLSearchParams(location.search);
+                    if (querystring.get('file')) {
+                        this.openPDF(querystring.get('file'), false);
+                    }
+                },
+
+                openPDF(PDF_URL, updateQuerystring = true) {
+                    PDF_URL = PDF_URL.replace('./storage', '../../../storage');
+
+                    if (updateQuerystring) {
+                        const location = new URL(window.location.href);
+                        location.searchParams.set('file', PDF_URL);
+                        history.replaceState(null, document.title, location.toString());
+                    }
+
+                    this.PDFOpen = true;
+                    this.$nextTick(() => { this.$refs.PDFViewer.setAttribute('src', this.viewerURL + PDF_URL) });
+                },
+
+                closePDF() {
+                    this.PDFOpen = false;
+                    this.$refs.PDFViewer.setAttribute('src', '');
+
+                    // Update the page URL to remove querystring
+                    const location = new URL(window.location.href);
+                    location.searchParams.delete('file');
+                    history.replaceState(null, document.title, location.toString());
+                },
+            }
+        }
+    </script>
+@endpush
+
 @section('content')
     @php
-        $mediaIDToFile=[];
-        foreach ($resources_pdf as $id=>$pdf) {
-            $mediaIDToFile['pdf:'.$id]=$pdf->getImageURLbyCollection($pdf->get('file_upload'));
+        $mediaIDToFile = [];
+        foreach ($resources_pdf as $id => $pdf) {
+            $mediaIDToFile['pdf:' . $id] = $pdf->getImageURLbyCollection($pdf->get('file_upload'));
         }
     @endphp
     <script>
-        var mediaIDToFile =@json($mediaIDToFile);
+        var mediaIDToFile = @json($mediaIDToFile);
     </script>
     {{-- RESOURCES --}}
-    <div class="resources" x-data="{
-        viewerURL: '/front/coeur/pdfjs/web/viewer.html?file=', // Base URL for viewer
-        shown: false,
-
-        init() {
-            // Open PDF viewer if querystring is already set
-            let querystring = new URLSearchParams(location.search);
-            if (querystring.get('file')) {
-                this.openPDF(querystring.get('file'), false);
-            }
-        },
-
-        openPDF(PDF_URL, updateQuerystring = true) {
-            PDF_URL=PDF_URL.replace('./storage','../../../storage');
-            if (updateQuerystring) {
-                const location = new URL(window.location.href);
-                location.searchParams.set('file', PDF_URL);
-                history.replaceState(null, document.title, location.toString());
-            }
-
-            this.PDFOpen = true;
-            $nextTick(() => { $refs.PDFViewer.setAttribute('src', this.viewerURL + PDF_URL) });
-        },
-
-        closePDF() {
-            this.PDFOpen = false;
-            $refs.PDFViewer.setAttribute('src', '');
-
-            // Update the page URL to remove querystring
-            const location = new URL(window.location.href);
-            location.searchParams.delete('file');
-            history.replaceState(null, document.title, location.toString());
-        },
-    }" x-intersect="shown = true" x-cloak>
-
+    <div x-data="resources()"
+         x-cloak
+         x-intersect="shown = true"
+         class="resources">
 
         <h1 class="uppercase mb-8 overflow-hidden">
             <span x-show="shown"
@@ -76,20 +86,19 @@
              x-transition:enter-start="opacity-0 translate-y-[50px]">
 
             {{-- DOCUMENTS --}}
-            @if(count($resources->documents)>0)
+            @if (count($resources->documents) > 0)
                 <div class="grid lg:grid-cols-2 gap-6">
                     @foreach($resources->documents as $doc)
-                        @if(!$doc['document_pdf'])
-                            @continue
-                        @endif
-                        @if(!isset($resources_pdf[$doc['document_pdf']]))
+                        @if (!$doc['document_pdf'] || !isset($resources_pdf[$doc['document_pdf']]))
                             @continue
                         @endif
                         @php
                             /** @var \Cubist\Backpack\Magic\PageData $pdf */
-                            $pdf=$resources_pdf[$doc['document_pdf']];
-                            $pdfurl=$pdf->getImageURLbyCollection($pdf->get('file_upload'));
-                            $thumb=null===$pdf->get('file_thumb')?$pdf->getImageURLbyCollection($pdf->get('file_upload'),'poster'):$pdf->getImageURLbyCollection($pdf->get('file_thumb'));
+                            $pdf = $resources_pdf[$doc['document_pdf']];
+                            $pdfurl = $pdf->getImageURLbyCollection($pdf->get('file_upload'));
+                            $thumb = null === $pdf->get('file_thumb')
+                                ? $pdf->getImageURLbyCollection($pdf->get('file_upload'),'poster')
+                                : $pdf->getImageURLbyCollection($pdf->get('file_thumb'));
                         @endphp
                         {{--<a href="{{ $doc['document_pdf'] }}" @click.prevent="openPDF($el.attributes.href.value)" class="group">--}}
                         <a href="{{$pdfurl}}" @click.prevent="openPDF($el.attributes.href.value)"
@@ -98,7 +107,7 @@
                                 <img class="w-1/2 pr-6"
                                      src="{{ $thumb }}"
                                      alt="{{ $doc['document_title'] }}">
-                                {{--                            <img class="w-1/2 pr-6" src="{{ $doc['document_image'] }}" alt="{{ $doc['document_title'] }}">--}}
+                                {{--<img class="w-1/2 pr-6" src="{{ $doc['document_image'] }}" alt="{{ $doc['document_title'] }}">--}}
                                 <div class="-mr-5 space-y-4">
                                     <h3 class="text-4xl font-semibold">{{ $doc['document_title'] }}</h3>
                                     <p>{{ $doc['document_subtitle'] }}</p>
@@ -106,8 +115,8 @@
                                              py-4 px-10
                                              transform transition
                                              group-hover:scale-105">
-                                Visualiser
-                            </span>
+                                        Visualiser
+                                    </span>
                                 </div>
                             </div>
                         </a>
@@ -128,28 +137,31 @@
                         {{-- MEMOS --}}
                         <div class="grid grid-cols-2 gap-5 mt-8">
                             @foreach ($subchapter['subchapter_memos'] as $memo)
-                                @if(!$memo['memo_pdf'])
-                                    @continue
-                                @endif
-                                @if(!isset($resources_pdf[$memo['memo_pdf']]))
+                                @if (!$memo['memo_pdf'] || !isset($resources_pdf[$memo['memo_pdf']]))
                                     @continue
                                 @endif
                                 @php
                                     /** @var \Cubist\Backpack\Magic\PageData $pdf */
-                                    $pdf=$resources_pdf[$memo['memo_pdf']];
-                                    $pdfurl=$pdf->getImageURLbyCollection($pdf->get('file_upload'));
-                                    $thumb=!$pdf->get('file_thumb') || !$pdf->getImageURLbyCollection($pdf->get('file_thumb'))?$pdf->getImageURLbyCollection($pdf->get('file_upload'),'poster'):$pdf->getImageURLbyCollection($pdf->get('file_thumb'));
+                                    $pdf = $resources_pdf[$memo['memo_pdf']];
+                                    $pdfurl = $pdf->getImageURLbyCollection($pdf->get('file_upload'));
+                                    $thumb = !$pdf->get('file_thumb') || !$pdf->getImageURLbyCollection($pdf->get('file_thumb'))
+                                        ? $pdf->getImageURLbyCollection($pdf->get('file_upload'),'poster')
+                                        : $pdf->getImageURLbyCollection($pdf->get('file_thumb'));
                                 @endphp
 
                                 {{--<a href="{{ $memo['memo_pdf'] }}" @click.prevent="openPDF($el.attributes.href.value)" class="group">--}}
-                                <a href="{{$pdfurl}}" @click.prevent="openPDF($el.attributes.href.value)"
+                                <a href="{{ $pdfurl }}"
+                                   @click.prevent="openPDF($el.attributes.href.value)"
                                    class="group">
-                                    <div class="bg-grey-50 flex items-center p-8 rounded-md">
-                                        <img class="w-1/4 pr-4"
+                                    <div class="bg-grey-50 flex items-start h-full p-[1.875rem] rounded-md">
+                                        <img class="w-1/4 mr-5 shadow-sm"
+                                             style="min-width: 105px; box-shadow: 2px 3px 3px 0 rgb(0 0 0 / 15%);"
                                              src="{{ $thumb }}"
                                              alt="{{ $memo['memo_title'] }}">
-                                        <div class="space-y-2.5">
-                                            <h3 class="text-lg font-semibold">{{ $memo['memo_number'] }}</h3>
+                                        <div class="space-y-2.5 pt-4">
+                                            @if ($memo['memo_number'])
+                                                <h3 class="text-lg font-semibold">{{ $memo['memo_number'] }}</h3>
+                                            @endif
                                             <h4 class="text-base font-semibold">{{ $memo['memo_title'] }}</h4>
                                             <h5 class="text-base">{{ $memo['memo_subtitle'] }}</h5>
                                             <span
-- 
2.39.5