added value screen option to Options

Author: nodeful

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>

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({