file_browser.html 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. {% extends "base.html" %}
  2. {% block title %}文件浏览 - Mildoc 管理后台{% endblock %}
  3. {% block content %}
  4. <div class="file-browser">
  5. <div class="file-browser-header">
  6. <div class="breadcrumb">
  7. <span class="breadcrumb-item">
  8. <a href="{{ url_for('file_browser') }}" class="breadcrumb-link">根目录</a>
  9. </span>
  10. <span id="breadcrumb-path"></span>
  11. </div>
  12. <div class="browser-actions">
  13. <button id="create-dir-btn" class="create-dir-btn">创建目录</button>
  14. <button id="delete-dir-btn" class="delete-dir-btn" style="display: none;">删除目录</button>
  15. <button id="upload-btn" class="upload-btn">上传文件</button>
  16. </div>
  17. </div>
  18. <!-- 文件上传对话框 -->
  19. <input type="file" id="file-input" multiple style="display: none;" accept="*/*">
  20. <div class="file-list">
  21. <div class="file-list-header">
  22. <div class="file-item-name">名称</div>
  23. <div class="file-item-size">大小</div>
  24. <div class="file-item-modified">修改时间</div>
  25. </div>
  26. <div id="file-list-content" class="file-list-content">
  27. <div class="loading">加载中...</div>
  28. </div>
  29. </div>
  30. </div>
  31. {% endblock %}
  32. {% block scripts %}
  33. <script src="{{ url_for('static', filename='js/file_browser.js') }}"></script>
  34. {% endblock %}