added angular material

md-systems · Nov 25, 2020 · 2009429 · 2009429
1 parent 7e58de1
commit 2009429
Show file tree

Hide file tree

Showing 7 changed files with 41 additions and 3 deletions.
diff --git a/docker/dev/docker-compose.yml b/docker/dev/docker-compose.yml
@@ -4,6 +4,7 @@ services:
   app:
     image: node:12
     working_dir: /app
+    user: node
     ports:
       - 4200:4200
     volumes:

diff --git a/frontend/angular.json b/frontend/angular.json
@@ -28,6 +28,7 @@
               "src/assets"
             ],
             "styles": [
+              "./node_modules/@angular/material/prebuilt-themes/purple-green.css",
               "src/styles.scss"
             ],
             "scripts": []
@@ -92,6 +93,7 @@
               "src/assets"
             ],
             "styles": [
+              "./node_modules/@angular/material/prebuilt-themes/purple-green.css",
               "src/styles.scss"
             ],
             "scripts": []
@@ -123,6 +125,7 @@
           }
         }
       }
-    }},
+    }
+  },
   "defaultProject": "oss-github-benchmark"
-}
+}
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -12,10 +12,12 @@
   "private": true,
   "dependencies": {
     "@angular/animations": "~10.1.5",
+    "@angular/cdk": "^10.2.7",
     "@angular/common": "~10.1.5",
     "@angular/compiler": "~10.1.5",
     "@angular/core": "~10.1.5",
     "@angular/forms": "~10.1.5",
+    "@angular/material": "^10.2.7",
     "@angular/platform-browser": "~10.1.5",
     "@angular/platform-browser-dynamic": "~10.1.5",
     "@angular/router": "~10.1.5",

diff --git a/frontend/src/app/app.module.ts b/frontend/src/app/app.module.ts
@@ -13,6 +13,7 @@ import { DimensionSelectorComponent } from './dimension-selector/dimension-selec
 import { FormsModule } from '@angular/forms';
 import { ListComponent } from './metric/list/list.component';
 import { ItemComponent } from './metric/item/item.component';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 
 @NgModule({
   declarations: [
@@ -30,6 +31,7 @@ import { ItemComponent } from './metric/item/item.component';
     CommonModule,
     VisualizationsModule,
     FormsModule,
+    BrowserAnimationsModule,
   ],
   providers: [],
   bootstrap: [AppComponent]

diff --git a/frontend/src/index.html b/frontend/src/index.html
@@ -7,8 +7,10 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
   <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 </head>
-<body>
+<body class="mat-typography">
   <app-root></app-root>
 </body>
 </html>
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
@@ -7,3 +7,6 @@ body {
     background-color: #fff;
     font-family: 'Roboto', sans-serif;
 }
+
+html, body { height: 100%; }
+body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }