template.document.php 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187
  1. <div class="document-container<?php echo isset($embedded)?' embedded':'' ?>"
  2. <?php
  3. if(isset($_['data']) && is_array($_['data'])):
  4. foreach($_['data'] as $key=>$value): ?>
  5. data-<?php echo $key; ?>="<?php echo $value; ?>"
  6. <?php endforeach;
  7. endif; ?>
  8. >
  9. <div class="tree-panel d-none d-md-block">
  10. <ul>
  11. <li class="pointer root-folder"><i class="fas fa-home"></i> <span></span></li>
  12. </ul>
  13. <ul class="tree-folders folders-container">
  14. <li class="hidden folder {{className}}" data-label="{{label}}" data-path="{{path}}"><i class="far fa-folder"></i> <span>{{label}}</span><ul class="folders-container"></ul></li>
  15. </ul>
  16. </div>
  17. <div class="file-panel">
  18. <div class="drag-overlay hidden">
  19. <div class="overlay-text"><i class="far fa-file"></i>&nbsp;&nbsp;Déposez vos fichiers ici.</div>
  20. <div class="overlay-icon"><i class="fas fa-arrow-alt-circle-down"></i></div>
  21. </div>
  22. <div class="breadcrumb-module">
  23. <ul>
  24. <li class="hidden" data-path="{{path}}" title="Cliquer pour naviguer dans le dossier">{{{label}}}</li>
  25. </ul>
  26. </div>
  27. <div class="search-module form-inline">
  28. <div class="doc-search-container">
  29. <input class="form-control form-control-sm label-search" type="text" placeholder="">
  30. <span class="search-clear fas fa-times"></span>
  31. <span class="text-muted btn-search" title="Cliquer pour rechercher dans le dossier courant"><i class="fas fa-search"></i></span>
  32. </div>
  33. <div class="dropdown document-add-element">
  34. <button class="btn btn-small btn-primary dropdown-menu-button" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-plus"></i> Ajouter</button>
  35. <div class="dropdown-menu document-create-dropdown" aria-labelledby="dropdownMenuButton" style="width: 250px;">
  36. <a class="dropdown-item {{lineClass}} hidden pointer" >
  37. <div class="{{buttonClass}}"><i class='{{icon}}'></i> {{label}}</div>
  38. {{{afterHtml}}}
  39. </a>
  40. </div>
  41. </div>
  42. <ul class="view-module">
  43. <li class="hidden" data-view="{{uid}}"><i title="{{label}}" class="{{icon}} {{class}}"></i></li>
  44. </ul>
  45. </div>
  46. <div class="file-module">
  47. <div class="file-preloader"><i class="fas fa-circle-notch fa-spin"></i></div>
  48. <div class="file-editor hidden">
  49. <div class="file-editor-header">
  50. <i class="far fa-file-alt ml-3 my-auto"></i> <input type="text" class="file-editor-name" value="Nouveau fichier.txt">
  51. <div class="btn btn-light btn-editor-expand" title="Agrandir"><i class="fas fa-expand-arrows-alt"></i></div>
  52. <div class="btn btn-light btn-editor-cancel"><i class="fas fa-ban"></i> Annuler</div>
  53. <div class="btn btn-primary btn-editor-save"><i class="far fa-check-circle"></i> Enregistrer</div>
  54. <div class="clear"></div>
  55. </div>
  56. <div class="file-editor-content">
  57. <textarea class="file-editor-input" placeholder="Aucun contenu pour le moment..."></textarea>
  58. </div>
  59. </div>
  60. <!-- Vue liste -->
  61. <table class="file-elements-list file-view hidden" data-view="list">
  62. <thead>
  63. <tr>
  64. <th data-sortable="label" class="name-head">Nom</th>
  65. <th data-sortable="creator" class="creator-head">Créateur</th>
  66. <th data-sortable="size" class="size-head">Taille</th>
  67. <th data-sortable="updated" class="updated-head">Modifié le</th>
  68. </tr>
  69. </thead>
  70. <tbody>
  71. <tr class="hidden file-element {{#link}}element-thumbnail-symlink{{/link}}" data-path="{{path}}" data-type="{{type}}" data-extension="{{extension}}" data-id="{{id}}" >
  72. <td class="name-cell"><img class="element-thumbnail" data-src="{{icon}}"/>
  73. <span>
  74. <input type="text" class="rename-input hidden" value="">
  75. <span>{{label}}</span>
  76. </span><i title="Renommer" class="fas fa-pencil-alt element-rename"></i>
  77. </td>
  78. <td class="creator-cell">{{creator}}</td>
  79. <td class="size-cell">{{sizeReadable}}</td>
  80. <td class="updated-cell" title="{{updatedRelative}}">{{updatedReadable}}</td>
  81. </tr>
  82. </tbody>
  83. </table>
  84. <!-- Vue grille -->
  85. <ul class="file-elements-grid file-view hidden" data-view="grid">
  86. <li class="file-element hidden element-type-{{extension}} {{#link}}element-thumbnail-symlink{{/link}}" data-path="{{path}}" data-type="{{type}}" data-extension="{{extension}}" data-id="{{id}}">
  87. <div class="grid-container">
  88. <div class="element-thumbnail" style="background-image:url({{thumbnail}});"></div>
  89. <div class="element-infos">
  90. <div class="name-cell">
  91. <span>
  92. <input type="text" class="rename-input hidden" value="">
  93. <span>{{label}}</span>
  94. </span><i title="Renommer" class="fas fa-pencil-alt element-rename"></i>
  95. </div>
  96. <span class="size-cell">{{#childNumber}}{{childNumber}} éléments{{/childNumber}} {{sizeReadable}}</span> <span class="creator-cell">par {{creator}}</span><br>
  97. <span class="updated-cell" title="{{updatedRelative}}"><i class="far fa-calendar"></i> {{updatedReadable}}</span>
  98. </div>
  99. </div>
  100. </li>
  101. </ul>
  102. </div>
  103. </div>
  104. <div class="detail-panel">
  105. <div class="detail-thumbnail">
  106. <div class="thumbnail-preloader"><i class="fas fa-circle-notch fa-spin"></i></div>
  107. </div>
  108. <h1 class="text-center">Aucun fichier sélectionné</h1>
  109. <small class="informations"><i class="fas fa-star"></i> <span>-</span></small>
  110. <ul class="detail-buttons" class="hidden">
  111. <li class="hidden {{lineClass}}">{{{html}}}{{^html}}<div class="btn {{buttonClass}}"><i class="{{icon}}"></i> {{label}}</div>{{/html}}</li>
  112. </ul>
  113. </div>
  114. <!-- upload Preloader -->
  115. <div class="preloader-upload-container hidden">
  116. <i class="fas fa-times preloader-upload-close"></i>
  117. <div class="preloader-upload">
  118. <div class="preloader-upload-shadow"></div><div class="preloader-upload-box"></div>
  119. <div class="upload-state"><h5>Envois en cours...</h5><span>x/n fichiers</span></div>
  120. <ul class="upload-files">
  121. <li class="hidden" data-sort="{{sort}}">
  122. <div>
  123. <h5>{{label}}</h5> <small>{{size}}</small> <span class="upload-file-state"></span>
  124. </div>
  125. <div class="progress">
  126. <div class="progress-bar" role="progressbar" style="width: 20%;" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">20%</div>
  127. </div>
  128. </li>
  129. </ul>
  130. </div>
  131. </div>
  132. </div>
  133. <!-- Modal Propriété -->
  134. <div class="modal fade document-properties-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  135. <div class="modal-dialog" role="document">
  136. <div class="modal-content">
  137. <div class="modal-header">
  138. <h5 class="modal-title" id="exampleModalLabel">Propriétés</h5>
  139. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  140. <span aria-hidden="true">&times;</span>
  141. </button>
  142. </div>
  143. <div class="modal-body">
  144. </div>
  145. <div class="hidden modal-body-template">
  146. Libellé : <input class="form-control-plaintext form-control-sm text-info" readonly="readonly" type="text" value="{{label}}">
  147. Chemin relatif : <input class="form-control-plaintext form-control-sm text-info" readonly="readonly" type="text" value="{{path}}">
  148. Date de modification : <input class="form-control-plaintext form-control-sm text-info" readonly="readonly" type="text" value="{{updatedLabel}}">
  149. Propriétaire : <input class="form-control-plaintext form-control-sm text-info" type="text" readonly="readonly" value="{{creator}}">
  150. Dernier changement par : <input class="form-control-plaintext form-control-sm text-info" readonly="readonly" type="text" value="{{updater}}">
  151. Identifiant du document : <input class="form-control-plaintext form-control-sm text-info" readonly="readonly" type="text" value="#{{id}}">
  152. Adresse racine : <input class="form-control-plaintext form-control-sm text-info" type="text" onclick="$(this).select()" readonly="readonly" value="{{rootUrl}}">
  153. </div>
  154. <div class="modal-footer">
  155. <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
  156. </div>
  157. </div>
  158. </div>
  159. </div>