Vladyslav_Prykhodko
2 years ago
31 changed files with 1008 additions and 421 deletions
@ -1,143 +0,0 @@ |
|||||
///
|
|
||||
/// 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 { Injectable } from '@angular/core'; |
|
||||
import { ActivatedRouteSnapshot } from '@angular/router'; |
|
||||
import { |
|
||||
CellActionDescriptorType, |
|
||||
DateEntityTableColumn, |
|
||||
EntityActionTableColumn, |
|
||||
EntityChipsEntityTableColumn, |
|
||||
EntityTableColumn, |
|
||||
EntityTableConfig |
|
||||
} from '@home/models/entity/entities-table-config.models'; |
|
||||
import { MobileApp, MobileAppInfo } from '@shared/models/oauth2.models'; |
|
||||
import { TranslateService } from '@ngx-translate/core'; |
|
||||
import { DatePipe } from '@angular/common'; |
|
||||
import { EntityType, entityTypeResources, entityTypeTranslations } from '@shared/models/entity-type.models'; |
|
||||
import { isEqual } from '@core/utils'; |
|
||||
import { Direction } from '@app/shared/models/page/sort-order'; |
|
||||
import { MobileAppService } from '@core/http/mobile-app.service'; |
|
||||
import { MobileAppComponent } from '@home/pages/admin/oauth2/mobile-apps/mobile-app.component'; |
|
||||
import { MobileAppTableHeaderComponent } from '@home/pages/admin/oauth2/mobile-apps/mobile-app-table-header.component'; |
|
||||
import { map, Observable, of, mergeMap } from 'rxjs'; |
|
||||
|
|
||||
@Injectable() |
|
||||
export class MobileAppTableConfigResolver { |
|
||||
|
|
||||
private readonly config: EntityTableConfig<MobileAppInfo> = new EntityTableConfig<MobileAppInfo>(); |
|
||||
|
|
||||
constructor(private translate: TranslateService, |
|
||||
private datePipe: DatePipe, |
|
||||
private mobileAppService: MobileAppService) { |
|
||||
this.config.tableTitle = this.translate.instant('admin.oauth2.mobile-apps'); |
|
||||
this.config.selectionEnabled = false; |
|
||||
this.config.entityType = EntityType.MOBILE_APP; |
|
||||
this.config.rowPointer = true; |
|
||||
this.config.entityTranslations = entityTypeTranslations.get(EntityType.MOBILE_APP); |
|
||||
this.config.entityResources = entityTypeResources.get(EntityType.MOBILE_APP); |
|
||||
this.config.entityComponent = MobileAppComponent; |
|
||||
this.config.headerComponent = MobileAppTableHeaderComponent; |
|
||||
this.config.addDialogStyle = {width: '850px', maxHeight: '100vh'}; |
|
||||
this.config.defaultSortOrder = {property: 'createdTime', direction: Direction.DESC}; |
|
||||
|
|
||||
this.config.columns.push( |
|
||||
new DateEntityTableColumn<MobileAppInfo>('createdTime', 'common.created-time', this.datePipe, '170px'), |
|
||||
new EntityTableColumn<MobileAppInfo>('pkgName', 'admin.oauth2.mobile-package', '170px'), |
|
||||
new EntityTableColumn<MobileAppInfo>('appSecret', 'admin.oauth2.mobile-app-secret', '350px', |
|
||||
(entity) => entity.appSecret ? this.appSecretText(entity) : '', () => ({}), |
|
||||
false, () => ({}), () => undefined, false, |
|
||||
{ |
|
||||
name: this.translate.instant('admin.oauth2.copy-mobile-app-secret'), |
|
||||
icon: 'content_copy', |
|
||||
style: { |
|
||||
padding: '4px', |
|
||||
'font-size': '16px', |
|
||||
color: 'rgba(0,0,0,.87)' |
|
||||
}, |
|
||||
isEnabled: (entity) => !!entity.appSecret, |
|
||||
onAction: ($event, entity) => entity.appSecret, |
|
||||
type: CellActionDescriptorType.COPY_BUTTON |
|
||||
}), |
|
||||
new EntityChipsEntityTableColumn<MobileAppInfo>('oauth2ClientInfos', 'admin.oauth2.clients', '20%'), |
|
||||
new EntityActionTableColumn('oauth2Enabled', 'admin.oauth2.enable', |
|
||||
{ |
|
||||
name: '', |
|
||||
nameFunction: (app) => |
|
||||
this.translate.instant(app.oauth2Enabled ? 'admin.oauth2.disable' : 'admin.oauth2.enable'), |
|
||||
icon: 'mdi:toggle-switch', |
|
||||
iconFunction: (entity) => entity.oauth2Enabled ? 'mdi:toggle-switch' : 'mdi:toggle-switch-off-outline', |
|
||||
isEnabled: () => true, |
|
||||
onAction: ($event, entity) => this.toggleEnableOAuth($event, entity) |
|
||||
}) |
|
||||
); |
|
||||
|
|
||||
this.config.deleteEntityTitle = (app) => this.translate.instant('admin.oauth2.delete-mobile-app-title', {applicationName: app.pkgName}); |
|
||||
this.config.deleteEntityContent = () => this.translate.instant('admin.oauth2.delete-mobile-app-text'); |
|
||||
this.config.entitiesFetchFunction = pageLink => this.mobileAppService.getTenantMobileAppInfos(pageLink); |
|
||||
this.config.loadEntity = id => this.mobileAppService.getMobileAppInfoById(id.id); |
|
||||
this.config.saveEntity = (mobileApp, originalMobileApp) => { |
|
||||
const clientsIds = mobileApp.oauth2ClientInfos as Array<string> || []; |
|
||||
let clientsTask: Observable<void>; |
|
||||
if (mobileApp.id && !isEqual(mobileApp.oauth2ClientInfos?.sort(), |
|
||||
originalMobileApp.oauth2ClientInfos?.map(info => info.id ? info.id.id : info).sort())) { |
|
||||
clientsTask = this.mobileAppService.updateOauth2Clients(mobileApp.id.id, clientsIds); |
|
||||
} else { |
|
||||
clientsTask = of(null); |
|
||||
} |
|
||||
delete mobileApp.oauth2ClientInfos; |
|
||||
return clientsTask.pipe( |
|
||||
mergeMap(() => this.mobileAppService.saveMobileApp(mobileApp as MobileApp, mobileApp.id ? [] : clientsIds)), |
|
||||
map(savedMobileApp => { |
|
||||
(savedMobileApp as MobileAppInfo).oauth2ClientInfos = clientsIds; |
|
||||
return savedMobileApp; |
|
||||
}) |
|
||||
); |
|
||||
}; |
|
||||
this.config.deleteEntity = id => this.mobileAppService.deleteMobileApp(id.id); |
|
||||
} |
|
||||
|
|
||||
resolve(route: ActivatedRouteSnapshot): EntityTableConfig<MobileAppInfo> { |
|
||||
return this.config; |
|
||||
} |
|
||||
|
|
||||
private toggleEnableOAuth($event: Event, mobileApp: MobileAppInfo): void { |
|
||||
if ($event) { |
|
||||
$event.stopPropagation(); |
|
||||
} |
|
||||
|
|
||||
const modifiedMobileApp: MobileAppInfo = { |
|
||||
...mobileApp, |
|
||||
oauth2Enabled: !mobileApp.oauth2Enabled |
|
||||
}; |
|
||||
|
|
||||
this.mobileAppService.saveMobileApp(modifiedMobileApp, mobileApp.oauth2ClientInfos.map(clientInfo => clientInfo.id.id), |
|
||||
{ignoreLoading: true}) |
|
||||
.subscribe((result) => { |
|
||||
mobileApp.oauth2Enabled = result.oauth2Enabled; |
|
||||
this.config.getTable().detectChanges(); |
|
||||
}); |
|
||||
} |
|
||||
|
|
||||
private appSecretText(entity): string { |
|
||||
let text = entity.appSecret; |
|
||||
if (text.length > 35) { |
|
||||
text = `${text.slice(0, 35)}…`; |
|
||||
} |
|
||||
return text; |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
@ -1,76 +0,0 @@ |
|||||
<!-- |
|
||||
|
|
||||
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-form-panel no-border" [class.no-padding]="isAdd" [formGroup]="entityForm"> |
|
||||
<div class="tb-form-row tb-standard-fields no-border no-padding"> |
|
||||
<mat-form-field class="flex" floatLabel="always" subscriptSizing="dynamic"> |
|
||||
<mat-label translate>admin.oauth2.mobile-package</mat-label> |
|
||||
<input matInput formControlName="pkgName" |
|
||||
placeholder="{{ 'admin.oauth2.mobile-package-placeholder' | translate }}" required> |
|
||||
<mat-hint translate>admin.oauth2.mobile-package-hint</mat-hint> |
|
||||
<mat-error *ngIf="entityForm.hasError('unique')"> |
|
||||
{{ 'admin.oauth2.mobile-package-unique' | translate }} |
|
||||
</mat-error> |
|
||||
<mat-error *ngIf="entityForm.get('pkgName').hasError('maxlength')"> |
|
||||
{{ 'admin.oauth2.mobile-package-max-length' | translate }} |
|
||||
</mat-error> |
|
||||
<mat-error *ngIf="entityForm.get('pkgName').hasError('pattern')"> |
|
||||
{{ 'admin.oauth2.mobile-package-spaces' | translate }} |
|
||||
</mat-error> |
|
||||
</mat-form-field> |
|
||||
</div> |
|
||||
<div class="tb-form-row tb-standard-fields no-border no-padding"> |
|
||||
<mat-form-field class="flex" floatLabel="always" subscriptSizing="dynamic"> |
|
||||
<mat-label translate>admin.oauth2.mobile-app-secret</mat-label> |
|
||||
<input matInput formControlName="appSecret" required> |
|
||||
<tb-copy-button |
|
||||
matSuffix |
|
||||
miniButton="false" |
|
||||
color="primary" |
|
||||
[copyText]="entityForm.get('appSecret').value" |
|
||||
tooltipText="{{ 'admin.oauth2.copy-mobile-app-secret' | translate }}" |
|
||||
tooltipPosition="above" |
|
||||
icon="content_copy"> |
|
||||
</tb-copy-button> |
|
||||
<mat-hint translate>admin.oauth2.mobile-app-secret-hint</mat-hint> |
|
||||
<mat-error *ngIf="entityForm.get('appSecret').hasError('required')"> |
|
||||
{{ 'admin.oauth2.mobile-app-secret-required' | translate }} |
|
||||
</mat-error> |
|
||||
<mat-error *ngIf="entityForm.get('appSecret').hasError('base64')"> |
|
||||
{{ 'admin.oauth2.mobile-app-secret-min-length' | translate }} |
|
||||
</mat-error> |
|
||||
<mat-error *ngIf="entityForm.get('appSecret').hasError('minLength')"> |
|
||||
{{ 'admin.oauth2.mobile-app-secret-base64' | translate }} |
|
||||
</mat-error> |
|
||||
</mat-form-field> |
|
||||
</div> |
|
||||
<div class="tb-form-row no-border no-padding"> |
|
||||
<mat-slide-toggle class="mat-slide" formControlName="oauth2Enabled"> |
|
||||
{{ 'admin.oauth2.enable' | translate }} |
|
||||
</mat-slide-toggle> |
|
||||
</div> |
|
||||
<tb-entity-list [entityType]="entityType.OAUTH2_CLIENT" formControlName="oauth2ClientInfos" |
|
||||
labelText="{{ 'admin.oauth2.clients' | translate }}" |
|
||||
placeholderText="{{ 'admin.oauth2.add-client' | translate }}"> |
|
||||
<button mat-button color="primary" matSuffix |
|
||||
[disabled]="!isEdit" |
|
||||
(click)="createClient($event)"> |
|
||||
<span style="white-space: nowrap">{{ 'admin.oauth2.create-new' | translate }}</span> |
|
||||
</button> |
|
||||
</tb-entity-list> |
|
||||
</section> |
|
||||
|
|
||||
@ -1,106 +0,0 @@ |
|||||
///
|
|
||||
/// 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 { ChangeDetectorRef, Component, Inject } from '@angular/core'; |
|
||||
import { EntityComponent } from '@home/components/entity/entity.component'; |
|
||||
import { MobileAppInfo } from '@shared/models/oauth2.models'; |
|
||||
import { AppState } from '@core/core.state'; |
|
||||
import { EntityTableConfig } from '@home/models/entity/entities-table-config.models'; |
|
||||
import { TranslateService } from '@ngx-translate/core'; |
|
||||
import { Store } from '@ngrx/store'; |
|
||||
import { UntypedFormBuilder, UntypedFormControl, UntypedFormGroup, Validators } from '@angular/forms'; |
|
||||
import { isDefinedAndNotNull, randomAlphanumeric } from '@core/utils'; |
|
||||
import { MatDialog } from '@angular/material/dialog'; |
|
||||
import { ClientDialogComponent } from '@home/pages/admin/oauth2/clients/client-dialog.component'; |
|
||||
import { EntityType } from '@shared/models/entity-type.models'; |
|
||||
|
|
||||
@Component({ |
|
||||
selector: 'tb-mobile-app', |
|
||||
templateUrl: './mobile-app.component.html', |
|
||||
styleUrls: [] |
|
||||
}) |
|
||||
export class MobileAppComponent extends EntityComponent<MobileAppInfo> { |
|
||||
|
|
||||
entityType = EntityType; |
|
||||
|
|
||||
constructor(protected store: Store<AppState>, |
|
||||
protected translate: TranslateService, |
|
||||
@Inject('entity') protected entityValue: MobileAppInfo, |
|
||||
@Inject('entitiesTableConfig') protected entitiesTableConfigValue: EntityTableConfig<MobileAppInfo>, |
|
||||
protected cd: ChangeDetectorRef, |
|
||||
public fb: UntypedFormBuilder, |
|
||||
private dialog: MatDialog) { |
|
||||
super(store, fb, entityValue, entitiesTableConfigValue, cd); |
|
||||
} |
|
||||
|
|
||||
buildForm(entity: MobileAppInfo): UntypedFormGroup { |
|
||||
return this.fb.group({ |
|
||||
pkgName: [entity?.pkgName ? entity.pkgName : '', [Validators.required, Validators.maxLength(255), |
|
||||
Validators.pattern(/^\S+$/)]], |
|
||||
appSecret: [entity?.appSecret ? entity.appSecret : btoa(randomAlphanumeric(64)), |
|
||||
[Validators.required, this.base64Format]], |
|
||||
oauth2Enabled: isDefinedAndNotNull(entity?.oauth2Enabled) ? entity.oauth2Enabled : true, |
|
||||
oauth2ClientInfos: entity?.oauth2ClientInfos ? entity.oauth2ClientInfos.map(info => info.id.id) : [] |
|
||||
}); |
|
||||
} |
|
||||
|
|
||||
updateForm(entity: MobileAppInfo) { |
|
||||
this.entityForm.patchValue({ |
|
||||
pkgName: entity.pkgName, |
|
||||
appSecret: entity.appSecret, |
|
||||
oauth2Enabled: entity.oauth2Enabled, |
|
||||
oauth2ClientInfos: entity.oauth2ClientInfos?.map(info => info.id ? info.id.id : info) |
|
||||
}); |
|
||||
} |
|
||||
|
|
||||
createClient($event: Event) { |
|
||||
if ($event) { |
|
||||
$event.stopPropagation(); |
|
||||
$event.preventDefault(); |
|
||||
} |
|
||||
this.dialog.open<ClientDialogComponent>(ClientDialogComponent, { |
|
||||
disableClose: true, |
|
||||
panelClass: ['tb-dialog', 'tb-fullscreen-dialog'], |
|
||||
data: {} |
|
||||
}).afterClosed() |
|
||||
.subscribe((client) => { |
|
||||
if (client) { |
|
||||
const formValue = this.entityForm.get('oauth2ClientInfos').value ? |
|
||||
[...this.entityForm.get('oauth2ClientInfos').value] : []; |
|
||||
formValue.push(client.id.id); |
|
||||
this.entityForm.get('oauth2ClientInfos').patchValue(formValue); |
|
||||
this.entityForm.get('oauth2ClientInfos').markAsDirty(); |
|
||||
} |
|
||||
}); |
|
||||
} |
|
||||
|
|
||||
private base64Format(control: UntypedFormControl): { [key: string]: boolean } | null { |
|
||||
if (control.value === '') { |
|
||||
return null; |
|
||||
} |
|
||||
try { |
|
||||
const value = atob(control.value); |
|
||||
if (value.length < 64) { |
|
||||
return {minLength: true}; |
|
||||
} |
|
||||
return null; |
|
||||
} catch (e) { |
|
||||
return {base64: true}; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
@ -0,0 +1,84 @@ |
|||||
|
///
|
||||
|
/// 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 { NgModule } from '@angular/core'; |
||||
|
import { RouterModule, Routes } from '@angular/router'; |
||||
|
import { Authority } from '@shared/models/authority.enum'; |
||||
|
import { MenuId } from '@core/services/menu.models'; |
||||
|
import { EntitiesTableComponent } from '@home/components/entity/entities-table.component'; |
||||
|
import { MobileAppTableConfigResolver } from '@home/pages/mobile/applications/mobile-app-table-config.resolver'; |
||||
|
import { DevicesTableConfigResolver } from '@home/pages/device/devices-table-config.resolver'; |
||||
|
import { EntityDetailsPageComponent } from '@home/components/entity/entity-details-page.component'; |
||||
|
import { ConfirmOnExitGuard } from '@core/guards/confirm-on-exit.guard'; |
||||
|
import { entityDetailsPageBreadcrumbLabelFunction } from '@home/pages/home-pages.models'; |
||||
|
import { BreadCrumbConfig } from '@shared/components/breadcrumb'; |
||||
|
|
||||
|
export const applicationsRoutes: Routes = [ |
||||
|
{ |
||||
|
path: 'applications', |
||||
|
data: { |
||||
|
breadcrumb: { |
||||
|
menuId: MenuId.mobile_apps |
||||
|
} |
||||
|
}, |
||||
|
children: [ |
||||
|
{ |
||||
|
path: '', |
||||
|
component: EntitiesTableComponent, |
||||
|
data: { |
||||
|
auth: [Authority.TENANT_ADMIN, Authority.SYS_ADMIN], |
||||
|
title: 'mobile.applications', |
||||
|
}, |
||||
|
resolve: { |
||||
|
entitiesTableConfig: MobileAppTableConfigResolver |
||||
|
} |
||||
|
}, |
||||
|
{ |
||||
|
path: ':entityId', |
||||
|
component: EntityDetailsPageComponent, |
||||
|
canDeactivate: [ConfirmOnExitGuard], |
||||
|
data: { |
||||
|
breadcrumb: { |
||||
|
labelFunction: entityDetailsPageBreadcrumbLabelFunction, |
||||
|
icon: 'list' |
||||
|
} as BreadCrumbConfig<EntityDetailsPageComponent>, |
||||
|
auth: [Authority.TENANT_ADMIN, Authority.SYS_ADMIN], |
||||
|
title: 'mobile.applications', |
||||
|
}, |
||||
|
resolve: { |
||||
|
entitiesTableConfig: MobileAppTableConfigResolver |
||||
|
} |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
]; |
||||
|
|
||||
|
const routes: Routes = [ |
||||
|
{ |
||||
|
path: 'security-settings/oauth2/mobile-applications', |
||||
|
pathMatch: 'full', |
||||
|
redirectTo: '/mobile-center/applications' |
||||
|
} |
||||
|
]; |
||||
|
|
||||
|
@NgModule({ |
||||
|
providers: [ |
||||
|
MobileAppTableConfigResolver |
||||
|
], |
||||
|
imports: [RouterModule.forChild(routes)], |
||||
|
exports: [RouterModule] |
||||
|
}) |
||||
|
export class ApplicationsRoutingModule { } |
||||
@ -0,0 +1,37 @@ |
|||||
|
///
|
||||
|
/// 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 { NgModule } from '@angular/core'; |
||||
|
import { MobileAppComponent } from '@home/pages/mobile/applications/mobile-app.component'; |
||||
|
import { MobileAppTableHeaderComponent } from '@home/pages/mobile/applications/mobile-app-table-header.component'; |
||||
|
import { CommonModule } from '@angular/common'; |
||||
|
import { SharedModule } from '@shared/shared.module'; |
||||
|
import { HomeComponentsModule } from '@home/components/home-components.module'; |
||||
|
import { ApplicationsRoutingModule } from '@home/pages/mobile/applications/applications-routing.module'; |
||||
|
|
||||
|
@NgModule({ |
||||
|
declarations: [ |
||||
|
MobileAppComponent, |
||||
|
MobileAppTableHeaderComponent |
||||
|
], |
||||
|
imports: [ |
||||
|
CommonModule, |
||||
|
SharedModule, |
||||
|
HomeComponentsModule, |
||||
|
ApplicationsRoutingModule |
||||
|
] |
||||
|
}) |
||||
|
export class ApplicationModule { } |
||||
@ -0,0 +1,151 @@ |
|||||
|
///
|
||||
|
/// 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 { Injectable } from '@angular/core'; |
||||
|
import { ActivatedRouteSnapshot } from '@angular/router'; |
||||
|
import { |
||||
|
CellActionDescriptorType, |
||||
|
DateEntityTableColumn, |
||||
|
EntityTableColumn, |
||||
|
EntityTableConfig |
||||
|
} from '@home/models/entity/entities-table-config.models'; |
||||
|
import { TranslateService } from '@ngx-translate/core'; |
||||
|
import { DatePipe } from '@angular/common'; |
||||
|
import { EntityType, entityTypeResources, entityTypeTranslations } from '@shared/models/entity-type.models'; |
||||
|
import { Direction } from '@app/shared/models/page/sort-order'; |
||||
|
import { MobileAppService } from '@core/http/mobile-app.service'; |
||||
|
import { MobileAppComponent } from '@home/pages/mobile/applications/mobile-app.component'; |
||||
|
import { MobileAppTableHeaderComponent } from '@home/pages/mobile/applications/mobile-app-table-header.component'; |
||||
|
import { MobileApp, MobileAppStatus, mobileAppStatusTranslations } from '@shared/models/mobile-app.models'; |
||||
|
import { platformTypeTranslations } from '@shared/models/oauth2.models'; |
||||
|
import { TruncatePipe } from '@shared/pipe/truncate.pipe'; |
||||
|
|
||||
|
@Injectable() |
||||
|
export class MobileAppTableConfigResolver { |
||||
|
|
||||
|
private readonly config: EntityTableConfig<MobileApp> = new EntityTableConfig<MobileApp>(); |
||||
|
|
||||
|
constructor(private translate: TranslateService, |
||||
|
private datePipe: DatePipe, |
||||
|
private mobileAppService: MobileAppService, |
||||
|
private truncatePipe: TruncatePipe) { |
||||
|
this.config.selectionEnabled = false; |
||||
|
this.config.entityType = EntityType.MOBILE_APP; |
||||
|
this.config.addEnabled = false; |
||||
|
this.config.rowPointer = true; |
||||
|
this.config.entityTranslations = entityTypeTranslations.get(EntityType.MOBILE_APP); |
||||
|
this.config.entityResources = entityTypeResources.get(EntityType.MOBILE_APP); |
||||
|
this.config.entityComponent = MobileAppComponent; |
||||
|
this.config.headerComponent = MobileAppTableHeaderComponent; |
||||
|
this.config.addDialogStyle = {width: '850px', maxHeight: '100vh'}; |
||||
|
this.config.defaultSortOrder = {property: 'createdTime', direction: Direction.DESC}; |
||||
|
|
||||
|
this.config.columns.push( |
||||
|
new DateEntityTableColumn<MobileApp>('createdTime', 'common.created-time', this.datePipe, '170px'), |
||||
|
new EntityTableColumn<MobileApp>('pkgName', 'mobile.application-package', '20%', (entity) => entity.pkgName ?? '', () => ({}), |
||||
|
false, () => ({}), () => undefined, false, |
||||
|
{ |
||||
|
name: this.translate.instant('mobile.copy-application-package'), |
||||
|
icon: 'content_copy', |
||||
|
style: { |
||||
|
padding: '4px', |
||||
|
'font-size': '16px', |
||||
|
color: 'rgba(0,0,0,.54)' |
||||
|
}, |
||||
|
isEnabled: (entity) => !!entity.pkgName, |
||||
|
onAction: (_$event, entity) => entity.pkgName, |
||||
|
type: CellActionDescriptorType.COPY_BUTTON |
||||
|
}), |
||||
|
new EntityTableColumn<MobileApp>('appSecret', 'mobile.application-secret', '15%', |
||||
|
(entity) => this.truncatePipe.transform(entity.appSecret, true, 10, '…'), () => ({}), |
||||
|
false, () => ({}), () => undefined, false, |
||||
|
{ |
||||
|
name: this.translate.instant('mobile.copy-application-secret'), |
||||
|
icon: 'content_copy', |
||||
|
style: { |
||||
|
padding: '4px', |
||||
|
'font-size': '16px', |
||||
|
color: 'rgba(0,0,0,.54)' |
||||
|
}, |
||||
|
isEnabled: (entity) => !!entity.appSecret, |
||||
|
onAction: (_$event, entity) => entity.appSecret, |
||||
|
type: CellActionDescriptorType.COPY_BUTTON |
||||
|
}), |
||||
|
new EntityTableColumn<MobileApp>('platformType', 'mobile.platform-type', '15%', |
||||
|
(entity) => this.translate.instant(platformTypeTranslations.get(entity.platformType)) |
||||
|
), |
||||
|
new EntityTableColumn<MobileApp>('status', 'mobile.status', '15%', |
||||
|
(entity) => `<span style="display: flex;">${this.mobileStatus(entity.status)}</span>`, |
||||
|
(entity)=> this.mobileStatusStyle(entity.status) |
||||
|
), |
||||
|
new EntityTableColumn<MobileApp>('minVersion', 'mobile.min-version', '15%', |
||||
|
(entity) => entity.versionInfo?.minVersion ?? '', () => ({}), false), |
||||
|
new EntityTableColumn<MobileApp>('latestVersion', 'mobile.latest-version', '15%', |
||||
|
(entity) => entity.versionInfo?.latestVersion ?? '', () => ({}), false), |
||||
|
); |
||||
|
|
||||
|
this.config.deleteEntityTitle = (app) => this.translate.instant('mobile.delete-applications-title', {applicationName: app.pkgName}); |
||||
|
this.config.deleteEntityContent = () => this.translate.instant('mobile.delete-applications-text'); |
||||
|
this.config.entitiesFetchFunction = pageLink => this.mobileAppService.getTenantMobileAppInfos(pageLink); |
||||
|
this.config.loadEntity = id => this.mobileAppService.getMobileAppInfoById(id.id); |
||||
|
this.config.saveEntity = (mobileApp) => this.mobileAppService.saveMobileApp(mobileApp); |
||||
|
this.config.deleteEntity = id => this.mobileAppService.deleteMobileApp(id.id); |
||||
|
} |
||||
|
|
||||
|
resolve(_route: ActivatedRouteSnapshot): EntityTableConfig<MobileApp> { |
||||
|
return this.config; |
||||
|
} |
||||
|
|
||||
|
private mobileStatus(status: MobileAppStatus): string { |
||||
|
const translateKey = mobileAppStatusTranslations.get(status); |
||||
|
let backgroundColor = 'rgba(25, 128, 56, 0.06)'; |
||||
|
switch (status) { |
||||
|
case MobileAppStatus.DEPRECATED: |
||||
|
backgroundColor = 'rgba(250, 164, 5, 0.06)'; |
||||
|
break; |
||||
|
case MobileAppStatus.SUSPENDED: |
||||
|
backgroundColor = 'rgba(209, 39, 48, 0.06)'; |
||||
|
break; |
||||
|
case MobileAppStatus.DRAFT: |
||||
|
backgroundColor = 'rgba(160, 160, 160, 0.06)'; |
||||
|
break; |
||||
|
} |
||||
|
return `<div style="border-radius: 14px; height: 28px; line-height: 20px; padding: 4px 10px;
|
||||
|
width: fit-content; background-color: ${backgroundColor}"> |
||||
|
${this.translate.instant(translateKey)} |
||||
|
</div>`;
|
||||
|
} |
||||
|
|
||||
|
private mobileStatusStyle(status: MobileAppStatus): object { |
||||
|
const styleObj = { |
||||
|
fontSize: '14px', |
||||
|
color: '#198038' |
||||
|
}; |
||||
|
switch (status) { |
||||
|
case MobileAppStatus.DEPRECATED: |
||||
|
styleObj.color = '#FAA405'; |
||||
|
break; |
||||
|
case MobileAppStatus.SUSPENDED: |
||||
|
styleObj.color = '#D12730'; |
||||
|
break; |
||||
|
case MobileAppStatus.DRAFT: |
||||
|
styleObj.color = '#A0A0A0'; |
||||
|
break; |
||||
|
} |
||||
|
return styleObj; |
||||
|
} |
||||
|
|
||||
|
} |
||||
@ -0,0 +1,23 @@ |
|||||
|
/** |
||||
|
* 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. |
||||
|
*/ |
||||
|
:host{ |
||||
|
width: 100000px; |
||||
|
|
||||
|
.tb-entity-title-container { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,145 @@ |
|||||
|
<!-- |
||||
|
|
||||
|
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="mat-padding" [formGroup]="entityForm" fxLayout="column"> |
||||
|
<mat-form-field appearance="outline" subscriptSizing="dynamic"> |
||||
|
<mat-label translate>mobile.mobile-package</mat-label> |
||||
|
<input matInput required formControlName="pkgName"> |
||||
|
<tb-copy-button |
||||
|
matSuffix |
||||
|
miniButton="false" |
||||
|
[copyText]="entityForm.get('pkgName').value" |
||||
|
tooltipText="{{ 'mobile.copy-application-package' | translate }}" |
||||
|
tooltipPosition="above" |
||||
|
icon="content_copy"> |
||||
|
</tb-copy-button> |
||||
|
<mat-hint> </mat-hint> |
||||
|
<mat-error *ngIf="entityForm.get('pkgName').hasError('required')"> |
||||
|
{{ 'mobile.mobile-package-required' | translate }} |
||||
|
</mat-error> |
||||
|
<mat-error *ngIf="entityForm.get('pkgName').hasError('maxlength')"> |
||||
|
{{ 'mobile.mobile-package-max-length' | translate }} |
||||
|
</mat-error> |
||||
|
<mat-error *ngIf="entityForm.get('pkgName').hasError('pattern')"> |
||||
|
{{ 'mobile.mobile-package-spaces' | translate }} |
||||
|
</mat-error> |
||||
|
</mat-form-field> |
||||
|
<mat-form-field appearance="outline" class="flex"> |
||||
|
<mat-label translate>mobile.platform-type</mat-label> |
||||
|
<mat-select formControlName="platformType"> |
||||
|
<mat-option *ngFor="let platformType of platformTypes" [value]="platformType"> |
||||
|
{{ platformTypeTranslations.get(platformType) | translate }} |
||||
|
</mat-option> |
||||
|
</mat-select> |
||||
|
</mat-form-field> |
||||
|
<mat-form-field appearance="outline" subscriptSizing="dynamic"> |
||||
|
<mat-label translate>mobile.application-secret</mat-label> |
||||
|
<input matInput required formControlName="appSecret" |
||||
|
placeholder="{{ 'mobile.set' | translate }}"> |
||||
|
<div matSuffix style="display: flex; align-items: center"> |
||||
|
<button mat-icon-button |
||||
|
type="button" |
||||
|
*ngIf="isEdit" |
||||
|
matTooltip="{{ 'mobile.generate-application-secret' | translate }}" |
||||
|
matTooltipPosition="above" |
||||
|
(click)="generateAppSecret($event)"> |
||||
|
<tb-icon>cached</tb-icon> |
||||
|
</button> |
||||
|
<tb-copy-button |
||||
|
miniButton="false" |
||||
|
[copyText]="entityForm.get('appSecret').value" |
||||
|
tooltipText="{{ 'mobile.copy-application-secret' | translate }}" |
||||
|
tooltipPosition="above" |
||||
|
icon="content_copy"> |
||||
|
</tb-copy-button> |
||||
|
</div> |
||||
|
<mat-hint> </mat-hint> |
||||
|
</mat-form-field> |
||||
|
<mat-form-field appearance="outline"> |
||||
|
<mat-label translate>mobile.status</mat-label> |
||||
|
<mat-select formControlName="status"> |
||||
|
<mat-option *ngFor="let mobileAppStatus of mobileAppStatuses" [value]="mobileAppStatus"> |
||||
|
{{ mobileAppStatusTranslations.get(mobileAppStatus) | translate }} |
||||
|
</mat-option> |
||||
|
</mat-select> |
||||
|
</mat-form-field> |
||||
|
<section class="tb-form-panel stroked no-padding-bottom" formGroupName="versionInfo" style="margin-bottom: 21px;"> |
||||
|
<div class="tb-form-panel-title" translate>mobile.version-information</div> |
||||
|
<section fxLayout="column"> |
||||
|
<mat-form-field appearance="outline"> |
||||
|
<mat-label translate>mobile.min-version</mat-label> |
||||
|
<input matInput formControlName="minVersion"> |
||||
|
</mat-form-field> |
||||
|
<mat-form-field appearance="outline"> |
||||
|
<mat-label translate>mobile.latest-version</mat-label> |
||||
|
<input matInput formControlName="latestVersion"> |
||||
|
</mat-form-field> |
||||
|
</section> |
||||
|
</section> |
||||
|
<section class="tb-form-panel stroked no-padding-bottom" formGroupName="storeInfo"> |
||||
|
<div class="tb-form-panel-title" translate>mobile.store-information</div> |
||||
|
<section fxLayout="column"> |
||||
|
<mat-form-field appearance="outline"> |
||||
|
<mat-label>{{ |
||||
|
(entityForm.get('platformType').value === PlatformType.ANDROID ? 'mobile.google-play-link' : 'mobile.app-store-link') | translate |
||||
|
}}</mat-label> |
||||
|
<input matInput [required]="entityForm.get('status').value === 'PUBLISHED'" formControlName="storeLink"> |
||||
|
<tb-copy-button |
||||
|
matSuffix |
||||
|
miniButton="false" |
||||
|
[copyText]="entityForm.get('storeInfo.storeLink').value" |
||||
|
tooltipText="{{ (entityForm.get('platformType').value === PlatformType.ANDROID ? 'mobile.copy-google-play-link' : 'mobile.copy-app-store-link') | translate }}" |
||||
|
tooltipPosition="above" |
||||
|
icon="content_copy"> |
||||
|
</tb-copy-button> |
||||
|
<mat-error *ngIf="entityForm.get('storeInfo.storeLink').hasError('required')"> |
||||
|
{{ (entityForm.get('platformType').value === PlatformType.ANDROID ? 'mobile.google-play-link-required' : 'mobile.app-store-link-required') | translate }} |
||||
|
</mat-error> |
||||
|
</mat-form-field> |
||||
|
<mat-form-field appearance="outline" *ngIf="entityForm.get('platformType').value === PlatformType.ANDROID"> |
||||
|
<mat-label translate>mobile.sha256-certificate-fingerprints</mat-label> |
||||
|
<input matInput [required]="entityForm.get('status').value === MobileAppStatus.PUBLISHED" formControlName="sha256CertFingerprints"> |
||||
|
<tb-copy-button |
||||
|
matSuffix |
||||
|
miniButton="false" |
||||
|
[copyText]="entityForm.get('storeInfo.sha256CertFingerprints').value" |
||||
|
tooltipText="{{ 'mobile.copy-sha256-certificate-fingerprints' | translate }}" |
||||
|
tooltipPosition="above" |
||||
|
icon="content_copy"> |
||||
|
</tb-copy-button> |
||||
|
<mat-error *ngIf="entityForm.get('storeInfo.sha256CertFingerprints').hasError('required')"> |
||||
|
{{ 'mobile.sha256-certificate-fingerprints-required' | translate }} |
||||
|
</mat-error> |
||||
|
</mat-form-field> |
||||
|
<mat-form-field appearance="outline" *ngIf="entityForm.get('platformType').value === PlatformType.IOS"> |
||||
|
<mat-label translate>mobile.app-id</mat-label> |
||||
|
<input matInput [required]="entityForm.get('status').value === MobileAppStatus.PUBLISHED" formControlName="appId"> |
||||
|
<tb-copy-button |
||||
|
matSuffix |
||||
|
miniButton="false" |
||||
|
[copyText]="entityForm.get('storeInfo.appId').value" |
||||
|
tooltipText="{{ 'mobile.copy-app-id' | translate }}" |
||||
|
tooltipPosition="above" |
||||
|
icon="content_copy"> |
||||
|
</tb-copy-button> |
||||
|
<mat-error *ngIf="entityForm.get('storeInfo.appId').hasError('required')"> |
||||
|
{{ 'mobile.app-id-required' | translate }} |
||||
|
</mat-error> |
||||
|
</mat-form-field> |
||||
|
</section> |
||||
|
</section> |
||||
|
</section> |
||||
@ -0,0 +1,18 @@ |
|||||
|
/** |
||||
|
* 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. |
||||
|
*/ |
||||
|
:host { |
||||
|
--mdc-outlined-text-field-outline-color: rgba(0,0,0,0.12); |
||||
|
} |
||||
@ -0,0 +1,153 @@ |
|||||
|
///
|
||||
|
/// 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 { ChangeDetectorRef, Component, Inject } from '@angular/core'; |
||||
|
import { EntityComponent } from '@home/components/entity/entity.component'; |
||||
|
import { AppState } from '@core/core.state'; |
||||
|
import { EntityTableConfig } from '@home/models/entity/entities-table-config.models'; |
||||
|
import { TranslateService } from '@ngx-translate/core'; |
||||
|
import { Store } from '@ngrx/store'; |
||||
|
import { FormBuilder, FormGroup, UntypedFormControl, Validators } from '@angular/forms'; |
||||
|
import { randomAlphanumeric } from '@core/utils'; |
||||
|
import { EntityType } from '@shared/models/entity-type.models'; |
||||
|
import { MobileApp, MobileAppStatus, mobileAppStatusTranslations } from '@shared/models/mobile-app.models'; |
||||
|
import { PlatformType, platformTypeTranslations } from '@shared/models/oauth2.models'; |
||||
|
import { takeUntilDestroyed } from '@angular/core/rxjs-interop'; |
||||
|
|
||||
|
@Component({ |
||||
|
selector: 'tb-mobile-app', |
||||
|
templateUrl: './mobile-app.component.html', |
||||
|
styleUrls: ['./mobile-app.component.scss'] |
||||
|
}) |
||||
|
export class MobileAppComponent extends EntityComponent<MobileApp> { |
||||
|
|
||||
|
entityType = EntityType; |
||||
|
|
||||
|
platformTypes = [PlatformType.ANDROID, PlatformType.IOS]; |
||||
|
|
||||
|
MobileAppStatus = MobileAppStatus; |
||||
|
PlatformType = PlatformType; |
||||
|
|
||||
|
mobileAppStatuses = Object.keys(MobileAppStatus) as MobileAppStatus[]; |
||||
|
|
||||
|
platformTypeTranslations = platformTypeTranslations; |
||||
|
mobileAppStatusTranslations = mobileAppStatusTranslations; |
||||
|
|
||||
|
constructor(protected store: Store<AppState>, |
||||
|
protected translate: TranslateService, |
||||
|
@Inject('entity') protected entityValue: MobileApp, |
||||
|
@Inject('entitiesTableConfig') protected entitiesTableConfigValue: EntityTableConfig<MobileApp>, |
||||
|
protected cd: ChangeDetectorRef, |
||||
|
public fb: FormBuilder) { |
||||
|
super(store, fb, entityValue, entitiesTableConfigValue, cd); |
||||
|
} |
||||
|
|
||||
|
buildForm(entity: MobileApp): FormGroup { |
||||
|
const form = this.fb.group({ |
||||
|
pkgName: [entity?.pkgName ? entity.pkgName : '', [Validators.required, Validators.maxLength(255), |
||||
|
Validators.pattern(/^\S+$/)]], |
||||
|
platformType: [entity?.platformType ? entity.platformType : PlatformType.ANDROID], |
||||
|
appSecret: [entity?.appSecret ? entity.appSecret : btoa(randomAlphanumeric(64)), [Validators.required, this.base64Format]], |
||||
|
status: [entity?.status ? entity.status : MobileAppStatus.DRAFT], |
||||
|
versionInfo: this.fb.group({ |
||||
|
minVersion: [entity?.versionInfo?.minVersion ? entity.versionInfo.minVersion : ''], |
||||
|
latestVersion: [entity?.versionInfo?.latestVersion ? entity.versionInfo.latestVersion : ''], |
||||
|
}), |
||||
|
storeInfo: this.fb.group({ |
||||
|
storeLink: [entity?.storeInfo?.storeLink ? entity.storeInfo.storeLink : ''], |
||||
|
sha256CertFingerprints: [entity?.storeInfo?.sha256CertFingerprints ? entity.storeInfo.sha256CertFingerprints : ''], |
||||
|
appId: [entity?.storeInfo?.appId ? entity.storeInfo.appId : ''], |
||||
|
}), |
||||
|
}); |
||||
|
|
||||
|
form.get('platformType').valueChanges.pipe( |
||||
|
takeUntilDestroyed() |
||||
|
).subscribe((value: PlatformType) => { |
||||
|
if (value === PlatformType.ANDROID) { |
||||
|
form.get('storeInfo.sha256CertFingerprints').enable({emitEvent: false}); |
||||
|
form.get('storeInfo.appId').disable({emitEvent: false}); |
||||
|
} else if (value === PlatformType.IOS) { |
||||
|
form.get('storeInfo.sha256CertFingerprints').disable({emitEvent: false}); |
||||
|
form.get('storeInfo.appId').enable({emitEvent: false}); |
||||
|
} |
||||
|
form.get('storeInfo.storeLink').setValue('', {emitEvent: false}); |
||||
|
}); |
||||
|
|
||||
|
form.get('status').valueChanges.pipe( |
||||
|
takeUntilDestroyed() |
||||
|
).subscribe((value: MobileAppStatus) => { |
||||
|
if (value === MobileAppStatus.PUBLISHED) { |
||||
|
form.get('storeInfo.storeLink').addValidators(Validators.required); |
||||
|
form.get('storeInfo.sha256CertFingerprints').addValidators(Validators.required); |
||||
|
form.get('storeInfo.appId').addValidators(Validators.required); |
||||
|
} else { |
||||
|
form.get('storeInfo.storeLink').clearValidators(); |
||||
|
form.get('storeInfo.sha256CertFingerprints').clearValidators(); |
||||
|
form.get('storeInfo.appId').clearValidators(); |
||||
|
} |
||||
|
form.get('storeInfo.storeLink').updateValueAndValidity({emitEvent: false}); |
||||
|
form.get('storeInfo.sha256CertFingerprints').updateValueAndValidity({emitEvent: false}); |
||||
|
form.get('storeInfo.appId').updateValueAndValidity({emitEvent: false}); |
||||
|
}); |
||||
|
|
||||
|
return form; |
||||
|
} |
||||
|
|
||||
|
updateForm(entity: MobileApp) { |
||||
|
this.entityForm.patchValue(entity, {emitEvent: false}); |
||||
|
} |
||||
|
|
||||
|
override updateFormState(): void { |
||||
|
super.updateFormState(); |
||||
|
if (this.isEdit && this.entityForm && !this.isAdd) { |
||||
|
this.entityForm.get('platformType').disable({emitEvent: false}); |
||||
|
if (this.entityForm.get('platformType').value === PlatformType.ANDROID) { |
||||
|
this.entityForm.get('storeInfo.appId').disable({emitEvent: false}); |
||||
|
} else if (this.entityForm.get('platformType').value === PlatformType.IOS) { |
||||
|
this.entityForm.get('storeInfo.sha256CertFingerprints').disable({emitEvent: false}); |
||||
|
} |
||||
|
} |
||||
|
if (this.entityForm && this.isAdd) { |
||||
|
this.entityForm.get('storeInfo.appId').disable({emitEvent: false}); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
override prepareFormValue(value: MobileApp): MobileApp { |
||||
|
value.storeInfo = this.entityForm.get('storeInfo').value; |
||||
|
return super.prepareFormValue(value); |
||||
|
} |
||||
|
|
||||
|
generateAppSecret($event: Event) { |
||||
|
$event.stopPropagation(); |
||||
|
this.entityForm.get('appSecret').setValue(btoa(randomAlphanumeric(64))); |
||||
|
this.entityForm.get('appSecret').markAsDirty(); |
||||
|
} |
||||
|
|
||||
|
private base64Format(control: UntypedFormControl): { [key: string]: boolean } | null { |
||||
|
if (control.value === '') { |
||||
|
return null; |
||||
|
} |
||||
|
try { |
||||
|
const value = atob(control.value); |
||||
|
if (value.length < 64) { |
||||
|
return {minLength: true}; |
||||
|
} |
||||
|
return null; |
||||
|
} catch (e) { |
||||
|
return {base64: true}; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,78 @@ |
|||||
|
///
|
||||
|
/// 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 { NgModule } from '@angular/core'; |
||||
|
import { RouterModule, Routes } from '@angular/router'; |
||||
|
import { RouterTabsComponent } from '@home/components/router-tabs.component'; |
||||
|
import { Authority } from '@shared/models/authority.enum'; |
||||
|
import { MenuId } from '@core/services/menu.models'; |
||||
|
import { MobileAppTableConfigResolver } from '@home/pages/mobile/applications/mobile-app-table-config.resolver'; |
||||
|
import { MobileAppSettingsComponent } from '@home/pages/admin/mobile-app-settings.component'; |
||||
|
import { ConfirmOnExitGuard } from '@core/guards/confirm-on-exit.guard'; |
||||
|
import { applicationsRoutes } from '@home/pages/mobile/applications/applications-routing.module'; |
||||
|
|
||||
|
const routes: Routes = [ |
||||
|
{ |
||||
|
path: 'mobile-center', |
||||
|
component: RouterTabsComponent, |
||||
|
data: { |
||||
|
auth: [Authority.TENANT_ADMIN, Authority.SYS_ADMIN], |
||||
|
breadcrumb: { |
||||
|
menuId: MenuId.mobile_center |
||||
|
} |
||||
|
}, |
||||
|
children: [ |
||||
|
{ |
||||
|
path: '', |
||||
|
children: [], |
||||
|
data: { |
||||
|
auth: [Authority.TENANT_ADMIN, Authority.CUSTOMER_USER, Authority.SYS_ADMIN], |
||||
|
redirectTo: '/mobile-center/applications' |
||||
|
} |
||||
|
}, |
||||
|
...applicationsRoutes, |
||||
|
{ |
||||
|
path: 'mobile-app', |
||||
|
component: MobileAppSettingsComponent, |
||||
|
canDeactivate: [ConfirmOnExitGuard], |
||||
|
data: { |
||||
|
auth: [Authority.SYS_ADMIN], |
||||
|
title: 'admin.mobile-app.mobile-app', |
||||
|
breadcrumb: { |
||||
|
menuId: MenuId.mobile_app_settings |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
]; |
||||
|
|
||||
|
routes.push( |
||||
|
{ |
||||
|
path: 'security-settings/oauth2/mobile-applications', |
||||
|
pathMatch: 'full', |
||||
|
redirectTo: '/mobile-center/applications' |
||||
|
} |
||||
|
); |
||||
|
|
||||
|
@NgModule({ |
||||
|
providers: [ |
||||
|
MobileAppTableConfigResolver |
||||
|
], |
||||
|
imports: [RouterModule.forChild(routes)], |
||||
|
exports: [RouterModule] |
||||
|
}) |
||||
|
export class MobileRoutingModule { } |
||||
@ -0,0 +1,33 @@ |
|||||
|
///
|
||||
|
/// 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 { NgModule } from '@angular/core'; |
||||
|
import { CommonModule } from '@angular/common'; |
||||
|
import { SharedModule } from '@shared/shared.module'; |
||||
|
import { HomeComponentsModule } from '@home/components/home-components.module'; |
||||
|
import { MobileRoutingModule } from '@home/pages/mobile/mobile-routing.module'; |
||||
|
import { ApplicationModule } from '@home/pages/mobile/applications/applications.module'; |
||||
|
|
||||
|
@NgModule({ |
||||
|
imports: [ |
||||
|
CommonModule, |
||||
|
SharedModule, |
||||
|
HomeComponentsModule, |
||||
|
ApplicationModule, |
||||
|
MobileRoutingModule, |
||||
|
] |
||||
|
}) |
||||
|
export class MobileModule { } |
||||
@ -0,0 +1,27 @@ |
|||||
|
///
|
||||
|
/// 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 { EntityId } from '@shared/models/id/entity-id'; |
||||
|
import { EntityType } from '@shared/models/entity-type.models'; |
||||
|
|
||||
|
export class MobileAppBundleId implements EntityId { |
||||
|
entityType = EntityType.MOBILE_APP_BUNDLE; |
||||
|
id: string; |
||||
|
|
||||
|
constructor(id: string) { |
||||
|
this.id = id; |
||||
|
} |
||||
|
} |
||||
Loading…
Reference in new issue