notid/email-organizer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

supports syncing of folders.

Browse Source
This commit is contained in:
Bryce
2025-08-04 16:35:13 -07:00
parent 3fa43432d5
commit 8bf00e9a3b
5 changed files with 106 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
app/templates/index.html
View File

@@ -28,6 +28,53 @@
</button>
</div>
<!-- Welcome Section -->
<div class="mb-8 p-6 bg-base-100 rounded-box shadow-lg border border-base-300">
<h3 class="text-xl font-bold mb-2">Welcome to Email Organizer!</h3>
<p class="text-base-content/80 mb-4">Organize your emails automatically with AI-powered rules. Create folders and set up rules to categorize incoming emails.</p>
<div class="flex space-x-4">
<button class="btn btn-primary" hx-get="/api/folders/new" hx-target="#modal-holder"
hx-swap="innerHTML">
<i class="fas fa-plus mr-2"></i>
Create Your First Folder
</button>
<button class="btn btn-outline" hx-get="/api/imap/config" hx-target="#modal-holder"
hx-swap="innerHTML">
<i class="fas fa-cog mr-2"></i>
Configure IMAP
</button>
</div>
</div>
<!-- Stats Section -->
<div class="mb-8 grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="card bg-base-100 shadow-md border border-base-300 p-4">
<div class="text-2xl font-bold text-primary">{{ folders|length }}</div>
<div class="text-sm text-base-content/70">Total Folders</div>
</div>
<div class="card bg-base-100 shadow-md border border-base-300 p-4">
<div class="text-2xl font-bold text-secondary">0</div>
<div class="text-sm text-base-content/70">Emails Processed</div>
</div>
<div class="card bg-base-100 shadow-md border border-base-300 p-4">
<div class="text-2xl font-bold text-info">0</div>
<div class="text-sm text-base-content/70">Active Rules</div>
</div>
</div>
<!-- Search and Filter -->
<div class="mb-6 flex justify-between items-center">
<div class="relative w-64">
<input type="text" placeholder="Search folders..." class="input input-bordered w-full pr-10">
<i class="fas fa-search absolute right-3 top-3 text-base-content/50"></i>
</div>
<div class="flex space-x-2">
<button class="btn btn-sm btn-outline">All</button>
<button class="btn btn-sm btn-outline">High Priority</button>
<button class="btn btn-sm btn-outline">Normal</button>
</div>
</div>
<section id="folders-list" class="mb-12">
{% include 'partials/folders_list.html' %}
</section>
@@ -38,4 +85,4 @@
{% block modal %}
{% include "partials/modal_holder.html" %}
{% endblock %}
{% endblock %}

8
app/templates/partials/folders_list.html
View File

@@ -1,6 +1,6 @@
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
{% for folder in folders %}
<div class="card bg-base-100 shadow-xl border border-base-300">
<div class="card bg-base-100 shadow-xl border border-base-300 hover:shadow-lg transition-shadow duration-200">
<div class="card-body">
<div class="flex justify-between items-start mb-2">
<h3 class="text-xl font-bold truncate">{{ folder.name }}</h3>
@@ -39,7 +39,7 @@
</div>
</div>
{% else %}
<div class="col-span-full text-center py-12 bg-base-100 rounded-box shadow-lg">
<div class="col-span-full text-center py-12 bg-base-100 rounded-box shadow-lg border border-dashed border-base-300">
<div class="text-5xl mb-4 text-primary">
<i class="fas fa-folder-open"></i>
</div>
@@ -53,6 +53,10 @@
<i class="fas fa-plus mr-2"></i>
Create Folder
</button>
<div class="mt-4 text-sm text-base-content/70">
<p>Need help setting up your first folder?</p>
<a href="#" class="link link-primary">View tutorial</a>
</div>
</div>
{% endfor %}
</div>