rusikv
2 years ago
17 changed files with 415 additions and 36 deletions
@ -0,0 +1,21 @@ |
|||
{ |
|||
"fqn": "home_page_widgets.home_mobile_app_qr_code", |
|||
"name": "Mobile app QR code", |
|||
"deprecated": false, |
|||
"image": null, |
|||
"description": null, |
|||
"descriptor": { |
|||
"type": "static", |
|||
"sizeX": 6, |
|||
"sizeY": 3, |
|||
"resources": [], |
|||
"templateHtml": "<tb-mobile-app-qrcode-widget>\n</tb-mobile-app-qrcode-widget>", |
|||
"templateCss": "", |
|||
"controllerScript": "self.onInit = function() {\n}", |
|||
"settingsSchema": "", |
|||
"dataKeySettingsSchema": "", |
|||
"settingsDirective": "", |
|||
"defaultConfig": "{\"datasources\":[{\"type\":\"static\",\"name\":\"function\",\"dataKeys\":[{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Random\",\"color\":\"#2196f3\",\"settings\":{},\"_hash\":0.15479322438769105,\"funcBody\":\"var value = prevValue + Math.random() * 100 - 50;\\nvar multiplier = Math.pow(10, 2 || 0);\\nvar value = Math.round(value * multiplier) / multiplier;\\nif (value < -1000) {\\n\\tvalue = -1000;\\n} else if (value > 1000) {\\n\\tvalue = 1000;\\n}\\nreturn value;\"}]}],\"timewindow\":{\"realtime\":{\"timewindowMs\":60000}},\"showTitle\":false,\"backgroundColor\":\"rgb(255, 255, 255)\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"8px\",\"settings\":{\"cardHtml\":\"<div class='card'>HTML code here</div>\",\"cardCss\":\".card {\\n font-weight: bold;\\n font-size: 32px;\\n color: #999;\\n width: 100%;\\n height: 100%;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n}\"},\"title\":\"Mobile app QR code\",\"dropShadow\":true}" |
|||
}, |
|||
"tags": null |
|||
} |
|||
@ -1,21 +1,21 @@ |
|||
{ |
|||
"fqn": "home_page_widgets.mobile_app_qr_code", |
|||
"fqn": "cards.mobile_app_qr_code", |
|||
"name": "Mobile app QR code", |
|||
"deprecated": false, |
|||
"image": null, |
|||
"description": null, |
|||
"descriptor": { |
|||
"type": "static", |
|||
"sizeX": 6, |
|||
"sizeX": 7.5, |
|||
"sizeY": 3, |
|||
"resources": [], |
|||
"templateHtml": "<tb-mobile-app-qrcode-widget\n [ctx]=\"ctx\">\n</tb-mobile-app-qrcode-widget>", |
|||
"templateCss": "", |
|||
"controllerScript": "self.onInit = function() {\n self.ctx.$scope.mobileAppQrcodeWidget.ngOnInit();\n}\n\nself.onDataUpdated = function() {\n self.ctx.$scope.mobileAppQrcodeWidget.ngOnDestroy();\n}", |
|||
"controllerScript": "self.onInit = function() {\n}\n", |
|||
"settingsSchema": "", |
|||
"dataKeySettingsSchema": "", |
|||
"settingsDirective": "", |
|||
"defaultConfig": "{\"datasources\":[{\"type\":\"static\",\"name\":\"function\",\"dataKeys\":[{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Random\",\"color\":\"#2196f3\",\"settings\":{},\"_hash\":0.15479322438769105,\"funcBody\":\"var value = prevValue + Math.random() * 100 - 50;\\nvar multiplier = Math.pow(10, 2 || 0);\\nvar value = Math.round(value * multiplier) / multiplier;\\nif (value < -1000) {\\n\\tvalue = -1000;\\n} else if (value > 1000) {\\n\\tvalue = 1000;\\n}\\nreturn value;\"}]}],\"timewindow\":{\"realtime\":{\"timewindowMs\":60000}},\"showTitle\":false,\"backgroundColor\":\"rgb(255, 255, 255)\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"8px\",\"settings\":{\"cardHtml\":\"<div class='card'>HTML code here</div>\",\"cardCss\":\".card {\\n font-weight: bold;\\n font-size: 32px;\\n color: #999;\\n width: 100%;\\n height: 100%;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n}\"},\"title\":\"HTML Card\",\"dropShadow\":true}" |
|||
"settingsDirective": "tb-mobile-app-qr-code-widget-settings", |
|||
"defaultConfig": "{\"datasources\":[{\"type\":\"static\",\"name\":\"function\",\"dataKeys\":[{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Random\",\"color\":\"#2196f3\",\"settings\":{},\"_hash\":0.15479322438769105,\"funcBody\":\"var value = prevValue + Math.random() * 100 - 50;\\nvar multiplier = Math.pow(10, 2 || 0);\\nvar value = Math.round(value * multiplier) / multiplier;\\nif (value < -1000) {\\n\\tvalue = -1000;\\n} else if (value > 1000) {\\n\\tvalue = 1000;\\n}\\nreturn value;\"}]}],\"timewindow\":{\"realtime\":{\"timewindowMs\":60000}},\"showTitle\":true,\"backgroundColor\":\"rgb(255, 255, 255)\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"8px\",\"settings\":{\"useDefaultApp\":true,\"androidConfig\":{\"enabled\":true,\"appPackage\":\"\",\"sha256CertFingerprints\":\"\"},\"iosConfig\":{\"enabled\":true,\"appId\":\"\"},\"qrCodeConfig\":{\"badgeEnabled\":true,\"badgeStyle\":\"ORIGINAL\",\"badgePosition\":\"RIGHT\",\"qrCodeLabelEnabled\":true,\"qrCodeLabel\":\"Scan to connect or download mobile app\"}},\"title\":\"Mobile app QR code\",\"dropShadow\":true,\"enableFullscreen\":false,\"widgetStyle\":{},\"widgetCss\":\"\",\"pageSize\":1024,\"noDataDisplayMessage\":\"\",\"showTitleIcon\":false,\"titleTooltip\":\"\",\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400}}" |
|||
}, |
|||
"tags": null |
|||
} |
|||
@ -0,0 +1,50 @@ |
|||
///
|
|||
/// Copyright © 2016-2024 The Thingsboard Authors
|
|||
///
|
|||
/// Licensed under the Apache License, Version 2.0 (the "License");
|
|||
/// you may not use this file except in compliance with the License.
|
|||
/// You may obtain a copy of the License at
|
|||
///
|
|||
/// http://www.apache.org/licenses/LICENSE-2.0
|
|||
///
|
|||
/// Unless required by applicable law or agreed to in writing, software
|
|||
/// distributed under the License is distributed on an "AS IS" BASIS,
|
|||
/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|||
/// See the License for the specific language governing permissions and
|
|||
/// limitations under the License.
|
|||
///
|
|||
|
|||
import { |
|||
AndroidConfig, |
|||
BadgePosition, |
|||
BadgeStyle, |
|||
IosConfig, |
|||
QRCodeConfig |
|||
} from '@shared/models/mobile-app.models'; |
|||
|
|||
export type MobileAppQrCodeWidgetSettings = { |
|||
useDefaultApp: boolean; |
|||
androidConfig: AndroidConfig; |
|||
iosConfig: IosConfig; |
|||
qrCodeConfig: Omit<QRCodeConfig, 'showOnHomePage'>; |
|||
} |
|||
|
|||
export const mobileAppQrCodeWidgetDefaultSettings: MobileAppQrCodeWidgetSettings = { |
|||
useDefaultApp: true, |
|||
androidConfig: { |
|||
enabled: true, |
|||
appPackage: '', |
|||
sha256CertFingerprints: '' |
|||
}, |
|||
iosConfig: { |
|||
enabled: true, |
|||
appId: '' |
|||
}, |
|||
qrCodeConfig: { |
|||
badgeEnabled: true, |
|||
badgeStyle: BadgeStyle.ORIGINAL, |
|||
badgePosition: BadgePosition.RIGHT, |
|||
qrCodeLabelEnabled: true, |
|||
qrCodeLabel: 'Scan to connect or download mobile app' |
|||
} |
|||
} |
|||
@ -0,0 +1,130 @@ |
|||
<!-- |
|||
|
|||
Copyright © 2016-2024 The Thingsboard Authors |
|||
|
|||
Licensed under the Apache License, Version 2.0 (the "License"); |
|||
you may not use this file except in compliance with the License. |
|||
You may obtain a copy of the License at |
|||
|
|||
http://www.apache.org/licenses/LICENSE-2.0 |
|||
|
|||
Unless required by applicable law or agreed to in writing, software |
|||
distributed under the License is distributed on an "AS IS" BASIS, |
|||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
See the License for the specific language governing permissions and |
|||
limitations under the License. |
|||
|
|||
--> |
|||
<section class="tb-widget-settings tb-form-panel no-border no-padding" [formGroup]="mobileAppQRCodeWidgetSettingsForm" fxLayout="column"> |
|||
<div class="tb-form-panel"> |
|||
<div fxLayout="row" fxLayoutAlign="space-between center"> |
|||
<div class="tb-form-panel-title" translate>admin.mobile-app.applications</div> |
|||
<tb-toggle-select formControlName="useDefaultApp"> |
|||
<tb-toggle-option [value]="true">{{ 'admin.mobile-app.default' | translate }}</tb-toggle-option> |
|||
<tb-toggle-option [value]="false">{{ 'admin.mobile-app.custom' | translate }}</tb-toggle-option> |
|||
</tb-toggle-select> |
|||
</div> |
|||
<div class="tb-form-panel stroked no-padding no-gap" formGroupName="androidConfig"> |
|||
<div class="tb-form-row no-border no-padding-bottom"> |
|||
<mat-slide-toggle class="mat-slide" formControlName="enabled" (click)="$event.stopPropagation()"> |
|||
{{ 'admin.mobile-app.android' | translate }} |
|||
</mat-slide-toggle> |
|||
</div> |
|||
<div class="tb-form-panel no-border no-padding-top" |
|||
*ngIf="!mobileAppQRCodeWidgetSettingsForm.get('useDefaultApp').value && mobileAppQRCodeWidgetSettingsForm.get('androidConfig.enabled').value"> |
|||
<div class="tb-form-row column-xs"> |
|||
<div class="tb-fixed-width">{{ 'admin.mobile-app.app-package-name' | translate }}</div> |
|||
<mat-form-field class="flex" appearance="outline" subscriptSizing="dynamic"> |
|||
<input matInput formControlName="appPackage" placeholder="{{'admin.mobile-app.set' | translate}}"> |
|||
<mat-icon matSuffix |
|||
matTooltipPosition="above" |
|||
matTooltipClass="tb-error-tooltip" |
|||
[matTooltip]="'admin.mobile-app.app-package-name-required' | translate" |
|||
*ngIf="mobileAppQRCodeWidgetSettingsForm.get('androidConfig.appPackage').hasError('required') |
|||
&& mobileAppQRCodeWidgetSettingsForm.get('androidConfig.appPackage').touched" |
|||
class="tb-error"> |
|||
warning |
|||
</mat-icon> |
|||
</mat-form-field> |
|||
</div> |
|||
</div> |
|||
<div class="tb-form-panel no-border no-padding-top" |
|||
*ngIf="!mobileAppQRCodeWidgetSettingsForm.get('useDefaultApp').value && mobileAppQRCodeWidgetSettingsForm.get('androidConfig.enabled').value"> |
|||
<div class="tb-form-row column-xs"> |
|||
<div class="tb-fixed-width">{{ 'admin.mobile-app.sha256-certificate-fingerprints' | translate }}</div> |
|||
<mat-form-field class="flex" appearance="outline" subscriptSizing="dynamic"> |
|||
<input matInput formControlName="sha256CertFingerprints" placeholder="{{'admin.mobile-app.set' | translate}}"> |
|||
<mat-icon matSuffix |
|||
matTooltipPosition="above" |
|||
matTooltipClass="tb-error-tooltip" |
|||
[matTooltip]="'admin.mobile-app.sha256-certificate-fingerprints-required' | translate" |
|||
*ngIf="mobileAppQRCodeWidgetSettingsForm.get('androidConfig.sha256CertFingerprints').hasError('required') |
|||
&& mobileAppQRCodeWidgetSettingsForm.get('androidConfig.sha256CertFingerprints').touched" |
|||
class="tb-error"> |
|||
warning |
|||
</mat-icon> |
|||
</mat-form-field> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="tb-form-panel stroked no-padding no-gap" formGroupName="iosConfig"> |
|||
<div class="tb-form-row no-border no-padding-bottom"> |
|||
<mat-slide-toggle class="mat-slide" formControlName="enabled" (click)="$event.stopPropagation()"> |
|||
{{ 'admin.mobile-app.ios' | translate }} |
|||
</mat-slide-toggle> |
|||
</div> |
|||
<div class="tb-form-panel no-border no-padding-top" |
|||
*ngIf="!mobileAppQRCodeWidgetSettingsForm.get('useDefaultApp').value && mobileAppQRCodeWidgetSettingsForm.get('iosConfig.enabled').value"> |
|||
<div class="tb-form-row column-xs"> |
|||
<div class="tb-fixed-width">{{ 'admin.mobile-app.app-id' | translate }}</div> |
|||
<mat-form-field class="flex" appearance="outline" subscriptSizing="dynamic"> |
|||
<input matInput formControlName="appId" placeholder="{{'admin.mobile-app.set' | translate}}"> |
|||
<mat-icon matSuffix |
|||
matTooltipPosition="above" |
|||
matTooltipClass="tb-error-tooltip" |
|||
[matTooltip]="'admin.mobile-app.app-id-required' | translate" |
|||
*ngIf="mobileAppQRCodeWidgetSettingsForm.get('iosConfig.appId').hasError('required') |
|||
&& mobileAppQRCodeWidgetSettingsForm.get('iosConfig.appId').touched" |
|||
class="tb-error"> |
|||
warning |
|||
</mat-icon> |
|||
</mat-form-field> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="tb-form-panel" formGroupName="qrCodeConfig"> |
|||
<div class="tb-form-panel stroked no-padding no-gap"> |
|||
<div class="tb-form-row space-between no-border no-padding-bottom column-xs"> |
|||
<mat-slide-toggle class="mat-slide tb-fixed-width" formControlName="badgeEnabled" |
|||
(click)="$event.stopPropagation()"> |
|||
{{ 'admin.mobile-app.badges' | translate }} |
|||
</mat-slide-toggle> |
|||
<mat-form-field class="flex" appearance="outline" subscriptSizing="dynamic"> |
|||
<mat-select formControlName="badgeStyle" appearance="outline" subscriptSizing="dynamic"> |
|||
<mat-option *ngFor="let badgeStyle of badgeStyleTranslationsMap | keyvalue" [value]="badgeStyle.key"> |
|||
{{ badgeStyle.value | translate }} |
|||
</mat-option> |
|||
</mat-select> |
|||
</mat-form-field> |
|||
<mat-form-field class="flex" appearance="outline" subscriptSizing="dynamic"> |
|||
<mat-select formControlName="badgePosition" appearance="outline" subscriptSizing="dynamic"> |
|||
<mat-option *ngFor="let badgePosition of badgePositionTranslationsMap | keyvalue" [value]="badgePosition.key"> |
|||
{{ badgePosition.value | translate }} |
|||
</mat-option> |
|||
</mat-select> |
|||
</mat-form-field> |
|||
</div> |
|||
</div> |
|||
<div class="tb-form-panel stroked no-padding no-gap"> |
|||
<div class="tb-form-row space-between no-border no-padding-bottom column-xs"> |
|||
<mat-slide-toggle class="mat-slide tb-fixed-width" formControlName="qrCodeLabelEnabled" (click)="$event.stopPropagation()"> |
|||
{{ 'admin.mobile-app.label' | translate }} |
|||
</mat-slide-toggle> |
|||
<mat-form-field class="flex" appearance="outline" subscriptSizing="dynamic"> |
|||
<input matInput formControlName="qrCodeLabel" maxlength="50" placeholder="{{'admin.mobile-app.set' | translate}}"> |
|||
</mat-form-field> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
@ -0,0 +1,19 @@ |
|||
/** |
|||
* Copyright © 2016-2024 The Thingsboard Authors |
|||
* |
|||
* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0 |
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
|
|||
.tb-fixed-width { |
|||
min-width: 230px; |
|||
} |
|||
@ -0,0 +1,156 @@ |
|||
///
|
|||
/// Copyright © 2016-2024 The Thingsboard Authors
|
|||
///
|
|||
/// Licensed under the Apache License, Version 2.0 (the "License");
|
|||
/// you may not use this file except in compliance with the License.
|
|||
/// You may obtain a copy of the License at
|
|||
///
|
|||
/// http://www.apache.org/licenses/LICENSE-2.0
|
|||
///
|
|||
/// Unless required by applicable law or agreed to in writing, software
|
|||
/// distributed under the License is distributed on an "AS IS" BASIS,
|
|||
/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|||
/// See the License for the specific language governing permissions and
|
|||
/// limitations under the License.
|
|||
///
|
|||
|
|||
import { Component } from "@angular/core"; |
|||
import { UntypedFormBuilder, UntypedFormGroup, Validators } from "@angular/forms"; |
|||
import { WidgetSettings, WidgetSettingsComponent } from "@shared/models/widget.models"; |
|||
import { AppState } from '@core/core.state'; |
|||
import { Store } from "@ngrx/store"; |
|||
import { badgePositionTranslationsMap, badgeStyleTranslationsMap } from '@shared/models/mobile-app.models'; |
|||
import { mobileAppQrCodeWidgetDefaultSettings } from '@home/components/widget/lib/cards/mobile-app-qr-code-widge.models'; |
|||
|
|||
@Component({ |
|||
selector: 'tb-mobile-app-qr-code-widget-settings', |
|||
templateUrl: './mobile-app-qr-code-widget-settings.component.html', |
|||
styleUrls: ['/mobile-app-qr-code-widget-settings.component.scss', './../widget-settings.scss'] |
|||
}) |
|||
export class MobileAppQrCodeWidgetSettingsComponent extends WidgetSettingsComponent { |
|||
|
|||
mobileAppQRCodeWidgetSettingsForm: UntypedFormGroup; |
|||
|
|||
badgePositionTranslationsMap = badgePositionTranslationsMap; |
|||
badgeStyleTranslationsMap = badgeStyleTranslationsMap; |
|||
|
|||
constructor(protected store: Store<AppState>, |
|||
private fb: UntypedFormBuilder) { |
|||
super(store); |
|||
} |
|||
|
|||
protected settingsForm(): UntypedFormGroup { |
|||
return this.mobileAppQRCodeWidgetSettingsForm; |
|||
} |
|||
|
|||
protected defaultSettings(): WidgetSettings { |
|||
return {...mobileAppQrCodeWidgetDefaultSettings}; |
|||
} |
|||
|
|||
protected onSettingsSet(settings: WidgetSettings) { |
|||
this.mobileAppQRCodeWidgetSettingsForm = this.fb.group({ |
|||
useDefaultApp: [settings.useDefaultApp, []], |
|||
androidConfig: this.fb.group({ |
|||
enabled: [settings.androidConfig.enabled, []], |
|||
appPackage: [settings.androidConfig.appPackage, []], |
|||
sha256CertFingerprints: [settings.androidConfig.sha256CertFingerprints, []] |
|||
}), |
|||
iosConfig: this.fb.group({ |
|||
enabled: [settings.iosConfig.enabled, []], |
|||
appId: [settings.iosConfig.appId, []] |
|||
}), |
|||
qrCodeConfig: this.fb.group({ |
|||
badgeEnabled: [settings.qrCodeConfig.badgeEnabled, []], |
|||
badgeStyle: [{value: settings.qrCodeConfig.badgeStyle, disabled: true}, []], |
|||
badgePosition: [{value: settings.qrCodeConfig.badgePosition, disabled: true}, []], |
|||
qrCodeLabelEnabled: [settings.qrCodeConfig.qrCodeLabelEnabled, []], |
|||
qrCodeLabel: [settings.qrCodeConfig.qrCodeLabel, []] |
|||
}) |
|||
}); |
|||
} |
|||
|
|||
protected validatorTriggers(): string[] { |
|||
return ['useDefaultApp', 'androidConfig.enabled', 'iosConfig.enabled', 'qrCodeConfig.badgeEnabled', 'qrCodeConfig.qrCodeLabelEnabled']; |
|||
} |
|||
|
|||
protected updateValidators(emitEvent: boolean) { |
|||
const useDefaultApp = this.mobileAppQRCodeWidgetSettingsForm.get('useDefaultApp').value; |
|||
const androidEnabled = this.mobileAppQRCodeWidgetSettingsForm.get('androidConfig.enabled').value; |
|||
const iosEnabled = this.mobileAppQRCodeWidgetSettingsForm.get('iosConfig.enabled').value; |
|||
const badgeEnabled = this.mobileAppQRCodeWidgetSettingsForm.get('qrCodeConfig.badgeEnabled').value; |
|||
const qrCodeLabelEnabled = this.mobileAppQRCodeWidgetSettingsForm.get('qrCodeConfig.qrCodeLabelEnabled').value; |
|||
|
|||
if (useDefaultApp) { |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('androidConfig.appPackage').clearValidators(); |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('androidConfig.sha256CertFingerprints').clearValidators(); |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('iosConfig.appId').clearValidators(); |
|||
} else { |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('androidConfig.appPackage').setValidators([Validators.required]); |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('androidConfig.sha256CertFingerprints').setValidators([Validators.required]); |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('iosConfig.appId').setValidators([Validators.required]); |
|||
} |
|||
|
|||
if (androidEnabled) { |
|||
if (!useDefaultApp) { |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('androidConfig.appPackage').setValidators([Validators.required]); |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('androidConfig.sha256CertFingerprints').setValidators([Validators.required]); |
|||
} |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('qrCodeConfig.badgeEnabled').enable({emitEvent: false}); |
|||
if (badgeEnabled) { |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('qrCodeConfig.badgeStyle').enable(); |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('qrCodeConfig.badgePosition').enable(); |
|||
} |
|||
} else { |
|||
if (!useDefaultApp) { |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('androidConfig.appPackage').clearValidators(); |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('androidConfig.sha256CertFingerprints').clearValidators(); |
|||
} |
|||
if (!iosEnabled) { |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('qrCodeConfig.badgeEnabled').disable({emitEvent: false}); |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('qrCodeConfig.badgeStyle').disable(); |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('qrCodeConfig.badgePosition').disable(); |
|||
} |
|||
} |
|||
|
|||
if (iosEnabled) { |
|||
if (!useDefaultApp) { |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('iosConfig.appId').setValidators([Validators.required]); |
|||
} |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('qrCodeConfig.badgeEnabled').enable({emitEvent: false}); |
|||
if (badgeEnabled) { |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('qrCodeConfig.badgeStyle').enable(); |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('qrCodeConfig.badgePosition').enable(); |
|||
} |
|||
} else { |
|||
if (!useDefaultApp) { |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('iosConfig.appId').clearValidators(); |
|||
} |
|||
if (!androidEnabled) { |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('qrCodeConfig.badgeEnabled').disable({emitEvent: false}); |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('qrCodeConfig.badgeStyle').disable(); |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('qrCodeConfig.badgePosition').disable(); |
|||
} |
|||
} |
|||
|
|||
if (badgeEnabled) { |
|||
if (androidEnabled || iosEnabled) { |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('qrCodeConfig.badgeStyle').enable(); |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('qrCodeConfig.badgePosition').enable(); |
|||
} |
|||
} else { |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('qrCodeConfig.badgeStyle').disable(); |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('qrCodeConfig.badgePosition').disable(); |
|||
} |
|||
|
|||
if (qrCodeLabelEnabled) { |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('qrCodeConfig.qrCodeLabel').enable(); |
|||
} else { |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('qrCodeConfig.qrCodeLabel').disable(); |
|||
} |
|||
|
|||
this.mobileAppQRCodeWidgetSettingsForm.get('androidConfig.appPackage').updateValueAndValidity({emitEvent}); |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('androidConfig.sha256CertFingerprints').updateValueAndValidity({emitEvent}); |
|||
this.mobileAppQRCodeWidgetSettingsForm.get('iosConfig.appId').updateValueAndValidity({emitEvent}); |
|||
} |
|||
|
|||
} |
|||
Loading…
Reference in new issue