'slideshow'=>'las la-image',
'video'=>'las la-video',
'youtube'=>'lab la-youtube',
- 'dailymotion'=>'fa-brands fa-dailymotion',
+ 'dailymotion'=>'las la-film',
'vimeo'=>'lab la-vimeo',
];
+
+ $tooltips=[ 'slideshow'=>__('Diaporama'),
+ 'video'=>__('Vidéo locale'),
+ 'youtube'=>__('Youtube'),
+ 'dailymotion'=>__('Dailymotion'),
+ 'vimeo'=>__('Vimeo'),
+ ];
@endphp
<h3 class="mt-5">{{ __('Contenus multimédia') }}</h3>
@foreach($multimedia as $label=>$media)
<tr>
<td class="whitespace-nowrap" data-sort-value="{{$label }}">
- <i class="{{$icons[$media['type']]}}"></i> {{$label }}
+ <i class="{{$icons[$media['type']]}}"
+ data-tooltip="{{$tooltips[$media['type']]}}"></i> {{$label }}
</td>
@include('fluidbook_stats.pagelink',['group'=>$media['pages'][0]??''])
<td>{{ $formatter->format($media['nb']) }}</td>
{{-- Date Range picker setup: https://sensortower.github.io/daterangepicker/docs --}}
<script>
$(function () {
+ $('[data-tooltip]:not(.init-tooltip)').each(function () {
+ let i = tippy($(this).get(0), {content: $(this).data('tooltip')});
+ $(this).addClass('init-tooltip');
+ $(this).data('tippyinstance', i)
+ });
+
moment.locale('{{ $locale }}');
@if ($locale === 'en')
moment.updateLocale('{{ $locale }}', {
</script>
+ <script src="https://unpkg.com/@popperjs/core@2"></script>
+ <script src="https://unpkg.com/tippy.js@6"></script>
@endpush
</div>