128 lines
5.7 KiB
HTML
128 lines
5.7 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}搜索结果 - DVS云盘{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="container mx-auto px-4 py-8">
|
|
<!-- 面包屑导航 -->
|
|
<div class="mac-breadcrumb mb-8">
|
|
<div class="flex items-center space-x-2">
|
|
{% for crumb in breadcrumbs %}
|
|
{% if loop.last %}
|
|
<span class="mac-breadcrumb-item text-dark font-medium">{{ crumb.name }}</span>
|
|
{% else %}
|
|
<a href="{{ url_for('index', path=crumb.path) }}" class="mac-breadcrumb-item">
|
|
{{ crumb.name }}
|
|
</a>
|
|
<i class="fas fa-chevron-right text-gray-400"></i>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 搜索结果统计 -->
|
|
<div class="mac-card mb-8">
|
|
<div class="mac-card-header">
|
|
<div class="flex items-center">
|
|
<i class="fas fa-search mr-3"></i>
|
|
<h5 class="mb-0">搜索结果</h5>
|
|
<span class="mac-badge mac-badge-primary ml-3">{{ results|length }} 个匹配项</span>
|
|
</div>
|
|
</div>
|
|
<div class="p-6">
|
|
<p class="text-gray-700">
|
|
搜索关键词: <strong>"{{ query }}"</strong>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 搜索结果列表 -->
|
|
<div class="mac-card">
|
|
<div class="mac-card-header">
|
|
<div class="flex items-center">
|
|
<i class="fas fa-list mr-3"></i>
|
|
<h5 class="mb-0">搜索结果列表</h5>
|
|
</div>
|
|
</div>
|
|
<div class="p-6">
|
|
{% if results %}
|
|
<div class="space-y-3">
|
|
{% for item in results %}
|
|
<div class="mac-file-item">
|
|
<div class="flex items-center">
|
|
<div class="mr-4">
|
|
{% if item.is_dir %}
|
|
<div class="mac-file-icon folder">
|
|
<i class="fas fa-folder"></i>
|
|
</div>
|
|
{% else %}
|
|
{% if item.ext in ['png', 'jpg', 'jpeg', 'gif'] %}
|
|
<div class="mac-file-icon image">
|
|
<i class="fas fa-image"></i>
|
|
</div>
|
|
{% elif item.ext in ['mp4', 'avi', 'mov'] %}
|
|
<div class="mac-file-icon video">
|
|
<i class="fas fa-video"></i>
|
|
</div>
|
|
{% elif item.ext in ['mp3', 'wav'] %}
|
|
<div class="mac-file-icon audio">
|
|
<i class="fas fa-music"></i>
|
|
</div>
|
|
{% elif item.ext == 'pdf' %}
|
|
<div class="mac-file-icon pdf">
|
|
<i class="fas fa-file-pdf"></i>
|
|
</div>
|
|
{% else %}
|
|
<div class="mac-file-icon document">
|
|
<i class="fas fa-file"></i>
|
|
</div>
|
|
{% endif %}
|
|
{% endif %}
|
|
</div>
|
|
<div class="flex-1">
|
|
<div class="mb-1">
|
|
<strong class="text-dark">{{ item.name }}</strong>
|
|
</div>
|
|
<div class="text-sm text-gray-600">
|
|
{% if item.is_dir %}
|
|
文件夹 • {{ item.path }}
|
|
{% else %}
|
|
文件 • {{ item.size }} • {{ item.path }}
|
|
{% endif %}
|
|
• 修改时间: {{ item.modified }}
|
|
</div>
|
|
</div>
|
|
<div class="mac-action-buttons">
|
|
{% if item.is_dir %}
|
|
<a href="{{ url_for('index', path=item.path) }}" class="mac-action-btn" title="打开文件夹">
|
|
<i class="fas fa-folder-open"></i>
|
|
</a>
|
|
{% else %}
|
|
{% if item.previewable %}
|
|
<a href="{{ url_for('preview', file_path=item.path) }}" class="mac-action-btn" title="预览" target="_blank">
|
|
<i class="fas fa-eye"></i>
|
|
</a>
|
|
{% endif %}
|
|
<a href="{{ url_for('download', file_path=item.path) }}" class="mac-action-btn" title="下载">
|
|
<i class="fas fa-download"></i>
|
|
</a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% else %}
|
|
<div class="text-center py-12">
|
|
<i class="fas fa-search text-gray-400 text-5xl mb-4"></i>
|
|
<h5 class="text-gray-600 text-lg font-medium mb-2">没有找到匹配的结果</h5>
|
|
<p class="text-gray-500 mb-6">请尝试使用其他关键词搜索</p>
|
|
<a href="{{ url_for('index', path=path) }}" class="mac-btn">
|
|
<i class="fas fa-arrow-left mr-2"></i>返回文件列表
|
|
</a>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %} |