forage/client
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat: add swimlanes

Browse Source 
Signed-off-by: kjuulh <contact@kjuulh.io>
This commit is contained in:
Kasper Juul Hermansen
2026-03-07 22:53:48 +01:00
parent 9fe1630986
commit 45353089c2
51 changed files with 3845 additions and 147 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
templates/pages/dashboard.html.jinja
View File

@@ -1,66 +1,56 @@
{% extends "base.html.jinja" %}
{% block content %}
<section class="max-w-6xl mx-auto px-4 pt-8">
<div class="flex gap-8">
{# Org sidebar #}
<aside class="w-64 shrink-0">
<h2 class="text-sm font-semibold text-gray-500 uppercase tracking-wide mb-3">Organisations</h2>
<ul class="space-y-1">
{% for org in orgs %}
<li>
<a href="/orgs/{{ org.name }}/projects" class="block px-3 py-2 text-sm rounded-md hover:bg-gray-100">
{{ org.name }}
<span class="text-xs text-gray-400 ml-1">{{ org.role }}</span>
</a>
</li>
{% endfor %}
</ul>
<div class="mt-4 pt-4 border-t border-gray-200">
<form method="POST" action="/orgs" class="space-y-2">
<input type="hidden" name="_csrf" value="{{ csrf_token }}">
<input type="text" name="name" placeholder="new-org-name"
class="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-gray-900">
<button type="submit" class="w-full px-3 py-1.5 text-sm bg-gray-900 text-white rounded-md hover:bg-gray-800">
Create organisation
</button>
</form>
</div>
</aside>
{# Main content #}
<div class="flex-1 min-w-0">
<h1 class="text-2xl font-bold mb-6">Recent activity</h1>
{% if recent_activity %}
<div class="space-y-3">
{% for item in recent_activity %}
<a href="/orgs/{{ item.org_name }}/projects/{{ item.project_name }}" class="block p-4 border border-gray-200 rounded-lg hover:border-gray-300 transition-colors">
<div class="flex items-center justify-between">
<div class="min-w-0">
<p class="font-medium truncate">{{ item.title }}</p>
<p class="text-sm text-gray-500 mt-0.5">
{{ item.org_name }} / {{ item.project_name }}
</p>
{% if item.description %}
<p class="text-sm text-gray-600 mt-1 truncate">{{ item.description }}</p>
{% endif %}
</div>
<div class="text-right text-sm text-gray-400 shrink-0 ml-4">
<p class="font-mono text-xs">{{ item.slug }}</p>
<p>{{ item.created_at }}</p>
</div>
</div>
</a>
{% endfor %}
</div>
{% else %}
<div class="p-8 border border-gray-200 rounded-lg text-center">
<p class="text-gray-500">No recent activity</p>
<p class="text-sm text-gray-400 mt-2">Deploy your first release with <code class="bg-gray-100 px-1 rounded">forest release create</code></p>
</div>
{% endif %}
<section class="max-w-2xl mx-auto px-4 py-12">
{# Organisations #}
<div class="mb-12">
<h2 class="text-sm font-semibold text-gray-500 uppercase tracking-wide mb-4">Your organisations</h2>
<div class="space-y-2">
{% for org in orgs %}
<a href="/orgs/{{ org.name }}/projects" class="flex items-center justify-between px-4 py-3 border border-gray-200 rounded-lg hover:border-gray-300 hover:bg-gray-50 transition-colors">
<span class="font-medium text-gray-900">{{ org.name }}</span>
<span class="text-xs text-gray-400 bg-gray-100 px-2 py-0.5 rounded">{{ org.role }}</span>
</a>
{% endfor %}
</div>
<form method="POST" action="/orgs" class="flex gap-2 mt-4">
<input type="hidden" name="_csrf" value="{{ csrf_token }}">
<input type="text" name="name" placeholder="new-org-name"
class="flex-1 px-3 py-2 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-gray-900">
<button type="submit" class="px-4 py-2 text-sm bg-gray-900 text-white rounded-md hover:bg-gray-800 whitespace-nowrap">
Create organisation
</button>
</form>
</div>
{# Recent activity #}
<div>
<h2 class="text-sm font-semibold text-gray-500 uppercase tracking-wide mb-4">Recent activity</h2>
{% if recent_activity %}
<div class="space-y-2">
{% for item in recent_activity %}
<a href="/orgs/{{ item.org_name }}/projects/{{ item.project_name }}" class="block px-4 py-3 border border-gray-200 rounded-lg hover:border-gray-300 hover:bg-gray-50 transition-colors">
<div class="flex items-center justify-between">
<div class="min-w-0">
<p class="font-medium truncate">{{ item.title }}</p>
<p class="text-sm text-gray-500 mt-0.5">
{{ item.org_name }} / {{ item.project_name }}
</p>
</div>
<div class="text-right text-sm text-gray-400 shrink-0 ml-4">
<p class="font-mono text-xs">{{ item.slug }}</p>
</div>
</div>
</a>
{% endfor %}
</div>
{% else %}
<div class="px-4 py-10 border border-gray-200 rounded-lg text-center">
<p class="text-gray-500">No recent activity</p>
<p class="text-sm text-gray-400 mt-2">Deploy your first release with <code class="bg-gray-100 px-1.5 py-0.5 rounded">forest release create</code></p>
</div>
{% endif %}
</div>
</section>
{% endblock %}