Merge branch 'init-question' of https://github.com/KhoonSun47/cs3219-…

…ay2425s1-project-g03 into init-question * 'init-question' of https://github.com/KhoonSun47/cs3219-ay2425s1-project-g03: Update prettier to format html files (CS3219-AY2425S1#34) Fix linting Add .env to .gitignore Add async animations provider Change primeflex import from css to scss Add PrimeFlex Add ng lint fix Add PrimeNG
KhoonSun47 · Sep 25, 2024 · 31200b1 · 31200b1
2 parents 8edfb05 + 37a03f5
commit 31200b1
Show file tree

Hide file tree

Showing 10 changed files with 78 additions and 350 deletions.
diff --git a/frontend/angular.json b/frontend/angular.json
@@ -105,6 +105,7 @@
   "cli": {
     "schematicCollections": [
       "@angular-eslint/schematics"
-    ]
+    ],
+    "analytics": false
   }
 }
diff --git a/frontend/eslint.config.js b/frontend/eslint.config.js
@@ -46,7 +46,15 @@ module.exports = tseslint.config(
         extends: [
             ...angular.configs.templateRecommended,
             ...angular.configs.templateAccessibility,
+            eslintPluginPrettierRecommended
         ],
-        rules: {},
+        rules: {
+            'prettier/prettier': [
+                'error',
+                {
+                    'parser': 'angular',
+                }
+            ]
+        },
     },
 );
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -7,7 +7,8 @@
     "build": "ng build",
     "watch": "ng build --watch --configuration development",
     "test": "ng test",
-    "lint": "ng lint"
+    "lint": "ng lint",
+    "lint:fix": "ng lint --fix"
   },
   "private": true,
   "dependencies": {
@@ -19,6 +20,8 @@
     "@angular/platform-browser": "^18.2.0",
     "@angular/platform-browser-dynamic": "^18.2.0",
     "@angular/router": "^18.2.0",
+    "primeflex": "^3.3.1",
+    "primeng": "^17.18.10",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.14.10"

diff --git a/frontend/src/app/app.component.css b/frontend/src/app/app.component.css
@@ -0,0 +1,21 @@
+main {
+  width: 100%;
+  min-height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 1rem;
+  box-sizing: inherit;
+  position: relative;
+  flex-direction: column;
+}
+
+.content {
+  display: flex;
+  flex-direction: column;
+  width: auto;
+  margin-bottom: 1rem;
+  padding: 2rem;
+  background-color: var(--surface-section);
+  border-radius: 0.75rem;
+}
diff --git a/frontend/src/app/app.component.html b/frontend/src/app/app.component.html
diff --git a/frontend/src/app/app.component.ts b/frontend/src/app/app.component.ts
@@ -1,10 +1,12 @@
 import { Component } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
+import { ButtonModule } from 'primeng/button';
+import { PasswordModule } from 'primeng/password';
 
 @Component({
     selector: 'app-root',
     standalone: true,
-    imports: [RouterOutlet],
+    imports: [RouterOutlet, ButtonModule, PasswordModule],
     templateUrl: './app.component.html',
     styleUrl: './app.component.css',
 })

diff --git a/frontend/src/app/app.config.ts b/frontend/src/app/app.config.ts
@@ -2,7 +2,8 @@ import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';
 import { provideRouter } from '@angular/router';
 
 import { routes } from './app.routes';
+import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
 
 export const appConfig: ApplicationConfig = {
-    providers: [provideZoneChangeDetection({ eventCoalescing: true }), provideRouter(routes)],
+    providers: [provideZoneChangeDetection({ eventCoalescing: true }), provideRouter(routes), provideAnimationsAsync()],
 };
diff --git a/frontend/src/index.html b/frontend/src/index.html
@@ -1,13 +1,13 @@
 <!doctype html>
 <html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>Frontend</title>
-  <base href="/">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-</head>
-<body>
-  <app-root></app-root>
-</body>
+    <head>
+        <meta charset="utf-8" />
+        <title>Frontend</title>
+        <base href="/" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <link rel="icon" type="image/x-icon" href="favicon.ico" />
+    </head>
+    <body>
+        <app-root></app-root>
+    </body>
 </html>
diff --git a/frontend/src/styles.css b/frontend/src/styles.css
@@ -1 +1,4 @@
 /* You can add global styles to this file, and also import other style files */
+@import "primeng/resources/themes/aura-dark-blue/theme.css";
+@import "primeng/resources/primeng.css";
+@import "primeflex/primeflex.scss";