add more indicators (#198)

facioquo · Feb 21, 2022 · 9d18a8a · 9d18a8a
1 parent 5deb20b
commit 9d18a8a
Show file tree

Hide file tree

Showing 9 changed files with 756 additions and 59 deletions.
diff --git a/Client/src/app/app.component.html b/Client/src/app/app.component.html
@@ -1,17 +1,17 @@
 <div [ngClass]="ts.isDarkTheme ? 'dark-theme' : 'light-theme'">
   <mat-toolbar class="toolbar noselect">
-    <h1 class="no-wrap" matTooltip="Visit the documentation site for Stock Indicators for .NET">
-      <a href="https://daveskender.github.io/Stock.Indicators/">
-        Stock Indicators for .NET (demo)
+    <h1 class="no-wrap">
+      <a href="https://github.com/DaveSkender/Stock.Charts/">
+        Stock.Chart
       </a>
     </h1>
     <div class="filler"></div>
-    <button mat-mini-fab color="default" (click)="openPickList()" class="edit-button" matTooltip="change indicators and settings">
+    <button mat-fab color="default" (click)="openPickList()" class="edit-button"
+      matTooltip="change indicators and settings">
       <mat-icon color="primary">edit</mat-icon>
     </button>
   </mat-toolbar>
 
-
   <div id="main-content" class="body-container">
     <app-chart></app-chart>
   </div>

diff --git a/Client/src/app/chart/chart.component.scss b/Client/src/app/chart/chart.component.scss
@@ -2,11 +2,15 @@
 
 .chart-overlay-container {
   padding: 0;
-  margin: 0;
+  margin: auto;
   border-style: none;
   border-width: 0;
-  min-height: 50vh;
-  max-height: calc(100vh - 64px);
+  // max-width: 850px;
+  height: 50vh;
+
+  @media (max-height: 800px){
+    height: 40vh;
+  }
 
   @media (max-height: 400px){
     height: calc(100vh - 64px); // full-screen (with toolbar)
@@ -15,8 +19,17 @@
 
 .chart-oscillator-container {
   padding: 0;
-  margin: 0;
+  margin: auto;
   border-style: none;
   border-width: 0;
-  height: 12vh;
+  // max-width: 850px;
+  height: 15vh;
+
+  @media (max-height: 800px){
+    height: 20vh;
+  }
+
+  @media (max-height: 400px){
+    height: 30vh;
+  }
 }
diff --git a/Client/src/app/chart/chart.models.ts b/Client/src/app/chart/chart.models.ts
@@ -33,7 +33,6 @@ export interface IndicatorParamConfig {
   paramName: string;
   dataType: string;
   order: number;
-  required: boolean;
   defaultValue: number;
   minimum: number;
   maximum: number;

diff --git a/Client/src/app/chart/picker/pick-list.component.ts b/Client/src/app/chart/picker/pick-list.component.ts
@@ -31,8 +31,8 @@ export class PickListComponent {
   }
 
   openEditor(event: MouseEvent, listing: IndicatorListing): void {
-    this.listRef.closeAll();
     event.preventDefault();
+    this.listRef.closeAll();
 
     const pickerRef = this.picker.open(PickFormComponent, {
       minWidth: '300px',
@@ -44,8 +44,8 @@ export class PickListComponent {
   }
 
   removeSelection(event: MouseEvent, ucid: string): void {
-    this.listRef.closeAll();
     event.preventDefault();
+    // this.listRef.closeAll();
     this.cs.deleteSelection(ucid);
   }
 

diff --git a/Client/src/app/styles-theme.scss b/Client/src/app/styles-theme.scss
@@ -7,9 +7,9 @@
 // ref: https://www.materialpalette.com
 
 // Define a light theme
-$light-primary: mat.define-palette(mat.$indigo-palette);
-$light-accent: mat.define-palette(mat.$pink-palette);
-$light-warn: mat.define-palette(mat.$red-palette);
+$light-primary: mat.define-palette(mat.$grey-palette);
+$light-accent: mat.define-palette(mat.$blue-gray-palette);
+$light-warn: mat.define-palette(mat.$deep-orange-palette);
 $light-theme: mat.define-light-theme(
   (
     color: (