- Set jquery from cdn

- fix fslightbox
- fslightbox gallery mode
This commit is contained in:
Jérémy Munsch 2021-06-18 16:52:57 +02:00
parent 08b8da431a
commit f825ce8a9c
6 changed files with 11 additions and 15 deletions

View file

@ -24,7 +24,7 @@ class Utils
if (\strpos($url, 'http') === false and \strpos($url, 'https') === false) {
$url = sprintf('http://%s', $url);
}
$fsligthbox = self::isImageFile($url) ? 'data-fslightbox' : '';
$fsligthbox = self::isImageFile($url) ? 'data-fslightbox="gallery"' : '';
return strlen($match) ? "<a $fsligthbox href=\"$url\" target=\"_blank\">$match</a>" : $match;
}
},
@ -36,6 +36,6 @@ class Utils
public static function isImageFile(string $url): bool
{
$m = [];
return \preg_match('/(.png|.jpg|.jpeg|.gif)$/', $url, $m) === 1;
return \preg_match('/(\.png|\.jpg|\.jpeg|\.gif)$/', $url, $m) === 1;
}
}

View file

@ -13,7 +13,6 @@
"axios": "^0.21.1",
"cross-env": "^7.0",
"fslightbox": "^3.2.3",
"jquery": "^3.2",
"laravel-mix": "^6.0.16",
"laravel-mix-polyfill": "^3.0.1",
"lodash": "^4.17.19",

View file

@ -6,12 +6,6 @@ window._ = require('lodash');
* code may be modified to fit the specific needs of your application.
*/
try {
window.$ = window.jQuery = require('jquery');
require('fslightbox');
} catch (e) {}
/**
* We'll load the axios HTTP library which allows us to easily issue requests
* to our Laravel back-end. This library automatically handles sending the
@ -69,3 +63,5 @@ vues.keys().map(key =>
);
const app = new Vue(vueOptions);
require('fslightbox');

View file

@ -99,6 +99,7 @@
<div id="app" class="content mt-5">
@yield('content')
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://bootswatch.com/_vendor/bootstrap/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
@stack('scriptsConstants')
<script src="{{ asset('js/app.js') }}"></script>

View file

@ -92,12 +92,12 @@
</td>
<td>
@if ($ticket->file !== null)
<a data-fslightbox href="{{ asset($ticket->file) }}" class="btn btn-sm btn-outline-primary" target="_blank">Fichier</a>
<a data-fslightbox="gallery" href="{{ asset($ticket->file) }}" class="btn btn-sm btn-outline-primary" target="_blank">Fichier</a>
@endif
</td>
<td>
@if ($ticket->file2 !== null)
<a data-fslightbox href="{{ asset($ticket->file2) }}" class="btn btn-sm btn-outline-primary" target="_blank">Fichier 2</a>
<a data-fslightbox="gallery" href="{{ asset($ticket->file2) }}" class="btn btn-sm btn-outline-primary" target="_blank">Fichier 2</a>
@endif
</td>
<td>{{ Carbon\Carbon::parse($ticket->created_at)->format('d/m/Y à H:i') }}</td>

View file

@ -103,7 +103,7 @@
<div class="offset-md-4 col-md-8 alert alert-primary">
{!! Utils::plainToHtml($message->message) !!}
@if ($message->file !== null)
<br><a data-fslightbox href="{{ asset($message->file) }}" target="_blank">Ouvrir la pièce jointe</a><br>
<br><a data-fslightbox="gallery" href="{{ asset($message->file) }}" target="_blank">Ouvrir la pièce jointe</a><br>
@endif<br><br>
<small class="text-muted">Le {{ \Carbon\Carbon::parse($message->created_at)->format('d/m/Y à H:i')}} par {{ $message->user->name }}</small>
</div>
@ -111,7 +111,7 @@
<div class="col-md-8 alert alert-success">
{!! Utils::plainToHtml($message->message) !!}
@if ($message->file !== null)
<br><a data-fslightbox href="{{ asset($message->file) }}" target="_blank">Ouvrir la pièce jointe</a><br>
<br><a data-fslightbox="gallery" href="{{ asset($message->file) }}" target="_blank">Ouvrir la pièce jointe</a><br>
@endif<br><br>
<small class="text-muted">Le {{ \Carbon\Carbon::parse($message->created_at)->format('d/m/Y à H:i')}} par {{ $message->user->name }}</small>
</div>
@ -132,13 +132,13 @@
@if ($ticket->file !== null)
<li>
Pièce jointe n°1 :
<a @if(Utils::isImageFile($ticket->file))data-fslightbox @endif href="{{ asset($ticket->file) }}" target="_blank">Ouvrir la pièce jointe</a>
<a @if(Utils::isImageFile($ticket->file))data-fslightbox="gallery" @endif href="{{ asset($ticket->file) }}" target="_blank">Ouvrir la pièce jointe</a>
</li>
@endif
@if ($ticket->file2 !== null)
<li>
Pièce jointe n°2 :
<a @if(Utils::isImageFile($ticket->file))data-fslightbox @endif href="{{ asset($ticket->file2) }}" target="_blank">Ouvrir la pièce jointe</a>
<a @if(Utils::isImageFile($ticket->file))data-fslightbox="gallery" @endif href="{{ asset($ticket->file2) }}" target="_blank">Ouvrir la pièce jointe</a>
</li>
@endif
</ul>