cleanup various sso tasks (#617)

src/app/accounts/login.component.html

@@ -46,7 +46,7 @@
                     </div>
                     <div class="d-flex">
                         <a routerLink="/sso" class="btn btn-outline-secondary btn-block mt-2">
-                            <i class="fa fa-bank" aria-hidden="true"></i> Enterprise Single Sign-On
+                            <i class="fa fa-bank" aria-hidden="true"></i> {{'enterpriseSingleSignOn' | i18n}}
                         </a>
                     </div>
                 </div>

src/app/accounts/sso.component.html

@@ -5,15 +5,14 @@
             <div class="card d-block mt-4">
                 <div class="card-body" *ngIf="loggingIn">
                     <i class="fa fa-spinner fa-spin" title="{{'loading' | i18n}}" aria-hidden="true"></i>
-                    Logging in, please wait...
+                    {{'loading' | i18n}}
                 </div>
                 <div class="card-body" *ngIf="!loggingIn">
-                    <p>Quickly log in using your organization's single sign-on portal. Please enter your organization's
-                        identifier to begin.</p>
+                    <p>{{'ssoLogInWithOrgIdentifier' | i18n}}</p>
                     <div class="form-group">
-                        <label for="identifier">Organization Identifier</label>
+                        <label for="identifier">{{'organizationIdentifier' | i18n}}</label>
                         <input id="identifier" class="form-control" type="text" name="Identifier"
-                            [(ngModel)]="identifier" required>
+                            [(ngModel)]="identifier" required appAutofocus>
                     </div>
                     <hr>
                     <div class="d-flex">

src/app/accounts/sso.component.ts

@@ -15,6 +15,8 @@ import { StorageService } from 'jslib/abstractions/storage.service';
 
 import { SsoComponent as BaseSsoComponent } from 'jslib/angular/components/sso.component';
 
+const IdentifierStorageKey = 'ssoOrgIdentifier';
+
 @Component({
     selector: 'app-sso',
     templateUrl: 'sso.component.html',
@@ -31,4 +33,26 @@ export class SsoComponent extends BaseSsoComponent {
         this.redirectUri = window.location.origin + '/sso-connector.html';
         this.clientId = 'web';
     }
+
+    async ngOnInit() {
+        super.ngOnInit();
+        const queryParamsSub = this.route.queryParams.subscribe(async (qParams) => {
+            if (qParams.identifier != null) {
+                this.identifier = qParams.identifier;
+            } else {
+                const storedIdentifier = await this.storageService.get<string>(IdentifierStorageKey);
+                if (storedIdentifier != null) {
+                    this.identifier = storedIdentifier;
+                }
+            }
+            if (queryParamsSub != null) {
+                queryParamsSub.unsubscribe();
+            }
+        });
+    }
+
+    async submit() {
+        await this.storageService.save(IdentifierStorageKey, this.identifier);
+        super.submit();
+    }
 }

src/app/app-routing.module.ts

@@ -104,7 +104,7 @@ const routes: Routes = [
             {
                 path: 'sso', component: SsoComponent,
                 canActivate: [UnauthGuardService],
-                data: { titleId: 'createAccount' }, // TODO
+                data: { titleId: 'enterpriseSingleSignOn' },
             },
             {
                 path: 'set-password', component: SetPasswordComponent,

src/app/layouts/organization-layout.component.html

@@ -48,7 +48,7 @@
                 <i class="fa fa-bank fa-fw" [hidden]="enterpriseBtn.loading" aria-hidden="true"></i>
                 <i class="fa fa-spinner fa-spin fa-fw" [hidden]="!enterpriseBtn.loading" title="{{'loading' | i18n}}"
                     aria-hidden="true"></i>
-                Enterprise →
+                {{'businessPortal' | i18n}} →
             </button>
         </div>
     </div>