Stramline template's use and adjust styl.es.

This commit is contained in:
2025-07-09 06:45:31 +02:00
parent 77c2827fee
commit e959734973
16 changed files with 1844 additions and 2609 deletions

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">