Feat/homepage to functions (#75)

digicatapult · Jun 26, 2024 · 96bd572 · 96bd572
1 parent 244a65a
commit 96bd572
Show file tree

Hide file tree

Showing 14 changed files with 184 additions and 15 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "veritable-ui",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "UI for Veritable",
   "main": "src/index.ts",
   "type": "module",

diff --git a/public/images/layers.svg b/public/images/layers.svg
diff --git a/public/images/send.svg b/public/images/send.svg
diff --git a/public/images/settings.svg b/public/images/settings.svg
diff --git a/public/images/user-check.svg b/public/images/user-check.svg
diff --git a/public/styles/main.css b/public/styles/main.css
@@ -333,6 +333,55 @@ a.connections-table.icon {
   width: 12px;
   background-image: url('../images/info-accent.svg');
 }
+.category-container {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  gap: 25px;
+  width: 70%;
+  height: 100%;
+  cursor: pointer;
+}
+
+.category-item {
+  background-color: #fff;
+  overflow-x: auto;
+  border-radius: 12px;
+  padding: 1rem;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: left;
+  font-size: 1.5rem;
+  max-height: 500px;
+  min-height: 250px;
+}
+.center-category {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.category-header {
+  text-align: center;
+  font-size: 2rem;
+  padding-top: 10px;
+  margin: 0px;
+  font-weight: bold;
+}
+.category-text {
+  font-size: 0.875rem;
+  text-align: left;
+}
+.category-align-in-row {
+  display: flex;
+  flex-direction: row;
+  align-items: left;
+}
+.category-icon {
+  padding-top: 10px;
+  height: 41px;
+  width: 41px;
+  margin-bottom: 4rem;
+}
 
 /* Mobile view */
 @media (max-width: 767px) {
@@ -373,4 +422,13 @@ a.connections-table.icon {
   .search-window {
     margin-left: 10px;
   }
+  .category-item {
+    min-height: auto;
+  }
+  .category-header {
+    font-size: 1.5rem;
+  }
+  .category-container {
+    height: 100%;
+  }
 }
diff --git a/src/controllers/homepageController.ts b/src/controllers/homepageController.ts
@@ -0,0 +1,33 @@
+import { Get, Produces, Route, Security, SuccessResponse } from 'tsoa'
+import { inject, injectable, singleton } from 'tsyringe'
+
+import { Logger, type ILogger } from '../logger.js'
+
+import HomepageTemplates from '../views/homepage.js'
+import { HTML, HTMLController } from './HTMLController.js'
+
+@singleton()
+@injectable()
+@Security('oauth2')
+@Route('/')
+@Produces('text/html')
+export class HomepageController extends HTMLController {
+  constructor(
+    private homepageTemplates: HomepageTemplates,
+    @inject(Logger) private logger: ILogger
+  ) {
+    super()
+    this.logger = logger.child({ controller: '/' })
+  }
+
+  /**
+   * Retrieves the homepage
+   */
+  @SuccessResponse(200)
+  @Get('/')
+  public async homepage(): Promise<HTML> {
+    this.logger.debug('homepagepage requested')
+
+    return this.html(this.homepageTemplates.homepage())
+  }
+}
diff --git a/src/server.ts b/src/server.ts
@@ -71,7 +71,6 @@ export default async (startEvents: boolean = true) => {
   const apiSpec = await loadApiSpec(env)
   app.get('/api-docs', (_req, res) => res.json(apiSpec))
   app.use('/swagger', serve, setup(undefined, options))
-  app.get('/', (_, res) => res.redirect('/connection'))
 
   RegisterRoutes(app)