feat: centre of computing page

app/[locale]/institute/sections/centre-of-computing-and-networking/page.tsx

@@ -1,4 +1,16 @@
-import WorkInProgress from '~/components/work-in-progress';
+import Link from 'next/link';
+import { Suspense } from 'react';
+
+import Heading from '~/components/heading';
+import ImageHeader from '~/components/image-header';
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '~/components/ui';
 import { getTranslations } from '~/i18n/translations';
 import { db } from '~/server/db';
 
@@ -15,5 +27,137 @@ export default async function CentreOfComputingAndNetworking({
       eq(section.urlName, 'centre-of-computing-and-networking'),
   }))!;
 
-  return <WorkInProgress locale={locale} />;
+  return (
+    <>
+      <ImageHeader
+        title={text.title}
+        src="assets/centre-of-computing.png"
+        headings={[
+          { label: text.label.about, href: '#about' },
+          {
+            label: text.label.facilities,
+            href: '#facilities',
+          },
+        ]}
+      />
+      <section id="about" className="container">
+        <p>{section?.aboutUs}</p>
+        <Heading
+          glyphDirection="ltr"
+          heading="h2"
+          text={text.label.about}
+          id="#about"
+        />
+        <h5>{text.responsibilitiesTitle}</h5>
+        <ol className="!mt-1 list-inside list-decimal">
+          {text.responsibilities.map((responsibility, index) => (
+            <li key={index}>{responsibility}</li>
+          ))}
+        </ol>
+        <p className="mb-3 mt-2 text-primary-700 hover:text-primary-500">
+          <Link
+            href={`${locale}/nit-kurukshetra-it-infrastructure-usage-policy`}
+          >
+            {text.clickHere}
+            <strong>{text.clickHereInfo}</strong>
+          </Link>
+        </p>
+        <Table scrollAreaClassName="mb-10">
+          <TableHeader>
+            <TableRow>
+              <TableHead>{text.staffTable.designation}</TableHead>
+              <TableHead>{text.staffTable.name}</TableHead>
+            </TableRow>
+          </TableHeader>
+          <TableBody>
+            <Suspense
+              fallback={
+                <TableRow>
+                  <TableCell colSpan={2} rowSpan={2}>
+                    Loading...
+                  </TableCell>
+                </TableRow>
+              }
+            >
+              <DelayedStaff
+                id={section.id}
+                headId={section.headFacultyId}
+                profIncharge={text.staffTable.profIncharge}
+              />
+            </Suspense>
+          </TableBody>
+        </Table>
+        <h4>{text.workTimeTitle}</h4>
+        <p>{text.workTime}</p>
+      </section>
+      <section id="facilities" className="container">
+        <Heading
+          glyphDirection="rtl"
+          heading="h2"
+          text={text.label.facilities}
+          id="#facilities"
+        />
+        <h4>{text.networkingTitle}</h4>
+        <ul className="!mt-1 mb-5 list-inside list-disc">
+          {text.networking.map((networking, index) => (
+            <li key={index}>{networking}</li>
+          ))}
+        </ul>
+        <h4>{text.resourcesTitle}</h4>
+        <Table scrollAreaClassName="mb-10">
+          <TableHeader>
+            <TableRow>
+              <TableHead>{text.resourcesTableTitle.sno}</TableHead>
+              <TableHead>{text.resourcesTableTitle.item}</TableHead>
+              <TableHead className="text-center">
+                {text.resourcesTableTitle.quantity}
+              </TableHead>
+            </TableRow>
+          </TableHeader>
+          <TableBody>
+            {text.resources.map((resource, index) => (
+              <TableRow key={index}>
+                <TableCell>{index + 1}</TableCell>
+                <TableCell>{resource}</TableCell>
+                <TableCell className="text-center">
+                  {['05', '160', '05'][index] ?? '1'}
+                </TableCell>
+              </TableRow>
+            ))}
+          </TableBody>
+        </Table>
+        <h4>{text.softwareTitle}</h4>
+        <ol className="!mt-1 list-inside list-decimal">
+          {text.software.map((software, index) => (
+            <li key={index}>{software}</li>
+          ))}
+        </ol>
+      </section>
+    </>
+  );
 }
+
+const DelayedStaff = async ({
+  id,
+  headId,
+  profIncharge,
+}: {
+  id: number;
+  headId: number;
+  profIncharge: string;
+}) => {
+  const staff = await db.query.staff.findMany({
+    columns: { id: true, designation: true },
+    where: (staff, { eq }) => eq(staff.workingSectionId, id),
+    with: { person: { columns: { name: true } } },
+  });
+  const sortedStaff = staff.sort((a, b) =>
+    a.id === headId ? -1 : b.id === headId ? 1 : 0
+  );
+  return sortedStaff.map(({ id, designation, person: { name } }, index) => (
+    <TableRow key={index}>
+      <TableCell>{headId === id ? profIncharge : designation}</TableCell>
+      <TableCell>{name}</TableCell>
+    </TableRow>
+  ));
+};

i18n/en.ts

@@ -220,7 +220,66 @@ const text: Translations = {
     Account: {},
     CentralLibrary: {},
     CentralWorkshop: {},
-    CentreOfComputingAndNetworking: {},
+    CentreOfComputingAndNetworking: {
+      title: 'Centre of Computing & Networking',
+      label: {
+        about: 'About Us',
+        facilities: 'Facilities',
+      },
+      responsibilitiesTitle:
+        'Centre of Computing and Networking (CCN) is the central computing and networking facility of the Institute, entrusted with the following responsibilities:',
+      responsibilities: [
+        'Development of the computing and networking infrastructure',
+        'Maintaining and updating the Institute’s website',
+        'E-mail services for the students, faculty and staff',
+        'Extending IT infrastructure for online tests for placement of the students',
+        'Development and operation of online applications',
+        'Printing and scanning facilities.',
+        'CCN has equipped with Super computer Param Shavak from CDAC. The students and faculty are utilizing this facility for high end computing.',
+      ],
+      clickHere: 'Click here to see :',
+      clickHereInfo: 'NIT Kurukshetra IT Infrastructure Usage Policy ',
+      staffTable: {
+        name: 'Name',
+        designation: 'Administrative and Technical Staff',
+        profIncharge: 'Prof. in-Charge',
+      },
+      workTimeTitle: 'Working Hours',
+      workTime:
+        '9:00 AM to 5:30 PM (Monday to Saturday). CCN remains closed on Sunday and National holidays.',
+      networkingTitle: 'Networking Facilities',
+      networking: [
+        'Campus wide LAN on OFC backbone supported by two leased lines for internet access',
+        '1 Gbps from RailTel Corporation of India Ltd',
+        '500 Mbps from Reliance Jio Infocomm Ltd',
+        'Network upgraded from 1G to 10G',
+        'Structured networking supporting 7000 nodes',
+        'Wi-Fi Networking with the support of 3000 concurrent users',
+        'Bio-Metric Attendance System (BAS) is being looked after by CCN',
+        "Installed HoneyPot Sensor (Raspberry Pi) under the project 'Scalable Attack Data Capture and Analysis framework for CTI Generation' by C-DAC, Mohali",
+      ],
+      resourcesTitle: 'Computing Facilities Hardware Resources',
+      resourcesTableTitle: {
+        sno: 'S.No.',
+        item: 'Item',
+        quantity: 'Quantity',
+      },
+      resources: [
+        'Servers',
+        'Desktop PCs (i7)',
+        'Video Conferencing device(s)',
+        'Outdoor LED Panels installed at four prime locations in the campus.',
+        'NEXT GENERTION FIREWALL FORTINET (FortiGate 2000E)',
+      ],
+      softwareTitle: 'Software Packages',
+      software: [
+        'Endpoint Security',
+        'Word-processing: MS office Professional 2016',
+        'EIGAP Plus (50 User-5 year) including ENVI Single Use Software (ESRI India Technologies Ltd.)',
+        'FE Analysis Engineering/Multi-Physics Software Solution.',
+        'MATLAB 2021 Campus Wide',
+      ],
+    },
     ElectricalMaintenance: {},
     Estate: {},
     GeneralAdministration: {},

i18n/hi.ts

@@ -216,7 +216,66 @@ const text: Translations = {
     Account: {},
     CentralLibrary: {},
     CentralWorkshop: {},
-    CentreOfComputingAndNetworking: {},
+    CentreOfComputingAndNetworking: {
+      title: 'कंप्यूटिंग और नेटवर्किंग का केंद्र',
+      label: {
+        about: 'संगठन',
+        facilities: 'सुविधाएं',
+      },
+      responsibilitiesTitle:
+        'कंप्यूटिंग और नेटवर्किंग केंद्र (सीसीएन) की केंद्रीय कंप्यूटिंग और नेटवर्किंग सुविधा है। संस्थान को निम्नलिखित जिम्मेदारियां सौंपी गई:',
+      responsibilities: [
+        'कंप्यूटिंग और नेटवर्किंग बुनियादी ढांचे का विकास',
+        'संस्थान की वेबसाइट का रखरखाव और अद्यतन करना',
+        'छात्रों, शिक्षकों और कर्मचारियों के लिए ई-मेल सेवाएं',
+        'छात्रों की नियुक्ति के लिए ऑनलाइन परीक्षाओं के लिए आईटी बुनियादी ढांचे का विस्तार',
+        'ऑनलाइन आवेदनों का विकास और संचालन',
+        'मुद्रण और स्कैनिंग सुविधाएं।',
+        'CCN ने CDAC के सुपर कंप्यूटर परम शव से लैस किया है। छात्र और संकाय उच्च अंत कंप्यूटिंग के लिए इस सुविधा का उपयोग कर रहे हैं।',
+      ],
+      clickHere: 'देखने के लिए यहां क्लिक करें:',
+      clickHereInfo: 'एनआईटी कुरुक्षेत्र आईटी इन्फ्रास्ट्रक्चर उपयोग नीति',
+      staffTable: {
+        name: 'नाम',
+        designation: 'प्रशासनिक और तकनीकी कर्मचारी',
+        profIncharge: 'प्रो. प्रभारी',
+      },
+      workTimeTitle: 'कार्य के घंटे',
+      workTime:
+        'सुबह 9:00 बजे से शाम 5:30 बजे तक (सोमवार से शनिवार)। रविवार और राष्ट्रीय अवकाश के दिन CCN बंद रहता है।',
+      networkingTitle: 'नेटवर्किंग सुविधाएं',
+      networking: [
+        'इंटरनेट एक्सेस के लिए दो लीज्ड लाइनों द्वारा समर्थित ओएफसी बैकबोन पर कैंपस चौड़ा लैन',
+        'रेलटेल कॉर्पोरेशन ऑफ इंडिया लिमिटेड से 1 जीबीपीएस',
+        '500 एमबीपीएस मैसर्स रिलायंस जियो इन्फोकॉम लिमिटेड',
+        'नेटवर्क को (1G से 10G में अपग्रेड किया गया)',
+        '7000 नोड्स का समर्थन करने वाली संरचित नेटवर्किंग',
+        '3000 समवर्ती उपयोगकर्ताओं के समर्थन के साथ वाई-फाई नेटवर्किंग',
+        'जैव-मीट्रिक उपस्थिति प्रणाली (बीएएस) की देखरेख सीसीएन द्वारा की जा रही है।',
+        "सी-डैक, मोहाली द्वारा प्रोजेक्ट 'स्केलेबल अटैक डेटा कैप्चर एंड एनालिसिस फ्रेमवर्क फॉर सीटीआई जेनरेशन' के तहत स्थापित हनीपोट सेंसर (रास्पबेरी पाई)",
+      ],
+      resourcesTitle: 'कंप्यूटिंग सुविधाएं हार्डवेयर संसाधन',
+      resourcesTableTitle: {
+        sno: 'क्रम संख्या',
+        item: 'वस्तु',
+        quantity: 'मात्रा',
+      },
+      resources: [
+        'सर्वर',
+        'डेस्कटॉप पीसी (i7)',
+        'वीडियो कॉन्फ़्रेंसिंग डिवाइस',
+        '	परिसर में चार प्रमुख स्थानों पर आउटडोर एलईडी पैनल लगाए गए।',
+        'नेक्स्ट जेनरेशन फायरवॉल फोर्टिनेट (FortiGate 2000E)',
+      ],
+      softwareTitle: 'सॉफ़्टवेयर पैकेज',
+      software: [
+        'समापन बिंदु सुरक्षा',
+        'वर्ड-प्रोसेसिंग: एमएस ऑफिस प्रोफेशनल 2016',
+        'ईआईजीएपी प्लस (50 उपयोगकर्ता-5 वर्ष) ईएनवीआई सिंगल यूज सॉफ्टवेयर (ईएसआरआई इंडिया टेक्नोलॉजीज लिमिटेड) सहित',
+        'FE एनालिसिस इंजीनियरिंग/मल्टी-फिजिक्स सॉफ्टवेयर सॉल्यूशन।',
+        'MATLAB 2021 कैंपस वाइड',
+      ],
+    },
     ElectricalMaintenance: {},
     Estate: {},
     GeneralAdministration: {},

i18n/translations.ts

@@ -204,7 +204,35 @@ export interface Translations {
     Account: {};
     CentralLibrary: {};
     CentralWorkshop: {};
-    CentreOfComputingAndNetworking: {};
+    CentreOfComputingAndNetworking: {
+      title: string;
+      label: {
+        about: string;
+        facilities: string;
+      };
+      responsibilitiesTitle: string;
+      responsibilities: string[];
+      clickHere: string;
+      clickHereInfo: string;
+      staffTable: {
+        name: string;
+        designation: string;
+        profIncharge: string;
+      };
+      workTimeTitle: string;
+      workTime: string;
+      networkingTitle: string;
+      networking: string[];
+      resourcesTitle: string;
+      resourcesTableTitle: {
+        sno: string;
+        item: string;
+        quantity: string;
+      };
+      resources: string[];
+      softwareTitle: string;
+      software: string[];
+    };
     ElectricalMaintenance: {};
     Estate: {};
     GeneralAdministration: {};