diff --git a/src/app/components/settings/settings.component.html b/src/app/components/settings/settings.component.html
index 5ad4451a4..bac89378d 100644
--- a/src/app/components/settings/settings.component.html
+++ b/src/app/components/settings/settings.component.html
@@ -81,4 +81,17 @@
Language Picker
+
+
+
+ Extensions
+
+
+
+ Enable AI Extensions
+
+
diff --git a/src/app/components/settings/settings.component.ts b/src/app/components/settings/settings.component.ts
index b65b59b7c..c0e6f1733 100644
--- a/src/app/components/settings/settings.component.ts
+++ b/src/app/components/settings/settings.component.ts
@@ -30,7 +30,7 @@ import {
OauthConfigModel
} from '@alfresco/adf-core';
import { Validators, FormGroup, FormBuilder } from '@angular/forms';
-import { Observable } from 'rxjs';
+import { Observable, BehaviorSubject } from 'rxjs';
import { Store } from '@ngrx/store';
import { AppStore } from '../../store/states';
import {
@@ -64,6 +64,7 @@ export class SettingsComponent implements OnInit {
appName$: Observable;
headerColor$: Observable;
languagePicker$: Observable;
+ aiExtensions$: Observable;
constructor(
private store: Store,
@@ -82,6 +83,10 @@ export class SettingsComponent implements OnInit {
}
ngOnInit() {
+ this.aiExtensions$ = new BehaviorSubject(
+ this.storage.getItem('ai') === 'true'
+ );
+
this.form = this.fb.group({
ecmHost: [
'',
@@ -132,4 +137,8 @@ export class SettingsComponent implements OnInit {
this.storage.setItem('languagePicker', event.checked.toString());
this.store.dispatch(new SetLanguagePickerAction(event.checked));
}
+
+ onToggleAiExtensions(event: MatCheckboxChange) {
+ this.storage.setItem('ai', event.checked.toString());
+ }
}