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

Stramline template's use and adjust styl.es.

Browse Source
This commit is contained in:
Jens Luedicke
2025-07-09 06:45:31 +02:00
parent 77c2827fee
commit e959734973
16 changed files with 1844 additions and 2609 deletions
Download Patch File Download Diff File Expand all files Collapse all files

356
templates/_time_tracking_interface.html Normal file
View File

@@ -0,0 +1,356 @@
<!-- Time Tracking Interface - Shared Component -->
<div class="time-tracking-container">
<!-- Header Section -->
<div class="page-header">
<div class="header-content">
<div class="header-left">
<h1 class="page-title">
<i class="ti ti-clock page-icon"></i>
Time Tracking
</h1>
<p class="page-subtitle">Track your work hours efficiently</p>
</div>
<div class="header-actions">
<button id="manual-entry-btn" class="btn btn-secondary">
<i class="ti ti-pencil"></i>
Manual Entry
</button>
<a href="{{ url_for('analytics') }}" class="btn btn-secondary">
<i class="ti ti-chart-bar"></i>
View Analytics
</a>
</div>
</div>
</div>
<!-- Timer Section -->
<div class="timer-section">
{% if active_entry %}
<!-- Active Timer -->
<div class="timer-card active">
<div class="timer-display">
<div class="timer-value" id="timer"
data-start="{{ active_entry.arrival_time.timestamp() }}"
data-breaks="{{ active_entry.total_break_duration }}"
data-paused="{{ 'true' if active_entry.is_paused else 'false' }}">
00:00:00
</div>
<div class="timer-status">
{% if active_entry.is_paused %}
<span class="status-badge paused">On Break</span>
{% else %}
<span class="status-badge active">Working</span>
{% endif %}
</div>
</div>
<div class="timer-info">
<div class="info-row">
<span class="info-label">Started:</span>
<span class="info-value">{{ active_entry.arrival_time|format_datetime }}</span>
</div>
{% if active_entry.project %}
<div class="info-row">
<span class="info-label">Project:</span>
<span class="info-value project-badge" style="background-color: {{ active_entry.project.color or '#667eea' }}">
{{ active_entry.project.code }} - {{ active_entry.project.name }}
</span>
</div>
{% endif %}
{% if active_entry.task %}
<div class="info-row">
<span class="info-label">Task:</span>
<span class="info-value task-badge">
{{ active_entry.task.title }}
</span>
</div>
{% endif %}
{% if active_entry.notes %}
<div class="info-row">
<span class="info-label">Notes:</span>
<span class="info-value">{{ active_entry.notes }}</span>
</div>
{% endif %}
{% if active_entry.is_paused %}
<div class="info-row">
<span class="info-label">Break started:</span>
<span class="info-value">{{ active_entry.pause_start_time|format_time }}</span>
</div>
{% endif %}
{% if active_entry.total_break_duration > 0 %}
<div class="info-row">
<span class="info-label">Total breaks:</span>
<span class="info-value">{{ active_entry.total_break_duration|format_duration }}</span>
</div>
{% endif %}
</div>
<div class="timer-actions">
<button id="pause-btn" class="btn {% if active_entry.is_paused %}btn-success{% else %}btn-warning{% endif %}"
data-id="{{ active_entry.id }}">
{% if active_entry.is_paused %}
<i class="ti ti-player-play"></i>
Resume Work
{% else %}
<i class="ti ti-player-pause"></i>
Take Break
{% endif %}
</button>
<button id="leave-btn" class="btn btn-danger" data-id="{{ active_entry.id }}">
<i class="ti ti-player-stop"></i>
Stop Working
</button>
</div>
</div>
{% else %}
<!-- Inactive Timer -->
<div class="timer-card inactive">
<div class="start-work-container">
<h2>Start Tracking Time</h2>
<p>Select a project and task to begin tracking your work</p>
<form id="start-work-form" class="modern-form">
<div class="form-row">
<div class="form-group">
<label for="project-select" class="form-label">
Project <span class="optional-badge">Optional</span>
</label>
<select id="project-select" name="project_id" class="form-control">
<option value="">No specific project</option>
{% for project in available_projects %}
<option value="{{ project.id }}" data-color="{{ project.color or '#667eea' }}">
{{ project.code }} - {{ project.name }}
</option>
{% endfor %}
</select>
</div>
<div class="form-group">
<label for="task-select" class="form-label">
Task <span class="optional-badge">Optional</span>
</label>
<select id="task-select" name="task_id" class="form-control" disabled>
<option value="">Select a project first</option>
</select>
</div>
</div>
<div class="form-group">
<label for="work-notes" class="form-label">
Notes <span class="optional-badge">Optional</span>
</label>
<textarea id="work-notes" name="notes" class="form-control"
rows="2" placeholder="What are you working on?"></textarea>
</div>
<div class="form-actions">
<button type="submit" id="arrive-btn" class="btn btn-primary btn-large">
<i class="ti ti-player-play"></i>
Start Working
</button>
</div>
</form>
</div>
</div>
{% endif %}
</div>
<!-- Quick Stats -->
<div class="stats-section">
<div class="stat-card">
<div class="stat-value">{{ today_hours|format_duration }}</div>
<div class="stat-label">Today</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ week_hours|format_duration }}</div>
<div class="stat-label">This Week</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ month_hours|format_duration }}</div>
<div class="stat-label">This Month</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ active_projects|length }}</div>
<div class="stat-label">Active Projects</div>
</div>
</div>
<!-- Recent Entries -->
<div class="entries-section">
<div class="section-header">
<h2 class="section-title">
<i class="ti ti-clipboard-list"></i>
Recent Time Entries
</h2>
<div class="view-toggle">
<button class="toggle-btn active" data-view="list">
<i class="ti ti-list"></i>
List
</button>
<button class="toggle-btn" data-view="grid">
<i class="ti ti-layout-grid"></i>
Grid
</button>
</div>
</div>
<!-- List View -->
<div id="list-view" class="view-container active">
{% if history %}
<div class="entries-table-container">
<table class="entries-table">
<thead>
<tr>
<th>Date</th>
<th>Time</th>
<th>Project / Task</th>
<th>Duration</th>
<th>Break</th>
<th>Notes</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
{% for entry in history %}
<tr data-entry-id="{{ entry.id }}" class="entry-row">
<td>
<div class="date-cell">
<span class="date-day">{{ entry.arrival_time.strftime('%d') }}</span>
<span class="date-month">{{ entry.arrival_time.strftime('%b') }}</span>
</div>
</td>
<td>
<div class="time-cell">
<span class="time-start">{{ entry.arrival_time|format_time }}</span>
<span class="time-separator"><i class="ti ti-arrow-right"></i></span>
<span class="time-end">{{ entry.departure_time|format_time if entry.departure_time else 'Active' }}</span>
</div>
</td>
<td>
<div class="project-task-cell">
{% if entry.project %}
<span class="project-tag" style="background-color: {{ entry.project.color or '#667eea' }}">
{{ entry.project.code }}
</span>
{% endif %}
{% if entry.task %}
<span class="task-name">{{ entry.task.title }}</span>
{% elif entry.project %}
<span class="project-name">{{ entry.project.name }}</span>
{% else %}
<span class="no-project">No project</span>
{% endif %}
</div>
</td>
<td>
<span class="duration-badge">
{{ entry.duration|format_duration if entry.duration is not none else 'In progress' }}
</span>
</td>
<td>
<span class="break-duration">
{{ entry.total_break_duration|format_duration if entry.total_break_duration else '-' }}
</span>
</td>
<td>
<span class="notes-preview" title="{{ entry.notes or '' }}">
{{ entry.notes[:30] + '...' if entry.notes and entry.notes|length > 30 else entry.notes or '-' }}
</span>
</td>
<td>
<div class="actions-cell">
{% if entry.departure_time and not active_entry %}
{% if entry.arrival_time.date() >= today %}
<button class="btn-icon resume-work-btn" data-id="{{ entry.id }}" title="Resume">
<i class="ti ti-refresh"></i>
</button>
{% else %}
<button class="btn-icon resume-work-btn" data-id="{{ entry.id }}" title="Cannot resume entries from previous days" disabled style="opacity: 0.5; cursor: not-allowed;">
<i class="ti ti-refresh"></i>
</button>
{% endif %}
{% endif %}
<button class="btn-icon edit-entry-btn" data-id="{{ entry.id }}" title="Edit">
<i class="ti ti-pencil"></i>
</button>
<button class="btn-icon delete-entry-btn" data-id="{{ entry.id }}" title="Delete">
<i class="ti ti-trash"></i>
</button>
</div>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
{% else %}
<div class="empty-state">
<div class="empty-icon"><i class="ti ti-mail-opened" style="font-size: 4rem;"></i></div>
<h3>No time entries yet</h3>
<p>Start tracking your time to see entries here</p>
</div>
{% endif %}
</div>
<!-- Grid View -->
<div id="grid-view" class="view-container">
<div class="entries-grid">
{% for entry in history %}
<div class="entry-card" data-entry-id="{{ entry.id }}">
<div class="entry-header">
<div class="entry-date">
{{ entry.arrival_time.strftime('%d %b %Y') }}
</div>
<div class="entry-duration">
{{ entry.duration|format_duration if entry.duration is not none else 'Active' }}
</div>
</div>
<div class="entry-body">
{% if entry.project %}
<div class="entry-project" style="border-left-color: {{ entry.project.color or '#667eea' }}">
<strong>{{ entry.project.code }}</strong> - {{ entry.project.name }}
</div>
{% endif %}
{% if entry.task %}
<div class="entry-task">
<i class="ti ti-clipboard-list"></i> {{ entry.task.title }}
</div>
{% endif %}
<div class="entry-time">
<i class="ti ti-clock"></i>
{{ entry.arrival_time|format_time }} - {{ entry.departure_time|format_time if entry.departure_time else 'Active' }}
</div>
{% if entry.notes %}
<div class="entry-notes">
<i class="ti ti-notes"></i>
{{ entry.notes }}
</div>
{% endif %}
</div>
<div class="entry-footer">
<button class="btn-sm edit-entry-btn" data-id="{{ entry.id }}">Edit</button>
<button class="btn-sm btn-danger delete-entry-btn" data-id="{{ entry.id }}">Delete</button>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
<!-- Modals -->
{% include '_time_tracking_modals.html' %}
<!-- Scripts -->
<script src="{{ url_for('static', filename='js/timer.js') }}"></script>
<script src="{{ url_for('static', filename='js/time-tracking.js') }}"></script>

146
templates/_time_tracking_modals.html Normal file
View File

@@ -0,0 +1,146 @@
<!-- Time Tracking Modals -->
<!-- Edit Entry Modal -->
<div id="edit-modal" class="modal">
<div class="modal-overlay"></div>
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title">Edit Time Entry</h3>
<button class="modal-close">&times;</button>
</div>
<div class="modal-body">
<form id="edit-entry-form" class="modern-form">
<input type="hidden" id="edit-entry-id">
<div class="form-row">
<div class="form-group">
<label for="edit-arrival-date" class="form-label">Start Date</label>
<input type="date" id="edit-arrival-date" class="form-control" required>
</div>
<div class="form-group">
<label for="edit-arrival-time" class="form-label">Start Time</label>
<input type="time" id="edit-arrival-time" class="form-control" required step="60">
</div>
</div>
<div class="form-row">
<div class="form-group">
<label for="edit-departure-date" class="form-label">End Date</label>
<input type="date" id="edit-departure-date" class="form-control">
</div>
<div class="form-group">
<label for="edit-departure-time" class="form-label">End Time</label>
<input type="time" id="edit-departure-time" class="form-control" step="60">
</div>
</div>
<div class="form-group">
<label for="edit-project" class="form-label">Project</label>
<select id="edit-project" class="form-control">
<option value="">No specific project</option>
{% for project in available_projects %}
<option value="{{ project.id }}">{{ project.code }} - {{ project.name }}</option>
{% endfor %}
</select>
</div>
<div class="form-group">
<label for="edit-notes" class="form-label">Notes</label>
<textarea id="edit-notes" class="form-control" rows="3"></textarea>
</div>
<div class="form-actions">
<button type="submit" class="btn btn-primary">Save Changes</button>
<button type="button" class="btn btn-ghost modal-cancel">Cancel</button>
</div>
</form>
</div>
</div>
</div>
<!-- Manual Entry Modal -->
<div id="manual-modal" class="modal">
<div class="modal-overlay"></div>
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title">Add Manual Time Entry</h3>
<button class="modal-close">&times;</button>
</div>
<div class="modal-body">
<form id="manual-entry-form" class="modern-form">
<div class="form-row">
<div class="form-group">
<label for="manual-start-date" class="form-label">Start Date</label>
<input type="date" id="manual-start-date" class="form-control" required>
</div>
<div class="form-group">
<label for="manual-start-time" class="form-label">Start Time</label>
<input type="time" id="manual-start-time" class="form-control" required step="60">
</div>
</div>
<div class="form-row">
<div class="form-group">
<label for="manual-end-date" class="form-label">End Date</label>
<input type="date" id="manual-end-date" class="form-control" required>
</div>
<div class="form-group">
<label for="manual-end-time" class="form-label">End Time</label>
<input type="time" id="manual-end-time" class="form-control" required step="60">
</div>
</div>
<div class="form-group">
<label for="manual-project" class="form-label">Project</label>
<select id="manual-project" name="project_id" class="form-control">
<option value="">No specific project</option>
{% for project in available_projects %}
<option value="{{ project.id }}">{{ project.code }} - {{ project.name }}</option>
{% endfor %}
</select>
</div>
<div class="form-group">
<label for="manual-task" class="form-label">Task</label>
<select id="manual-task" name="task_id" class="form-control" disabled>
<option value="">Select a project first</option>
</select>
</div>
<div class="form-group">
<label for="manual-break" class="form-label">Break Duration (minutes)</label>
<input type="number" id="manual-break" class="form-control" min="0" value="0">
</div>
<div class="form-group">
<label for="manual-notes" class="form-label">Notes</label>
<textarea id="manual-notes" class="form-control" rows="3" placeholder="Description of work performed"></textarea>
</div>
<div class="form-actions">
<button type="submit" class="btn btn-primary">Add Entry</button>
<button type="button" class="btn btn-ghost modal-cancel">Cancel</button>
</div>
</form>
</div>
</div>
</div>
<!-- Delete Confirmation Modal -->
<div id="delete-modal" class="modal">
<div class="modal-overlay"></div>
<div class="modal-content modal-small">
<div class="modal-header">
<h3 class="modal-title">Confirm Deletion</h3>
<button class="modal-close">&times;</button>
</div>
<div class="modal-body">
<p>Are you sure you want to delete this time entry? This action cannot be undone.</p>
<input type="hidden" id="delete-entry-id">
</div>
<div class="modal-footer">
<button id="confirm-delete" class="btn btn-danger">Delete Entry</button>
<button class="btn btn-ghost modal-cancel">Cancel</button>
</div>
</div>
</div>

26
templates/admin_users.html
View File

@@ -7,7 +7,7 @@
<div class="header-content">
<div class="header-left">
<h1 class="page-title">
<span class="page-icon">👤</span>
<span class="page-icon"><i class="ti ti-user"></i></span>
User Management
</h1>
<p class="page-subtitle">Manage user accounts and permissions across your organization</p>
@@ -49,7 +49,7 @@
<!-- View Controls -->
<div class="view-controls">
<div class="search-container">
<span class="search-icon">🔍</span>
<span class="search-icon"><i class="ti ti-search"></i></span>
<input type="text"
class="search-input"
id="userSearch"
@@ -106,23 +106,23 @@
<div class="user-actions">
<a href="{{ url_for('users.edit_user', user_id=user.id) }}" class="btn btn-edit" title="Edit User">
<span class="icon">✏️</span>
<span class="icon"><i class="ti ti-pencil"></i></span>
Edit
</a>
{% if user.id != g.user.id %}
<form method="POST" action="{{ url_for('users.toggle_user_status', user_id=user.id) }}" class="status-form">
{% if user.is_blocked %}
<button type="submit" class="btn btn-unblock" title="Unblock User">
<span class="icon">🔓</span>
<span class="icon"><i class="ti ti-lock-open"></i></span>
</button>
{% else %}
<button type="submit" class="btn btn-block" title="Block User">
<span class="icon">🔒</span>
<span class="icon"><i class="ti ti-lock"></i></span>
</button>
{% endif %}
</form>
<button class="btn btn-delete" onclick="confirmDelete({{ user.id }}, '{{ user.username }}')" title="Delete User">
<span class="icon">🗑️</span>
<span class="icon"><i class="ti ti-trash"></i></span>
</button>
{% endif %}
</div>
@@ -174,22 +174,22 @@
<td>
<div class="table-actions">
<a href="{{ url_for('users.edit_user', user_id=user.id) }}" class="btn-action btn-edit" title="Edit">
<span class="icon">✏️</span>
<span class="icon"><i class="ti ti-pencil"></i></span>
</a>
{% if user.id != g.user.id %}
<form method="POST" action="{{ url_for('users.toggle_user_status', user_id=user.id) }}" class="inline-form">
{% if user.is_blocked %}
<button type="submit" class="btn-action btn-unblock" title="Unblock">
<span class="icon">🔓</span>
<span class="icon"><i class="ti ti-lock-open"></i></span>
</button>
{% else %}
<button type="submit" class="btn-action btn-block" title="Block">
<span class="icon">🔒</span>
<span class="icon"><i class="ti ti-lock"></i></span>
</button>
{% endif %}
</form>
<button class="btn-action btn-delete" onclick="confirmDelete({{ user.id }}, '{{ user.username }}')" title="Delete">
<span class="icon">🗑️</span>
<span class="icon"><i class="ti ti-trash"></i></span>
</button>
{% endif %}
</div>
@@ -203,14 +203,14 @@
<!-- No Results Message -->
<div class="no-results" id="noResults" style="display: none;">
<div class="empty-icon">🔍</div>
<div class="empty-icon"><i class="ti ti-search"></i></div>
<p class="empty-message">No users found matching your search</p>
<p class="empty-hint">Try searching with different keywords</p>
</div>
{% else %}
<!-- Empty State -->
<div class="empty-state">
<div class="empty-icon">👤</div>
<div class="empty-icon"><i class="ti ti-user"></i></div>
<h2 class="empty-title">No Users Yet</h2>
<p class="empty-message">Create your first user to get started</p>
<a href="{{ url_for('users.create_user') }}" class="btn btn-primary btn-lg">
@@ -236,7 +236,7 @@
<form id="delete-form" method="POST">
<button type="button" id="cancel-delete" class="btn btn-secondary">Cancel</button>
<button type="submit" class="btn btn-danger">
<span class="icon">🗑️</span>
<span class="icon"><i class="ti ti-trash"></i></span>
Delete User
</button>
</form>

1242
templates/index.html
View File

File diff suppressed because it is too large Load Diff

32
templates/invitations/list.html
View File

@@ -7,7 +7,7 @@
<div class="header-content">
<div class="header-left">
<h1 class="page-title">
<span class="page-icon">📨</span>
<span class="page-icon"><i class="ti ti-mail"></i></span>
Invitations
</h1>
<p class="page-subtitle">Manage team invitations for {{ g.user.company.name }}</p>
@@ -45,7 +45,7 @@
{% if pending_invitations %}
<div class="section">
<h2 class="section-title">
<span class="icon">⏳</span>
<span class="icon"><i class="ti ti-hourglass"></i></span>
Pending Invitations
</h2>
<div class="invitations-list">
@@ -56,15 +56,15 @@
<h3 class="invitation-email">{{ invitation.email }}</h3>
<div class="invitation-meta">
<span class="meta-item">
<span class="icon">👤</span>
<span class="icon"><i class="ti ti-user"></i></span>
Role: {{ invitation.role }}
</span>
<span class="meta-item">
<span class="icon">📅</span>
<span class="icon"><i class="ti ti-calendar"></i></span>
Sent {{ invitation.created_at.strftime('%b %d, %Y') }}
</span>
<span class="meta-item">
<span class="icon">⏰</span>
<span class="icon"><i class="ti ti-clock"></i></span>
Expires {{ invitation.expires_at.strftime('%b %d, %Y') }}
</span>
</div>
@@ -72,13 +72,13 @@
<div class="invitation-actions">
<form method="POST" action="{{ url_for('invitations.resend_invitation', invitation_id=invitation.id) }}" style="display: inline;">
<button type="submit" class="btn btn-sm btn-secondary">
<span class="icon">🔄</span>
<span class="icon"><i class="ti ti-refresh"></i></span>
Resend
</button>
</form>
<form method="POST" action="{{ url_for('invitations.revoke_invitation', invitation_id=invitation.id) }}" style="display: inline;">
<button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Are you sure you want to revoke this invitation?');">
<span class="icon">❌</span>
<span class="icon"><i class="ti ti-x"></i></span>
Revoke
</button>
</form>
@@ -97,7 +97,7 @@
{% if accepted_invitations %}
<div class="section">
<h2 class="section-title">
<span class="icon">✅</span>
<span class="icon"><i class="ti ti-check"></i></span>
Accepted Invitations
</h2>
<div class="invitations-list">
@@ -108,18 +108,18 @@
<h3 class="invitation-email">{{ invitation.email }}</h3>
<div class="invitation-meta">
<span class="meta-item">
<span class="icon">👤</span>
<span class="icon"><i class="ti ti-user"></i></span>
Joined as: {{ invitation.accepted_by.username }} ({{ invitation.role }})
</span>
<span class="meta-item">
<span class="icon">📅</span>
<span class="icon"><i class="ti ti-calendar"></i></span>
Accepted {{ invitation.accepted_at.strftime('%b %d, %Y') }}
</span>
</div>
</div>
<div class="invitation-actions">
<a href="{{ url_for('users.view_user', user_id=invitation.accepted_by.id) }}" class="btn btn-sm btn-secondary">
<span class="icon">👁️</span>
<span class="icon"><i class="ti ti-eye"></i></span>
View User
</a>
</div>
@@ -137,7 +137,7 @@
{% if expired_invitations %}
<div class="section">
<h2 class="section-title">
<span class="icon">⏱️</span>
<span class="icon"><i class="ti ti-clock"></i></span>
Expired Invitations
</h2>
<div class="invitations-list">
@@ -148,11 +148,11 @@
<h3 class="invitation-email">{{ invitation.email }}</h3>
<div class="invitation-meta">
<span class="meta-item">
<span class="icon">👤</span>
<span class="icon"><i class="ti ti-user"></i></span>
Role: {{ invitation.role }}
</span>
<span class="meta-item">
<span class="icon">📅</span>
<span class="icon"><i class="ti ti-calendar"></i></span>
Expired {{ invitation.expires_at.strftime('%b %d, %Y') }}
</span>
</div>
@@ -160,7 +160,7 @@
<div class="invitation-actions">
<form method="POST" action="{{ url_for('invitations.resend_invitation', invitation_id=invitation.id) }}" style="display: inline;">
<button type="submit" class="btn btn-sm btn-primary">
<span class="icon">📤</span>
<span class="icon"><i class="ti ti-send"></i></span>
Send New Invitation
</button>
</form>
@@ -178,7 +178,7 @@
<!-- Empty State -->
{% if not pending_invitations and not accepted_invitations and not expired_invitations %}
<div class="empty-state">
<div class="empty-icon">📨</div>
<div class="empty-icon"><i class="ti ti-mail"></i></div>
<h3>No invitations yet</h3>
<p>Start building your team by sending invitations</p>
<a href="{{ url_for('invitations.send_invitation') }}" class="btn btn-primary">

8
templates/invitations/send.html
View File

@@ -7,7 +7,7 @@
<div class="header-content">
<div class="header-left">
<h1 class="page-title">
<span class="page-icon">✉️</span>
<span class="page-icon"><i class="ti ti-mail"></i></span>
Send Invitation
</h1>
<p class="page-subtitle">Invite team members to join {{ g.user.company.name }}</p>
@@ -60,7 +60,7 @@
<div class="info-panel">
<div class="info-item">
<span class="info-icon">📧</span>
<span class="info-icon"><i class="ti ti-mail-opened"></i></span>
<div class="info-content">
<h4>What happens next?</h4>
<ul>
@@ -75,7 +75,7 @@
<div class="form-actions">
<button type="submit" class="btn btn-primary">
<span class="icon">📤</span>
<span class="icon"><i class="ti ti-send"></i></span>
Send Invitation
</button>
<a href="{{ url_for('invitations.list_invitations') }}" class="btn btn-ghost">
@@ -90,7 +90,7 @@
<div class="card preview-card">
<div class="card-header">
<h2 class="card-title">
<span class="icon">👁️</span>
<span class="icon"><i class="ti ti-eye"></i></span>
Email Preview
</h2>
</div>

25
templates/layout.html
View File

@@ -6,7 +6,11 @@
<title>{{ title }} - {{ g.branding.app_name if g.branding else 'TimeTrack' }}{% if g.company %} - {{ g.company.name }}{% endif %}</title>
<link rel="stylesheet" href="{{ url_for('static', filename='css/fonts.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/hover-standards.css') }}">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons@latest/iconfont/tabler-icons.min.css">
{% if g.user %}
<link rel="stylesheet" href="{{ url_for('static', filename='css/time-tracking.css') }}">
{% endif %}
{% if not g.user %}
<link rel="stylesheet" href="{{ url_for('static', filename='css/splash.css') }}">
{% endif %}
@@ -15,21 +19,12 @@
{% endif %}
<style>
:root {
--primary-color: {{ g.branding.primary_color if g.branding else '#007bff' }};
}
.btn-primary {
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.btn-primary:hover {
background-color: {{ (g.branding.primary_color if g.branding else '#007bff') + 'dd' }};
border-color: {{ (g.branding.primary_color if g.branding else '#007bff') + 'dd' }};
--primary-color: {{ g.branding.primary_color if g.branding else '#667eea' }};
--primary-gradient-start: {{ g.branding.primary_color if g.branding else '#667eea' }};
--primary-gradient-end: #764ba2;
}
.nav-icon {
color: rgb(116, 85, 175) /* var(--primary-color); */
}
a:hover {
color: var(--primary-color);
color: var(--primary-gradient-end);
}
.mobile-logo {
max-height: 30px;
@@ -216,7 +211,7 @@
<strong>Add your email address</strong> to enable account recovery and receive important notifications.
</span>
<a href="{{ url_for('profile') }}" class="btn btn-sm btn-primary">Add Email</a>
<button class="email-nag-dismiss" onclick="dismissEmailNag()" title="Dismiss for this session">×</button>
<button class="email-nag-dismiss" onclick="dismissEmailNag()" title="Dismiss for this session"><i class="ti ti-x"></i></button>
</div>
</div>
{% elif g.show_email_verification_nag %}
@@ -227,7 +222,7 @@
<strong>Please verify your email address</strong> to ensure you can recover your account if needed.
</span>
<a href="{{ url_for('profile') }}" class="btn btn-sm btn-warning">Verify Email</a>
<button class="email-nag-dismiss" onclick="dismissEmailNag()" title="Dismiss for this session">×</button>
<button class="email-nag-dismiss" onclick="dismissEmailNag()" title="Dismiss for this session"><i class="ti ti-x"></i></button>
</div>
</div>
{% endif %}

8
templates/notes_list.html
View File

@@ -129,25 +129,25 @@
{% if folder_filter %}
<span class="filter-tag">
<i class="ti ti-folder"></i> {{ folder_filter }}
<a href="{{ url_for('notes.notes_list', tag=tag_filter, visibility=visibility_filter, search=search_query) }}" class="remove-filter">×</a>
<a href="{{ url_for('notes.notes_list', tag=tag_filter, visibility=visibility_filter, search=search_query) }}" class="remove-filter"><i class="ti ti-x"></i></a>
</span>
{% endif %}
{% if tag_filter %}
<span class="filter-tag">
<i class="ti ti-tag"></i> {{ tag_filter }}
<a href="{{ url_for('notes.notes_list', folder=folder_filter, visibility=visibility_filter, search=search_query) }}" class="remove-filter">×</a>
<a href="{{ url_for('notes.notes_list', folder=folder_filter, visibility=visibility_filter, search=search_query) }}" class="remove-filter"><i class="ti ti-x"></i></a>
</span>
{% endif %}
{% if visibility_filter %}
<span class="filter-tag">
<i class="ti ti-eye"></i> {{ visibility_filter|title }}
<a href="{{ url_for('notes.notes_list', folder=folder_filter, tag=tag_filter, search=search_query) }}" class="remove-filter">×</a>
<a href="{{ url_for('notes.notes_list', folder=folder_filter, tag=tag_filter, search=search_query) }}" class="remove-filter"><i class="ti ti-x"></i></a>
</span>
{% endif %}
{% if search_query %}
<span class="filter-tag">
<i class="ti ti-search"></i> "{{ search_query }}"
<a href="{{ url_for('notes.notes_list', folder=folder_filter, tag=tag_filter, visibility=visibility_filter) }}" class="remove-filter">×</a>
<a href="{{ url_for('notes.notes_list', folder=folder_filter, tag=tag_filter, visibility=visibility_filter) }}" class="remove-filter"><i class="ti ti-x"></i></a>
</span>
{% endif %}
<a href="{{ url_for('notes.notes_list') }}" class="clear-all">Clear all</a>

36
templates/profile.html
View File

@@ -24,7 +24,7 @@
<span class="stat-text">{{ user.team.name if user.team else 'No Team' }}</span>
</div>
<div class="stat-badge">
<span class="stat-icon">👤</span>
<span class="stat-icon"><i class="ti ti-user"></i></span>
<span class="stat-text">{{ user.role.value if user.role else 'Team Member' }}</span>
</div>
</div>
@@ -37,7 +37,7 @@
<div class="flash-messages">
{% for category, message in messages %}
<div class="alert alert-{{ category }}">
<span class="alert-icon">{% if category == 'success' %}✓{% elif category == 'error' %}✕{% else %}ℹ{% endif %}</span>
<span class="alert-icon">{% if category == 'success' %}<i class="ti ti-check"></i>{% elif category == 'error' %}<i class="ti ti-x"></i>{% else %}<i class="ti ti-info-circle"></i>{% endif %}</span>
{{ message }}
</div>
{% endfor %}
@@ -53,7 +53,7 @@
<div class="card avatar-card">
<div class="card-header">
<h2 class="card-title">
<span class="icon">🖼️</span>
<span class="icon"><i class="ti ti-photo"></i></span>
Profile Picture
</h2>
</div>
@@ -65,15 +65,15 @@
<div class="avatar-controls">
<div class="control-tabs">
<button class="tab-btn active" data-tab="default">
<span class="tab-icon">👤</span>
<span class="tab-icon"><i class="ti ti-user"></i></span>
Default
</button>
<button class="tab-btn" data-tab="upload">
<span class="tab-icon">📤</span>
<span class="tab-icon"><i class="ti ti-upload"></i></span>
Upload
</button>
<button class="tab-btn" data-tab="url">
<span class="tab-icon">🔗</span>
<span class="tab-icon"><i class="ti ti-link"></i></span>
URL
</button>
</div>
@@ -95,7 +95,7 @@
<form method="POST" action="{{ url_for('upload_avatar') }}" enctype="multipart/form-data" class="modern-form">
<div class="upload-area">
<label for="avatar_file" class="upload-label">
<div class="upload-icon">📁</div>
<div class="upload-icon"><i class="ti ti-folder-upload"></i></div>
<div class="upload-text">Drop image here or click to browse</div>
<div class="upload-hint">Max 5MB • JPG, PNG, GIF, WebP</div>
<div class="file-name" id="file-name"></div>
@@ -107,7 +107,7 @@
<img id="upload-preview-img" src="" alt="Preview">
</div>
<button type="submit" class="btn btn-primary" id="upload-btn" disabled>
<span class="icon">⬆</span>
<span class="icon"><i class="ti ti-upload"></i></span>
Upload Avatar
</button>
</form>
@@ -124,7 +124,7 @@
<span class="form-hint">Enter a direct link to an image</span>
</div>
<button type="submit" class="btn btn-primary">
<span class="icon">✓</span>
<span class="icon"><i class="ti ti-check"></i></span>
Set Avatar URL
</button>
</form>
@@ -137,7 +137,7 @@
<div class="card">
<div class="card-header">
<h2 class="card-title">
<span class="icon">ℹ️</span>
<span class="icon"><i class="ti ti-info-circle"></i></span>
Account Information
</h2>
</div>
@@ -175,7 +175,7 @@
<div class="card">
<div class="card-header">
<h2 class="card-title">
<span class="icon">✉️</span>
<span class="icon"><i class="ti ti-mail"></i></span>
Email Settings
</h2>
</div>
@@ -198,14 +198,14 @@
</div>
{% elif not user.email %}
<div class="alert alert-info">
<span class="alert-icon">ℹ️</span>
<span class="alert-icon"><i class="ti ti-info-circle"></i></span>
<p>Adding an email enables account recovery and notifications.</p>
</div>
{% endif %}
<div class="form-actions">
<button type="submit" class="btn btn-primary">
<span class="icon">✓</span>
<span class="icon"><i class="ti ti-check"></i></span>
{% if user.email %}Update{% else %}Add{% endif %} Email
</button>
</div>
@@ -217,7 +217,7 @@
<div class="card">
<div class="card-header">
<h2 class="card-title">
<span class="icon">🔒</span>
<span class="icon"><i class="ti ti-lock"></i></span>
Security Settings
</h2>
</div>
@@ -251,7 +251,7 @@
<div class="form-actions">
<button type="submit" class="btn btn-warning">
<span class="icon">🔑</span>
<span class="icon"><i class="ti ti-key"></i></span>
Change Password
</button>
</div>
@@ -264,7 +264,7 @@
<div class="tfa-status">
{% if user.two_factor_enabled %}
<div class="status-indicator enabled">
<span class="status-icon">🛡️</span>
<span class="status-icon"><i class="ti ti-shield"></i></span>
<div>
<div class="status-text">Enabled</div>
<div class="status-description">Your account is protected with 2FA</div>
@@ -279,7 +279,7 @@
class="form-control" placeholder="Enter your password to disable 2FA" required>
</div>
<button type="submit" class="btn btn-danger">
<span class="icon">✕</span>
<span class="icon"><i class="ti ti-x"></i></span>
Disable 2FA
</button>
</form>
@@ -293,7 +293,7 @@
</div>
<a href="{{ url_for('setup_2fa') }}" class="btn btn-success">
<span class="icon">✓</span>
<span class="icon"><i class="ti ti-check"></i></span>
Enable 2FA
</a>
{% endif %}

10
templates/team_form.html
View File

@@ -72,7 +72,7 @@
<div class="form-actions">
<button type="submit" class="btn btn-primary">
<span class="icon">✓</span>
<span class="icon"><i class="ti ti-check"></i></span>
{% if team %}Save Changes{% else %}Create Team{% endif %}
</button>
{% if not team %}
@@ -149,7 +149,7 @@
class="btn-icon btn-danger"
onclick="return confirm('Remove {{ member.username }} from the team?')"
title="Remove from team">
<span class="icon">×</span>
<span class="icon"><i class="ti ti-x"></i></span>
</button>
</form>
</div>
@@ -170,7 +170,7 @@
<div class="card add-member-card">
<div class="card-header">
<h2 class="card-title">
<span class="icon">➕</span>
<span class="icon"><i class="ti ti-plus"></i></span>
Add Team Member
</h2>
</div>
@@ -202,7 +202,7 @@
</form>
{% else %}
<div class="empty-state">
<div class="empty-icon">✓</div>
<div class="empty-icon"><i class="ti ti-check"></i></div>
<p class="empty-message">All users are assigned</p>
<p class="empty-hint">No available users to add to this team</p>
</div>
@@ -216,7 +216,7 @@
<div class="card info-card">
<div class="card-body">
<div class="info-content">
<div class="info-icon">💡</div>
<div class="info-icon"><i class="ti ti-bulb"></i></div>
<h3>Team Members</h3>
<p>After creating the team, you'll be able to add members and manage team composition from this page.</p>
</div>

1233
templates/time_tracking.html
View File

File diff suppressed because it is too large Load Diff

2
templates/unified_task_management.html
View File

@@ -10,7 +10,7 @@
<div class="smart-search-container">
<div class="smart-search-box">
<input type="text" id="smart-search-input" class="smart-search-input" placeholder="Search tasks... (e.g., my-tasks priority:high, project:TimeTrack, overdue)">
<button type="button" class="smart-search-clear" id="smart-search-clear" title="Clear search">×</button>
<button type="button" class="smart-search-clear" id="smart-search-clear" title="Clear search"><i class="ti ti-x"></i></button>
</div>
<div class="smart-search-suggestions" id="smart-search-suggestions" style="display: none;">
<!-- Suggestions will be populated here -->