2019-08-06 14:18:36 +02:00
|
|
|
@extends('layouts.app')
|
|
|
|
|
|
|
|
|
|
@section('content')
|
2022-06-20 14:57:58 +02:00
|
|
|
|
|
|
|
|
@php
|
|
|
|
|
$dataVue = [
|
|
|
|
|
'basket' => $panier->load('mediaList'),
|
|
|
|
|
'formats' => $formats,
|
|
|
|
|
'csrf' => csrf_token(),
|
|
|
|
|
];
|
|
|
|
|
@endphp
|
|
|
|
|
<div
|
|
|
|
|
id="stand-alone-panier"
|
|
|
|
|
data-json='@json($dataVue)'></div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{{-- <main class="public_basket ">
|
2019-08-06 14:18:36 +02:00
|
|
|
<div class="main_content">
|
|
|
|
|
<header>
|
|
|
|
|
<div class="basket_title">
|
|
|
|
|
{{ $panier->libelle }}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="basket_Info">
|
2022-06-20 14:57:58 +02:00
|
|
|
<a href="#" class="btn_basket_select_all" title="Selectionner tous les médias"><i class="fas fa-check-circle"></i></a>
|
2019-08-06 14:18:36 +02:00
|
|
|
<a href="#" class="btn_basket_download" title="Téléchargez des médias"><i class="fas fa-arrow-circle-down"></i></a>
|
|
|
|
|
<a class="btn_basket_Info"title="Informations sur ce panier" href="#"><i class="fas fa-info-circle"></i></a>
|
|
|
|
|
</div>
|
|
|
|
|
</header>
|
|
|
|
|
<div class="media_container">
|
|
|
|
|
<div class="wrapper">
|
2022-06-20 14:57:58 +02:00
|
|
|
@foreach ($panier->mediaList as $media )
|
2019-08-06 14:18:36 +02:00
|
|
|
@php
|
2022-06-20 14:57:58 +02:00
|
|
|
$ico = '';
|
|
|
|
|
$detail = '';
|
|
|
|
|
$statut = '';
|
|
|
|
|
$itemClass = '';
|
|
|
|
|
$storage = Storage::disk('media');
|
|
|
|
|
|
|
|
|
|
$thumb = $storage->url($media->thumb_relative_path);
|
|
|
|
|
$preview = $storage->url($media->preview_relative_path);
|
|
|
|
|
|
|
|
|
|
switch ($media->type_media_id) {
|
|
|
|
|
// Photo
|
2019-08-06 14:18:36 +02:00
|
|
|
case 1:
|
|
|
|
|
$ico = '<i class="fas fa-file-image"></i>';
|
2022-06-20 14:57:58 +02:00
|
|
|
$detail = " - {$media->largeur}x{$media->hauteur}px";
|
2019-08-06 14:18:36 +02:00
|
|
|
break;
|
2022-06-20 14:57:58 +02:00
|
|
|
// Illustration/Vectorielle
|
2019-08-06 14:18:36 +02:00
|
|
|
case 2:
|
|
|
|
|
$ico = '<i class="fas fa-file-image"></i>';
|
|
|
|
|
break;
|
2022-06-20 14:57:58 +02:00
|
|
|
// Vidéo
|
2019-08-06 14:18:36 +02:00
|
|
|
case 3:
|
|
|
|
|
$ico = '<i class="fas fa-file-video"></i>';
|
2022-06-20 14:57:58 +02:00
|
|
|
$detail = " - durée {$media->duree}";
|
|
|
|
|
$itemClass = 'video';
|
2019-08-06 14:18:36 +02:00
|
|
|
break;
|
2022-06-20 14:57:58 +02:00
|
|
|
// Audio
|
2019-08-06 14:18:36 +02:00
|
|
|
case 4:
|
|
|
|
|
$ico = '<i class="fas fa-file-audio"></i>';
|
2022-06-20 14:57:58 +02:00
|
|
|
$detail = " - durée {$media->duree}";
|
|
|
|
|
$itemClass = 'son';
|
2019-08-06 14:18:36 +02:00
|
|
|
break;
|
|
|
|
|
default:
|
|
|
|
|
}
|
|
|
|
|
@endphp
|
2022-06-20 14:57:58 +02:00
|
|
|
<div class="imageItem" data-id="{{ $media->id }}" data-ext="{{ $media->extension->value }}" data-typemedia="{{ $media->type_media_id }}" data-preview="{{$preview}}" data-src="{{ "/".$media->folder.$media->uid.".".$media->extension->value }}" draggable="false" aria-grabbed="false">
|
2019-08-06 14:18:36 +02:00
|
|
|
<div class="media {{ $itemClass }}" style="background-image:url({{ $thumb }})"></div>
|
|
|
|
|
<p class="libelle ">{{ $media->libelle }}</p>
|
2022-06-20 14:57:58 +02:00
|
|
|
<div class="info">{!! $ico !!}{{ $media->extension->value." - ".App\Lib\ToolboxHelper::formatBytes($media->taille).$detail." - v".$media->version }}</div>
|
2019-08-06 14:18:36 +02:00
|
|
|
</div>
|
|
|
|
|
@endforeach
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2022-06-20 14:57:58 +02:00
|
|
|
</div>
|
2019-08-06 14:18:36 +02:00
|
|
|
</main>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="form_download" style="display: none;" data-id="" >
|
|
|
|
|
<h3>Téléchargez</h3>
|
|
|
|
|
<hr/>
|
|
|
|
|
<p>Sélectionnez l'un des formats ci-dessous pour télécharger votre sélection.</p>
|
|
|
|
|
<form id="the_form_download" target="_blank" action="{{ route('downloadMedia') }}" method="post">
|
2021-02-10 09:09:27 +01:00
|
|
|
@csrf
|
2019-08-06 14:18:36 +02:00
|
|
|
<select class="download_format" name="format">$formats
|
2021-02-10 09:09:27 +01:00
|
|
|
<option value="original">Format original</option>
|
2019-08-06 14:18:36 +02:00
|
|
|
@foreach ($formats as $format)
|
|
|
|
|
<option value="{{$format->id }}">{{"Vignette ".$format->extension." ".strtoupper($format->libelle)." (".$format->largeur."px)" }}</option>
|
|
|
|
|
@endforeach
|
|
|
|
|
</select>
|
2022-06-20 14:57:58 +02:00
|
|
|
<input class="medias" type="hidden" name="mediaList" value="">
|
2019-08-06 14:18:36 +02:00
|
|
|
<button type="submit" class="btn btn_form_download ml-10"><i class="fas fa-arrow-circle-down"></i> Télécharger</button>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="form_basket_property" style="display: none;" data-id="" >
|
|
|
|
|
<h3>Informations sur ce panier</h3>
|
|
|
|
|
<hr/>
|
|
|
|
|
<p>Libellé : {{ $panier->libelle }}</p>
|
|
|
|
|
<p>Description :</p>
|
|
|
|
|
<p>{{ $panier->description }}</p>
|
|
|
|
|
<p>Créé le : {{ $panier->created_at }}</p>
|
|
|
|
|
<hr/>
|
|
|
|
|
<p class="button_bar">
|
|
|
|
|
<a href="#" class="btn close_popup btn-black btn-square">Fermer</a>
|
|
|
|
|
</p>
|
2022-06-20 14:57:58 +02:00
|
|
|
</div> --}}
|
2019-08-06 14:18:36 +02:00
|
|
|
@endsection
|