@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"
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)"
<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>
py-4 px-10
transform transition
group-hover:scale-105">
- Visualiser
- </span>
+ Visualiser
+ </span>
</div>
</div>
</a>
{{-- 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
projects / odl.git / commitdiff