76 lines
No EOL
2.7 KiB
HTML
76 lines
No EOL
2.7 KiB
HTML
{% if folders or files %}
|
|
<div class="files-grid">
|
|
{% if folders %}
|
|
{% for folder in folders %}
|
|
<a href="{{ url_for('files.browser', folder_id=folder.id) }}" class="folder-item" data-id="{{ folder.id }}">
|
|
<div class="item-icon">
|
|
<i class="fas fa-folder"></i>
|
|
</div>
|
|
<div class="item-info">
|
|
<div class="item-name">{{ folder.name }}</div>
|
|
<div class="item-details">
|
|
<span class="item-count">{{ folder.children.count() if folder.children is defined else
|
|
folder.files.count() }} items</span>
|
|
<span class="item-date">{{ folder.updated_at.strftime('%Y-%m-%d') }}</span>
|
|
</div>
|
|
</div>
|
|
<div class="file-actions">
|
|
<button class="action-btn edit" title="Rename">
|
|
<i class="fas fa-pencil-alt"></i>
|
|
</button>
|
|
<button class="action-btn delete" title="Delete">
|
|
<i class="fas fa-trash"></i>
|
|
</button>
|
|
</div>
|
|
</a>
|
|
{% endfor %}
|
|
{% endif %}
|
|
|
|
{% if files %}
|
|
{% for file in files %}
|
|
<a href="{{ url_for('files.download', file_id=file.id) }}" class="file-item" data-id="{{ file.id }}">
|
|
<div class="item-icon">
|
|
<i class="fas {{ file.icon_class }}"></i>
|
|
</div>
|
|
<div class="item-info">
|
|
<div class="item-name">{{ file.name }}</div>
|
|
<div class="item-details">
|
|
<span class="item-size">{{ file.size|filesizeformat }}</span>
|
|
<span class="item-date">{{ file.updated_at.strftime('%Y-%m-%d') }}</span>
|
|
</div>
|
|
</div>
|
|
<div class="file-actions">
|
|
<button class="action-btn download" title="Download">
|
|
<i class="fas fa-download"></i>
|
|
</button>
|
|
<button class="action-btn share" title="Share">
|
|
<i class="fas fa-share-alt"></i>
|
|
</button>
|
|
<button class="action-btn delete" title="Delete">
|
|
<i class="fas fa-trash"></i>
|
|
</button>
|
|
</div>
|
|
</a>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</div>
|
|
{% else %}
|
|
<div class="empty-folder">
|
|
<div class="empty-icon">
|
|
<i class="fas fa-folder-open"></i>
|
|
</div>
|
|
<div class="empty-message">
|
|
<h3>This folder is empty</h3>
|
|
<p>Upload files or create a folder to get started</p>
|
|
</div>
|
|
<div class="empty-actions">
|
|
<a href="{{ url_for('files.upload', folder_id=current_folder.id if current_folder else None) }}"
|
|
class="btn primary">
|
|
<i class="fas fa-upload"></i> Upload
|
|
</a>
|
|
<button class="btn" id="empty-new-folder-btn">
|
|
<i class="fas fa-folder-plus"></i> New Folder
|
|
</button>
|
|
</div>
|
|
</div>
|
|
{% endif %} |