ldc-dam/resources/views/media_manager.blade.php
2019-06-05 09:10:06 +02:00

113 lines
4.8 KiB
PHP

@extends('layouts.app')
@include('layouts.header')
@include('layouts.media_edit')
@section('content')
<main class="media_manager template_2col">
<div class="side_menu">
<header>
<h1><i class="fas fa-images"></i> Gestion des médias</h1>
<select id="sujet_selector" >
@foreach ($sujets as $sujet)
<option value="{{$sujet->CODE_SUJET}}" >{{$sujet->LIBELLE}}</option>
@endforeach
</select>
<input type="hidden" class="currentFolder" value="0">
<div class="close_side_menu"><i class="fas fa-chevron-left"></i></div>
</header>
<div class="folder_container">
<div style="display:none;" class="loader">
<i class="fal fa-circle-notch fa-spin"></i>
</div>
<div class="folder_menu" data-id="">
<ul class="menu-options">
<li class="menu-option propertyItem">Propriétés</li>
@if (Auth::user()->hasRole([config('roles.const.ADMIN'), config('roles.const.REDACTEUR')]))
<li class="menu-option renameItem">Renommer</li>
<li class="menu-option removeItem">Supprimer</li>
<li class="menu-option addItem">Ajouter un dossier</li>
@endif
</ul>
</div>
<a href="#" class="root_folder" data-id="0">/racine <span class="count"></span></a>
<div class="dd">
<ol class="dd-list dd3-list root">
</ol>
</div>
</div>
</div>
<div class="main_content">
<header>
<div class="search_wrapper">
<input type="text" value="" placeholder="rechercher un média...">
<a href="#" class="btn btn-square btn-black">Rechercher</a>
<div class="search_filters group">
<div class="filters_type_media">Type de média <i class="fas fa-caret-down"></i></div>
<div class="filters_type_vue">Type de vue <i class="fas fa-caret-down"></i></div>
<div class="filters_etiquette">Etiquette <i class="fas fa-caret-down"></i></div>
<div class="filters_arcadia">
<input type="checkbox" id="arcadia" name="arcadia" >
<label for="arcadia">Lié au référentiel</label> </div>
</div>
<div class="search_filters_list">
</div>
</div>
<div class="action_wrapper group">
<a href="#" class="action_add_media"><i class="fas fa-file-upload"></i> Ajouter un média</a>
<a href="#" class="action_download_media"><i class="fas fa-file-download"></i> Télécharger</a>
<a href="#" class="action_add_basket"><i class="fas fa-shopping-basket"></i> Ajouter au panier</a>
<a href="#" class="action_delete_media"><i class="fas fa-trash-alt"></i> Supprimer</a>
<a href="#" class="action_tag_media"><i class="fas fa-tags"></i> Etiquette</a>
</div>
</header>
<div style="display:none;" class="scrollLoader"><div class="animated slideInUp"><i class="fal fa-circle-notch fa-spin"></i> Chargements des médias</div></div>
<div class="media_container">
<div style="display:none;" class="loader"><i class="fal fa-circle-notch fa-spin"></i></div>
<div class="wrapper"></div>
</div>
</main>
<div id="form_folder_property" style="display: none;" data-id="" >
<h3>Propriétés du dossier</h3>
<hr/>
<p><input required type="text" class="form_folder_libelle" value="" maxlength="100" minlength="4" placeholder="Libellé du dossier" /></p>
<p><textarea class="form_folder_description" placeholder="Description du dossier"></textarea></p>
<p>Créé le : <span class="form_folder_datecreate"></span></p>
<hr/>
<p class="button_bar">
<a href="#" class="btn form_folder_save btn-square"><i class="fal fa-spinner-third fa-spin"></i><i class="fas fa-share"></i> Enregistrer</a><a href="#" class="btn close_popup btn-black btn-square">Fermer</a>
</p>
</div>
<div class="upload_container">
<span class="fileinput-button">
<i class="fas fa-plus-circle"></i><span> Ajouter vos médias</span>
<input id="fileupload" type="file" name="files[]" multiple>
</span>
<div class="content_wrapper">
<!-- The container for the uploaded errors -->
<div id="upload_errors"></div>
<!-- The container for the uploaded files -->
<div id="files" class="files"></div>
</div>
<div class="upload_bar">
<a id="submit" class="btn" href="#">Transférer</a>
<a id="close_upload_form" class="" href="#">Fermer</a>
<!-- The global progress bar -->
<div id="progress" class="progress">
<div class="progress-bar progress-bar-success"></div>
</div>
</div>
<br>
</div>
@endsection
@section('scripts')
<script src="{{ asset('js/jquery.nestable.min.js') }}" defer></script>
<script src="{{ asset('js/uploadfile/vendor/jquery.ui.widget.js') }}"></script>
<script src="{{ asset('js/uploadfile/jquery.iframe-transport.js') }}"></script>
<script src="{{ asset('js/uploadfile/jquery.fileupload.js') }}"></script>
<script src="{{ asset('js/fabric.js') }}"></script>
<script src="{{ asset('js/darkroom.js') }}"></script>
<script src="{{ asset('js/openseadragon.min.js') }}"></script>
@endsection