files_browser_toolbar.html 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. <div class="bx-def-padding-sec-leftright bx-def-border-bottom bx-files-border-thick bx-files-browser-toolbar bx-clearfix" id="bx-files-browser-toolbar-__unique_ident__">
  2. <div class="bx-def-margin-bottom bx-files-folder-path">
  3. <bx_repeat:folder_path>
  4. <a href="#" onclick="__js_object__.folderNavigate(__folder__); return false;">__name__</a> <i class="sys-icon chevron-right"></i>
  5. </bx_repeat:folder_path>
  6. </div>
  7. <bx_if:upload_visible>
  8. <div class="bx-files-toolbar-controls-group">
  9. __uploader_code__
  10. <script>
  11. function bx_files_inject_onupload_handler() {
  12. if (typeof __uploader_js_object__ == 'undefined') {
  13. setTimeout(bx_files_inject_onupload_handler, 200);
  14. return;
  15. }
  16. __uploader_js_object__.onUploadCompletedDefault = __uploader_js_object__.onUploadCompleted;
  17. __uploader_js_object__.onUploadCompleted = function (sErrorMsg) {
  18. __uploader_js_object__.onUploadCompletedDefault(sErrorMsg);
  19. __js_object__.onAfterUpload();
  20. }
  21. }
  22. $(document).ready(function(){
  23. //catch onUploadCompleted call here
  24. setTimeout(bx_files_inject_onupload_handler, 200);
  25. });
  26. </script>
  27. <button class="bx-btn" onclick="__js_object__.onBeforeUpload(); __uploader_js_object__.showUploaderForm();"><i class="sys-icon upload"></i>&nbsp;<bx_text:_bx_files_txt_upload /></button>
  28. <bx_if:create_folder_allowed>
  29. <button class="bx-btn" onclick="__js_object__.addFolder('__folder_name_message__');"><i class="sys-icon plus"></i>&nbsp;<bx_text:_bx_files_txt_add_folder /></button>
  30. </bx_if:create_folder_allowed>
  31. </div>
  32. </bx_if:upload_visible>
  33. <div class="bx-files-toolbar-controls-group">
  34. <bx_if:table_layout_btn>
  35. <button class="bx-btn bx-btn-disabled" title="<bx_text:_bx_files_toolbar_view_table />"><i class="sys-icon list"></i></button>
  36. <button class="bx-btn" onclick="__js_object__.setView('gallery');" title="<bx_text:_bx_files_toolbar_view_gallery />"><i class="sys-icon th-large"></i></button>
  37. </bx_if:table_layout_btn>
  38. <bx_if:gallery_layout_btn>
  39. <button class="bx-btn" onclick="__js_object__.setView('table');" title="<bx_text:_bx_files_toolbar_view_table />"><i class="sys-icon list"></i></button>
  40. <button class="bx-btn bx-btn-disabled" title="<bx_text:_bx_files_toolbar_view_gallery />"><i class="sys-icon th-large"></i></button>
  41. </bx_if:gallery_layout_btn>
  42. </div>
  43. <bx_if:bookmarks_visible>
  44. <div class="bx-files-toolbar-controls-group">
  45. <button class="bx-btn" onclick="__js_object__.toggleBookmarks();" title="<bx_text:_bx_files_toolbar_view_bookmarks />"><i class="sys-icon __bookmark_enabled__ star"></i></button>
  46. </div>
  47. </bx_if:bookmarks_visible>
  48. <div class="bx-files-toolbar-controls-group">
  49. __sorting_dropdown__
  50. __filter_box__
  51. </div>
  52. <div class="bx-files-bulk-actions bx-def-margin-bottom">
  53. <bx_repeat:bulk_actions>
  54. <button class="bx-btn" onclick="__js_object__.__handler__();" title="__title__"><i class="sys-icon __icon__"></i></button>
  55. </bx_repeat:bulk_actions>
  56. </div>
  57. </div>
  58. <div class="hidden uploader_progress bx-def-padding-sec-leftright" style="width: 100%">
  59. <div class="w-full bg-gray-200 rounded-full h-1 dark:bg-gray-700">
  60. <div class="bg-blue-600 h-1 rounded-full progress_line" style="width: 0%"></div>
  61. </div>
  62. </div>
  63. <div class="bx-files-toolbar-spacer"></div>
  64. <bx_if:select_all_checkbox>
  65. <div class="bx-def-padding-sec bx-files-text-unit-simple-row">
  66. <div>
  67. <input type="checkbox" class="bx-def-font-inputs bx-form-input-checkbox bx-files-input-checkbox-select-all bx-def-margin-right" id="bx-files-browser-select-all-__unique_ident__" onchange="__js_object__.onSelectAll(this);" />
  68. <label for="bx-files-browser-select-all-__unique_ident__"><bx_text:_Select_all /></label>
  69. </div>
  70. </div>
  71. </bx_if:select_all_checkbox>
  72. __js_code__