run prettier

Northeastern-Electric-Racing · Dec 15, 2024 · 45fe15a · 45fe15a
1 parent e674a9e
commit 45fe15a
Show file tree

Hide file tree

Showing 28 changed files with 258 additions and 737 deletions.
diff --git a/angular-client/src/app/app.module.ts b/angular-client/src/app/app.module.ts
@@ -45,10 +45,7 @@ import { GraphDialog } from 'src/components/graph-dialog/graph-dialog.component'
 import { SteeringAngleDisplay } from 'src/components/steering-angle-display/steering-angle-display.component';
 import { MatIconRegistry } from '@angular/material/icon';
 import { DomSanitizer } from '@angular/platform-browser';
-import {
-  provideHttpClient,
-  withInterceptorsFromDi,
-} from '@angular/common/http';
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 import HalfGauge from 'src/components/half-gauge/half-gauge.component';
 import { Divider } from 'src/components/divider/divider';
 import { DriverComponent } from 'src/components/driver-component/driver-component';
@@ -197,7 +194,7 @@ import { ViewerDisplay } from 'src/pages/landing-page/components/viewer-display/
     LatencyDisplay,
     DateLocation,
     CurrentRunDisplay,
-    ViewerDisplay,
+    ViewerDisplay
   ],
   bootstrap: [AppContext],
   imports: [
@@ -220,193 +217,59 @@ import { ViewerDisplay } from 'src/pages/landing-page/components/viewer-display/
     MatToolbarModule,
     MatButtonModule,
     MatInputModule,
-    ReactiveFormsModule,
-  ],
-  providers: [
-    DialogService,
-    MessageService,
-    provideHttpClient(withInterceptorsFromDi()),
+    ReactiveFormsModule
   ],
+  providers: [DialogService, MessageService, provideHttpClient(withInterceptorsFromDi())]
 })
 export class AppModule {
   constructor(
     private matIconRegistry: MatIconRegistry,
-    private domSanitizer: DomSanitizer,
+    private domSanitizer: DomSanitizer
   ) {
     this.matIconRegistry
       .addSvgIcon(
         'steering_wheel',
-        this.domSanitizer.bypassSecurityTrustResourceUrl(
-          '../assets/icons/search_hands_free.svg',
-        ),
-      )
-      .addSvgIcon(
-        'wifi',
-        this.domSanitizer.bypassSecurityTrustResourceUrl(
-          '../assets/icons/wifi.svg',
-        ),
-      )
-      .addSvgIcon(
-        'speed',
-        this.domSanitizer.bypassSecurityTrustResourceUrl(
-          '../assets/icons/speed.svg',
-        ),
-      )
-      .addSvgIcon(
-        'person',
-        this.domSanitizer.bypassSecurityTrustResourceUrl(
-          '../assets/icons/person.svg',
-        ),
-      )
-      .addSvgIcon(
-        'eye',
-        this.domSanitizer.bypassSecurityTrustResourceUrl(
-          '../assets/icons/eye_tracking.svg',
-        ),
-      )
-      .addSvgIcon(
-        'timelapse',
-        this.domSanitizer.bypassSecurityTrustResourceUrl(
-          '../assets/icons/timelapse.svg',
-        ),
-      )
-      .addSvgIcon(
-        'cell_tower',
-        this.domSanitizer.bypassSecurityTrustResourceUrl(
-          '../assets/icons/cell_tower.svg',
-        ),
-      )
-      .addSvgIcon(
-        'map',
-        this.domSanitizer.bypassSecurityTrustResourceUrl(
-          '../assets/icons/map.svg',
-        ),
-      )
-      .addSvgIcon(
-        '360',
-        this.domSanitizer.bypassSecurityTrustResourceUrl(
-          '../assets/icons/360.svg',
-        ),
-      )
-      .addSvgIcon(
-        'electric_car',
-        this.domSanitizer.bypassSecurityTrustResourceUrl(
-          '../assets/icons/electric_car.svg',
-        ),
-      )
-      .addSvgIcon(
-        'memory',
-        this.domSanitizer.bypassSecurityTrustResourceUrl(
-          '../assets/icons/memory.svg',
-        ),
-      )
-      .addSvgIcon(
-        'back_hand',
-        this.domSanitizer.bypassSecurityTrustResourceUrl(
-          '../assets/icons/back_hand.svg',
-        ),
+        this.domSanitizer.bypassSecurityTrustResourceUrl('../assets/icons/search_hands_free.svg')
       )
+      .addSvgIcon('wifi', this.domSanitizer.bypassSecurityTrustResourceUrl('../assets/icons/wifi.svg'))
+      .addSvgIcon('speed', this.domSanitizer.bypassSecurityTrustResourceUrl('../assets/icons/speed.svg'))
+      .addSvgIcon('person', this.domSanitizer.bypassSecurityTrustResourceUrl('../assets/icons/person.svg'))
+      .addSvgIcon('eye', this.domSanitizer.bypassSecurityTrustResourceUrl('../assets/icons/eye_tracking.svg'))
+      .addSvgIcon('timelapse', this.domSanitizer.bypassSecurityTrustResourceUrl('../assets/icons/timelapse.svg'))
+      .addSvgIcon('cell_tower', this.domSanitizer.bypassSecurityTrustResourceUrl('../assets/icons/cell_tower.svg'))
+      .addSvgIcon('map', this.domSanitizer.bypassSecurityTrustResourceUrl('../assets/icons/map.svg'))
+      .addSvgIcon('360', this.domSanitizer.bypassSecurityTrustResourceUrl('../assets/icons/360.svg'))
+      .addSvgIcon('electric_car', this.domSanitizer.bypassSecurityTrustResourceUrl('../assets/icons/electric_car.svg'))
+      .addSvgIcon('memory', this.domSanitizer.bypassSecurityTrustResourceUrl('../assets/icons/memory.svg'))
+      .addSvgIcon('back_hand', this.domSanitizer.bypassSecurityTrustResourceUrl('../assets/icons/back_hand.svg'))
       .addSvgIcon(
         'battery_charging_full',
-        this.domSanitizer.bypassSecurityTrustResourceUrl(
-          '../assets/icons/battery_charging_full.svg',
-        ),
-      )
-      .addSvgIcon(
-        'menu',
-        this.domSanitizer.bypassSecurityTrustResourceUrl(
-          '../assets/icons/menu.svg',
-        ),
-      )
-      .addSvgIcon(
-        'home',
-        this.domSanitizer.bypassSecurityTrustResourceUrl(
-          '../assets/icons/home.svg',
-        ),
-      )
-      .addSvgIcon(
-        'bar_chart',
-        this.domSanitizer.bypassSecurityTrustResourceUrl(
-          '../assets/icons/bar_chart.svg',
-        ),
-      )
-      .addSvgIcon(
-        'search',
-        this.domSanitizer.bypassSecurityTrustResourceUrl(
-          '../assets/icons/search.svg',
-        ),
-      )
-      .addSvgIcon(
-        'arrow_right',
-        this.domSanitizer.bypassSecurityTrustResourceUrl(
-          '../assets/icons/arrow_right.svg',
-        ),
-      )
-      .addSvgIcon(
-        'ev_station',
-        this.domSanitizer.bypassSecurityTrustResourceUrl(
-          '../assets/icons/ev_station.svg',
-        ),
+        this.domSanitizer.bypassSecurityTrustResourceUrl('../assets/icons/battery_charging_full.svg')
       )
+      .addSvgIcon('menu', this.domSanitizer.bypassSecurityTrustResourceUrl('../assets/icons/menu.svg'))
+      .addSvgIcon('home', this.domSanitizer.bypassSecurityTrustResourceUrl('../assets/icons/home.svg'))
+      .addSvgIcon('bar_chart', this.domSanitizer.bypassSecurityTrustResourceUrl('../assets/icons/bar_chart.svg'))
+      .addSvgIcon('search', this.domSanitizer.bypassSecurityTrustResourceUrl('../assets/icons/search.svg'))
+      .addSvgIcon('arrow_right', this.domSanitizer.bypassSecurityTrustResourceUrl('../assets/icons/arrow_right.svg'))
+      .addSvgIcon('ev_station', this.domSanitizer.bypassSecurityTrustResourceUrl('../assets/icons/ev_station.svg'))
       .addSvgIcon(
         'device_thermostat',
-        this.domSanitizer.bypassSecurityTrustResourceUrl(
-          '../assets/icons/device_thermostat.svg',
-        ),
-      )
-      .addSvgIcon(
-        'electric_meter',
-        this.domSanitizer.bypassSecurityTrustResourceUrl(
-          '../assets/icons/electric_meter.svg',
-        ),
-      )
-      .addSvgIcon(
-        'warning',
-        this.domSanitizer.bypassSecurityTrustResourceUrl(
-          '../assets/icons/warning.svg',
-        ),
+        this.domSanitizer.bypassSecurityTrustResourceUrl('../assets/icons/device_thermostat.svg')
       )
+      .addSvgIcon('electric_meter', this.domSanitizer.bypassSecurityTrustResourceUrl('../assets/icons/electric_meter.svg'))
+      .addSvgIcon('warning', this.domSanitizer.bypassSecurityTrustResourceUrl('../assets/icons/warning.svg'))
       .addSvgIcon(
         'electrical_services',
-        this.domSanitizer.bypassSecurityTrustResourceUrl(
-          '../assets/icons/electrical_services.svg',
-        ),
-      )
-      .addSvgIcon(
-        'thermostat',
-        this.domSanitizer.bypassSecurityTrustResourceUrl(
-          '../assets/icons/thermostat.svg',
-        ),
-      )
-      .addSvgIcon(
-        'model_training',
-        this.domSanitizer.bypassSecurityTrustResourceUrl(
-          '../assets/icons/model_training.svg',
-        ),
-      )
-      .addSvgIcon(
-        'quickreply',
-        this.domSanitizer.bypassSecurityTrustResourceUrl(
-          '../assets/icons/quickreply.svg',
-        ),
-      )
-      .addSvgIcon(
-        'bolt',
-        this.domSanitizer.bypassSecurityTrustResourceUrl(
-          '../assets/icons/bolt.svg',
-        ),
-      )
-      .addSvgIcon(
-        'timer',
-        this.domSanitizer.bypassSecurityTrustResourceUrl(
-          '../assets/icons/timer.svg',
-        ),
+        this.domSanitizer.bypassSecurityTrustResourceUrl('../assets/icons/electrical_services.svg')
       )
+      .addSvgIcon('thermostat', this.domSanitizer.bypassSecurityTrustResourceUrl('../assets/icons/thermostat.svg'))
+      .addSvgIcon('model_training', this.domSanitizer.bypassSecurityTrustResourceUrl('../assets/icons/model_training.svg'))
+      .addSvgIcon('quickreply', this.domSanitizer.bypassSecurityTrustResourceUrl('../assets/icons/quickreply.svg'))
+      .addSvgIcon('bolt', this.domSanitizer.bypassSecurityTrustResourceUrl('../assets/icons/bolt.svg'))
+      .addSvgIcon('timer', this.domSanitizer.bypassSecurityTrustResourceUrl('../assets/icons/timer.svg'))
       .addSvgIcon(
         'arrow_drop_down_circle',
-        this.domSanitizer.bypassSecurityTrustResourceUrl(
-          '../assests/icons/arrow_drop_down_circle.svg',
-        ),
+        this.domSanitizer.bypassSecurityTrustResourceUrl('../assests/icons/arrow_drop_down_circle.svg')
       );
   }
 }
diff --git a/angular-client/src/components/acceleration-graphs/acceleration-graphs.component.html b/angular-client/src/components/acceleration-graphs/acceleration-graphs.component.html
@@ -2,17 +2,8 @@
   <vstack>
     <hstack style="width: 100%">
       <div class="graph-container">
-        <graph-component
-          [data]="xData"
-          color="#4d9ac9"
-          title="Longitudinal Acceleration"
-          graphContainerId="xGraph"
-        />
-        <typography
-          variant="info-subtitle"
-          content="Longitudinal Acceleration"
-          additionalStyles="margin-top: 10px"
-        />
+        <graph-component [data]="xData" color="#4d9ac9" title="Longitudinal Acceleration" graphContainerId="xGraph" />
+        <typography variant="info-subtitle" content="Longitudinal Acceleration" additionalStyles="margin-top: 10px" />
       </div>
       <div class="right-panel">
         <div class="vBar"></div>
@@ -29,28 +20,15 @@
               additionalStyles="fontSize: 20px; margin-bottom: 10px; color: #797a7a"
             />
           </div>
-          <typography
-            variant="info-subtitle"
-            content="Peak Long. Accel."
-            additionalStyles=""
-          />
+          <typography variant="info-subtitle" content="Peak Long. Accel." additionalStyles="" />
         </div>
       </div>
     </hstack>
     <div class="hBar"></div>
     <hstack style="width: 100%">
       <div class="graph-container">
-        <graph-component
-          [data]="yData"
-          color="#17ff00"
-          title="Lateral Acceleration"
-          graphContainerId="yGraph"
-        />
-        <typography
-          variant="info-subtitle"
-          content="Lateral Acceleration"
-          additionalStyles="margin-top: 10px"
-        />
+        <graph-component [data]="yData" color="#17ff00" title="Lateral Acceleration" graphContainerId="yGraph" />
+        <typography variant="info-subtitle" content="Lateral Acceleration" additionalStyles="margin-top: 10px" />
       </div>
       <div class="right-panel">
         <div class="vBar"></div>
@@ -67,11 +45,7 @@
               additionalStyles="fontSize: 20px; margin-bottom: 10px; color: #797a7a"
             />
           </div>
-          <typography
-            variant="info-subtitle"
-            content="Peak Lat. Accel."
-            additionalStyles=""
-          />
+          <typography variant="info-subtitle" content="Peak Lat. Accel." additionalStyles="" />
         </div>
       </div>
     </hstack>

diff --git a/angular-client/src/components/brake-pressure-display/brake-pressure-display.component.html b/angular-client/src/components/brake-pressure-display/brake-pressure-display.component.html
@@ -1,12 +1,5 @@
 <info-background svgIcon="back_hand" title="Brake Pressure">
-  <div
-    style="
-      height: 80%;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    "
-  >
+  <div style="height: 80%; display: flex; justify-content: center; align-items: center">
     <typography variant="info-value" [content]="brakePressure.toString()" />
     <typography variant="info-unit" content="psi" />
   </div>

diff --git a/angular-client/src/components/carousel/carousel.component.html b/angular-client/src/components/carousel/carousel.component.html
@@ -11,39 +11,21 @@
       <div class="run-card">
         <mat-grid-list cols="2" rowHeight="40px">
           <mat-grid-tile>
-            <typography
-              class="left"
-              variant="subheader"
-              [content]="'Run #' + run.id"
-            />
+            <typography class="left" variant="subheader" [content]="'Run #' + run.id" />
           </mat-grid-tile>
           <mat-grid-tile>
-            <typography
-              class="right"
-              variant="subheader"
-              [content]="run.driverName"
-            />
+            <typography class="right" variant="subheader" [content]="run.driverName" />
           </mat-grid-tile>
           <mat-grid-tile>
-            <typography
-              class="left"
-              variant="subheader"
-              [content]="datePipe(run.time)"
-            />
+            <typography class="left" variant="subheader" [content]="datePipe(run.time)" />
           </mat-grid-tile>
           <mat-grid-tile colspan="2">
-            <typography
-              variant="subheader"
-              class="right"
-              [content]="run.locationName"
-            />
+            <typography variant="subheader" class="right" [content]="run.locationName" />
           </mat-grid-tile>
         </mat-grid-list>
       </div>
       <div class="select-button-container">
-        <p-button class="run-select-button" (onClick)="selectRun(run)"
-          >Select this Run</p-button
-        >
+        <p-button class="run-select-button" (onClick)="selectRun(run)">Select this Run</p-button>
       </div>
     </ng-template>
   </p-carousel>