feat: added accounts page

nitkkr-dev · Aug 10, 2024 · 73f2700 · 73f2700
1 parent 76508a5
commit 73f2700
Show file tree

Hide file tree

Showing 4 changed files with 186 additions and 5 deletions.
diff --git a/app/[locale]/institute/sections/accounts/page.tsx b/app/[locale]/institute/sections/accounts/page.tsx
@@ -1,4 +1,7 @@
-import { WorkInProgressStatus } from '~/components/status';
+import Link from 'next/link';
+
+import Heading from '~/components/heading';
+import ImageHeader from '~/components/image-header';
 import { getTranslations } from '~/i18n/translations';
 import { db } from '~/server/db';
 
@@ -13,5 +16,125 @@ export default async function Accounts({
     where: (section, { eq }) => eq(section.urlName, 'accounts'),
   }))!;
 
-  return <WorkInProgressStatus locale={locale} />;
+  const reports = {
+    2013: 'https://nitkkr.ac.in/wp-content/uploads/2021/12/annual-accounts-2013-14.pdf',
+    2014: 'https://nitkkr.ac.in/wp-content/uploads/2021/12/annual-accounts-2014-15.pdf',
+    2015: 'https://nitkkr.ac.in/wp-content/uploads/2021/12/Audited-Statement-of-Accounts-2015-16.pdf',
+    2016: 'https://nitkkr.ac.in/wp-content/uploads/2021/12/Annual-accounts-2016-17.pdf',
+    2017: 'https://nitkkr.ac.in/wp-content/uploads/2021/12/ANNUAL-ACCOUNTS-2017-18-19042021.pdf',
+    2018: 'https://nitkkr.ac.in/wp-content/uploads/2021/12/ANNUAL-CCOUNTS-2018-19-19042021.pdf',
+    2019: 'https://nitkkr.ac.in/wp-content/uploads/2021/12/ANNUAL-CCOUNTS-2018-19-19042021.pdf',
+    2021: 'https://nitkkr.ac.in/wp-content/uploads/2023/01/ANNUAL-ACCOUNTS_Updated.pdf',
+  };
+
+  const formLinks = [
+    'https://forms.gle/AA7VR28A6Co9LKLt8',
+    'https://forms.gle/sd9DTboMUa7TbnaaA',
+    'https://nitkkr.ac.in/nitkkr/wp-content/uploads/2021/12/Pension-Life-Certificate-27102020.docx',
+    'https://nitkkr.ac.in/wp-content/uploads/2023/03/New-Microsoft-Office-Word-Document.docx',
+    'https://nitkkr.ac.in/wp-content/uploads/2023/03/LTC-performa-for-self-certification.pdf',
+    'https://nitkkr.ac.in/wp-content/uploads/2023/03/Medical-reimbursement-form.pdf',
+    'https://nitkkr.ac.in/wp-content/uploads/2023/03/NPS-Registration-Form.pdf',
+    'https://nitkkr.ac.in/wp-content/uploads/2023/03/Nomination-form-for-NPS.pdf',
+    'https://nitkkr.ac.in/wp-content/uploads/2023/03/Non-refundable-advance-GPF-form.pdf',
+    'https://nitkkr.ac.in/nitkkr/wp-content/uploads/2021/12/Refundable-advance-from-GPF-Form.pdf',
+    'https://nitkkr.ac.in/wp-content/uploads/2023/03/PAN_Aadhaar_Updation_Form.pdf',
+    'https://nitkkr.ac.in/wp-content/uploads/2023/03/Performa-for-drawl-of-advance.pdf',
+    'https://nitkkr.ac.in/wp-content/uploads/2023/03/ta-bill.pdf',
+    'https://nitkkr.ac.in/wp-content/uploads/2023/03/Telephone-Reimbursement.pdf',
+  ];
+
+  const quickLinks = [
+    'https://nitkkr.ac.in/wp-content/uploads/2022/03/ESS-EMP-LOGIN.pdf',
+    'https://smarthubeducation.hdfcbank.com/SmartFees/DirectLoadQuickPay.action?uniqueSessionIdentifier=064635166874637237960123456789&redirectionURL=',
+  ];
+
+  return (
+    <>
+      <ImageHeader
+        title={text.title}
+        src="assets/accounts.png"
+        headings={[
+          { label: text.about, href: '#about' },
+          {
+            label: text.reportTitle,
+            href: '#reports',
+          },
+          {
+            label: text.forms,
+            href: '#forms',
+          },
+          {
+            label: text.quickLinksTitle,
+            href: '#quick-links',
+          },
+        ]}
+      />
+      <Heading
+        className="container"
+        id="about"
+        text={text.about}
+        glyphDirection="dual"
+        heading="h3"
+      />
+      <article className="container">
+        <p>{section?.aboutUs}</p>
+      </article>
+      <Heading
+        className="container"
+        id="reports"
+        text={text.reportTitle}
+        glyphDirection="ltr"
+        heading="h3"
+      />
+      <article className="container">
+        <ul className="list-inside list-disc">
+          {Object.entries(reports).map(([year, link]) => (
+            <li key={year}>
+              <Link
+                href={link}
+                className="hover:underline"
+              >{`${text.report} ${year}-${Number(year) + 1}`}</Link>
+            </li>
+          ))}
+        </ul>
+      </article>
+      <Heading
+        className="container"
+        id="forms"
+        text={text.forms}
+        glyphDirection="ltr"
+        heading="h3"
+      />
+      <article className="container">
+        <ul className="list-inside list-disc">
+          {formLinks.map((link, i) => (
+            <li key={link}>
+              <Link href={link} className="hover:underline">
+                {text.formsList[i]}
+              </Link>
+            </li>
+          ))}
+        </ul>
+      </article>
+      <Heading
+        className="container"
+        id="quick-links"
+        text={text.quickLinksTitle}
+        glyphDirection="ltr"
+        heading="h3"
+      />
+      <article className="container">
+        <ul className="list-inside list-disc">
+          {text.quickLinks.map((link, i) => (
+            <li key={link}>
+              <Link href={quickLinks[i]} className="hover:underline">
+                {link}
+              </Link>
+            </li>
+          ))}
+        </ul>
+      </article>
+    </>
+  );
 }
diff --git a/i18n/en.ts b/i18n/en.ts
@@ -216,7 +216,31 @@ const text: Translations = {
     about: 'ABOUT',
     gallery: 'GALLERY',
 
-    Account: {},
+    Account: {
+      title: 'Account Section',
+      about: 'About',
+      reportTitle: 'Annual Reports',
+      report: 'Annual Account',
+      forms: 'Forms',
+      formsList: [
+        'Bank Account Details for Vendors',
+        'Bank Account Details for Employees/Students/Pensioner/Ex-Student',
+        'Pension Life Certificate',
+        'Pension disbursement from IDBI Bank Kurukshetra',
+        'LTC performa for self certification',
+        'Medical reimbursement form',
+        'NPS Registration Form',
+        'Nomination form for NPS',
+        'Non refundable advance GPF form',
+        'Refundable advance from GPF Form',
+        'PAN_Aadhaar_Updation_Form',
+        'Performa for drawl of advance',
+        'TA Bill',
+        'Telephone Reimbursement',
+      ],
+      quickLinksTitle: 'Quick Links',
+      quickLinks: ['Introduction to EMS Employee Login', 'Online Fee Payment'],
+    },
     CentralLibrary: {},
     CentralWorkshop: {},
     CentreOfComputingAndNetworking: {},

diff --git a/i18n/hi.ts b/i18n/hi.ts
@@ -212,7 +212,32 @@ const text: Translations = {
     about: 'परिचय',
     gallery: 'चित्र',
 
-    Account: {},
+    Account: {
+      title: 'लेखा खंड',
+      about: 'Aboutहमारी जानकारी',
+      reportTitle: 'वार्षिक रिपोर्ट्स',
+      report: 'वार्षिक खाता',
+      forms: 'फार्म',
+      formsList: [
+        'पेंशन जीवन प्रमाण पत्र',
+        'आईडीबीआई बैंक कुरुक्षेत्र से पेंशन संवितरण',
+        'स्व-प्रमाणन के लिए LTC प्रदर्शन',
+        'चिकित्सा प्रतिपूर्ति प्रपत्र',
+        'एनपीएस पंजीकरण फॉर्म',
+        'एनपीएस के लिए नामांकन फॉर्म',
+        'गैर-वापसी योग्य अग्रिम GPF फ़ॉर्म',
+        'वापसी योग्य अग्रिम GPF फ़ॉर्म',
+        'पैन आधार अपडेशन फॉर्म',
+        'अग्रिम निकासी के लिए प्रोफार्मा',
+        'टीए बिल',
+        'टेलीफोन प्रतिपूर्ति',
+        'विक्रेताओं के लिए बैंक खाता विवरण',
+        'कर्मचारियों/छात्रों/पेंशनर्स/पूर्व-छात्रों के लिए बैंक खाता विवरण',
+      ],
+
+      quickLinksTitle: 'त्वरित लिंक',
+      quickLinks: ['ईएमएस कर्मचारी लॉगिन परिचय', 'ऑनलाइन शुल्क भुगतान'],
+    },
     CentralLibrary: {},
     CentralWorkshop: {},
     CentreOfComputingAndNetworking: {},

diff --git a/i18n/translations.ts b/i18n/translations.ts
@@ -200,7 +200,16 @@ export interface Translations {
     about: string;
     gallery: string;
 
-    Account: {};
+    Account: {
+      title: string;
+      about: string;
+      reportTitle: string;
+      report: string;
+      forms: string;
+      formsList: string[];
+      quickLinksTitle: string;
+      quickLinks: string[];
+    };
     CentralLibrary: {};
     CentralWorkshop: {};
     CentreOfComputingAndNetworking: {};