Template/ngee ann polytechnic

src/components/CertificateTemplates/NgeeAnnPolytechnic/NP-AA2018-BMS(CLT)/certificate.js

@@ -0,0 +1,33 @@
+import {
+  IMG_LOGO_NUH,
+  IMG_SIG_TANG_KIN_FEI,
+  IMG_SIG_TI_BOON_WEE,
+  IMG_SIG_LIU_HERN_CHOON_EUGENE,
+  Certificate
+} from "../common";
+
+const Template = Certificate({
+  logo: IMG_LOGO_NUH,
+  signatories: [
+    {
+      signature: IMG_SIG_TI_BOON_WEE,
+      name: "Ti Boon Wee",
+      position: "Principal",
+      organisation: "Ngee Ann Polytechnic"
+    },
+    {
+      signature: IMG_SIG_LIU_HERN_CHOON_EUGENE,
+      name: "A/Prof. Liu Hern Choon Eugene",
+      position: "Chief Executive Officer",
+      organisation: "National University Hospital"
+    },
+    {
+      signature: IMG_SIG_TANG_KIN_FEI,
+      name: "Tang Kin Fei",
+      position: "Council Chairman",
+      organisation: "Ngee Ann Polytechnic"
+    }
+  ]
+});
+
+export default Template;

src/components/CertificateTemplates/NgeeAnnPolytechnic/index.js → src/components/CertificateTemplates/NgeeAnnPolytechnic/NP-AA2018-BMS(CLT)/index.js

@@ -1,5 +1,6 @@
+import { approvedAddresses } from "../common";
 import NPCert from "./certificate";
-import NPTranscript from "./transcript";
+import NPTranscript from "../common/transcript";
 
 const templates = [
   {
@@ -14,9 +15,6 @@ const templates = [
   }
 ];
 
-const addresses = [
-  "0x1C4B83f39DA76d39B3ABbb1AfFf5cB4e629edBF4",
-  "0xd2536C3cc7eb51447F6dA8d60Ba6344A79590b4F"
-];
+const addresses = approvedAddresses;
 
 export default { templates, addresses };

src/components/CertificateTemplates/NgeeAnnPolytechnic/NP-AA2018-ECH/certificate.js

@@ -0,0 +1,34 @@
+import {
+  IMG_LOGO_SEED,
+  IMG_SIG_TANG_KIN_FEI,
+  IMG_SIG_TI_BOON_WEE,
+  IMG_SIG_CHAN_TEE_SENG,
+  Certificate
+} from "../common";
+
+const Template = Certificate({
+  logo: IMG_LOGO_SEED,
+  signatories: [
+    {
+      signature: IMG_SIG_TI_BOON_WEE,
+      name: "Ti Boon Wee",
+      position: "Principal",
+      organisation: "Ngee Ann Polytechnic"
+    },
+    {
+      signature: IMG_SIG_CHAN_TEE_SENG,
+      name: "Chan Tee Seng",
+      position: "Chief Executive Officer",
+      organisation:
+        "NTUC First Campus Co-operative Ltd & Director, SEED Institute Pte Ltd"
+    },
+    {
+      signature: IMG_SIG_TANG_KIN_FEI,
+      name: "Tang Kin Fei",
+      position: "Council Chairman",
+      organisation: "Ngee Ann Polytechnic"
+    }
+  ]
+});
+
+export default Template;

src/components/CertificateTemplates/NgeeAnnPolytechnic/NP-AA2018-ECH/index.js

@@ -0,0 +1,20 @@
+import { approvedAddresses } from "../common";
+import NPCert from "./certificate";
+import NPTranscript from "../common/transcript";
+
+const templates = [
+  {
+    id: "certificate",
+    label: "Certificate",
+    template: NPCert
+  },
+  {
+    id: "transcript",
+    label: "Transcript",
+    template: NPTranscript
+  }
+];
+
+const addresses = approvedAddresses;
+
+export default { templates, addresses };

src/components/CertificateTemplates/NgeeAnnPolytechnic/NP-AA2018-LDH/certificate.js

@@ -0,0 +1,33 @@
+import {
+  IMG_NATIONAL_PARKS,
+  IMG_SIG_TANG_KIN_FEI,
+  IMG_SIG_TI_BOON_WEE,
+  IMG_SIG_KENNETH_ER,
+  Certificate
+} from "../common";
+
+const Template = Certificate({
+  logo: IMG_NATIONAL_PARKS,
+  signatories: [
+    {
+      signature: IMG_SIG_TI_BOON_WEE,
+      name: "Ti Boon Wee",
+      position: "Principal",
+      organisation: "Ngee Ann Polytechnic"
+    },
+    {
+      signature: IMG_SIG_KENNETH_ER,
+      name: "Kenneth Er",
+      position: "Chief Executive Officer",
+      organisation: "National Parks Board"
+    },
+    {
+      signature: IMG_SIG_TANG_KIN_FEI,
+      name: "Tang Kin Fei",
+      position: "Council Chairman",
+      organisation: "Ngee Ann Polytechnic"
+    }
+  ]
+});
+
+export default Template;

src/components/CertificateTemplates/NgeeAnnPolytechnic/NP-AA2018-LDH/index.js

@@ -0,0 +1,20 @@
+import { approvedAddresses } from "../common";
+import NPCert from "./certificate";
+import NPTranscript from "../common/transcript";
+
+const templates = [
+  {
+    id: "certificate",
+    label: "Certificate",
+    template: NPCert
+  },
+  {
+    id: "transcript",
+    label: "Transcript",
+    template: NPTranscript
+  }
+];
+
+const addresses = approvedAddresses;
+
+export default { templates, addresses };

src/components/CertificateTemplates/NgeeAnnPolytechnic/NP-AA2018-MAIN/certificate.js

@@ -0,0 +1,24 @@
+import {
+  IMG_SIG_TANG_KIN_FEI,
+  IMG_SIG_TI_BOON_WEE,
+  Certificate
+} from "../common";
+
+const Template = Certificate({
+  signatories: [
+    {
+      signature: IMG_SIG_TANG_KIN_FEI,
+      name: "Tang Kin Fei",
+      position: "Council Chairman",
+      organisation: "Ngee Ann Polytechnic"
+    },
+    {
+      signature: IMG_SIG_TI_BOON_WEE,
+      name: "Ti Boon Wee",
+      position: "Principal",
+      organisation: "Ngee Ann Polytechnic"
+    }
+  ]
+});
+
+export default Template;

src/components/CertificateTemplates/NgeeAnnPolytechnic/NP-AA2018-MAIN/index.js

@@ -0,0 +1,20 @@
+import { approvedAddresses } from "../common";
+import NPCert from "./certificate";
+import NPTranscript from "../common/transcript";
+
+const templates = [
+  {
+    id: "certificate",
+    label: "Certificate",
+    template: NPCert
+  },
+  {
+    id: "transcript",
+    label: "Transcript",
+    template: NPTranscript
+  }
+];
+
+const addresses = approvedAddresses;
+
+export default { templates, addresses };

src/components/CertificateTemplates/NgeeAnnPolytechnic/NP-AA2018-OPTION/certificate.js

@@ -0,0 +1,170 @@
+import { IMG_LOGO_NP, IMG_SIG_MAH_BEE_WENG } from "../common";
+
+const fullWidthStyle = {
+  width: "100%",
+  height: "auto"
+};
+
+const printTextStyle = {
+  fontWeight: "500!important",
+  fontWize: "1.2rem",
+  color: "#555",
+  textAlign: "center"
+};
+
+const nameTextStyle = {
+  fontSize: "3rem",
+  textAlign: "center"
+};
+
+const titleTextStyle = {
+  color: "rgb(30,93,200)",
+  fontSize: "3rem",
+  textAlign: "center"
+};
+
+export const formatDate = dateString => {
+  if (!dateString) return null;
+  const date = new Date(dateString);
+  const months = [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December"
+  ];
+
+  const day = date.getDay();
+  let daySup = "";
+  switch (day % 10 === 1) {
+    case 1:
+      daySup = "st";
+      break;
+    case 2:
+      daySup = "nd";
+      break;
+    case 3:
+      daySup = "rd";
+      break;
+    default:
+      daySup = "th";
+  }
+
+  const month = date.getMonth();
+  const year = date.getUTCFullYear();
+
+  return (
+    <p>
+      Dated this {day}
+      <sup>{daySup}</sup> day of {months[month]} {year}
+    </p>
+  );
+};
+
+export const formatCertName = (certName, meritFlag) => {
+  let certDipDisplay = "";
+  if (meritFlag === "Y") {
+    certDipDisplay = "Diploma with Merit";
+  } else {
+    certDipDisplay = "Diploma";
+  }
+
+  return (
+    <p>
+      {certDipDisplay}
+      <br />
+      in
+      <br />
+      {certName}
+    </p>
+  );
+};
+
+export const formatCertID = certId => {
+  if (!certId) return null;
+  const arrayCertId = certId.split(":");
+  return arrayCertId.length > 0 ? arrayCertId[0] : null;
+};
+
+const Template = certificate => (
+  <div>
+    <div
+      className="container"
+      style={{ border: 5, borderColor: "#AAA", borderStyle: "solid" }}
+    >
+      <div className="row d-flex justify-content-center">
+        <div className="col-2" />
+        <div className="col-8">
+          <img style={fullWidthStyle} src={IMG_LOGO_NP} />
+        </div>
+        <div className="col-2" />
+      </div>
+      <div
+        className="row d-flex justify-content-center"
+        style={{ marginTop: "3rem" }}
+      >
+        <p style={printTextStyle}>This is to certify that</p>
+      </div>
+      <div className="row d-flex justify-content-center">
+        <p style={nameTextStyle}>{certificate.recipient.name}</p>
+      </div>
+      <div className="row d-flex justify-content-center">
+        <p style={printTextStyle}>has fulfilled an option in</p>
+      </div>
+      <div className="row d-flex justify-content-center">
+        <p style={printTextStyle}>
+          <p style={titleTextStyle}>{certificate.additionalData.optionName}</p>
+        </p>
+      </div>
+      <div className="row d-flex justify-content-center">
+        <p style={printTextStyle}>as part of the course of study in the</p>
+      </div>
+      <div className="row d-flex justify-content-center">
+        <p style={titleTextStyle}>
+          {" "}
+          Diploma
+          <br />
+          in
+          <br />
+          {certificate.name}
+        </p>
+      </div>
+      <div
+        className="row d-flex justify-content-center align-items-end"
+        style={{ marginTop: "8rem", marginBottom: "2rem" }}
+      >
+        <div className="col-1" />
+        <div className="col-5">
+          <div className="px-5">
+            <div>{formatDate(certificate.issuedOn)}</div>
+          </div>
+          <br />
+          <br />
+        </div>
+        <div className="col-5">
+          <div className="px-5">
+            <img style={fullWidthStyle} src={IMG_SIG_MAH_BEE_WENG} />
+            <hr />
+          </div>
+          <div className="text-center">Mah Wee Beng</div>
+          <div className="text-center">Registrar</div>
+        </div>
+        <div className="col-1" />
+      </div>
+    </div>
+    <div className="container">
+      <div className="row d-flex justify-content-center">
+        <div className="col-12 text-right">{formatCertID(certificate.id)}</div>
+      </div>
+    </div>
+  </div>
+);
+
+export default Template;

src/components/CertificateTemplates/NgeeAnnPolytechnic/NP-AA2018-OPTION/index.js

@@ -0,0 +1,14 @@
+import { approvedAddresses } from "../common";
+import NPCert from "./certificate";
+
+const templates = [
+  {
+    id: "certificate",
+    label: "Certificate",
+    template: NPCert
+  }
+];
+
+const addresses = approvedAddresses;
+
+export default { templates, addresses };