org 2fa setting for duo

src/app/organizations/settings/settings.component.html

@@ -10,6 +10,9 @@
                     <a routerLink="billing" class="list-group-item" routerLinkActive="active">
                         {{'billingAndLicensing' | i18n}}
                     </a>
+                    <a routerLink="two-factor" class="list-group-item" routerLinkActive="active" *ngIf="access2fa">
+                        {{'twoStepLogin' | i18n}}
+                    </a>
                 </div>
             </div>
         </div>

src/app/organizations/settings/settings.component.ts

@@ -1,7 +1,21 @@
 import { Component } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+
+import { UserService } from 'jslib/abstractions/user.service';
 
 @Component({
     selector: 'app-org-settings',
     templateUrl: 'settings.component.html',
 })
-export class SettingsComponent { }
+export class SettingsComponent {
+    access2fa = false;
+
+    constructor(private route: ActivatedRoute, private userService: UserService) { }
+
+    ngOnInit() {
+        this.route.parent.params.subscribe(async (params) => {
+            const organization = await this.userService.getOrganization(params.organizationId);
+            this.access2fa = organization.use2fa;
+        });
+    }
+}

src/app/organizations/settings/two-factor-setup.component.ts

@@ -0,0 +1,58 @@
+import {
+    Component,
+    ComponentFactoryResolver,
+} from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+
+import { ApiService } from 'jslib/abstractions/api.service';
+import { MessagingService } from 'jslib/abstractions/messaging.service';
+import { TokenService } from 'jslib/abstractions/token.service';
+
+import { TwoFactorProviderType } from 'jslib/enums/twoFactorProviderType';
+
+import { TwoFactorDuoComponent } from '../../settings/two-factor-duo.component';
+import { TwoFactorSetupComponent as BaseTwoFactorSetupComponent } from '../../settings/two-factor-setup.component';
+
+@Component({
+    selector: 'app-two-factor-setup',
+    templateUrl: '../../settings/two-factor-setup.component.html',
+})
+export class TwoFactorSetupComponent extends BaseTwoFactorSetupComponent {
+    organizationId: string;
+
+    constructor(apiService: ApiService, tokenService: TokenService,
+        componentFactoryResolver: ComponentFactoryResolver, messagingService: MessagingService,
+        private route: ActivatedRoute) {
+        super(apiService, tokenService, componentFactoryResolver, messagingService);
+    }
+
+    async ngOnInit() {
+        this.route.parent.parent.params.subscribe(async (params) => {
+            this.organizationId = params.organizationId;
+            await super.ngOnInit();
+        });
+    }
+
+    manage(type: TwoFactorProviderType) {
+        switch (type) {
+            case TwoFactorProviderType.OrganizationDuo:
+                const duoComp = this.openModal(this.duoModalRef, TwoFactorDuoComponent);
+                duoComp.type = TwoFactorProviderType.OrganizationDuo;
+                duoComp.organizationId = this.organizationId;
+                duoComp.onUpdated.subscribe((enabled: boolean) => {
+                    this.updateStatus(enabled, TwoFactorProviderType.OrganizationDuo);
+                });
+                break;
+            default:
+                break;
+        }
+    }
+
+    protected getTwoFactorProviders() {
+        return this.apiService.getTwoFactorOrganizationProviders(this.organizationId);
+    }
+
+    protected filterProvider(type: TwoFactorProviderType) {
+        return type !== TwoFactorProviderType.OrganizationDuo;
+    }
+}