mirror of
https://github.com/bitwarden/directory-connector
synced 2025-12-05 23:53:21 +00:00
[deps]: Update bootstrap to v5 [SECURITY] (#585)
* [deps]: Update bootstrap to v5 [SECURITY] * Use the color-contrast method instead of the deprecated color-yiq method * Update settings component for bootstrap 5 * Update ApiKey component for bootstrap 5 * Update environment component for bootstrap 5 * Run prettier * Revert back to data-dismiss * Update modal close button attribute to use data-bs-dismiss instead of data-dismiss * Run npm prettier --------- Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Rui Tome <rtome@bitwarden.com>
This commit is contained in:
renovate[bot]
GitHub
@@ -38,8 +38,12 @@ import { StateMigrationService } from "@/jslib/common/src/services/stateMigratio
|
||||
import { TokenService } from "@/jslib/common/src/services/token.service";
|
||||
import { TwoFactorService } from "@/jslib/common/src/services/twoFactor.service";
|
||||
|
||||
import { SafeInjectionToken, SECURE_STORAGE, WINDOW } from '../../../../src/app/services/injection-tokens';
|
||||
import { SafeProvider, safeProvider } from '../../../../src/app/services/safe-provider';
|
||||
import {
|
||||
SafeInjectionToken,
|
||||
SECURE_STORAGE,
|
||||
WINDOW,
|
||||
} from "../../../../src/app/services/injection-tokens";
|
||||
import { SafeProvider, safeProvider } from "../../../../src/app/services/safe-provider";
|
||||
|
||||
import { BroadcasterService } from "./broadcaster.service";
|
||||
import { ModalService } from "./modal.service";
|
||||
@@ -85,7 +89,11 @@ import { ValidationService } from "./validation.service";
|
||||
useClass: EnvironmentService,
|
||||
deps: [StateServiceAbstraction],
|
||||
}),
|
||||
safeProvider({ provide: TokenServiceAbstraction, useClass: TokenService, deps: [StateServiceAbstraction] }),
|
||||
safeProvider({
|
||||
provide: TokenServiceAbstraction,
|
||||
useClass: TokenService,
|
||||
deps: [StateServiceAbstraction],
|
||||
}),
|
||||
safeProvider({
|
||||
provide: CryptoServiceAbstraction,
|
||||
useClass: CryptoService,
|
||||
@@ -125,7 +133,11 @@ import { ValidationService } from "./validation.service";
|
||||
AppIdServiceAbstraction,
|
||||
],
|
||||
}),
|
||||
safeProvider({ provide: BroadcasterServiceAbstraction, useClass: BroadcasterService, useAngularDecorators: true }),
|
||||
safeProvider({
|
||||
provide: BroadcasterServiceAbstraction,
|
||||
useClass: BroadcasterService,
|
||||
useAngularDecorators: true,
|
||||
}),
|
||||
safeProvider({
|
||||
provide: StateServiceAbstraction,
|
||||
useFactory: (
|
||||
|
||||
@@ -143,7 +143,7 @@ export class ModalService {
|
||||
dialogEl.style.zIndex = `${this.modalCount}050`;
|
||||
|
||||
const modals = Array.from(
|
||||
el.querySelectorAll('.modal-backdrop, .modal *[data-dismiss="modal"]'),
|
||||
el.querySelectorAll('.modal-backdrop, .modal *[data-bs-dismiss="modal"]'),
|
||||
);
|
||||
for (const closeElement of modals) {
|
||||
closeElement.addEventListener("click", () => {
|
||||
|
||||
@@ -131,8 +131,7 @@ export class LoginCommand {
|
||||
let response: AuthResult = null;
|
||||
if (clientId != null && clientSecret != null) {
|
||||
response = await this.authService.logIn(new ApiLogInCredentials(clientId, clientSecret));
|
||||
}
|
||||
else {
|
||||
} else {
|
||||
response = await this.authService.logIn(
|
||||
new PasswordLogInCredentials(email, password, null, twoFactor),
|
||||
);
|
||||
|
||||
@@ -77,7 +77,7 @@ export class CliPlatformUtilsService implements PlatformUtilsService {
|
||||
|
||||
launchUri(_uri: string, _options?: any): void {
|
||||
throw new Error("Not implemented.");
|
||||
};
|
||||
}
|
||||
|
||||
saveFile(win: Window, blobData: any, blobOptions: any, fileName: string): void {
|
||||
throw new Error("Not implemented.");
|
||||
|
||||
54
package-lock.json
generated
54
package-lock.json
generated
@@ -21,7 +21,7 @@
|
||||
"@angular/router": "16.2.12",
|
||||
"@microsoft/microsoft-graph-client": "3.0.7",
|
||||
"big-integer": "1.6.52",
|
||||
"bootstrap": "4.6.2",
|
||||
"bootstrap": "5.0.0",
|
||||
"browser-hrtime": "1.1.8",
|
||||
"chalk": "4.1.2",
|
||||
"commander": "12.1.0",
|
||||
@@ -4676,6 +4676,17 @@
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@popperjs/core": {
|
||||
"version": "2.11.8",
|
||||
"resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
|
||||
"integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"funding": {
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/popperjs"
|
||||
}
|
||||
},
|
||||
"node_modules/@sinclair/typebox": {
|
||||
"version": "0.27.8",
|
||||
"resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz",
|
||||
@@ -7156,22 +7167,16 @@
|
||||
"optional": true
|
||||
},
|
||||
"node_modules/bootstrap": {
|
||||
"version": "4.6.2",
|
||||
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.6.2.tgz",
|
||||
"integrity": "sha512-51Bbp/Uxr9aTuy6ca/8FbFloBUJZLHwnhTcnjIeRn2suQWsWzcuJhGjKDB5eppVte/8oCdOL3VuwxvZDUggwGQ==",
|
||||
"funding": [
|
||||
{
|
||||
"type": "github",
|
||||
"url": "https://github.com/sponsors/twbs"
|
||||
},
|
||||
{
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/bootstrap"
|
||||
}
|
||||
],
|
||||
"version": "5.0.0",
|
||||
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.0.0.tgz",
|
||||
"integrity": "sha512-tmhPET9B9qCl8dCofvHeiIhi49iBt0EehmIsziZib65k1erBW1rHhj2s/2JsuQh5Pq+xz2E9bEbzp9B7xHG+VA==",
|
||||
"license": "MIT",
|
||||
"funding": {
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/bootstrap"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"jquery": "1.9.1 - 3",
|
||||
"popper.js": "^1.16.1"
|
||||
"@popperjs/core": "^2.9.2"
|
||||
}
|
||||
},
|
||||
"node_modules/brace-expansion": {
|
||||
@@ -14108,12 +14113,6 @@
|
||||
"jiti": "bin/jiti.js"
|
||||
}
|
||||
},
|
||||
"node_modules/jquery": {
|
||||
"version": "3.7.1",
|
||||
"resolved": "https://registry.npmjs.org/jquery/-/jquery-3.7.1.tgz",
|
||||
"integrity": "sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg==",
|
||||
"peer": true
|
||||
},
|
||||
"node_modules/js-tokens": {
|
||||
"version": "4.0.0",
|
||||
"resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
|
||||
@@ -17142,17 +17141,6 @@
|
||||
"node": ">=10.4.0"
|
||||
}
|
||||
},
|
||||
"node_modules/popper.js": {
|
||||
"version": "1.16.1",
|
||||
"resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz",
|
||||
"integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ==",
|
||||
"deprecated": "You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1",
|
||||
"peer": true,
|
||||
"funding": {
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/popperjs"
|
||||
}
|
||||
},
|
||||
"node_modules/possible-typed-array-names": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz",
|
||||
|
||||
@@ -148,7 +148,7 @@
|
||||
"@angular/router": "16.2.12",
|
||||
"@microsoft/microsoft-graph-client": "3.0.7",
|
||||
"big-integer": "1.6.52",
|
||||
"bootstrap": "4.6.2",
|
||||
"bootstrap": "5.0.0",
|
||||
"browser-hrtime": "1.1.8",
|
||||
"chalk": "4.1.2",
|
||||
"commander": "12.1.0",
|
||||
|
||||
@@ -2,41 +2,33 @@
|
||||
<form #form (ngSubmit)="submit()" [appApiAction]="formPromise">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-8 col-lg-6">
|
||||
<p class="text-center font-weight-bold">{{ "welcome" | i18n }}</p>
|
||||
<p class="text-center fw-bold">{{ "welcome" | i18n }}</p>
|
||||
<p class="text-center">{{ "logInDesc" | i18n }}</p>
|
||||
<div class="card">
|
||||
<h5 class="card-header">{{ "logIn" | i18n }}</h5>
|
||||
<div class="card-body">
|
||||
<div class="form-group">
|
||||
<label for="client_id">{{ "clientId" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="client_id" class="form-label">{{ "clientId" | i18n }}</label>
|
||||
<input id="client_id" name="ClientId" [(ngModel)]="clientId" class="form-control" />
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="row-main">
|
||||
<label for="client_secret">{{ "clientSecret" | i18n }}</label>
|
||||
<div class="input-group">
|
||||
<input
|
||||
type="{{ showSecret ? 'text' : 'password' }}"
|
||||
id="client_secret"
|
||||
name="ClientSecret"
|
||||
[(ngModel)]="clientSecret"
|
||||
class="form-control"
|
||||
/>
|
||||
<div class="input-group-append">
|
||||
<button
|
||||
type="button"
|
||||
class="ml-1 btn btn-link"
|
||||
appA11yTitle="{{ 'toggleVisibility' | i18n }}"
|
||||
(click)="toggleSecret()"
|
||||
>
|
||||
<i
|
||||
class="bwi bwi-lg"
|
||||
aria-hidden="true"
|
||||
[ngClass]="showSecret ? 'bwi-eye-slash' : 'bwi-eye'"
|
||||
></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="client_secret" class="form-label">{{ "clientSecret" | i18n }}</label>
|
||||
<div class="input-group">
|
||||
<input
|
||||
type="{{ showSecret ? 'text' : 'password' }}"
|
||||
id="client_secret"
|
||||
name="ClientSecret"
|
||||
[(ngModel)]="clientSecret"
|
||||
class="form-control"
|
||||
/>
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-outline-secondary"
|
||||
appA11yTitle="{{ 'toggleVisibility' | i18n }}"
|
||||
(click)="toggleSecret()"
|
||||
>
|
||||
<i class="bwi" [ngClass]="showSecret ? 'bwi-eye-slash' : 'bwi-eye'"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex">
|
||||
@@ -47,7 +39,7 @@
|
||||
{{ "logIn" | i18n }}
|
||||
</button>
|
||||
</div>
|
||||
<button type="button" class="btn btn-link ml-auto" (click)="settings()">
|
||||
<button type="button" class="btn btn-link ms-auto" (click)="settings()">
|
||||
{{ "settings" | i18n }}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@@ -3,15 +3,13 @@
|
||||
<form class="modal-content" (ngSubmit)="submit()">
|
||||
<div class="modal-header">
|
||||
<h3 class="modal-title">{{ "settings" | i18n }}</h3>
|
||||
<button type="button" class="close" data-dismiss="modal" title="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<h4>{{ "selfHostedEnvironment" | i18n }}</h4>
|
||||
<p>{{ "selfHostedEnvironmentFooter" | i18n }}</p>
|
||||
<div class="form-group">
|
||||
<label for="baseUrl">{{ "baseUrl" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="baseUrl" class="form-label">{{ "baseUrl" | i18n }}</label>
|
||||
<input
|
||||
id="baseUrl"
|
||||
type="text"
|
||||
@@ -19,14 +17,12 @@
|
||||
[(ngModel)]="baseUrl"
|
||||
class="form-control"
|
||||
/>
|
||||
<small class="text-muted form-text"
|
||||
>{{ "ex" | i18n }} https://bitwarden.company.com</small
|
||||
>
|
||||
<div class="form-text">{{ "ex" | i18n }} https://bitwarden.company.com</div>
|
||||
</div>
|
||||
<h4>{{ "customEnvironment" | i18n }}</h4>
|
||||
<p>{{ "customEnvironmentFooter" | i18n }}</p>
|
||||
<div class="form-group">
|
||||
<label for="webVaultUrl">{{ "webVaultUrl" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="webVaultUrl" class="form-label">{{ "webVaultUrl" | i18n }}</label>
|
||||
<input
|
||||
id="webVaultUrl"
|
||||
type="text"
|
||||
@@ -35,12 +31,12 @@
|
||||
class="form-control"
|
||||
/>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="apiUrl">{{ "apiUrl" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="apiUrl" class="form-label">{{ "apiUrl" | i18n }}</label>
|
||||
<input id="apiUrl" type="text" name="ApiUrl" [(ngModel)]="apiUrl" class="form-control" />
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="identityUrl">{{ "identityUrl" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="identityUrl" class="form-label">{{ "identityUrl" | i18n }}</label>
|
||||
<input
|
||||
id="identityUrl"
|
||||
type="text"
|
||||
|
||||
@@ -1,19 +1,19 @@
|
||||
<div class="row">
|
||||
<div class="row g-3">
|
||||
<div class="col-sm">
|
||||
<div class="card mb-3">
|
||||
<h3 class="card-header">{{ "directory" | i18n }}</h3>
|
||||
<div class="card-body">
|
||||
<div class="form-group">
|
||||
<label for="directory">{{ "type" | i18n }}</label>
|
||||
<select class="form-control" id="directory" name="Directory" [(ngModel)]="directory">
|
||||
<div class="mb-3">
|
||||
<label for="directory" class="form-label">{{ "type" | i18n }}</label>
|
||||
<select class="form-select" id="directory" name="Directory" [(ngModel)]="directory">
|
||||
<option *ngFor="let o of directoryOptions" [ngValue]="o.value">
|
||||
{{ o.name }}
|
||||
</option>
|
||||
</select>
|
||||
</div>
|
||||
<div [hidden]="directory != directoryType.Ldap">
|
||||
<div class="form-group">
|
||||
<label for="hostname">{{ "serverHostname" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="hostname" class="form-label">{{ "serverHostname" | i18n }}</label>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
@@ -21,15 +21,15 @@
|
||||
name="Hostname"
|
||||
[(ngModel)]="ldap.hostname"
|
||||
/>
|
||||
<small class="text-muted form-text">{{ "ex" | i18n }} ad.company.com</small>
|
||||
<div class="form-text">{{ "ex" | i18n }} ad.company.com</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="port">{{ "port" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="port" class="form-label">{{ "port" | i18n }}</label>
|
||||
<input type="text" class="form-control" id="port" name="Port" [(ngModel)]="ldap.port" />
|
||||
<small class="text-muted form-text">{{ "ex" | i18n }} 389</small>
|
||||
<div class="form-text">{{ "ex" | i18n }} 389</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="rootPath">{{ "rootPath" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="rootPath" class="form-label">{{ "rootPath" | i18n }}</label>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
@@ -37,9 +37,9 @@
|
||||
name="RootPath"
|
||||
[(ngModel)]="ldap.rootPath"
|
||||
/>
|
||||
<small class="text-muted form-text">{{ "ex" | i18n }} dc=company,dc=com</small>
|
||||
<div class="form-text">{{ "ex" | i18n }} dc=company,dc=com</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="mb-3">
|
||||
<div class="form-check">
|
||||
<input
|
||||
class="form-check-input"
|
||||
@@ -51,7 +51,7 @@
|
||||
<label class="form-check-label" for="ad">{{ "ldapAd" | i18n }}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group" *ngIf="!ldap.ad">
|
||||
<div class="mb-3" *ngIf="!ldap.ad">
|
||||
<div class="form-check">
|
||||
<input
|
||||
class="form-check-input"
|
||||
@@ -65,7 +65,7 @@
|
||||
}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="mb-3">
|
||||
<div class="form-check">
|
||||
<input
|
||||
class="form-check-input"
|
||||
@@ -79,38 +79,38 @@
|
||||
}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ml-4" *ngIf="ldap.ssl">
|
||||
<div class="form-group">
|
||||
<div class="form-radio">
|
||||
<div class="ms-4" *ngIf="ldap.ssl">
|
||||
<div class="mb-3">
|
||||
<div class="form-check">
|
||||
<input
|
||||
class="form-radio-input"
|
||||
class="form-check-input"
|
||||
type="radio"
|
||||
[value]="false"
|
||||
id="ssl"
|
||||
[(ngModel)]="ldap.startTls"
|
||||
name="SSL"
|
||||
/>
|
||||
<label class="form-radio-label" for="ssl">{{ "ldapSsl" | i18n }}</label>
|
||||
<label class="form-check-label" for="ssl">{{ "ldapSsl" | i18n }}</label>
|
||||
</div>
|
||||
<div class="form-radio">
|
||||
<div class="form-check">
|
||||
<input
|
||||
class="form-radio-input"
|
||||
class="form-check-input"
|
||||
type="radio"
|
||||
[value]="true"
|
||||
id="startTls"
|
||||
[(ngModel)]="ldap.startTls"
|
||||
name="StartTLS"
|
||||
/>
|
||||
<label class="form-radio-label" for="startTls">{{ "ldapTls" | i18n }}</label>
|
||||
<label class="form-check-label" for="startTls">{{ "ldapTls" | i18n }}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ml-4" *ngIf="ldap.startTls">
|
||||
<div class="ms-4" *ngIf="ldap.startTls">
|
||||
<p>{{ "ldapTlsUntrustedDesc" | i18n }}</p>
|
||||
<div class="form-group">
|
||||
<label for="tlsCaPath">{{ "ldapTlsCa" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="tlsCaPath" class="form-label">{{ "ldapTlsCa" | i18n }}</label>
|
||||
<input
|
||||
type="file"
|
||||
class="form-control-file mb-2"
|
||||
class="form-control mb-2"
|
||||
id="tlsCaPath_file"
|
||||
(change)="setSslPath('tlsCaPath')"
|
||||
/>
|
||||
@@ -123,13 +123,13 @@
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ml-4" *ngIf="!ldap.startTls">
|
||||
<div class="ms-4" *ngIf="!ldap.startTls">
|
||||
<p>{{ "ldapSslUntrustedDesc" | i18n }}</p>
|
||||
<div class="form-group">
|
||||
<label for="sslCertPath">{{ "ldapSslCert" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="sslCertPath" class="form-label">{{ "ldapSslCert" | i18n }}</label>
|
||||
<input
|
||||
type="file"
|
||||
class="form-control-file mb-2"
|
||||
class="form-control mb-2"
|
||||
id="sslCertPath_file"
|
||||
(change)="setSslPath('sslCertPath')"
|
||||
/>
|
||||
@@ -141,11 +141,11 @@
|
||||
[(ngModel)]="ldap.sslCertPath"
|
||||
/>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="sslKeyPath">{{ "ldapSslKey" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="sslKeyPath" class="form-label">{{ "ldapSslKey" | i18n }}</label>
|
||||
<input
|
||||
type="file"
|
||||
class="form-control-file mb-2"
|
||||
class="form-control mb-2"
|
||||
id="sslKeyPath_file"
|
||||
(change)="setSslPath('sslKeyPath')"
|
||||
/>
|
||||
@@ -157,11 +157,11 @@
|
||||
[(ngModel)]="ldap.sslKeyPath"
|
||||
/>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="sslCaPath">{{ "ldapSslCa" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="sslCaPath" class="form-label">{{ "ldapSslCa" | i18n }}</label>
|
||||
<input
|
||||
type="file"
|
||||
class="form-control-file mb-2"
|
||||
class="form-control mb-2"
|
||||
id="sslCaPath_file"
|
||||
(change)="setSslPath('sslCaPath')"
|
||||
/>
|
||||
@@ -174,7 +174,7 @@
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="mb-3">
|
||||
<div class="form-check">
|
||||
<input
|
||||
class="form-check-input"
|
||||
@@ -189,7 +189,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group" [hidden]="true">
|
||||
<div class="mb-3" [hidden]="true">
|
||||
<div class="form-check">
|
||||
<input
|
||||
class="form-check-input"
|
||||
@@ -202,8 +202,8 @@
|
||||
</div>
|
||||
</div>
|
||||
<div [hidden]="ldap.currentUser">
|
||||
<div class="form-group">
|
||||
<label for="username">{{ "username" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="username" class="form-label">{{ "username" | i18n }}</label>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
@@ -211,15 +211,13 @@
|
||||
name="Username"
|
||||
[(ngModel)]="ldap.username"
|
||||
/>
|
||||
<small class="text-muted form-text" *ngIf="ldap.ad"
|
||||
>{{ "ex" | i18n }} company\admin</small
|
||||
>
|
||||
<small class="text-muted form-text" *ngIf="!ldap.ad"
|
||||
>{{ "ex" | i18n }} cn=admin,dc=company,dc=com</small
|
||||
>
|
||||
<div class="form-text" *ngIf="ldap.ad">{{ "ex" | i18n }} company\admin</div>
|
||||
<div class="form-text" *ngIf="!ldap.ad">
|
||||
{{ "ex" | i18n }} cn=admin,dc=company,dc=com
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="password">{{ "password" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="password" class="form-label">{{ "password" | i18n }}</label>
|
||||
<div class="input-group">
|
||||
<input
|
||||
type="{{ showLdapPassword ? 'text' : 'password' }}"
|
||||
@@ -228,29 +226,29 @@
|
||||
name="Password"
|
||||
[(ngModel)]="ldap.password"
|
||||
/>
|
||||
<div class="input-group-append">
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-outline-secondary"
|
||||
appA11yTitle="{{ 'toggleVisibility' | i18n }}"
|
||||
(click)="toggleLdapPassword()"
|
||||
>
|
||||
<i
|
||||
class="bwi bwi-lg"
|
||||
aria-hidden="true"
|
||||
[ngClass]="showLdapPassword ? 'bwi-eye-slash' : 'bwi-eye'"
|
||||
></i>
|
||||
</button>
|
||||
</div>
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-outline-secondary"
|
||||
appA11yTitle="{{ 'toggleVisibility' | i18n }}"
|
||||
(click)="toggleLdapPassword()"
|
||||
>
|
||||
<i
|
||||
class="bwi bwi-lg"
|
||||
aria-hidden="true"
|
||||
[ngClass]="showLdapPassword ? 'bwi-eye-slash' : 'bwi-eye'"
|
||||
></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div [hidden]="directory != directoryType.AzureActiveDirectory">
|
||||
<div class="form-group">
|
||||
<label for="identityAuthority">{{ "identityAuthority" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="identityAuthority" class="form-label">{{
|
||||
"identityAuthority" | i18n
|
||||
}}</label>
|
||||
<select
|
||||
class="form-control"
|
||||
class="form-select"
|
||||
id="identityAuthority"
|
||||
name="IdentityAuthority"
|
||||
[(ngModel)]="azure.identityAuthority"
|
||||
@@ -259,8 +257,8 @@
|
||||
<option value="login.microsoftonline.us">Azure AD Government</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="tenant">{{ "tenant" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="tenant" class="form-label">{{ "tenant" | i18n }}</label>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
@@ -268,10 +266,10 @@
|
||||
name="Tenant"
|
||||
[(ngModel)]="azure.tenant"
|
||||
/>
|
||||
<small class="text-muted form-text">{{ "ex" | i18n }} companyad.onmicrosoft.com</small>
|
||||
<div class="form-text">{{ "ex" | i18n }} companyad.onmicrosoft.com</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="applicationId">{{ "applicationId" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="applicationId" class="form-label">{{ "applicationId" | i18n }}</label>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
@@ -280,8 +278,8 @@
|
||||
[(ngModel)]="azure.applicationId"
|
||||
/>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="secretKey">{{ "secretKey" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="secretKey" class="form-label">{{ "secretKey" | i18n }}</label>
|
||||
<div class="input-group">
|
||||
<input
|
||||
type="{{ showAzureKey ? 'text' : 'password' }}"
|
||||
@@ -290,26 +288,24 @@
|
||||
name="SecretKey"
|
||||
[(ngModel)]="azure.key"
|
||||
/>
|
||||
<div class="input-group-append">
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-outline-secondary"
|
||||
appA11yTitle="{{ 'toggleVisibility' | i18n }}"
|
||||
(click)="toggleAzureKey()"
|
||||
>
|
||||
<i
|
||||
class="bwi bwi-lg"
|
||||
aria-hidden="true"
|
||||
[ngClass]="showAzureKey ? 'bwi-eye-slash' : 'bwi-eye'"
|
||||
></i>
|
||||
</button>
|
||||
</div>
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-outline-secondary"
|
||||
appA11yTitle="{{ 'toggleVisibility' | i18n }}"
|
||||
(click)="toggleAzureKey()"
|
||||
>
|
||||
<i
|
||||
class="bwi bwi-lg"
|
||||
aria-hidden="true"
|
||||
[ngClass]="showAzureKey ? 'bwi-eye-slash' : 'bwi-eye'"
|
||||
></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div [hidden]="directory != directoryType.Okta">
|
||||
<div class="form-group">
|
||||
<label for="orgUrl">{{ "organizationUrl" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="orgUrl" class="form-label">{{ "organizationUrl" | i18n }}</label>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
@@ -317,12 +313,10 @@
|
||||
name="OrgUrl"
|
||||
[(ngModel)]="okta.orgUrl"
|
||||
/>
|
||||
<small class="text-muted form-text"
|
||||
>{{ "ex" | i18n }} https://mycompany.okta.com/</small
|
||||
>
|
||||
<div class="form-text">{{ "ex" | i18n }} https://mycompany.okta.com/</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="oktaToken">{{ "token" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="oktaToken" class="form-label">{{ "token" | i18n }}</label>
|
||||
<div class="input-group">
|
||||
<input
|
||||
type="{{ showOktaKey ? 'text' : 'password' }}"
|
||||
@@ -331,26 +325,24 @@
|
||||
name="OktaToken"
|
||||
[(ngModel)]="okta.token"
|
||||
/>
|
||||
<div class="input-group-append">
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-outline-secondary"
|
||||
appA11yTitle="{{ 'toggleVisibility' | i18n }}"
|
||||
(click)="toggleOktaKey()"
|
||||
>
|
||||
<i
|
||||
class="bwi bwi-lg"
|
||||
aria-hidden="true"
|
||||
[ngClass]="showOktaKey ? 'bwi-eye-slash' : 'bwi-eye'"
|
||||
></i>
|
||||
</button>
|
||||
</div>
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-outline-secondary"
|
||||
appA11yTitle="{{ 'toggleVisibility' | i18n }}"
|
||||
(click)="toggleOktaKey()"
|
||||
>
|
||||
<i
|
||||
class="bwi bwi-lg"
|
||||
aria-hidden="true"
|
||||
[ngClass]="showOktaKey ? 'bwi-eye-slash' : 'bwi-eye'"
|
||||
></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div [hidden]="directory != directoryType.OneLogin">
|
||||
<div class="form-group">
|
||||
<label for="oneLoginClientId">{{ "clientId" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="oneLoginClientId" class="form-label">{{ "clientId" | i18n }}</label>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
@@ -359,8 +351,8 @@
|
||||
[(ngModel)]="oneLogin.clientId"
|
||||
/>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="oneLoginClientSecret">{{ "clientSecret" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="oneLoginClientSecret" class="form-label">{{ "clientSecret" | i18n }}</label>
|
||||
<div class="input-group">
|
||||
<input
|
||||
type="{{ showOneLoginSecret ? 'text' : 'password' }}"
|
||||
@@ -369,26 +361,24 @@
|
||||
name="OneLoginClientSecret"
|
||||
[(ngModel)]="oneLogin.clientSecret"
|
||||
/>
|
||||
<div class="input-group-append">
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-outline-secondary"
|
||||
appA11yTitle="{{ 'toggleVisibility' | i18n }}"
|
||||
(click)="toggleOneLoginSecret()"
|
||||
>
|
||||
<i
|
||||
class="bwi bwi-lg"
|
||||
aria-hidden="true"
|
||||
[ngClass]="showOneLoginSecret ? 'bwi-eye-slash' : 'bwi-eye'"
|
||||
></i>
|
||||
</button>
|
||||
</div>
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-outline-secondary"
|
||||
appA11yTitle="{{ 'toggleVisibility' | i18n }}"
|
||||
(click)="toggleOneLoginSecret()"
|
||||
>
|
||||
<i
|
||||
class="bwi bwi-lg"
|
||||
aria-hidden="true"
|
||||
[ngClass]="showOneLoginSecret ? 'bwi-eye-slash' : 'bwi-eye'"
|
||||
></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="oneLoginRegion">{{ "region" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="oneLoginRegion" class="form-label">{{ "region" | i18n }}</label>
|
||||
<select
|
||||
class="form-control"
|
||||
class="form-select"
|
||||
id="oneLoginRegion"
|
||||
name="OneLoginRegion"
|
||||
[(ngModel)]="oneLogin.region"
|
||||
@@ -399,8 +389,8 @@
|
||||
</div>
|
||||
</div>
|
||||
<div [hidden]="directory != directoryType.GSuite">
|
||||
<div class="form-group">
|
||||
<label for="domain">{{ "domain" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="domain" class="form-label">{{ "domain" | i18n }}</label>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
@@ -408,10 +398,10 @@
|
||||
name="Domain"
|
||||
[(ngModel)]="gsuite.domain"
|
||||
/>
|
||||
<small class="text-muted form-text">{{ "ex" | i18n }} company.com</small>
|
||||
<div class="form-text">{{ "ex" | i18n }} company.com</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="adminUser">{{ "adminUser" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="adminUser" class="form-label">{{ "adminUser" | i18n }}</label>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
@@ -419,10 +409,10 @@
|
||||
name="AdminUser"
|
||||
[(ngModel)]="gsuite.adminUser"
|
||||
/>
|
||||
<small class="text-muted form-text">{{ "ex" | i18n }} admin@company.com</small>
|
||||
<div class="form-text">{{ "ex" | i18n }} admin@company.com</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="customerId">{{ "customerId" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="customerId" class="form-label">{{ "customerId" | i18n }}</label>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
@@ -430,21 +420,21 @@
|
||||
name="CustomerId"
|
||||
[(ngModel)]="gsuite.customer"
|
||||
/>
|
||||
<small class="text-muted form-text">{{ "ex" | i18n }} 39204722352</small>
|
||||
<div class="form-text">{{ "ex" | i18n }} 39204722352</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="keyFile">{{ "jsonKeyFile" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="keyFile" class="form-label">{{ "jsonKeyFile" | i18n }}</label>
|
||||
<input
|
||||
type="file"
|
||||
class="form-control-file"
|
||||
class="form-control"
|
||||
id="keyFile"
|
||||
accept=".json"
|
||||
(change)="parseKeyFile()"
|
||||
/>
|
||||
<small class="text-muted form-text">{{ "ex" | i18n }} My Project-jksd3jd223.json</small>
|
||||
<div class="form-text">{{ "ex" | i18n }} My Project-jksd3jd223.json</div>
|
||||
</div>
|
||||
<div class="form-group" [hidden]="!gsuite.clientEmail">
|
||||
<label for="clientEmail">{{ "clientEmail" | i18n }}</label>
|
||||
<div class="mb-3" [hidden]="!gsuite.clientEmail">
|
||||
<label for="clientEmail" class="form-label">{{ "clientEmail" | i18n }}</label>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
@@ -453,8 +443,8 @@
|
||||
[(ngModel)]="gsuite.clientEmail"
|
||||
/>
|
||||
</div>
|
||||
<div class="form-group" [hidden]="!gsuite.privateKey">
|
||||
<label for="privateKey">{{ "privateKey" | i18n }}</label>
|
||||
<div class="mb-3" [hidden]="!gsuite.privateKey">
|
||||
<label for="privateKey" class="form-label">{{ "privateKey" | i18n }}</label>
|
||||
<textarea
|
||||
class="form-control text-monospace"
|
||||
id="privateKey"
|
||||
@@ -471,8 +461,8 @@
|
||||
<div class="card">
|
||||
<h3 class="card-header">{{ "sync" | i18n }}</h3>
|
||||
<div class="card-body">
|
||||
<div class="form-group">
|
||||
<label for="interval">{{ "interval" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="interval" class="form-label">{{ "interval" | i18n }}</label>
|
||||
<input
|
||||
type="number"
|
||||
min="5"
|
||||
@@ -481,9 +471,9 @@
|
||||
name="Interval"
|
||||
[(ngModel)]="sync.interval"
|
||||
/>
|
||||
<small class="text-muted form-text">{{ "intervalMin" | i18n }}</small>
|
||||
<div class="form-text">{{ "intervalMin" | i18n }}</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="mb-3">
|
||||
<div class="form-check">
|
||||
<input
|
||||
class="form-check-input"
|
||||
@@ -497,7 +487,7 @@
|
||||
}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="mb-3">
|
||||
<div class="form-check">
|
||||
<input
|
||||
class="form-check-input"
|
||||
@@ -511,7 +501,7 @@
|
||||
}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="mb-3">
|
||||
<div class="form-check">
|
||||
<input
|
||||
class="form-check-input"
|
||||
@@ -525,8 +515,8 @@
|
||||
</div>
|
||||
<div [hidden]="directory != directoryType.Ldap">
|
||||
<div [hidden]="ldap.ad">
|
||||
<div class="form-group">
|
||||
<label for="memberAttribute">{{ "memberAttribute" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="memberAttribute" class="form-label">{{ "memberAttribute" | i18n }}</label>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
@@ -534,10 +524,12 @@
|
||||
name="MemberAttribute"
|
||||
[(ngModel)]="sync.memberAttribute"
|
||||
/>
|
||||
<small class="text-muted form-text">{{ "ex" | i18n }} uniqueMember</small>
|
||||
<div class="form-text">{{ "ex" | i18n }} uniqueMember</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="creationDateAttribute">{{ "creationDateAttribute" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="creationDateAttribute" class="form-label">{{
|
||||
"creationDateAttribute" | i18n
|
||||
}}</label>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
@@ -545,10 +537,12 @@
|
||||
name="CreationDateAttribute"
|
||||
[(ngModel)]="sync.creationDateAttribute"
|
||||
/>
|
||||
<small class="text-muted form-text">{{ "ex" | i18n }} whenCreated</small>
|
||||
<div class="form-text">{{ "ex" | i18n }} whenCreated</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="revisionDateAttribute">{{ "revisionDateAttribute" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="revisionDateAttribute" class="form-label">{{
|
||||
"revisionDateAttribute" | i18n
|
||||
}}</label>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
@@ -556,12 +550,12 @@
|
||||
name="RevisionDateAttribute"
|
||||
[(ngModel)]="sync.revisionDateAttribute"
|
||||
/>
|
||||
<small class="text-muted form-text">{{ "ex" | i18n }} whenChanged</small>
|
||||
<div class="form-text">{{ "ex" | i18n }} whenChanged</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div [hidden]="directory != directoryType.Ldap && directory != directoryType.OneLogin">
|
||||
<div class="form-group">
|
||||
<div class="mb-3">
|
||||
<div class="form-check">
|
||||
<input
|
||||
class="form-check-input"
|
||||
@@ -576,8 +570,10 @@
|
||||
</div>
|
||||
</div>
|
||||
<div [hidden]="!sync.useEmailPrefixSuffix">
|
||||
<div class="form-group" [hidden]="ldap.ad || directory != directoryType.Ldap">
|
||||
<label for="emailPrefixAttribute">{{ "emailPrefixAttribute" | i18n }}</label>
|
||||
<div class="mb-3" [hidden]="ldap.ad || directory != directoryType.Ldap">
|
||||
<label for="emailPrefixAttribute" class="form-label">{{
|
||||
"emailPrefixAttribute" | i18n
|
||||
}}</label>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
@@ -585,10 +581,10 @@
|
||||
name="EmailPrefixAttribute"
|
||||
[(ngModel)]="sync.emailPrefixAttribute"
|
||||
/>
|
||||
<small class="text-muted form-text">{{ "ex" | i18n }} accountName</small>
|
||||
<div class="form-text">{{ "ex" | i18n }} accountName</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="emailSuffix">{{ "emailSuffix" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="emailSuffix" class="form-label">{{ "emailSuffix" | i18n }}</label>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
@@ -596,12 +592,12 @@
|
||||
name="EmailSuffix"
|
||||
[(ngModel)]="sync.emailSuffix"
|
||||
/>
|
||||
<small class="text-muted form-text">{{ "ex" | i18n }} @company.com</small>
|
||||
<div class="form-text">{{ "ex" | i18n }} @company.com</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<div class="mb-3">
|
||||
<div class="form-check">
|
||||
<input
|
||||
class="form-check-input"
|
||||
@@ -614,31 +610,29 @@
|
||||
</div>
|
||||
</div>
|
||||
<div [hidden]="!sync.users">
|
||||
<div class="form-group">
|
||||
<label for="userFilter">{{ "userFilter" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="userFilter" class="form-label">{{ "userFilter" | i18n }}</label>
|
||||
<textarea
|
||||
class="form-control"
|
||||
id="userFilter"
|
||||
name="UserFilter"
|
||||
[(ngModel)]="sync.userFilter"
|
||||
></textarea>
|
||||
<small class="text-muted form-text" *ngIf="directory === directoryType.Ldap"
|
||||
>{{ "ex" | i18n }} (&(givenName=John)(|(l=Dallas)(l=Austin)))</small
|
||||
>
|
||||
<small
|
||||
class="text-muted form-text"
|
||||
*ngIf="directory === directoryType.AzureActiveDirectory"
|
||||
>{{ "ex" | i18n }} exclude:joe@company.com</small
|
||||
>
|
||||
<small class="text-muted form-text" *ngIf="directory === directoryType.Okta"
|
||||
>{{ "ex" | i18n }} exclude:joe@company.com | profile.firstName eq "John"</small
|
||||
>
|
||||
<small class="text-muted form-text" *ngIf="directory === directoryType.GSuite"
|
||||
>{{ "ex" | i18n }} exclude:joe@company.com | orgName=Engineering</small
|
||||
>
|
||||
<div class="form-text" *ngIf="directory === directoryType.Ldap">
|
||||
{{ "ex" | i18n }} (&(givenName=John)(|(l=Dallas)(l=Austin)))
|
||||
</div>
|
||||
<div class="form-text" *ngIf="directory === directoryType.AzureActiveDirectory">
|
||||
{{ "ex" | i18n }} exclude:joe@company.com
|
||||
</div>
|
||||
<div class="form-text" *ngIf="directory === directoryType.Okta">
|
||||
{{ "ex" | i18n }} exclude:joe@company.com | profile.firstName eq "John"
|
||||
</div>
|
||||
<div class="form-text" *ngIf="directory === directoryType.GSuite">
|
||||
{{ "ex" | i18n }} exclude:joe@company.com | orgName=Engineering
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group" [hidden]="directory != directoryType.Ldap">
|
||||
<label for="userPath">{{ "userPath" | i18n }}</label>
|
||||
<div class="mb-3" [hidden]="directory != directoryType.Ldap">
|
||||
<label for="userPath" class="form-label">{{ "userPath" | i18n }}</label>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
@@ -646,11 +640,11 @@
|
||||
name="UserPath"
|
||||
[(ngModel)]="sync.userPath"
|
||||
/>
|
||||
<small class="text-muted form-text">{{ "ex" | i18n }} CN=Users</small>
|
||||
<div class="form-text">{{ "ex" | i18n }} CN=Users</div>
|
||||
</div>
|
||||
<div [hidden]="directory != directoryType.Ldap || ldap.ad">
|
||||
<div class="form-group">
|
||||
<label for="userObjectClass">{{ "userObjectClass" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="userObjectClass" class="form-label">{{ "userObjectClass" | i18n }}</label>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
@@ -658,10 +652,12 @@
|
||||
name="UserObjectClass"
|
||||
[(ngModel)]="sync.userObjectClass"
|
||||
/>
|
||||
<small class="text-muted form-text">{{ "ex" | i18n }} inetOrgPerson</small>
|
||||
<div class="form-text">{{ "ex" | i18n }} inetOrgPerson</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="userEmailAttribute">{{ "userEmailAttribute" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="userEmailAttribute" class="form-label">{{
|
||||
"userEmailAttribute" | i18n
|
||||
}}</label>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
@@ -669,12 +665,12 @@
|
||||
name="UserEmailAttribute"
|
||||
[(ngModel)]="sync.userEmailAttribute"
|
||||
/>
|
||||
<small class="text-muted form-text">{{ "ex" | i18n }} mail</small>
|
||||
<div class="form-text">{{ "ex" | i18n }} mail</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<div class="mb-3">
|
||||
<div class="form-check">
|
||||
<input
|
||||
class="form-check-input"
|
||||
@@ -689,8 +685,8 @@
|
||||
</div>
|
||||
</div>
|
||||
<div [hidden]="!sync.groups">
|
||||
<div class="form-group">
|
||||
<label for="groupFilter">{{
|
||||
<div class="mb-3">
|
||||
<label for="groupFilter" class="form-label">{{
|
||||
(directory !== directoryType.OneLogin ? "groupFilter" : "groupFilterOneLogin") | i18n
|
||||
}}</label>
|
||||
<textarea
|
||||
@@ -699,23 +695,21 @@
|
||||
name="GroupFilter"
|
||||
[(ngModel)]="sync.groupFilter"
|
||||
></textarea>
|
||||
<small class="text-muted form-text" *ngIf="directory === directoryType.Ldap"
|
||||
>{{ "ex" | i18n }} (&(objectClass=group)(!(cn=Sales*))(!(cn=IT*)))</small
|
||||
>
|
||||
<small
|
||||
class="text-muted form-text"
|
||||
*ngIf="directory === directoryType.AzureActiveDirectory"
|
||||
>{{ "ex" | i18n }} include:Sales,IT</small
|
||||
>
|
||||
<small class="text-muted form-text" *ngIf="directory === directoryType.Okta"
|
||||
>{{ "ex" | i18n }} include:Sales,IT | type eq "APP_GROUP"</small
|
||||
>
|
||||
<small class="text-muted form-text" *ngIf="directory === directoryType.GSuite"
|
||||
>{{ "ex" | i18n }} include:Sales,IT</small
|
||||
>
|
||||
<div class="form-text" *ngIf="directory === directoryType.Ldap">
|
||||
{{ "ex" | i18n }} (&(objectClass=group)(!(cn=Sales*))(!(cn=IT*)))
|
||||
</div>
|
||||
<div class="form-text" *ngIf="directory === directoryType.AzureActiveDirectory">
|
||||
{{ "ex" | i18n }} include:Sales,IT
|
||||
</div>
|
||||
<div class="form-text" *ngIf="directory === directoryType.Okta">
|
||||
{{ "ex" | i18n }} include:Sales,IT | type eq "APP_GROUP"
|
||||
</div>
|
||||
<div class="form-text" *ngIf="directory === directoryType.GSuite">
|
||||
{{ "ex" | i18n }} include:Sales,IT
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group" [hidden]="directory != directoryType.Ldap">
|
||||
<label for="groupPath">{{ "groupPath" | i18n }}</label>
|
||||
<div class="mb-3" [hidden]="directory != directoryType.Ldap">
|
||||
<label for="groupPath" class="form-label">{{ "groupPath" | i18n }}</label>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
@@ -723,12 +717,14 @@
|
||||
name="GroupPath"
|
||||
[(ngModel)]="sync.groupPath"
|
||||
/>
|
||||
<small class="text-muted form-text" *ngIf="!ldap.ad">{{ "ex" | i18n }} CN=Groups</small>
|
||||
<small class="text-muted form-text" *ngIf="ldap.ad">{{ "ex" | i18n }} CN=Users</small>
|
||||
<div class="form-text" *ngIf="!ldap.ad">{{ "ex" | i18n }} CN=Groups</div>
|
||||
<div class="form-text" *ngIf="ldap.ad">{{ "ex" | i18n }} CN=Users</div>
|
||||
</div>
|
||||
<div [hidden]="directory != directoryType.Ldap || ldap.ad">
|
||||
<div class="form-group">
|
||||
<label for="groupObjectClass">{{ "groupObjectClass" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="groupObjectClass" class="form-label">{{
|
||||
"groupObjectClass" | i18n
|
||||
}}</label>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
@@ -736,10 +732,12 @@
|
||||
name="GroupObjectClass"
|
||||
[(ngModel)]="sync.groupObjectClass"
|
||||
/>
|
||||
<small class="text-muted form-text">{{ "ex" | i18n }} groupOfUniqueNames</small>
|
||||
<div class="form-text">{{ "ex" | i18n }} groupOfUniqueNames</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="groupNameAttribute">{{ "groupNameAttribute" | i18n }}</label>
|
||||
<div class="mb-3">
|
||||
<label for="groupNameAttribute" class="form-label">{{
|
||||
"groupNameAttribute" | i18n
|
||||
}}</label>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
@@ -747,7 +745,7 @@
|
||||
name="GroupNameAttribute"
|
||||
[(ngModel)]="sync.groupNameAttribute"
|
||||
/>
|
||||
<small class="text-muted form-text">{{ "ex" | i18n }} name</small>
|
||||
<div class="form-text">{{ "ex" | i18n }} name</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -138,6 +138,6 @@ ul.testing-list {
|
||||
|
||||
&:focus,
|
||||
&.focus {
|
||||
box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($primary), $primary, 15%), 0.5);
|
||||
box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-contrast($primary), $primary, 15%), 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user