gatekeeper/mini
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: remove date_created references, use created_at

Browse Source
This commit is contained in:
cawcenter
2025-12-14 23:12:49 -05:00
parent 99df8c42cb
commit 8735964ad7
2 changed files with 11 additions and 325 deletions
Download Patch File Download Diff File Expand all files Collapse all files

142
src/pages/admin/collections/campaign-masters.astro
View File

@@ -1,34 +1,6 @@
---
/**
* Campaign Masters Management
* Full CRUD for campaign_masters collection
*/
import AdminLayout from '../../../layouts/AdminLayout.astro';
import CollectionTable from '../../../components/admin/CollectionTable';
let campaigns = [];
let error = null;
let stats = {
total: 0,
active: 0,
draft: 0,
completed: 0,
};
try {
campaigns = await client.request(readItems('campaign_masters', {
fields: ['*'],
sort: ['-date_created'],
}));
stats.total = campaigns.length;
stats.active = campaigns.filter((c: any) => c.status === 'active').length;
stats.draft = campaigns.filter((c: any) => c.status === 'draft').length;
stats.completed = campaigns.filter((c: any) => c.status === 'completed').length;
} catch (e) {
console.error('Error fetching campaigns:', e);
error = e instanceof Error ? e.message : 'Unknown error';
}
---
<AdminLayout title="Campaigns">
@@ -39,117 +11,3 @@ try {
client:load
/>
</AdminLayout>
<div class="space-y-6">
<!-- Header -->
<div class="flex justify-between items-center">
<div>
<h1 class="spark-heading text-3xl">📢 Campaign Masters</h1>
<p class="text-silver mt-1">Manage marketing campaigns and content strategies</p>
</div>
<div class="flex gap-3">
<button class="spark-btn-secondary text-sm" onclick="window.dispatchEvent(new CustomEvent('import-modal'))">
📥 Import
</button>
<button class="spark-btn-secondary text-sm" onclick="window.dispatchEvent(new CustomEvent('export-data', {detail: {collection: 'campaign_masters'}}))">
📤 Export
</button>
<a href="/admin/collections/campaign-masters/new" class="spark-btn-primary text-sm">
✨ New Campaign
</a>
</div>
</div>
{error && (
<div class="spark-card p-4 border-red-500 text-red-400">
<strong>Error:</strong> {error}
</div>
)}
<!-- Stats -->
<div class="grid grid-cols-4 gap-4">
<div class="spark-card p-6">
<div class="spark-label mb-2">Total Campaigns</div>
<div class="spark-data text-3xl">{stats.total}</div>
</div>
<div class="spark-card p-6">
<div class="spark-label mb-2">Active</div>
<div class="spark-data text-3xl text-green-400">{stats.active}</div>
</div>
<div class="spark-card p-6">
<div class="spark-label mb-2">Draft</div>
<div class="spark-data text-3xl text-yellow-400">{stats.draft}</div>
</div>
<div class="spark-card p-6">
<div class="spark-label mb-2">Completed</div>
<div class="spark-data text-3xl text-blue-400">{stats.completed}</div>
</div>
</div>
<!-- Campaigns Grid -->
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
{campaigns.map((campaign: any) => (
<div class="spark-card spark-card-hover p-6">
<div class="flex items-start justify-between mb-4">
<div>
<h3 class="text-white font-semibold text-lg">{campaign.campaign_name || 'Unnamed Campaign'}</h3>
<p class="text-silver/70 text-sm mt-1">
{campaign.description?.substring(0, 100) || 'No description'}
</p>
</div>
<span class={`px-3 py-1 rounded text-xs font-medium ${
campaign.status === 'active' ? 'bg-green-500/20 text-green-400 border border-green-500/30' :
campaign.status === 'draft' ? 'bg-yellow-500/20 text-yellow-400 border border-yellow-500/30' :
campaign.status === 'completed' ? 'bg-blue-500/20 text-blue-400 border border-blue-500/30' :
'bg-graphite border border-edge-subtle text-silver'
}`}>
{campaign.status || 'draft'}
</span>
</div>
<div class="space-y-2 text-sm mb-4">
{campaign.target_count && (
<div>
<span class="spark-label">Targets:</span>
<span class="text-silver ml-2">{campaign.target_count} items</span>
</div>
)}
{campaign.articles_generated && (
<div>
<span class="spark-label">Generated:</span>
<span class="text-gold ml-2">{campaign.articles_generated} articles</span>
</div>
)}
</div>
<div class="flex gap-2">
<a href={`/admin/collections/campaign-masters/${campaign.id}`} class="spark-btn-ghost text-xs px-3 py-1 flex-1 text-center">
Edit
</a>
<a href={`/admin/seo/articles?campaign=${campaign.id}`} class="spark-btn-secondary text-xs px-3 py-1 flex-1 text-center">
View Articles
</a>
</div>
</div>
))}
{campaigns.length === 0 && !error && (
<div class="col-span-full spark-card p-12 text-center">
<p class="text-silver/50">No campaigns found. Create your first campaign!</p>
</div>
)}
</div>
</div>
</AdminLayout>
<script>
window.addEventListener('export-data', async (e: any) => {
const { collection } = e.detail;
const response = await fetch(`/api/collections/${collection}/export`);
const blob = await response.blob();
const url = window.URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = `${collection}-${new Date().toISOString().split('T')[0]}.json`;
a.click();
});
</script>

194
src/pages/admin/collections/generation-jobs.astro
View File

@@ -1,199 +1,27 @@
---
/**
* Generation Jobs Management
* Queue monitoring and job management for content_fragments collection
*/
import AdminLayout from '@/layouts/AdminLayout.astro';
import CollectionTable from '@/components/admin/CollectionTable.astro';
let jobs = [];
let error = null;
let stats = {
total: 0,
pending: 0,
processing: 0,
completed: 0,
failed: 0,
};
try {
jobs = await client.request(readItems('generation_jobs', {
fields: ['*'],
sort: ['-date_created'],
limit: 100,
}));
stats.total = jobs.length;
stats.pending = jobs.filter((j: any) => j.status === 'pending').length;
stats.processing = jobs.filter((j: any) => j.status === 'processing').length;
stats.completed = jobs.filter((j: any) => j.status === 'completed').length;
stats.failed = jobs.filter((j: any) => j.status === 'failed').length;
} catch (e) {
console.error('Error fetching jobs:', e);
error = e instanceof Error ? e.message : 'Unknown error';
}
import AdminLayout from '../../../layouts/AdminLayout.astro';
import CollectionTable from '../../../components/admin/CollectionTable';
---
<AdminLayout title="Generation Queue">
<CollectionTable
endpoint="/api/collections/generation_jobs"
columns={['job_type', 'status', 'progress', 'created_at']}
title="Generation Queue"
client:load
/>
</AdminLayout>
<div class="space-y-6">
<!-- Header -->
<div class="flex justify-between items-center">
<div>
<h1 class="spark-heading text-3xl">⚙️ Generation Jobs</h1>
<p class="text-silver mt-1">Content generation queue monitoring</p>
<h1 class="text-3xl font-bold text-gold-500">⚙️ Generation Jobs</h1>
<p class="text-gray-400 mt-1">Content generation queue monitoring</p>
</div>
<div class="flex gap-3">
<button class="spark-btn-secondary text-sm" onclick="location.reload()">
<button class="px-4 py-2 bg-graphite border border-edge-normal rounded-lg text-sm hover:bg-jet" onclick="location.reload()">
🔄 Refresh
</button>
<button class="spark-btn-secondary text-sm" onclick="window.dispatchEvent(new CustomEvent('export-data', {detail: {collection: 'generation_jobs'}}))">
📤 Export
</button>
<button class="spark-btn-primary text-sm" onclick="window.dispatchEvent(new CustomEvent('clear-completed'))">
🧹 Clear Completed
</button>
</div>
</div>
{error && (
<div class="spark-card p-4 border-red-500 text-red-400">
<strong>Error:</strong> {error}
</div>
)}
<!-- Stats -->
<div class="grid grid-cols-5 gap-4">
<div class="spark-card p-6">
<div class="spark-label mb-2">Total Jobs</div>
<div class="spark-data text-3xl">{stats.total}</div>
</div>
<div class="spark-card p-6">
<div class="spark-label mb-2">Pending</div>
<div class="spark-data text-3xl text-yellow-400">{stats.pending}</div>
</div>
<div class="spark-card p-6">
<div class="spark-label mb-2">Processing</div>
<div class="spark-data text-3xl text-blue-400 animate-pulse">{stats.processing}</div>
</div>
<div class="spark-card p-6">
<div class="spark-label mb-2">Completed</div>
<div class="spark-data text-3xl text-green-400">{stats.completed}</div>
</div>
<div class="spark-card p-6">
<div class="spark-label mb-2">Failed</div>
<div class="spark-data text-3xl text-red-400">{stats.failed}</div>
</div>
</div>
<!-- Jobs Table -->
<div class="spark-card overflow-hidden">
<div class="p-6 border-b border-edge-subtle">
<h2 class="text-white font-semibold">Recent Jobs</h2>
</div>
<div class="overflow-x-auto">
<table class="w-full">
<thead class="bg-graphite">
<tr>
<th class="text-left px-6 py-3 spark-label">Job ID</th>
<th class="text-left px-6 py-3 spark-label">Type</th>
<th class="text-left px-6 py-3 spark-label">Status</th>
<th class="text-left px-6 py-3 spark-label">Progress</th>
<th class="text-left px-6 py-3 spark-label">Created</th>
<th class="text-right px-6 py-3 spark-label">Actions</th>
</tr>
</thead>
<tbody>
{jobs.map((job: any, index: number) => (
<tr class={index % 2 === 0 ? 'bg-black/20' : ''}>
<td class="px-6 py-4">
<code class="text-xs text-silver/70">{job.id.slice(0, 8)}...</code>
</td>
<td class="px-6 py-4 text-white">{job.job_type || 'Article'}</td>
<td class="px-6 py-4">
<span class={`px-2 py-1 rounded text-xs ${
job.status === 'completed' ? 'bg-green-500/20 text-green-400' :
job.status === 'processing' ? 'bg-blue-500/20 text-blue-400 animate-pulse' :
job.status === 'pending' ? 'bg-yellow-500/20 text-yellow-400' :
job.status === 'failed' ? 'bg-red-500/20 text-red-400' :
'bg-graphite text-silver'
}`}>
{job.status || 'pending'}
</span>
</td>
<td class="px-6 py-4">
<div class="flex items-center gap-2">
<div class="flex-1 bg-graphite rounded-full h-2 overflow-hidden">
<div
class={`h-full ${
job.status === 'completed' ? 'bg-green-500' :
job.status === 'processing' ? 'bg-blue-500' :
job.status === 'failed' ? 'bg-red-500' :
'bg-yellow-500'
}`}
style={`width: ${job.progress || 0}%`}
></div>
</div>
<span class="text-xs text-silver w-12 text-right">{job.progress || 0}%</span>
</div>
</td>
<td class="px-6 py-4 text-silver text-sm">
{job.date_created ? new Date(job.date_created).toLocaleString('en-US', {
month: 'short',
day: 'numeric',
hour: '2-digit',
minute: '2-digit'
}) : 'Unknown'}
</td>
<td class="px-6 py-4 text-right">
{job.status === 'failed' && (
<button class="spark-btn-ghost text-xs px-3 py-1" onclick={`alert('Error: ${job.error_message || 'Unknown error'}')`}>
View Error
</button>
)}
{job.status === 'completed' && job.output_id && (
<a href={`/admin/seo/articles/${job.output_id}`} class="spark-btn-ghost text-xs px-3 py-1">
View Output
</a>
)}
</td>
</tr>
))}
</tbody>
</table>
{jobs.length === 0 && !error && (
<div class="p-12 text-center">
<p class="text-silver/50">No generation jobs found. Queue is empty!</p>
</div>
)}
</div>
</div>
<CollectionTable
endpoint="/api/collections/generation_jobs"
columns={['job_type', 'status', 'created_at']}
title="Jobs Queue"
client:load
/>
</div>
</AdminLayout>
<script>
window.addEventListener('export-data', async (e: any) => {
const { collection } = e.detail;
const response = await fetch(`/api/collections/${collection}/export`);
const blob = await response.blob();
const url = window.URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = `${collection}-${new Date().toISOString().split('T')[0]}.json`;
a.click();
});
window.addEventListener('clear-completed', async () => {
if (!confirm('Delete all completed jobs?')) return;
// TODO: API endpoint to delete completed jobs
alert('Feature coming soon!');
});
</script>