Merge pull request #1 from ABC-BOOKEE/feature/homePage

Feature/home page

.gitignore

@@ -21,3 +21,4 @@ pnpm-debug.log*
 *.njsproj
 *.sln
 *.sw?
+node_modules

package.json

@@ -10,19 +10,24 @@
   "dependencies": {
     "@andresouzaabreu/vue-data-table": "^3.3.3",
     "@asigloo/vue-dynamic-forms": "^3.18.1",
+    "@material-tailwind/html": "^2.2.2",
     "@mdi/font": "5.9.55",
     "autoprefixer": "^10",
+    "chart.js": "^4.4.2",
     "core-js": "^3.8.3",
     "ethers": "^5.7.0",
+    "flowbite": "^2.3.0",
     "ipfs": "^0.63.5",
     "ipfs-client": "^0.8.3",
-    "ipfs-http-client": "^57.0.3",
+    "ipfs-http-client": "^60.0.1",
+    "kubo-rpc-client": "^4.1.1",
     "mitt": "^3.0.0",
     "pdfvuer": "^2.0.1",
     "postcss": "^8",
     "roboto-fontface": "*",
     "tailwindcss": "^3",
     "tiny-emitter": "^2.1.0",
+    "uuid": "^9.0.1",
     "vue": "^3.2.13",
     "vue-connect-wallet": "^0.1.6",
     "vue-cryptojs": "^2.3.1",

secDocConstants.js

@@ -1,7 +1,33 @@
-import { create } from "ipfs-client";
+//import { create } from "ipfs-client";
 
+// import { create } from "ipfs-http-client";
+
+// export const ipfsClient = create({
+//   host: "https://ipfs.infura.io:5001/api/v0",
+//   headers: {
+//     Authorization:
+//       "Basic " +
+//       btoa(
+//         "2G1bHUGzqF6NbfMrG21ohOzFD3E" + ":" + "6ae2d11381cd9eec8f395593b9d3f053"
+//       ),
+//   },
+// });
+
+import { create } from "ipfs-http-client";
+import { Buffer } from "buffer";
+
+const projectId = "2G1bHUGzqF6NbfMrG21ohOzFD3E";
+const projectSecret = "6ae2d11381cd9eec8f395593b9d3f053";
+const auth =
+  "Basic " + Buffer.from(projectId + ":" + projectSecret).toString("base64");
 export const ipfsClient = create({
-  http: "/ip4/127.0.0.1/tcp/5001",
+  host: "ipfs.infura.io",
+  port: 5001,
+  protocol: "https",
+  apiPath: "/api/v0",
+  headers: {
+    authorization: auth,
+  },
 });
 
 export const ipfsGateway = "http://127.0.0.1:8080/ipfs/";

src/components/icons/file-cloud.vue

@@ -0,0 +1,36 @@
+<template>
+  <div class="" :class="styles">
+    <svg
+      version="1.1"
+      id="Layer_1"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      x="0px"
+      y="0px"
+      width="111.811px"
+      height="122.88px"
+      viewBox="0 0 111.811 122.88"
+      enable-background="new 0 0 111.811 122.88"
+      xml:space="preserve"
+    >
+      <path
+        fill="white"
+        d="M20.96,75.56h53.96c0.85,0,1.55,0.7,1.55,1.55v35.75c0,0.85-0.7,1.55-1.55,1.55H20.96 c-0.85,0-1.55-0.7-1.55-1.55V77.11C19.41,76.26,20.11,75.56,20.96,75.56L20.96,75.56L20.96,75.56z M46.58,47.98h2.73v2.73h-2.73 V47.98L46.58,47.98z M46.58,42.53h2.73v2.73h-2.73V42.53L46.58,42.53z M5.72,90.52v-2.73h2.73v2.73H5.72L5.72,90.52z M49.99,56.72 v-2.73h2.73v2.73H49.99L49.99,56.72z M55.44,56.72v-2.73h2.73v2.73H55.44L55.44,56.72z M60.89,56.72v-2.73h2.73v2.73H60.89 L60.89,56.72z M66.35,56.72v-2.73h2.73v2.73H66.35L66.35,56.72z M71.8,56.72v-2.73h2.73v2.73H71.8L71.8,56.72z M77.26,56.72v-2.73 h2.73v2.73H77.26L77.26,56.72z M82.71,56.72v-2.73h2.73v2.73H82.71L82.71,56.72z M88.17,56.72v-2.73h2.73v2.73H88.17L88.17,56.72z M93.62,54.89v-0.9h0.9h1.36v1.36v1.83h-2.73v-1.83L93.62,54.89L93.62,54.89z M93.16,59.91h2.73v2.73h-2.73V59.91L93.16,59.91z M93.16,65.36h2.73v2.73h-2.73V65.36L93.16,65.36z M93.16,70.82h2.73v2.73h-2.73V70.82L93.16,70.82z M93.16,76.27h2.73V79h-2.73 V76.27L93.16,76.27z M93.16,81.73h2.73v2.73h-2.73V81.73L93.16,81.73z M94.58,87.18h1.3v1.3v1.36h-1.36H93.1v-2.73h1.42 L94.58,87.18L94.58,87.18z M90.37,87.12v2.73h-2.73v-2.73H90.37L90.37,87.12z M45.02,53.99v2.73H42.3v-2.73H45.02L45.02,53.99z M39.57,53.99v2.73h-2.73v-2.73H39.57L39.57,53.99z M34.12,53.99v2.73h-2.73v-2.73H34.12L34.12,53.99z M28.66,53.99v2.73h-2.73 v-2.73H28.66L28.66,53.99z M23.21,53.99v2.73h-2.73v-2.73H23.21L23.21,53.99z M17.75,53.99v2.73h-2.73v-2.73H17.75L17.75,53.99z M12.3,53.99v2.73H9.57v-2.73H12.3L12.3,53.99z M6.84,53.99v2.73H4.12v-2.73H6.84L6.84,53.99z M1.39,53.99v0.03l1.34,1.34v2.7H0 v-2.7v-1.36h1.36H1.39L1.39,53.99z M0,60.78h2.73v2.73H0V60.78L0,60.78z M0,66.24h2.73v2.73H0V66.24L0,66.24z M0,71.69h2.73v2.73H0 V71.69L0,71.69z M0,77.15h2.73v2.73H0V77.15L0,77.15z M0,82.6h2.73v2.73H0V82.6L0,82.6z M0,88.06h1.1l0.27-0.27h1.63v2.73H1.36H0 v-1.36V88.06L0,88.06z M59.75,14.2c-0.36,0.18-0.71,0.37-1.07,0.58c-1.07,0.62-2.12,1.39-3.19,2.27l-2.29-2.63 c0.79-0.73,1.65-1.4,2.56-2c0.73-0.47,1.49-0.89,2.27-1.26c0.31-0.16,0.63-0.3,0.95-0.44c-1.51-2.68-3.69-4.6-6.16-5.79 c-2.47-1.18-5.23-1.64-7.91-1.38c-2.67,0.26-5.26,1.23-7.41,2.89c-2.48,1.92-4.36,4.8-5.09,8.6l-0.23,1.19l-1.19,0.21 c-1.16,0.2-2.2,0.48-3.11,0.84c-0.88,0.34-1.67,0.76-2.36,1.26c-0.55,0.4-1.03,0.84-1.43,1.33c-1.25,1.5-1.83,3.37-1.81,5.26 c0.01,1.93,0.64,3.87,1.8,5.47c0.43,0.59,0.93,1.14,1.5,1.61c0.58,0.48,1.23,0.87,1.96,1.18c0.72,0.3,1.53,0.51,2.42,0.64h34.41 c1.68-0.4,3.15-0.95,4.41-1.65c1.25-0.7,2.27-1.55,3.03-2.57c1.19-1.58,1.77-3.81,1.79-6.1c0.03-2.4-0.56-4.82-1.7-6.57 c-0.33-0.51-0.69-0.96-1.07-1.37c-1.71-1.84-3.89-2.65-6.14-2.66C63.05,13.09,61.36,13.49,59.75,14.2L59.75,14.2L59.75,14.2z M62.43,9.79c0.76-0.12,1.52-0.18,2.27-0.17c3.18,0.02,6.26,1.16,8.68,3.77c0.51,0.55,0.99,1.16,1.43,1.85 c1.52,2.33,2.29,5.45,2.26,8.5c-0.03,2.99-0.84,5.97-2.49,8.16c-1.07,1.43-2.46,2.59-4.11,3.52c-1.6,0.89-3.45,1.57-5.54,2.05 l-0.39,0.05H29.89l-0.22-0.02c-1.27-0.16-2.42-0.46-3.46-0.89c-1.08-0.44-2.03-1.02-2.87-1.72c-0.8-0.66-1.49-1.42-2.09-2.24 c-1.58-2.18-2.43-4.85-2.45-7.5c-0.02-2.68,0.82-5.36,2.62-7.52c0.58-0.7,1.27-1.34,2.06-1.91c0.92-0.66,1.97-1.22,3.15-1.68 c0.82-0.32,1.69-0.58,2.61-0.8c1.04-4.14,3.27-7.34,6.13-9.55c2.67-2.07,5.89-3.28,9.21-3.6c3.3-0.32,6.7,0.24,9.74,1.71 C57.65,3.39,60.55,6.05,62.43,9.79L62.43,9.79L62.43,9.79z M40.91,116.55h14.07c0.04,2.44,1.04,4.61,3.76,6.33H37.15 C39.32,121.3,40.92,119.39,40.91,116.55L40.91,116.55L40.91,116.55z M47.94,109.18c1.1,0,1.99,0.89,1.99,1.99 c0,1.1-0.89,1.99-1.99,1.99c-1.1,0-1.99-0.89-1.99-1.99C45.95,110.07,46.84,109.18,47.94,109.18L47.94,109.18z M24.08,78.48h47.73 c0.75,0,1.37,0.62,1.37,1.37v26.71c0,0.75-0.62,1.37-1.37,1.37H24.08c-0.75,0-1.37-0.62-1.37-1.37V79.85 C22.71,79.09,23.32,78.48,24.08,78.48L24.08,78.48L24.08,78.48z"
+      />
+    </svg>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "CloudStorage",
+  props: {
+    name: String,
+    styles: String,
+    width: Number,
+    height: Number,
+  },
+};
+</script>
+
+<style scoped></style>

src/components/icons/file-sign.vue

@@ -0,0 +1,35 @@
+<template>
+  <div class="" :class="styles">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      shape-rendering="geometricPrecision"
+      text-rendering="geometricPrecision"
+      image-rendering="optimizeQuality"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      viewBox="0 0 500 512.22"
+      width="111"
+      height="122"
+      fill="none"
+    >
+      <path
+        fill="white"
+        d="m414.86 206.15 48.95 47.13-74.58 78.33-59.92 16.07c-2.15.42-3-.44-2.65-2.46l13.58-60.74 74.62-78.33zM295.7 347.57c7.32-.2 13.44 5.59 13.64 12.91.2 7.32-5.59 13.43-12.91 13.63-13.43.37-22.78 7.36-26.7 15.62-1.59 3.35-2.26 6.89-1.9 10.12.31 2.74 1.45 5.31 3.5 7.34 5.93 5.9 18.8 8.48 40.55 3.21 3.44-.84 10.38-3.16 19.08-6.07 41.29-13.81 117.15-39.18 128.97-3.93 2.31 6.94-1.43 14.48-8.38 16.8-6.94 2.32-14.48-1.43-16.79-8.37-3.38-10.09-62.95 9.83-95.38 20.67-9.29 3.11-16.71 5.6-21.26 6.7-32.22 7.81-53.66 1.63-65.52-10.18-6.58-6.55-10.24-14.68-11.2-23.26-.92-8.09.59-16.57 4.29-24.36 7.77-16.38 25.36-30.15 50.01-30.83zM103.57 225.85c-7.07 0-12.8-5.73-12.8-12.8 0-7.06 5.73-12.79 12.8-12.79h161.17c7.07 0 12.8 5.73 12.8 12.79 0 7.07-5.73 12.8-12.8 12.8H103.57zm0 82.69c-7.07 0-12.8-5.72-12.8-12.79 0-7.07 5.73-12.8 12.8-12.8h147.39c7.07 0 12.79 5.73 12.79 12.8s-5.72 12.79-12.79 12.79H103.57zm0 82.7c-7.07 0-12.8-5.73-12.8-12.8 0-7.06 5.73-12.79 12.8-12.79h87.51c7.06 0 12.79 5.73 12.79 12.79 0 7.07-5.73 12.8-12.79 12.8h-87.51zM246.01 36.73v43.24c1 13.08 5.56 23.36 13.56 30.2 8.31 7.09 20.71 11.07 37.13 11.36l37.27-.04-87.96-84.76zm96.71 110.34-46.22-.05c-22.76-.36-40.67-6.48-53.52-17.45-13.38-11.44-20.92-27.68-22.45-47.78l-.11-1.76V25.59H63.61c-20.94 0-38.02 17.08-38.02 38.02V448.6c0 20.85 17.16 38.02 38.02 38.02h241.11c15.7 0 30.03-9.98 35.58-24.65 2.47-6.59 9.85-9.92 16.44-7.45 6.59 2.48 9.92 9.85 7.44 16.44-9.32 24.59-33.11 41.26-59.46 41.26H63.61C28.69 512.22 0 483.51 0 448.6V63.61C0 28.67 28.67 0 63.61 0h175.94c3.79 0 7.21 1.65 9.54 4.28l115.27 111.06c2.6 2.5 3.91 5.85 3.91 9.2l.04 74c0 7.07-5.73 12.8-12.79 12.8-7.07 0-12.8-5.73-12.8-12.8v-51.47zm120.87 24.5c-2.27-2.18-4.92-3.2-7.96-3.16-3.03.05-5.62 1.24-7.77 3.48l-17.46 18.18 49 47.3 17.64-18.36c2.11-2.13 2.99-4.9 2.96-7.95-.05-3-1.13-5.72-3.26-7.78l-33.15-31.71zm-89.91 157.2-36.75 9.85c-1.33.26-1.85-.26-1.62-1.5l8.32-37.26 30.05 28.91z"
+      />
+    </svg>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "SignDocument",
+  props: {
+    name: String,
+    styles: String,
+    width: Number,
+    height: Number,
+  },
+};
+</script>
+
+<style scoped></style>

src/components/icons/file-verify.vue

@@ -0,0 +1,40 @@
+<template>
+  <div class="" :class="styles">
+    <svg
+      version="1.1"
+      id="Layer_1"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      x="0px"
+      y="0px"
+      width="111.811px"
+      height="122.88px"
+      viewBox="0 0 111.811 122.88"
+      enable-background="new 0 0 111.811 122.88"
+      xml:space="preserve"
+    >
+      <g>
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          fill="#0d1c3b"
+          d="M55.713,0c20.848,13.215,39.682,19.467,55.846,17.989 c2.823,57.098-18.263,90.818-55.63,104.891C19.844,109.708-1.5,77.439,0.083,17.123C19.058,18.116,37.674,14.014,55.713,0L55.713,0 z M33.784,66.775c-1.18-1.01-1.318-2.786-0.309-3.967c1.011-1.181,2.787-1.318,3.967-0.309l11.494,9.875l25.18-27.684 c1.047-1.15,2.828-1.234,3.979-0.188c1.149,1.046,1.233,2.827,0.187,3.978L51.262,78.188l-0.002-0.002 c-1.02,1.121-2.751,1.236-3.91,0.244L33.784,66.775L33.784,66.775z"
+        />
+      </g>
+    </svg>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "VerifyDoc",
+  props: {
+    name: String,
+    styles: String,
+    width: Number,
+    height: Number,
+  },
+};
+</script>
+
+<style scoped></style>