thodi mehnat in making two diff interfaces

Author: IshaanMinocha

backend/placement/views.py

@@ -4,15 +4,15 @@
 from .serializers  import *
 from rest_framework.viewsets import ModelViewSet
 from rest_framework.permissions import IsAuthenticated
-# from rest_framework.authentication import BasicAuthentication
+from rest_framework.authentication import BasicAuthentication
 from django.utils import timezone
 
 
 
 # Create your views here.
 
 class AllPlacementRecords(ModelViewSet):
-    # authentication_classes =[BasicAuthentication]
+    authentication_classes =[BasicAuthentication]
     permission_classes =[IsAuthenticated, WriteByPlacement ]
     serializer_class = PlacementSerializer
     queryset = Placements.objects.all()
@@ -21,7 +21,7 @@ class AllPlacementRecords(ModelViewSet):
 
 
 class ViewAnnouncement(ModelViewSet):
-    # authentication_classes = [BasicAuthentication]
+    authentication_classes = [BasicAuthentication]
     permission_classes = [IsAuthenticated, WriteByPlacement]
     serializer_class = AnnouncementSerializer
     queryset = Announcement.objects.all()
@@ -34,15 +34,15 @@ class ViewAnnouncement(ModelViewSet):
 
 
 class PastPlacementRecords(ModelViewSet):
-    # authentication_classes = [BasicAuthentication]
+    authentication_classes = [BasicAuthentication]
     permission_classes = [IsAuthenticated, WriteByPlacement]
     serializer_class = PlacementSerializer
     queryset = Placements.objects.filter(date__lte=timezone.now())  
 
 
 
 class ActivePlacementRecords(ModelViewSet):
-    # authentication_classes = [BasicAuthentication]
+    authentication_classes = [BasicAuthentication]
     permission_classes = [IsAuthenticated, WriteByPlacement]
     serializer_class = PlacementSerializer
     queryset = Placements.objects.filter(date__gt=timezone.now()) 

frontend/src/App.js

@@ -19,8 +19,9 @@ import FeesComponentAdmin from './components/FeesAdmin/FeesComponentAdmin';
 import FeeHistory from './components/Fees/FeeHistory';
 import FeesStructure from './components/Fees/FeesStructure';
 import AccountsLogin from './components/FeesAdmin/AccountsLogin';
-import PlacementDashboard from './components/Placement/PlacementDashboard';
-import PlacementLogin from './components/Placement/PlacementLogin';
+import PlacementDashboard from './components/PlacementAdmin/PlacementDashboard';
+import PlacementLogin from './components/PlacementAdmin/PlacementLogin';
+import PlacementStudent from './components/Placement/PlacementStudent';
 import NotFound from './components/standard/NotFound';
 
 function App() {
@@ -56,6 +57,7 @@ function App() {
                     <Route path="/fee-admin-login" element={<AccountsLogin />} />
                     <Route path="/placement-login" element={<PlacementLogin />} />
                     <Route path="/placement-dashboard" element={<PlacementDashboard />} />
+                    <Route path="/placement-student" element={<PlacementStudent />} />
                     {/* Add more routes as needed */}
                     <Route path="*" element={<NotFound />} />
                 </Routes>

frontend/src/components/Placement/PlacementAnnouncement.jsx

@@ -12,11 +12,9 @@ function PlacementAnnouncement() {
         const accessToken = localStorage.getItem('accessToken');
         const headers = { Authorization: `Bearer ${accessToken}` };
 
-        // Fetch user role
         const userRoleResponse = await axios.get(`${host}/user-details/`, { headers });
         setLoggedInUserRole(userRoleResponse.data.role);
 
-        // Fetch announcements
         const announcementsResponse = await axios.get(`${host}/placements/announcement/`, { headers });
         setAnnouncements(announcementsResponse.data);
       } catch (error) {
@@ -25,7 +23,7 @@ function PlacementAnnouncement() {
     };
 
     fetchData();
-  }, [host]); // Dependency added to ensure useEffect runs on host change
+  }, [host]);
 
   const handleDeleteAnnouncement = async (id) => {
     try {

frontend/src/components/Placement/PlacementDashboard.jsx renamed to frontend/src/components/Placement/PlacementStudent.jsx

@@ -7,7 +7,7 @@ import PlacementPast from './PlacementPast';
 import PlacementActive from './PlacementActive';
 import PlacementAnnouncement from './PlacementAnnouncement';
 
-const PlacementDashboard = () => {
+const PlacementStudent = () => {
     const [selectedComponent, setSelectedComponent] = useState(null);
     const [isLoading, setIsLoading] = useState(true);
     const navigate = useNavigate();
@@ -49,7 +49,7 @@ const PlacementDashboard = () => {
             <div className='bg-slate-300 h-[100%]'>
                 <div className="p-5 w-[90%] m-auto">
                     <div className="mb-8 inline-block">
-                        <Link to={'/placement-dashboard'} onClick={() => setSelectedComponent(null)}>
+                        <Link to={'/placement-student'} onClick={() => setSelectedComponent(null)}>
                             <h1 className="text-xl hover:bg-gray-100 text-blue-900 w-fit p-2 rounded font-semibold bg-gray-200">Placements Dashboard</h1>
                         </Link>
                     </div>
@@ -72,9 +72,7 @@ const PlacementDashboard = () => {
                                         <li className="mb-2">
                                             <button className="block py-2 px-4 text-blue-900 font-semibold rounded hover:bg-gray-100" onClick={() => setSelectedComponent('AnnouncementsPlacements')}>View All Announcements</button>
                                         </li>
-                                        <li className="mb-2">
-                                            <button className="block py-2 px-4 text-blue-900 font-semibold rounded hover:bg-gray-100" onClick={handleLogout}>Logout</button>
-                                        </li>
+                                        
                                     </ul>
                                 </div>
                             </div>
@@ -86,13 +84,13 @@ const PlacementDashboard = () => {
                                 {selectedComponent === null && <PlacementAll />}
                             </div>
                             {selectedComponent !== 'AnnouncementsPlacements' && (
-                                    <div className="w-96 bg-gray-200 p-4 relative">
-                                        <h2 className="text-2xl font-bold mb-4">Announcements</h2>
-                                        test <br /> hi <br /> there
-                                        <div className="absolute inset-x-0 bottom-0 flex justify-end mb-1">
-                                            <button className="py-2 px-4 text-blue-900 hover:underline font-semibold" onClick={() => setSelectedComponent('AnnouncementsPlacements')}>View All...</button>
-                                        </div>
+                                <div className="w-96 bg-gray-200 p-4 relative">
+                                    <h2 className="text-2xl font-bold mb-4">Announcements</h2>
+                                    test <br /> hi <br /> there
+                                    <div className="absolute inset-x-0 bottom-0 flex justify-end mb-1">
+                                        <button className="py-2 px-4 text-blue-900 hover:underline font-semibold" onClick={() => setSelectedComponent('AnnouncementsPlacements')}>View All...</button>
                                     </div>
+                                </div>
                             )}
                         </div>
                     )}
@@ -102,4 +100,4 @@ const PlacementDashboard = () => {
     );
 };
 
-export default PlacementDashboard;
+export default PlacementStudent;

frontend/src/components/PlacementAdmin/AllPlacements.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+function AllPlacements() {
+  return (
+    <div>AllPlacements</div>
+  )
+}
+
+export default AllPlacements

frontend/src/components/PlacementAdmin/AnnouncementsPlacement.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+function AnnouncementPlacement() {
+  return (
+    <div>AnnouncementPlacement</div>
+  )
+}
+
+export default AnnouncementPlacement

frontend/src/components/PlacementAdmin/ArchivedPlacements.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+function ArchivedPlacements() {
+  return (
+    <div>ArchivedPlacements</div>
+  )
+}
+
+export default ArchivedPlacements

frontend/src/components/PlacementAdmin/PlacementDashboard.jsx

@@ -0,0 +1,74 @@
+import React, { useEffect, useState } from 'react';
+import { Link, useNavigate } from 'react-router-dom';
+import maitlogomain from '../../assets/maitlogomain.png';
+import AllPlacements from '../PlacementAdmin/AllPlacements';
+import ArchivedPlacements from '../PlacementAdmin/ArchivedPlacements';
+import AnnouncementsPlacement from '../PlacementAdmin/AnnouncementsPlacement';
+
+const PlacementDashboard = () => {
+    const [selectedComponent, setSelectedComponent] = useState(null);
+    const navigate = useNavigate();
+    const navigation = [
+        { name: 'Home', href: '/' },
+        { name: 'Student', href: '#' },
+        { name: 'Infrastructure', href: '/infra-login' },
+        { name: 'Accounts', href: '/fee-admin-login' },
+        { name: 'Placement', href: '/placement-login' },
+        { name: 'About', href: '#' },
+    ];
+
+    const handleLogout = () => {
+        localStorage.removeItem('accessToken');
+        localStorage.removeItem('refreshToken');
+        navigate('/placement-login');
+    };
+
+    return (
+        <>
+            <nav className="flex items-center bg-gray-900 justify-between p-6 lg:px-8" aria-label="Global">
+                <div className="flex lg:flex-1">
+                    <Link to={'/'}><img src={maitlogomain} alt="" className='w-20 ' /></Link>
+                </div>
+                <div className="hidden lg:flex lg:gap-x-12">
+                    {navigation.map((item) => (
+                        <Link to={item.href} className="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-white hover:bg-gray-700">
+                            {item.name}
+                        </Link>
+                    ))}
+                </div>
+            </nav>
+            <div className='flex-1 text-center'>
+                {selectedComponent === 'AllPlacements' && <AllPlacements />}
+                {selectedComponent === 'ArchivedPlacements' && <ArchivedPlacements />}
+                {selectedComponent === 'AnnouncementsPlacement' && <AnnouncementsPlacement />}
+                {selectedComponent === null && (
+                    <>
+                        <div className="text-center mt-5">
+                            <h2 className="text-4xl font-semibold mb-4">Welcome, Admin</h2>
+                            <p className="text-lg m-5">Select an option from menu to get started.</p>
+                        </div>
+                        <div className='grid grid-cols-2 gap-4 m-10'>
+                            <div onClick={() => setSelectedComponent('AllPlacements')} className="bg-gray-200 p-4 hover:bg-gray-100 cursor-pointer rounded-lg hover:scale-105">
+                                <h3 className="text-lg font-semibold mb-2">All Placements →</h3>
+                                <p className="text-sm">View all placements.</p>
+                            </div>
+                            <div onClick={() => setSelectedComponent('ArchivedPlacements')} className="bg-gray-200 p-4 hover:bg-gray-100 cursor-pointer rounded-lg hover:scale-105">
+                                <h3 className="text-lg font-semibold mb-2">Archived Placements →</h3>
+                                <p className="text-sm">View only archived placements.</p>
+                            </div>
+                            <div onClick={() => setSelectedComponent('AnnouncementsPlacement')} className="bg-gray-200 p-4 hover:bg-gray-100 cursor-pointer rounded-lg hover:scale-105">
+                                <h3 className="text-lg font-semibold mb-2">Annoucements →</h3>
+                                <p className="text-sm">Manage and add annoucements.</p>
+                            </div>
+                            <button onClick={handleLogout} className="bg-gray-200 p-4 hover:bg-gray-100 cursor-pointer rounded-lg hover:scale-105 flex items-center justify-center" >
+                                <h3 className="text-lg font-semibold mb-2">Logout →</h3>
+                            </button>
+                        </div>
+                    </>
+                )}
+            </div>
+        </>
+    );
+};
+
+export default PlacementDashboard;

frontend/src/components/Placement/PlacementLogin.jsx renamed to frontend/src/components/PlacementAdmin/PlacementLogin.jsx

@@ -20,7 +20,7 @@ const PlacementLogin = () => {
     ];
 
     const handleLogin = async (e) => {
-        e.preventDefault();
+        e.preventDefault(); 
         try {
             const response = await axios.post(`${host}/student/login/`, {
                 user_id,
@@ -62,7 +62,7 @@ const PlacementLogin = () => {
                 </div>
             </nav>
             <h2 className="mt-10 text-center text-2xl font-bold leading-9 tracking-tight text-gray-900">
-                Sign in to Placement Portal
+                Sign in to Placement Admin Portal
             </h2>
             <form onSubmit={handleLogin} className='m-5 grid grid-cols-1 place-items-center'>
                 <div>

frontend/src/components/Student Portal/StudentNavbar.jsx

@@ -82,6 +82,9 @@ const StudentNavbar = () => {
                   <li className="mb-2">
                     <Link to='/fee-comp' className="hover:underline">Fees</Link>
                   </li>
+                  <li className="mb-2">
+                    <Link to='/placement-student' className="hover:underline">Placement</Link>
+                  </li>
                 </ul>
                 <button
                   onClick={logoutUser}