mirror of
https://github.com/johndoe6345789/metabuilder.git
synced 2026-04-24 13:54:57 +00:00
johndoe6345789
6992c3a650
- Created package.json for ui_pages with dependencies and exports. - Added roles.json for access permissions related to UI pages. - Implemented functions.json for managing UI pages and routing. - Developed stories.json for Storybook showcasing UI pages components. - Defined styles tokens for UI pages including colors, spacing, and typography. feat(ui_permissions): Introduce UI Permissions package for access control - Created package.json for ui_permissions with permission utilities. - Added roles.json defining permissions for a 6-level access control system. - Implemented functions.json for permission checking and level management. - Developed stories.json for Storybook showcasing permission-related components. - Defined styles tokens for UI permissions including colors and spacing.
453 lines
14 KiB
JSON
453 lines
14 KiB
JSON
{
|
|
"$schema": "https://metabuilder.dev/schemas/json-script-components.schema.json",
|
|
"schemaVersion": "2.0.0",
|
|
"package": "ui_level3",
|
|
"description": "Moderator panel components for content moderation and user management",
|
|
"components": [
|
|
{
|
|
"id": "level3_layout",
|
|
"name": "Level3Layout",
|
|
"description": "Main moderator panel layout with header, stats, and tabbed content",
|
|
"props": [
|
|
{
|
|
"name": "user",
|
|
"type": "object",
|
|
"required": true,
|
|
"description": "Current user context with username and level"
|
|
}
|
|
],
|
|
"render": {
|
|
"type": "element",
|
|
"template": {
|
|
"type": "Box",
|
|
"className": "min-h-screen bg-background",
|
|
"children": [
|
|
{
|
|
"type": "AppHeader",
|
|
"children": [
|
|
{
|
|
"type": "Toolbar",
|
|
"children": [
|
|
{
|
|
"type": "Typography",
|
|
"variant": "h6",
|
|
"children": "Level 3 - Moderator Panel"
|
|
},
|
|
{
|
|
"type": "Badge",
|
|
"children": "Mod"
|
|
},
|
|
{
|
|
"type": "Box",
|
|
"sx": { "flexGrow": 1 }
|
|
},
|
|
{
|
|
"type": "Typography",
|
|
"variant": "body2",
|
|
"children": "{{user.username}}"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "Container",
|
|
"maxWidth": "xl",
|
|
"sx": { "py": 4 },
|
|
"children": [
|
|
{
|
|
"type": "Stack",
|
|
"spacing": 4,
|
|
"children": [
|
|
{
|
|
"type": "Stack",
|
|
"spacing": 1,
|
|
"children": [
|
|
{
|
|
"type": "Typography",
|
|
"variant": "overline",
|
|
"children": "Level 3"
|
|
},
|
|
{
|
|
"type": "Typography",
|
|
"variant": "h2",
|
|
"children": "Data Management"
|
|
},
|
|
{
|
|
"type": "Typography",
|
|
"variant": "body1",
|
|
"color": "text.secondary",
|
|
"children": "Manage users and content."
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "component",
|
|
"ref": "level3_stats"
|
|
},
|
|
{
|
|
"type": "component",
|
|
"ref": "level3_tabs"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "level3_stats",
|
|
"name": "Level3Stats",
|
|
"description": "Statistics grid showing users, comments, and flagged content counts",
|
|
"props": [],
|
|
"render": {
|
|
"type": "element",
|
|
"template": {
|
|
"type": "Grid",
|
|
"container": true,
|
|
"spacing": 2,
|
|
"children": [
|
|
{
|
|
"type": "Grid",
|
|
"item": true,
|
|
"xs": 12,
|
|
"md": 4,
|
|
"children": [
|
|
{
|
|
"type": "Card",
|
|
"children": [
|
|
{
|
|
"type": "CardHeader",
|
|
"title": "Users",
|
|
"titleTypographyProps": { "variant": "caption" }
|
|
},
|
|
{
|
|
"type": "CardContent",
|
|
"children": [
|
|
{
|
|
"type": "Typography",
|
|
"variant": "h4",
|
|
"children": "128"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "Grid",
|
|
"item": true,
|
|
"xs": 12,
|
|
"md": 4,
|
|
"children": [
|
|
{
|
|
"type": "Card",
|
|
"children": [
|
|
{
|
|
"type": "CardHeader",
|
|
"title": "Comments",
|
|
"titleTypographyProps": { "variant": "caption" }
|
|
},
|
|
{
|
|
"type": "CardContent",
|
|
"children": [
|
|
{
|
|
"type": "Typography",
|
|
"variant": "h4",
|
|
"children": "1,024"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "Grid",
|
|
"item": true,
|
|
"xs": 12,
|
|
"md": 4,
|
|
"children": [
|
|
{
|
|
"type": "Card",
|
|
"children": [
|
|
{
|
|
"type": "CardHeader",
|
|
"title": "Flagged",
|
|
"titleTypographyProps": { "variant": "caption" }
|
|
},
|
|
{
|
|
"type": "CardContent",
|
|
"children": [
|
|
{
|
|
"type": "Typography",
|
|
"variant": "h4",
|
|
"color": "error",
|
|
"children": "12"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "level3_tabs",
|
|
"name": "Level3Tabs",
|
|
"description": "Tabbed navigation for users, moderation queue, and reports",
|
|
"props": [],
|
|
"render": {
|
|
"type": "element",
|
|
"template": {
|
|
"type": "Card",
|
|
"children": [
|
|
{
|
|
"type": "Tabs",
|
|
"value": 0,
|
|
"children": [
|
|
{
|
|
"type": "Tab",
|
|
"label": "Users"
|
|
},
|
|
{
|
|
"type": "Tab",
|
|
"label": "Moderation Queue"
|
|
},
|
|
{
|
|
"type": "Tab",
|
|
"label": "Reports"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "users_panel",
|
|
"name": "UsersPanel",
|
|
"description": "User management panel with table display and actions",
|
|
"props": [
|
|
{
|
|
"name": "users",
|
|
"type": "array",
|
|
"required": false,
|
|
"description": "Array of user objects to display",
|
|
"default": []
|
|
}
|
|
],
|
|
"render": {
|
|
"type": "element",
|
|
"template": {
|
|
"type": "Card",
|
|
"children": [
|
|
{
|
|
"type": "CardHeader",
|
|
"title": "User Management",
|
|
"subheader": "View and moderate user accounts."
|
|
},
|
|
{
|
|
"type": "CardContent",
|
|
"children": [
|
|
{
|
|
"type": "Table",
|
|
"children": [
|
|
{
|
|
"type": "TableHead",
|
|
"children": [
|
|
{
|
|
"type": "TableRow",
|
|
"children": [
|
|
{ "type": "TableCell", "children": "Username" },
|
|
{ "type": "TableCell", "children": "Email" },
|
|
{ "type": "TableCell", "children": "Level" },
|
|
{ "type": "TableCell", "children": "Status" }
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "TableBody",
|
|
"children": [
|
|
{
|
|
"type": "TableRow",
|
|
"children": [
|
|
{ "type": "TableCell", "children": "john_doe" },
|
|
{ "type": "TableCell", "children": "john@example.com" },
|
|
{ "type": "TableCell", "children": "1" },
|
|
{ "type": "TableCell", "children": "Active" }
|
|
]
|
|
},
|
|
{
|
|
"type": "TableRow",
|
|
"children": [
|
|
{ "type": "TableCell", "children": "jane_smith" },
|
|
{ "type": "TableCell", "children": "jane@example.com" },
|
|
{ "type": "TableCell", "children": "2" },
|
|
{ "type": "TableCell", "children": "Active" }
|
|
]
|
|
},
|
|
{
|
|
"type": "TableRow",
|
|
"children": [
|
|
{ "type": "TableCell", "children": "spam_user" },
|
|
{ "type": "TableCell", "children": "spam@bad.com" },
|
|
{ "type": "TableCell", "children": "1" },
|
|
{
|
|
"type": "TableCell",
|
|
"children": [
|
|
{
|
|
"type": "Typography",
|
|
"color": "error",
|
|
"children": "Suspended"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "moderation_queue",
|
|
"name": "ModerationQueue",
|
|
"description": "Queue panel showing flagged content awaiting review",
|
|
"props": [
|
|
{
|
|
"name": "items",
|
|
"type": "array",
|
|
"required": false,
|
|
"description": "Array of flagged items for moderation"
|
|
}
|
|
],
|
|
"render": {
|
|
"type": "element",
|
|
"template": {
|
|
"type": "Card",
|
|
"children": [
|
|
{
|
|
"type": "CardHeader",
|
|
"title": "Moderation Queue",
|
|
"subheader": "Review flagged content and take action."
|
|
},
|
|
{
|
|
"type": "CardContent",
|
|
"children": [
|
|
{
|
|
"type": "List",
|
|
"children": [
|
|
{
|
|
"type": "ListItem",
|
|
"children": [
|
|
{
|
|
"type": "ListItemIcon",
|
|
"children": [
|
|
{ "type": "Icon", "name": "Warning", "color": "warning" }
|
|
]
|
|
},
|
|
{
|
|
"type": "ListItemText",
|
|
"primary": "Inappropriate comment on post #1234",
|
|
"secondary": "Reported 2 hours ago"
|
|
},
|
|
{
|
|
"type": "Button",
|
|
"variant": "outlined",
|
|
"size": "small",
|
|
"children": "Review"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "ListItem",
|
|
"children": [
|
|
{
|
|
"type": "ListItemIcon",
|
|
"children": [
|
|
{ "type": "Icon", "name": "Warning", "color": "warning" }
|
|
]
|
|
},
|
|
{
|
|
"type": "ListItemText",
|
|
"primary": "Spam content detected",
|
|
"secondary": "Reported 5 hours ago"
|
|
},
|
|
{
|
|
"type": "Button",
|
|
"variant": "outlined",
|
|
"size": "small",
|
|
"children": "Review"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "reports_panel",
|
|
"name": "ReportsPanel",
|
|
"description": "Panel displaying user-submitted reports",
|
|
"props": [
|
|
{
|
|
"name": "reports",
|
|
"type": "array",
|
|
"required": false,
|
|
"description": "Array of user reports"
|
|
}
|
|
],
|
|
"render": {
|
|
"type": "element",
|
|
"template": {
|
|
"type": "Card",
|
|
"children": [
|
|
{
|
|
"type": "CardHeader",
|
|
"title": "Reports",
|
|
"subheader": "User-submitted reports for review."
|
|
},
|
|
{
|
|
"type": "CardContent",
|
|
"children": [
|
|
{
|
|
"type": "Alert",
|
|
"severity": "info",
|
|
"children": "No pending reports. Great job keeping the community clean!"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
],
|
|
"exports": {
|
|
"components": [
|
|
"Level3Layout",
|
|
"Level3Stats",
|
|
"Level3Tabs",
|
|
"UsersPanel",
|
|
"ModerationQueue",
|
|
"ReportsPanel"
|
|
]
|
|
}
|
|
}
|