salman/igny8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

final plolish phase 2

Browse Source
This commit is contained in:
IGNY8 VPS (Salman)
2025-12-27 15:25:05 +00:00
parent 99982eb4fb
commit b9e4b6f7e2
27 changed files with 2229 additions and 280 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
frontend/src/pages/Writer/Approved.tsx
View File

@@ -17,8 +17,7 @@ import {
bulkDeleteContent,
} from '../../services/api';
import { useToast } from '../../components/ui/toast/ToastContainer';
import { FileIcon, CheckCircleIcon, BoltIcon } from '../../icons';
import { RocketLaunchIcon } from '@heroicons/react/24/outline';
import { CheckCircleIcon, BoltIcon } from '../../icons';
import { createApprovedPageConfig } from '../../config/pages/approved.config';
import { useSectorStore } from '../../store/sectorStore';
import { usePageSizeStore } from '../../store/pageSizeStore';
@@ -358,29 +357,87 @@ export default function Approved() {
getItemDisplayName={(row: Content) => row.title || `Content #${row.id}`}
/>
{/* Module Metrics Footer */}
{/* Module Metrics Footer - 3-Widget Layout */}
<ModuleMetricsFooter
metrics={[
{
title: 'Approved Content',
value: content.length.toLocaleString(),
subtitle: 'ready for publishing',
icon: <CheckCircleIcon className="w-5 h-5" />,
accentColor: 'green',
submoduleColor="green"
threeWidgetLayout={{
pageProgress: {
title: 'Page Progress',
submoduleColor: 'green',
metrics: [
{ label: 'Total Approved', value: totalCount },
{ label: 'On Site', value: content.filter(c => c.external_id).length, percentage: `${totalCount > 0 ? Math.round((content.filter(c => c.external_id).length / totalCount) * 100) : 0}%` },
{ label: 'Pending Publish', value: content.filter(c => !c.external_id).length },
{ label: 'This Page', value: content.length },
],
progress: {
label: 'Published to Site',
value: totalCount > 0 ? Math.round((content.filter(c => c.external_id).length / totalCount) * 100) : 0,
color: 'green',
},
hint: content.filter(c => !c.external_id).length > 0
? `${content.filter(c => !c.external_id).length} items ready for site publishing`
: 'All approved content published!',
},
{
title: 'Published to Site',
value: content.filter(c => c.external_id).length.toLocaleString(),
subtitle: 'on WordPress',
icon: <RocketLaunchIcon className="w-5 h-5" />,
accentColor: 'blue',
href: '/writer/approved',
moduleStats: {
title: 'Writer Module',
pipeline: [
{
fromLabel: 'Tasks',
fromValue: 0,
fromHref: '/writer/tasks',
actionLabel: 'Generate Content',
toLabel: 'Drafts',
toValue: 0,
toHref: '/writer/content',
progress: 100,
color: 'blue',
},
{
fromLabel: 'Drafts',
fromValue: 0,
fromHref: '/writer/content',
actionLabel: 'Generate Images',
toLabel: 'Images',
toValue: 0,
toHref: '/writer/images',
progress: 100,
color: 'purple',
},
{
fromLabel: 'Ready',
fromValue: 0,
fromHref: '/writer/review',
actionLabel: 'Review & Publish',
toLabel: 'Published',
toValue: totalCount,
progress: totalCount > 0 ? Math.round((content.filter(c => c.external_id).length / totalCount) * 100) : 0,
color: 'green',
},
],
links: [
{ label: 'Tasks', href: '/writer/tasks' },
{ label: 'Content', href: '/writer/content' },
{ label: 'Images', href: '/writer/images' },
{ label: 'Published', href: '/writer/approved' },
],
},
completion: {
title: 'Workflow Completion',
plannerItems: [
{ label: 'Keywords', value: 0, color: 'blue' },
{ label: 'Clusters', value: 0, color: 'green' },
{ label: 'Ideas', value: 0, color: 'amber' },
],
writerItems: [
{ label: 'Content', value: 0, color: 'purple' },
{ label: 'Images', value: 0, color: 'amber' },
{ label: 'Published', value: content.filter(c => c.external_id).length, color: 'green' },
],
creditsUsed: 0,
operationsCount: 0,
analyticsHref: '/analytics',
},
]}
progress={{
label: 'Site Publishing Progress',
value: totalCount > 0 ? Math.round((content.filter(c => c.external_id).length / totalCount) * 100) : 0,
color: 'success',
}}
/>
</>