diff --git a/app/admin/[slug]/pa.tsx b/app/admin/[slug]/pa.tsx new file mode 100644 index 0000000..e215596 --- /dev/null +++ b/app/admin/[slug]/pa.tsx @@ -0,0 +1,192 @@ +"use client" + +import { useState } from "react" +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" +import { Input } from "@/components/ui/input" +import { Label } from "@/components/ui/label" +import { Slider } from "@/components/ui/slider" +import { Button } from "@/components/ui/button" +import { Badge } from "@/components/ui/badge" +import { Separator } from "@/components/ui/separator" +import { Settings, Volume2, FlashlightIcon as Brightness4, Wifi, Battery } from "lucide-react" + +export default function ControlPanel() { + const [volume, setVolume] = useState([75]) + const [brightness, setBrightness] = useState([60]) + const [temperature, setTemperature] = useState([22]) + const [serverName, setServerName] = useState("Production Server") + const [apiKey, setApiKey] = useState("") + const [maxConnections, setMaxConnections] = useState([100]) + + return ( +
+
+ {/* Header */} +
+ +
+

Control Panel

+

Manage your system settings and configurations

+
+
+ +
+ {/* System Controls */} + + + + + System Controls + + Adjust audio, display, and system preferences + + +
+ + +
+ +
+ + +
+ +
+ + +
+ + + + {/* Server Configuration */} + + + + + Server Configuration + + Configure server settings and API access + + +
+ + setServerName(e.target.value)} + placeholder="Enter server name" + /> +
+ +
+ + setApiKey(e.target.value)} + placeholder="Enter API key" + /> +
+ +
+ + +
+ + + + {/* Status Dashboard */} + + + + + System Status + + Current system metrics and status indicators + + +
+
+ +
+
+
+
+ 75% +
+
+ +
+ +
+
+
+
+ 8.2GB +
+
+ +
+ +
+
+
+
+ 456GB +
+
+ +
+ +
+
+
+
+ + Online + +
+
+
+ + + +
+ + + +
+ + +
+
+
+ ) +} diff --git a/app/admin/common/control.tsx b/app/admin/common/control.tsx new file mode 100644 index 0000000..519715c --- /dev/null +++ b/app/admin/common/control.tsx @@ -0,0 +1,598 @@ +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" +import { Input } from "@/components/ui/input" +import { Label } from "@/components/ui/label" +import { Slider } from "@/components/ui/slider" +import { Button } from "@/components/ui/button" +import { Badge } from "@/components/ui/badge" +import { Separator } from "@/components/ui/separator" +import { Switch } from "@/components/ui/switch" +import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" +import { Textarea } from "@/components/ui/textarea" +import { Checkbox } from "@/components/ui/checkbox" +import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group" +import { ScrollArea } from "@/components/ui/scroll-area" +import { useState } from "react" +import { Config, defaultConfig } from "@/types/config" +import { + Settings, + Volume2, + FlashlightIcon as Brightness4, + Wifi, + Database, + Shield, + Monitor, + Bell, + Server, + Lock, + Zap, + HardDrive, + Cpu, +} from "lucide-react" + + + +export default function Control() { + const [config, setConfig] = useState(defaultConfig) + + const updateConfig = (key: keyof Config, value: any) => { + setConfig(prev => ({ + ...prev, + [key]: value + })) + } + + const updateSliderConfig = (key: keyof Config, value: number[]) => { + updateConfig(key, value[0]) + } + + return ( + +
+
+
+ + + + + System Controls + + Audio, display, and hardware settings + + +
+ + updateSliderConfig('volume', value)} + max={100} + step={1} + /> +
+ +
+ + updateSliderConfig('brightness', value)} + max={100} + step={1} + /> +
+ +
+ + updateSliderConfig('temperature', value)} + min={16} + max={30} + step={0.5} + /> +
+ +
+ + +
+ + + + {/* Server Configuration */} + + + + + Server Configuration + + Core server and API settings + + +
+ + updateConfig('serverName', e.target.value)} + placeholder="Enter server name" + /> +
+ +
+ + updateConfig('apiKey', e.target.value)} + placeholder="Enter API key" + /> +
+ +
+ + +
+ +
+ + +
+ + + + {/* Performance Settings */} + + + + + Performance Settings + + Resource allocation and optimization + + +
+ + updateSliderConfig('maxConnections', value)} + min={10} + max={500} + step={10} + /> +
+ +
+ + updateSliderConfig('cacheSize', value)} + min={64} + max={2048} + step={64} + /> +
+ +
+ + updateSliderConfig('threadCount', value)} + min={1} + max={32} + step={1} + /> +
+ +
+ + updateSliderConfig('memoryLimit', value)} + min={512} + max={8192} + step={256} + /> +
+ +
+ + updateSliderConfig('networkBandwidth', value)} + min={10} + max={1000} + step={10} + /> +
+ + + + {/* Security & Features */} + + + + + Security & Features + + Security settings and feature toggles + + +
+ + updateConfig('sslEnabled', checked)} + /> +
+ +
+ + updateConfig('autoBackup', checked)} + /> +
+ +
+ + updateConfig('compressionEnabled', checked)} + /> +
+ +
+ + updateConfig('debugMode', checked)} + /> +
+ +
+ + updateConfig('maintenanceMode', checked)} + /> +
+ +
+ + +
+ + + + {/* Notifications & Alerts */} + + + + + Notifications & Alerts + + Configure notification preferences + + +
+ + updateConfig('notifications', checked)} + /> +
+ +
+ + updateConfig('emailAlerts', checked)} + /> +
+ +
+ + updateConfig('smsAlerts', checked)} + /> +
+ +
+ + updateConfig('monitoringEnabled', checked)} + /> +
+ +
+ + +
+ +
+ + +
+ + + + {/* Advanced Configuration */} + + + + + Advanced Configuration + + Detailed system configuration options + + +
+ +