+ }" class="dropdown-item">
Specific question
diff --git a/airwatch/src/app/chatbot/options-dropdown/options-dropdown.scss b/airwatch/src/app/chatbot/options-dropdown/options-dropdown.scss
index d7c048f..ca1a44d 100644
--- a/airwatch/src/app/chatbot/options-dropdown/options-dropdown.scss
+++ b/airwatch/src/app/chatbot/options-dropdown/options-dropdown.scss
@@ -7,7 +7,6 @@
margin-right: -6em;
-
.dropwdown {
visibility: hidden;
}
@@ -29,16 +28,6 @@
text-align: center;
}
- .is-mode-structured,
- .is-mode-other,
- {
- background: red;
- border-radius: 100px;
- width: 20px;
- position: relative;
- left: 10px;
- top: 10px;
- }
.dropdown-item {
background: white;
@@ -57,3 +46,18 @@
}
}
}
+
+.is-mode-structured,
+.is-mode-other,
+{
+ .indicator {
+
+ background: red;
+ border-radius: 100px;
+ width: 3px;
+ height: 3px;
+ position: relative;
+ left: 30px;
+ top: -20px;
+ }
+}
diff --git a/airwatch/src/app/chatbot/options-dropdown/options-dropdown.ts b/airwatch/src/app/chatbot/options-dropdown/options-dropdown.ts
index 133e3ae..b210c4f 100644
--- a/airwatch/src/app/chatbot/options-dropdown/options-dropdown.ts
+++ b/airwatch/src/app/chatbot/options-dropdown/options-dropdown.ts
@@ -15,9 +15,15 @@ export type optionsDropdownOptions = 'auto' | 'structured' | 'specific';
})
export class OptionsDropdown {
- @Input() public mode: optionsDropdownOptions = 'auto'
+ @Input() public mode: optionsDropdownOptions = 'structured'
+
+
+ indicator: boolean = false;
changeModeOption(mode: optionsDropdownOptions) {
this.mode = mode;
+ // show green indicator if we are not in auto mode
+ this.indicator = (mode !== 'auto');
+
}
}