6 changed files with 476 additions and 176 deletions
@ -1,101 +1,145 @@ |
|||||
<form [formGroup]="smppSmsProviderConfigurationFormGroup" style="padding-bottom: 16px;"> |
<form [formGroup]="smppSmsProviderConfigurationFormGroup" style="padding-bottom: 16px;"> |
||||
<mat-form-field class="mat-block"> |
<div fxLayout="row wrap" fxLayoutGap="6px"> |
||||
<mat-label>SMPP version</mat-label> |
<mat-form-field fxFlex.lt-sm="100" fxFlex.gt-sm="15" class="mat-block"> |
||||
<input required matInput formControlName="protocolVersion"> |
<mat-label translate>admin.smpp-provider.smpp-version</mat-label> |
||||
<mat-error *ngIf="smppSmsProviderConfigurationFormGroup.get('protocolVersion').hasError('required')"> |
<mat-select formControlName="protocolVersion"> |
||||
SMPP version is required |
<mat-option *ngFor="let smppVersion of smppVersions" [value]="smppVersion.value"> |
||||
</mat-error> |
{{smppVersion.value}} |
||||
|
</mat-option> |
||||
|
</mat-select> |
||||
</mat-form-field> |
</mat-form-field> |
||||
<mat-form-field fxFlex class="mat-block"> |
<mat-form-field fxFlex class="mat-block"> |
||||
<mat-label>SMPP host</mat-label> |
<mat-label translate>admin.smpp-provider.smpp-host</mat-label> |
||||
<input required matInput formControlName="host"> |
<input required matInput formControlName="host"> |
||||
<mat-error *ngIf="smppSmsProviderConfigurationFormGroup.get('host').hasError('required')"> |
<mat-error *ngIf="smppSmsProviderConfigurationFormGroup.get('host').hasError('required')"> |
||||
SMPP host is required |
{{'admin.smpp-provider.smpp-host-required' | translate}} |
||||
</mat-error> |
</mat-error> |
||||
</mat-form-field> |
</mat-form-field> |
||||
<mat-form-field fxFlex class="mat-block" style="margin-right: 8px;"> |
<mat-form-field fxFlex.lt-sm="100" fxFlex.gt-sm="30" class="mat-block"> |
||||
<mat-label>SMPP port</mat-label> |
<mat-label translate>admin.smpp-provider.smpp-port</mat-label> |
||||
<input required matInput type="number" formControlName="port"> |
<input required matInput type="number" formControlName="port"> |
||||
<mat-error *ngIf="smppSmsProviderConfigurationFormGroup.get('port').hasError('required')"> |
<mat-error *ngIf="smppSmsProviderConfigurationFormGroup.get('port').hasError('required')"> |
||||
SMPP port is required |
{{'admin.smpp-provider.smpp-port-required' | translate}} |
||||
</mat-error> |
</mat-error> |
||||
</mat-form-field> |
</mat-form-field> |
||||
|
</div> |
||||
|
<div fxLayout="row wrap" fxLayoutGap="6px"> |
||||
<mat-form-field fxFlex class="mat-block"> |
<mat-form-field fxFlex class="mat-block"> |
||||
<mat-label>System ID</mat-label> |
<mat-label translate>admin.smpp-provider.system-id</mat-label> |
||||
<input required matInput formControlName="systemId"> |
<input required matInput formControlName="systemId"> |
||||
<mat-error *ngIf="smppSmsProviderConfigurationFormGroup.get('systemId').hasError('required')"> |
<mat-error *ngIf="smppSmsProviderConfigurationFormGroup.get('systemId').hasError('required')"> |
||||
System ID is required |
{{'admin.smpp-provider.system-id-required' | translate}} |
||||
</mat-error> |
</mat-error> |
||||
</mat-form-field> |
</mat-form-field> |
||||
<mat-form-field class="mat-block"> |
<mat-form-field fxFlex class="mat-block"> |
||||
<mat-label>Password</mat-label> |
<mat-label translate>admin.smpp-provider.password</mat-label> |
||||
<input required matInput formControlName="password"> |
<input required matInput type="password" autocomplete="new-password" formControlName="password"> |
||||
|
<tb-toggle-password matSuffix></tb-toggle-password> |
||||
<mat-error *ngIf="smppSmsProviderConfigurationFormGroup.get('password').hasError('required')"> |
<mat-error *ngIf="smppSmsProviderConfigurationFormGroup.get('password').hasError('required')"> |
||||
Password is required |
{{'admin.smpp-provider.password-required' | translate}} |
||||
</mat-error> |
</mat-error> |
||||
</mat-form-field> |
</mat-form-field> |
||||
<mat-form-field class="mat-block"> |
</div> |
||||
<mat-label>System type</mat-label> |
<mat-accordion multi> |
||||
<input matInput formControlName="systemType"> |
<mat-expansion-panel> |
||||
</mat-form-field> |
<mat-expansion-panel-header> |
||||
<mat-form-field class="mat-block"> |
<mat-panel-title translate> |
||||
<mat-label>Bind type</mat-label> |
admin.smpp-provider.type-settings |
||||
<mat-select formControlName="bindType"> |
</mat-panel-title> |
||||
<mat-option *ngFor="let bindType of bindTypes" [value]="bindType.value"> |
</mat-expansion-panel-header> |
||||
{{bindType.name}} |
<ng-template matExpansionPanelContent> |
||||
</mat-option> |
<mat-form-field class="mat-block"> |
||||
</mat-select> |
<mat-label translate>admin.smpp-provider.system-type</mat-label> |
||||
</mat-form-field> |
<input matInput formControlName="systemType"> |
||||
<mat-form-field class="mat-block"> |
</mat-form-field> |
||||
<mat-label>Service type</mat-label> |
<mat-form-field class="mat-block"> |
||||
<input matInput formControlName="serviceType"> |
<mat-label translate>admin.smpp-provider.bind-type</mat-label> |
||||
</mat-form-field> |
<mat-select formControlName="bindType"> |
||||
<mat-form-field class="mat-block"> |
<mat-option *ngFor="let bindType of bindTypes" [value]="bindType"> |
||||
<mat-label>Source address</mat-label> |
{{bindTypesTranslation.get(bindType) | translate}} |
||||
<input matInput formControlName="sourceAddress"> |
</mat-option> |
||||
</mat-form-field> |
</mat-select> |
||||
<mat-form-field class="mat-block"> |
</mat-form-field> |
||||
<mat-label>Source TON</mat-label> |
<mat-form-field class="mat-block"> |
||||
<mat-select formControlName="sourceTon"> |
<mat-label translate>admin.smpp-provider.service-type</mat-label> |
||||
<mat-option *ngFor="let sourceTon of sourcesTon" [value]="sourceTon.value"> |
<input matInput formControlName="serviceType"> |
||||
{{sourceTon.name}} |
</mat-form-field> |
||||
</mat-option> |
</ng-template> |
||||
</mat-select> |
</mat-expansion-panel> |
||||
</mat-form-field> |
<mat-expansion-panel> |
||||
<mat-form-field class="mat-block"> |
<mat-expansion-panel-header> |
||||
<mat-label>Source NPI</mat-label> |
<mat-panel-title translate> |
||||
<mat-select formControlName="sourceNpi"> |
admin.smpp-provider.source-settings |
||||
<mat-option *ngFor="let sourceNpi of sourcesNpi" [value]="sourceNpi.value"> |
</mat-panel-title> |
||||
{{sourceNpi.name}} |
</mat-expansion-panel-header> |
||||
</mat-option> |
<ng-template matExpansionPanelContent> |
||||
</mat-select> |
<mat-form-field class="mat-block"> |
||||
</mat-form-field> |
<mat-label translate>admin.smpp-provider.source-address</mat-label> |
||||
<mat-form-field class="mat-block"> |
<input matInput formControlName="sourceAddress"> |
||||
<mat-label translate>Destination TON (Type of Number)</mat-label> |
</mat-form-field> |
||||
<mat-select formControlName="destinationTon"> |
<mat-form-field class="mat-block"> |
||||
<mat-option *ngFor="let destinationTon of destinationsTon" [value]="destinationTon.value"> |
<mat-label translate>admin.smpp-provider.source-ton</mat-label> |
||||
{{destinationTon.name}} |
<mat-select formControlName="sourceTon"> |
||||
</mat-option> |
<mat-option *ngFor="let sourceTon of typeOfNumber" [value]="typeOfNumberMap.get(sourceTon).value"> |
||||
</mat-select> |
{{typeOfNumberMap.get(sourceTon).name | translate}} |
||||
</mat-form-field> |
</mat-option> |
||||
<mat-form-field class="mat-block"> |
</mat-select> |
||||
<mat-label>Destination NPI (Numbering Plan Identification)</mat-label> |
</mat-form-field> |
||||
<mat-select formControlName="destinationNpi"> |
<mat-form-field class="mat-block"> |
||||
<mat-option *ngFor="let destinationNpi of destinationsNpi" [value]="destinationNpi.value"> |
<mat-label translate>admin.smpp-provider.source-npi</mat-label> |
||||
{{destinationNpi.name}} |
<mat-select formControlName="sourceNpi"> |
||||
</mat-option> |
<mat-option *ngFor="let sourceNpi of numberingPlanIdentification" [value]="numberingPlanIdentificationMap.get(sourceNpi).value"> |
||||
</mat-select> |
{{numberingPlanIdentificationMap.get(sourceNpi).name | translate}} |
||||
</mat-form-field> |
</mat-option> |
||||
<mat-form-field class="mat-block"> |
</mat-select> |
||||
<mat-label>Address range</mat-label> |
</mat-form-field> |
||||
<input matInput formControlName="addressRange"> |
</ng-template> |
||||
</mat-form-field> |
</mat-expansion-panel> |
||||
<mat-form-field class="mat-block"> |
<mat-expansion-panel> |
||||
<mat-label>Coding Scheme</mat-label> |
<mat-expansion-panel-header> |
||||
<mat-select formControlName="codingScheme"> |
<mat-panel-title translate> |
||||
<mat-option *ngFor="let codingScheme of codingSchemes" [value]="codingScheme.value"> |
admin.smpp-provider.destination-settings |
||||
{{codingScheme.name}} |
</mat-panel-title> |
||||
</mat-option> |
</mat-expansion-panel-header> |
||||
</mat-select> |
<ng-template matExpansionPanelContent> |
||||
</mat-form-field> |
<mat-form-field class="mat-block"> |
||||
|
<mat-label translate>admin.smpp-provider.destination-ton</mat-label> |
||||
|
<mat-select formControlName="destinationTon"> |
||||
|
<mat-option *ngFor="let destinationTon of typeOfNumber" [value]="typeOfNumberMap.get(destinationTon).value"> |
||||
|
{{typeOfNumberMap.get(destinationTon).name | translate}} |
||||
|
</mat-option> |
||||
|
</mat-select> |
||||
|
</mat-form-field> |
||||
|
<mat-form-field class="mat-block"> |
||||
|
<mat-label translate>admin.smpp-provider.destination-npi</mat-label> |
||||
|
<mat-select formControlName="destinationNpi"> |
||||
|
<mat-option *ngFor="let destinationNpi of numberingPlanIdentification" [value]="numberingPlanIdentificationMap.get(destinationNpi).value"> |
||||
|
{{numberingPlanIdentificationMap.get(destinationNpi).name | translate}} |
||||
|
</mat-option> |
||||
|
</mat-select> |
||||
|
</mat-form-field> |
||||
|
</ng-template> |
||||
|
</mat-expansion-panel> |
||||
|
<mat-expansion-panel> |
||||
|
<mat-expansion-panel-header> |
||||
|
<mat-panel-title translate> |
||||
|
admin.smpp-provider.additional-settings |
||||
|
</mat-panel-title> |
||||
|
</mat-expansion-panel-header> |
||||
|
<ng-template matExpansionPanelContent> |
||||
|
<mat-form-field class="mat-block"> |
||||
|
<mat-label translate>admin.smpp-provider.address-range</mat-label> |
||||
|
<input matInput formControlName="addressRange"> |
||||
|
</mat-form-field> |
||||
|
<mat-form-field class="mat-block"> |
||||
|
<mat-label translate>admin.smpp-provider.coding-scheme</mat-label> |
||||
|
<mat-select formControlName="codingScheme"> |
||||
|
<mat-option *ngFor="let codingScheme of codingSchemes" [value]="codingSchemesMap.get(codingScheme).value"> |
||||
|
{{codingSchemesMap.get(codingScheme).name | translate}} |
||||
|
</mat-option> |
||||
|
</mat-select> |
||||
|
</mat-form-field> |
||||
|
</ng-template> |
||||
|
</mat-expansion-panel> |
||||
|
</mat-accordion> |
||||
</form> |
</form> |
||||
|
|||||
Loading…
Reference in new issue