jens/TimeTrack
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Switch Emojis to Tabler icons.

Browse Source
This commit is contained in:
Jens Luedicke
2025-07-08 22:35:31 +02:00
parent f2773a674a
commit 9dd208800d
44 changed files with 389 additions and 366 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
templates/note_view.html
View File

@@ -9,29 +9,29 @@
<h1 class="page-title">{{ note.title }}</h1>
<div class="page-meta">
<span class="visibility-badge visibility-{{ note.visibility.value.lower() }}">
{% if note.visibility.value == 'Private' %}🔒{% elif note.visibility.value == 'Team' %}👥{% else %}🏢{% endif %}
{% if note.visibility.value == 'Private' %}<i class="ti ti-lock"></i>{% elif note.visibility.value == 'Team' %}<i class="ti ti-users"></i>{% else %}<i class="ti ti-building"></i>{% endif %}
{{ note.visibility.value }}
</span>
{% if note.is_pinned %}
<span class="pin-badge">
<span class="icon">📌</span>
<span class="icon"><i class="ti ti-pin"></i></span>
Pinned
</span>
{% endif %}
<span class="meta-divider">•</span>
<span class="author">
<span class="icon">👤</span>
<span class="icon"><i class="ti ti-user"></i></span>
{{ note.created_by.username }}
</span>
<span class="meta-divider">•</span>
<span class="date">
<span class="icon">📅</span>
<span class="icon"><i class="ti ti-calendar"></i></span>
Created {{ note.created_at|format_date }}
</span>
{% if note.updated_at > note.created_at %}
<span class="meta-divider">•</span>
<span class="date">
<span class="icon">🔄</span>
<span class="icon"><i class="ti ti-refresh"></i></span>
Updated {{ note.updated_at|format_date }}
</span>
{% endif %}
@@ -40,48 +40,48 @@
<div class="header-actions">
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="downloadDropdown" data-toggle="dropdown">
<span class="icon">⬇️</span>
<span class="icon"><i class="ti ti-download"></i></span>
Download
</button>
<div class="dropdown-menu">
<a class="dropdown-item" href="{{ url_for('notes_download.download_note', slug=note.slug, format='md') }}">
<span class="icon">📄</span>
<span class="icon"><i class="ti ti-file-text"></i></span>
Markdown (.md)
</a>
<a class="dropdown-item" href="{{ url_for('notes_download.download_note', slug=note.slug, format='html') }}">
<span class="icon">🌐</span>
<span class="icon"><i class="ti ti-world"></i></span>
HTML (.html)
</a>
<a class="dropdown-item" href="{{ url_for('notes_download.download_note', slug=note.slug, format='txt') }}">
<span class="icon">📃</span>
<span class="icon"><i class="ti ti-file"></i></span>
Plain Text (.txt)
</a>
</div>
</div>
<a href="{{ url_for('notes.view_note_mindmap', slug=note.slug) }}" class="btn btn-secondary">
<span class="icon">🧠</span>
<span class="icon"><i class="ti ti-brain"></i></span>
Mind Map
</a>
{% if note.can_user_edit(g.user) %}
<button type="button" class="btn btn-secondary" onclick="showShareModal()">
<span class="icon">🔗</span>
<span class="icon"><i class="ti ti-link"></i></span>
Share
</button>
<a href="{{ url_for('notes.edit_note', slug=note.slug) }}" class="btn btn-primary">
<span class="icon">✏️</span>
<span class="icon"><i class="ti ti-pencil"></i></span>
Edit
</a>
<form method="POST" action="{{ url_for('notes.delete_note', slug=note.slug) }}"
style="display: inline;"
onsubmit="return confirm('Are you sure you want to delete this note?')">
<button type="submit" class="btn btn-danger">
<span class="icon">🗑️</span>
<span class="icon"><i class="ti ti-trash"></i></span>
Delete
</button>
</form>
{% endif %}
<a href="{{ url_for('notes.notes_list') }}" class="btn btn-secondary">
<span class="icon">←</span>
<span class="icon"><i class="ti ti-arrow-left"></i></span>
Back to Notes
</a>
</div>
@@ -95,7 +95,7 @@
{% if note.folder %}
<div class="metadata-item">
<span class="metadata-label">
<span class="icon">📁</span>
<span class="icon"><i class="ti ti-folder"></i></span>
Folder
</span>
<span class="metadata-value">
@@ -109,7 +109,7 @@
{% if note.project %}
<div class="metadata-item">
<span class="metadata-label">
<span class="icon">📋</span>
<span class="icon"><i class="ti ti-clipboard-list"></i></span>
Project
</span>
<span class="metadata-value">
@@ -123,7 +123,7 @@
{% if note.task %}
<div class="metadata-item">
<span class="metadata-label">
<span class="icon">✅</span>
<span class="icon"><i class="ti ti-check"></i></span>
Task
</span>
<span class="metadata-value">
@@ -137,7 +137,7 @@
{% if note.tags %}
<div class="metadata-item">
<span class="metadata-label">
<span class="icon">🏷️</span>
<span class="icon"><i class="ti ti-tag"></i></span>
Tags
</span>
<span class="metadata-value">
@@ -167,7 +167,7 @@
<div class="linked-notes-card">
<div class="card-header">
<h2 class="section-title">
<span class="icon">🔗</span>
<span class="icon"><i class="ti ti-link"></i></span>
Linked Notes
</h2>
{% if note.can_user_edit(g.user) %}
@@ -183,7 +183,7 @@
{% for link in outgoing_links %}
<div class="linked-note-item">
<div class="link-direction outgoing">
<span class="direction-icon">→</span>
<span class="direction-icon"><i class="ti ti-arrow-right"></i></span>
<span class="link-type">{{ link.link_type|title }}</span>
</div>
<div class="linked-note-content">
@@ -202,7 +202,7 @@
</div>
{% if note.can_user_edit(g.user) %}
<button class="remove-link-btn" data-target-id="{{ link.target_note_id }}" title="Remove link">
<span class="icon">×</span>
<span class="icon"><i class="ti ti-x"></i></span>
</button>
{% endif %}
</div>
@@ -211,7 +211,7 @@
{% for link in incoming_links %}
<div class="linked-note-item">
<div class="link-direction incoming">
<span class="direction-icon">←</span>
<span class="direction-icon"><i class="ti ti-arrow-left"></i></span>
<span class="link-type">{{ link.link_type|title }}</span>
</div>
<div class="linked-note-content">
@@ -230,7 +230,7 @@
</div>
{% if note.can_user_edit(g.user) %}
<button class="remove-link-btn" data-target-id="{{ link.source_note_id }}" title="Remove link">
<span class="icon">×</span>
<span class="icon"><i class="ti ti-x"></i></span>
</button>
{% endif %}
</div>
@@ -1009,7 +1009,7 @@ window.onclick = function(event) {
placeholder="Leave empty for no password">
</div>
<button type="submit" class="btn btn-primary">
<span class="icon">➕</span>
<span class="icon"><i class="ti ti-plus"></i></span>
Create Share Link
</button>
</form>
@@ -1325,37 +1325,37 @@ function createShareItem(share) {
${isInvalid ? 'disabled' : ''}>
${!isInvalid ? `
<button class="btn btn-sm btn-secondary" onclick="copyShareUrl(${share.id})">
<span class="icon">📋</span>
<span class="icon"><i class="ti ti-clipboard-list"></i></span>
Copy
</button>
` : ''}
</div>
<div class="share-meta">
<div class="share-meta-item">
<span class="icon">👁️</span>
<span class="icon"><i class="ti ti-eye"></i></span>
<span>${share.view_count}${share.max_views ? `/${share.max_views}` : ''} views</span>
</div>
${share.expires_at ? `
<div class="share-meta-item">
<span class="icon">⏰</span>
<span class="icon"><i class="ti ti-clock"></i></span>
<span>${isExpired ? 'Expired' : 'Expires'} ${new Date(share.expires_at).toLocaleDateString()}</span>
</div>
` : ''}
${share.has_password ? `
<div class="share-meta-item">
<span class="icon">🔒</span>
<span class="icon"><i class="ti ti-lock"></i></span>
<span>Password protected</span>
</div>
` : ''}
<div class="share-meta-item">
<span class="icon">👤</span>
<span class="icon"><i class="ti ti-user"></i></span>
<span>Created by ${share.created_by}</span>
</div>
</div>
</div>
<div class="share-actions">
<button class="btn btn-sm btn-danger" onclick="deleteShare(${share.id})">
<span class="icon">🗑️</span>
<span class="icon"><i class="ti ti-trash"></i></span>
Delete
</button>
</div>