@campxdev/react-blueprint 2.3.11 → 3.0.0-alpha.1

package/src/pages/UMS/Classrooms/RoomAllocation.tsx

@@ -1,59 +0,0 @@
-import {
-  Box,
-  Button,
-  Card,
-  CardContent,
-  Stack,
-  Typography,
-} from '@mui/material';
-import React from 'react';
-import { Icons } from '../../../components/export';
-
-export const RoomAllocation: React.FC = () => {
-  return (
-    <Box>
-      <Stack
-        direction="row"
-        justifyContent="space-between"
-        alignItems="center"
-        mb={3}
-      >
-        <Box>
-          <Typography variant="h4" component="h1" gutterBottom>
-            Room Allocation
-          </Typography>
-          <Typography variant="body1" color="text.secondary">
-            Assign classrooms to courses, events, and activities.
-          </Typography>
-        </Box>
-        <Button variant="contained" startIcon={<Icons.ClassroomsIcon />}>
-          Allocate Room
-        </Button>
-      </Stack>
-
-      <Card>
-        <CardContent>
-          <Typography variant="h6" gutterBottom>
-            Allocation Management
-          </Typography>
-          <Typography variant="body2" color="text.secondary" paragraph>
-            Smart room allocation system including:
-          </Typography>
-          <Box component="ul" sx={{ mt: 2 }}>
-            <li>Course and Class Assignments</li>
-            <li>Capacity vs Enrollment Matching</li>
-            <li>Equipment Requirements Matching</li>
-            <li>Special Event and Exam Allocation</li>
-            <li>Conflict Resolution and Optimization</li>
-          </Box>
-          <Box sx={{ mt: 3, p: 2, bgcolor: 'grey.50', borderRadius: 1 }}>
-            <Typography variant="body2" color="text.secondary">
-              💡 This would include intelligent allocation algorithms, booking
-              systems, and utilization analytics.
-            </Typography>
-          </Box>
-        </CardContent>
-      </Card>
-    </Box>
-  );
-};

package/src/pages/UMS/Classrooms/Timetables.tsx

@@ -1,59 +0,0 @@
-import {
-  Box,
-  Button,
-  Card,
-  CardContent,
-  Stack,
-  Typography,
-} from '@mui/material';
-import React from 'react';
-import { Icons } from '../../../components/export';
-
-export const Timetables: React.FC = () => {
-  return (
-    <Box>
-      <Stack
-        direction="row"
-        justifyContent="space-between"
-        alignItems="center"
-        mb={3}
-      >
-        <Box>
-          <Typography variant="h4" component="h1" gutterBottom>
-            Timetables
-          </Typography>
-          <Typography variant="body1" color="text.secondary">
-            Manage class schedules and time slot assignments.
-          </Typography>
-        </Box>
-        <Button variant="contained" startIcon={<Icons.ConfigurationsIcon />}>
-          Create Timetable
-        </Button>
-      </Stack>
-
-      <Card>
-        <CardContent>
-          <Typography variant="h6" gutterBottom>
-            Schedule Management
-          </Typography>
-          <Typography variant="body2" color="text.secondary" paragraph>
-            Comprehensive timetable management including:
-          </Typography>
-          <Box component="ul" sx={{ mt: 2 }}>
-            <li>Weekly and Daily Class Schedules</li>
-            <li>Teacher and Room Assignments</li>
-            <li>Time Slot Conflicts Detection</li>
-            <li>Academic Calendar Integration</li>
-            <li>Exam and Event Scheduling</li>
-          </Box>
-          <Box sx={{ mt: 3, p: 2, bgcolor: 'grey.50', borderRadius: 1 }}>
-            <Typography variant="body2" color="text.secondary">
-              💡 This would include drag-and-drop timetable builder, conflict
-              resolution, and automated scheduling.
-            </Typography>
-          </Box>
-        </CardContent>
-      </Card>
-    </Box>
-  );
-};

package/src/pages/UMS/Courses/Courses.tsx

@@ -1,105 +0,0 @@
-import { Add } from '@mui/icons-material';
-import {
-  Box,
-  Button,
-  Card,
-  CardContent,
-  Grid,
-  Typography,
-} from '@mui/material';
-import React from 'react';
-import { Outlet, useLocation } from 'react-router-dom';
-
-export const Courses: React.FC = () => {
-  const location = useLocation();
-  const isRootPath = location.pathname === '/ums/my-courses';
-
-  if (!isRootPath) {
-    return <Outlet />;
-  }
-
-  return (
-    <Box>
-      <Box
-        sx={{
-          display: 'flex',
-          justifyContent: 'space-between',
-          alignItems: 'flex-start',
-          mb: 3,
-        }}
-      >
-        <Box>
-          <Typography variant="h4" component="h1" gutterBottom>
-            My Courses
-          </Typography>
-          <Typography variant="body1" color="text.secondary">
-            Course management, curriculum planning, and academic content
-            administration.
-          </Typography>
-        </Box>
-        <Button variant="contained" startIcon={<Add />} sx={{ mt: 1 }}>
-          Add Course
-        </Button>
-      </Box>
-
-      <Grid container spacing={3}>
-        <Grid size={{ xs: 12, md: 6, lg: 4 }}>
-          <Card>
-            <CardContent>
-              <Typography variant="h6" gutterBottom>
-                Active Courses
-              </Typography>
-              <Typography variant="body2" color="text.secondary" paragraph>
-                Currently running courses and modules.
-              </Typography>
-              <Typography variant="h4" color="primary">
-                24
-              </Typography>
-              <Typography variant="caption" color="text.secondary">
-                Active courses
-              </Typography>
-            </CardContent>
-          </Card>
-        </Grid>
-
-        <Grid size={{ xs: 12, md: 6, lg: 4 }}>
-          <Card>
-            <CardContent>
-              <Typography variant="h6" gutterBottom>
-                Course Materials
-              </Typography>
-              <Typography variant="body2" color="text.secondary" paragraph>
-                Learning resources and educational content.
-              </Typography>
-              <Typography variant="h4" color="success.main">
-                156
-              </Typography>
-              <Typography variant="caption" color="text.secondary">
-                Resources available
-              </Typography>
-            </CardContent>
-          </Card>
-        </Grid>
-
-        <Grid size={{ xs: 12, md: 6, lg: 4 }}>
-          <Card>
-            <CardContent>
-              <Typography variant="h6" gutterBottom>
-                Enrolled Students
-              </Typography>
-              <Typography variant="body2" color="text.secondary" paragraph>
-                Total students enrolled across all courses.
-              </Typography>
-              <Typography variant="h4" color="info.main">
-                1,250
-              </Typography>
-              <Typography variant="caption" color="text.secondary">
-                Total enrollments
-              </Typography>
-            </CardContent>
-          </Card>
-        </Grid>
-      </Grid>
-    </Box>
-  );
-};

package/src/pages/UMS/Students/Enrollment.tsx

@@ -1,59 +0,0 @@
-import {
-  Box,
-  Button,
-  Card,
-  CardContent,
-  Stack,
-  Typography,
-} from '@mui/material';
-import React from 'react';
-import { Icons } from '../../../components/export';
-
-export const Enrollment: React.FC = () => {
-  return (
-    <Box>
-      <Stack
-        direction="row"
-        justifyContent="space-between"
-        alignItems="center"
-        mb={3}
-      >
-        <Box>
-          <Typography variant="h4" component="h1" gutterBottom>
-            Student Enrollment
-          </Typography>
-          <Typography variant="body1" color="text.secondary">
-            Manage student enrollment and admission processes.
-          </Typography>
-        </Box>
-        <Button variant="contained" startIcon={<Icons.AcademicFeesIcon />}>
-          New Enrollment
-        </Button>
-      </Stack>
-
-      <Card>
-        <CardContent>
-          <Typography variant="h6" gutterBottom>
-            Enrollment Management
-          </Typography>
-          <Typography variant="body2" color="text.secondary" paragraph>
-            Handle all aspects of student enrollment including:
-          </Typography>
-          <Box component="ul" sx={{ mt: 2 }}>
-            <li>Application Processing and Review</li>
-            <li>Document Verification</li>
-            <li>Course Assignment and Registration</li>
-            <li>Fee Assessment and Payment</li>
-            <li>ID Card Generation</li>
-          </Box>
-          <Box sx={{ mt: 3, p: 2, bgcolor: 'grey.50', borderRadius: 1 }}>
-            <Typography variant="body2" color="text.secondary">
-              💡 This would include enrollment workflows, document upload, and
-              integration with payment systems.
-            </Typography>
-          </Box>
-        </CardContent>
-      </Card>
-    </Box>
-  );
-};

package/src/pages/UMS/Students/StudentList.tsx

@@ -1,61 +0,0 @@
-import { Add } from '@mui/icons-material';
-import {
-  Box,
-  Button,
-  Card,
-  CardContent,
-  Stack,
-  Typography,
-} from '@mui/material';
-import React from 'react';
-
-export const StudentList: React.FC = () => {
-  return (
-    <Box>
-      <Stack
-        direction="row"
-        justifyContent="space-between"
-        alignItems="center"
-        mb={3}
-      >
-        <Box>
-          <Typography variant="h4" component="h1" gutterBottom>
-            Student List
-          </Typography>
-          <Typography variant="body1" color="text.secondary">
-            View and manage all enrolled students in the system.
-          </Typography>
-        </Box>
-        <Button variant="contained" startIcon={<Add />}>
-          Add Student
-        </Button>
-      </Stack>
-
-      <Card>
-        <CardContent>
-          <Typography variant="h6" gutterBottom>
-            All Students
-          </Typography>
-          <Typography variant="body2" color="text.secondary" paragraph>
-            This section would contain a data table with student information
-            including:
-          </Typography>
-          <Box component="ul" sx={{ mt: 2 }}>
-            <li>Student ID and Name</li>
-            <li>Course and Year</li>
-            <li>Contact Information</li>
-            <li>Enrollment Status</li>
-            <li>Academic Performance</li>
-          </Box>
-          <Box sx={{ mt: 3, p: 2, bgcolor: 'grey.50', borderRadius: 1 }}>
-            <Typography variant="body2" color="text.secondary">
-              💡 This is a demo page. In a real implementation, this would
-              include a DataTable component with filtering, sorting, and
-              pagination capabilities.
-            </Typography>
-          </Box>
-        </CardContent>
-      </Card>
-    </Box>
-  );
-};

package/src/pages/UMS/Students/StudentProfiles.tsx

@@ -1,59 +0,0 @@
-import {
-  Box,
-  Button,
-  Card,
-  CardContent,
-  Stack,
-  Typography,
-} from '@mui/material';
-import React from 'react';
-import { Icons } from '../../../components/export';
-
-export const StudentProfiles: React.FC = () => {
-  return (
-    <Box>
-      <Stack
-        direction="row"
-        justifyContent="space-between"
-        alignItems="center"
-        mb={3}
-      >
-        <Box>
-          <Typography variant="h4" component="h1" gutterBottom>
-            Student Profiles
-          </Typography>
-          <Typography variant="body1" color="text.secondary">
-            Detailed student information and academic profiles.
-          </Typography>
-        </Box>
-        <Button variant="contained" startIcon={<Icons.AdminIcon />}>
-          Manage Profiles
-        </Button>
-      </Stack>
-
-      <Card>
-        <CardContent>
-          <Typography variant="h6" gutterBottom>
-            Student Profile Management
-          </Typography>
-          <Typography variant="body2" color="text.secondary" paragraph>
-            This section manages detailed student profiles including:
-          </Typography>
-          <Box component="ul" sx={{ mt: 2 }}>
-            <li>Personal Information and Contact Details</li>
-            <li>Academic History and Transcripts</li>
-            <li>Emergency Contacts and Guardian Information</li>
-            <li>Document Management</li>
-            <li>Photo and Identification</li>
-          </Box>
-          <Box sx={{ mt: 3, p: 2, bgcolor: 'grey.50', borderRadius: 1 }}>
-            <Typography variant="body2" color="text.secondary">
-              💡 This would include profile editing forms, document upload
-              functionality, and academic record management.
-            </Typography>
-          </Box>
-        </CardContent>
-      </Card>
-    </Box>
-  );
-};

package/src/pages/UMS/Students/Students.tsx

@@ -1,34 +0,0 @@
-import { Box, Typography } from '@mui/material';
-import React from 'react';
-import { Outlet, useLocation } from 'react-router-dom';
-
-export const Students: React.FC = () => {
-  const location = useLocation();
-  const isRootStudents =
-    location.pathname === '/ums/students' ||
-    location.pathname === '/ums/students/';
-
-  if (isRootStudents) {
-    return (
-      <Box>
-        <Typography variant="h4" component="h1" gutterBottom>
-          Student Management
-        </Typography>
-        <Typography variant="body1" color="text.secondary" paragraph>
-          Comprehensive student management system for enrollment, profiles, and
-          academic tracking.
-        </Typography>
-        <Typography variant="h6" sx={{ mt: 3 }}>
-          Available student management modules:
-        </Typography>
-        <Box component="ul" sx={{ mt: 2 }}>
-          <li>Student List - View all enrolled students</li>
-          <li>Student Profiles - Detailed student information</li>
-          <li>Enrollment - Manage student enrollment process</li>
-        </Box>
-      </Box>
-    );
-  }
-
-  return <Outlet />;
-};

package/src/pages/UMS/Teachers/Performance.tsx

@@ -1,59 +0,0 @@
-import {
-  Box,
-  Button,
-  Card,
-  CardContent,
-  Stack,
-  Typography,
-} from '@mui/material';
-import React from 'react';
-import { Icons } from '../../../components/export';
-
-export const Performance: React.FC = () => {
-  return (
-    <Box>
-      <Stack
-        direction="row"
-        justifyContent="space-between"
-        alignItems="center"
-        mb={3}
-      >
-        <Box>
-          <Typography variant="h4" component="h1" gutterBottom>
-            Faculty Performance
-          </Typography>
-          <Typography variant="body1" color="text.secondary">
-            Track teaching performance and faculty evaluations.
-          </Typography>
-        </Box>
-        <Button variant="contained" startIcon={<Icons.ReportIcon />}>
-          Generate Report
-        </Button>
-      </Stack>
-
-      <Card>
-        <CardContent>
-          <Typography variant="h6" gutterBottom>
-            Performance Evaluation
-          </Typography>
-          <Typography variant="body2" color="text.secondary" paragraph>
-            Comprehensive performance tracking including:
-          </Typography>
-          <Box component="ul" sx={{ mt: 2 }}>
-            <li>Student Feedback and Ratings</li>
-            <li>Peer Review and Assessments</li>
-            <li>Teaching Effectiveness Metrics</li>
-            <li>Research Output and Publications</li>
-            <li>Professional Development Activities</li>
-          </Box>
-          <Box sx={{ mt: 3, p: 2, bgcolor: 'grey.50', borderRadius: 1 }}>
-            <Typography variant="body2" color="text.secondary">
-              💡 This would include performance analytics, review cycles, and
-              goal setting features.
-            </Typography>
-          </Box>
-        </CardContent>
-      </Card>
-    </Box>
-  );
-};

package/src/pages/UMS/Teachers/Qualifications.tsx

@@ -1,59 +0,0 @@
-import {
-  Box,
-  Button,
-  Card,
-  CardContent,
-  Stack,
-  Typography,
-} from '@mui/material';
-import React from 'react';
-import { Icons } from '../../../components/export';
-
-export const Qualifications: React.FC = () => {
-  return (
-    <Box>
-      <Stack
-        direction="row"
-        justifyContent="space-between"
-        alignItems="center"
-        mb={3}
-      >
-        <Box>
-          <Typography variant="h4" component="h1" gutterBottom>
-            Faculty Qualifications
-          </Typography>
-          <Typography variant="body1" color="text.secondary">
-            Manage academic credentials and professional qualifications.
-          </Typography>
-        </Box>
-        <Button variant="contained" startIcon={<Icons.AdminIcon />}>
-          Verify Credentials
-        </Button>
-      </Stack>
-
-      <Card>
-        <CardContent>
-          <Typography variant="h6" gutterBottom>
-            Qualification Management
-          </Typography>
-          <Typography variant="body2" color="text.secondary" paragraph>
-            Track and verify faculty qualifications including:
-          </Typography>
-          <Box component="ul" sx={{ mt: 2 }}>
-            <li>Educational Degrees and Certifications</li>
-            <li>Professional Licenses and Accreditations</li>
-            <li>Research Publications and Patents</li>
-            <li>Teaching Certifications and Training</li>
-            <li>Continuing Education and Development</li>
-          </Box>
-          <Box sx={{ mt: 3, p: 2, bgcolor: 'grey.50', borderRadius: 1 }}>
-            <Typography variant="body2" color="text.secondary">
-              💡 This would include document upload, verification workflows, and
-              credential expiry tracking.
-            </Typography>
-          </Box>
-        </CardContent>
-      </Card>
-    </Box>
-  );
-};

package/src/pages/UMS/Teachers/TeacherDirectory.tsx

@@ -1,59 +0,0 @@
-import {
-  Box,
-  Button,
-  Card,
-  CardContent,
-  Stack,
-  Typography,
-} from '@mui/material';
-import React from 'react';
-import { Icons } from '../../../components/export';
-
-export const TeacherDirectory: React.FC = () => {
-  return (
-    <Box>
-      <Stack
-        direction="row"
-        justifyContent="space-between"
-        alignItems="center"
-        mb={3}
-      >
-        <Box>
-          <Typography variant="h4" component="h1" gutterBottom>
-            Teacher Directory
-          </Typography>
-          <Typography variant="body1" color="text.secondary">
-            Complete directory of faculty members and teaching staff.
-          </Typography>
-        </Box>
-        <Button variant="contained" startIcon={<Icons.AcademicsIcon />}>
-          Add Teacher
-        </Button>
-      </Stack>
-
-      <Card>
-        <CardContent>
-          <Typography variant="h6" gutterBottom>
-            Faculty Directory
-          </Typography>
-          <Typography variant="body2" color="text.secondary" paragraph>
-            Comprehensive faculty management including:
-          </Typography>
-          <Box component="ul" sx={{ mt: 2 }}>
-            <li>Faculty ID and Personal Information</li>
-            <li>Department and Subject Assignments</li>
-            <li>Contact Information and Office Hours</li>
-            <li>Teaching Schedule and Course Load</li>
-            <li>Professional Experience and Bio</li>
-          </Box>
-          <Box sx={{ mt: 3, p: 2, bgcolor: 'grey.50', borderRadius: 1 }}>
-            <Typography variant="body2" color="text.secondary">
-              💡 This would include a searchable faculty database with filtering
-              by department, subject, and availability.
-            </Typography>
-          </Box>
-        </CardContent>
-      </Card>
-    </Box>
-  );
-};

package/src/pages/UMS/Teachers/Teachers.tsx

@@ -1,34 +0,0 @@
-import { Box, Typography } from '@mui/material';
-import React from 'react';
-import { Outlet, useLocation } from 'react-router-dom';
-
-export const Teachers: React.FC = () => {
-  const location = useLocation();
-  const isRootTeachers =
-    location.pathname === '/ums/teachers' ||
-    location.pathname === '/ums/teachers/';
-
-  if (isRootTeachers) {
-    return (
-      <Box>
-        <Typography variant="h4" component="h1" gutterBottom>
-          Faculty Management
-        </Typography>
-        <Typography variant="body1" color="text.secondary" paragraph>
-          Comprehensive faculty management system for teacher profiles,
-          qualifications, and performance tracking.
-        </Typography>
-        <Typography variant="h6" sx={{ mt: 3 }}>
-          Available faculty management modules:
-        </Typography>
-        <Box component="ul" sx={{ mt: 2 }}>
-          <li>Teacher Directory - Complete faculty directory</li>
-          <li>Qualifications - Academic credentials and certifications</li>
-          <li>Performance - Teaching performance and evaluations</li>
-        </Box>
-      </Box>
-    );
-  }
-
-  return <Outlet />;
-};