From c14eca1eb54f8d3aa29899a7cc60b56d73b50a4a Mon Sep 17 00:00:00 2001
From: Nodeful <romankisilo@gmail.com>
Date: Wed, 17 Mar 2021 17:09:58 +0200
Subject: [PATCH] added value screen option to Options

---
 ui/src/app/components/options/options.component.html | 8 ++++++++
 ui/src/app/components/options/options.component.ts   | 7 +++++++
 2 files changed, 15 insertions(+)

diff --git a/ui/src/app/components/options/options.component.html b/ui/src/app/components/options/options.component.html
index 3a07f93..08fdadd 100644
--- a/ui/src/app/components/options/options.component.html
+++ b/ui/src/app/components/options/options.component.html
@@ -97,6 +97,14 @@
           (userChangedValue)="option.userChangedValue && option.userChangedValue($event)"
           (stickedToMiddle)="option.stickedToMiddle && option.stickedToMiddle()"
         ></eqm-skeuomorph-slider>
+
+        <!-- Value Screen -->
+        <eqm-value-screen *ngIf="option.type === 'value-screen'" 
+          [disabled]="!!option.isEnabled && option.isEnabled() === false" 
+          (click)="option.clicked && option.clicked()"
+        >
+          {{option.value}}
+        </eqm-value-screen>
     </div>
   </div>
 </div>
\ No newline at end of file
diff --git a/ui/src/app/components/options/options.component.ts b/ui/src/app/components/options/options.component.ts
index dbb776e..5172181 100644
--- a/ui/src/app/components/options/options.component.ts
+++ b/ui/src/app/components/options/options.component.ts
@@ -108,9 +108,16 @@ export interface SkeuomorphSliderOption extends SliderOption {
   userChangedValue?: (event: SkeuomorphSliderValueChangedEvent) => any
 }
 
+export interface ValueScreenOption extends BaseOptions {
+  type: 'value-screen'
+  value: string
+  clicked?: () => any
+}
+
 export type Option = ButtonOption | CheckboxOption | SelectOption 
 | DividerOption | LabelOption | HTMLOption | DropdownOption
 | BreadcrumbsOption | InputOption | FlatSliderOption | SkeuomorphSliderOption
+| ValueScreenOption
 
 export type Options = Option[][]
 @Component({