Skip to content

Commit

Permalink
MOSIP-28468: Added additinal fields in project creation
Browse files Browse the repository at this point in the history
  • Loading branch information
@SwethaKrish4
SwethaKrish4 committed Jul 26, 2023
1 parent 7fd6a80 commit 409366c
Show file tree
Hide file tree
Showing 19 changed files with 1,921 additions and 691 deletions.
8 changes: 6 additions & 2 deletions src/app/app.constants.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ export const AUTH_ERROR_CODE = ['KER-ATH-007', 'KER-ATH-006'];
export const SBI_PROJECT_ADD_ID = 'mosip.toolkit.sbi.project.add';
export const SDK_PROJECT_ADD_ID = 'mosip.toolkit.sdk.project.add';
export const ABIS_PROJECT_ADD_ID = 'mosip.toolkit.abis.project.add';
export const SBI_PROJECT_UPDATE_ID = 'mosip.toolkit.sbi.project.update';
export const SDK_PROJECT_UPDATE_ID = 'mosip.toolkit.sdk.project.update';
export const ABIS_PROJECT_UPDATE_ID = 'mosip.toolkit.abis.project.update';
export const VALIDATIONS_ADD_ID = 'mosip.toolkit.api.id.validations';
Expand Down Expand Up @@ -42,14 +43,17 @@ export const SDK = 'SDK';
export const SBI = 'SBI';
export const ABIS = 'ABIS';
export const COMMON_CONTROLS = ['name', 'projectType'];
export const SDK_CONTROLS = ['sdkSpecVersion','sdkUrl', 'sdkPurpose', 'bioTestData'];
export const SDK_CONTROLS = ['sdkSpecVersion','sdkUrl', 'sdkPurpose', 'sdkHash', 'websiteUrl', 'bioTestData'];
export const SBI_CONTROLS = [
'sbiSpecVersion',
'sbiPurpose',
'deviceType',
'deviceSubType',
'deviceImages',
'sbiHash',
'websiteUrl',
];
export const ABIS_CONTROLS = ['abisUrl', 'username', 'password', 'outboundQueueName','inboundQueueName', 'modality', 'abisSpecVersion','abisBioTestData'];
export const ABIS_CONTROLS = ['abisUrl', 'username', 'password', 'outboundQueueName','inboundQueueName', 'modality', 'abisSpecVersion', 'abisHash', 'websiteUrl', 'abisBioTestData'];
export const TEST_DATA_CONTROLS= ['name', 'type', 'purpose'];
export const SBI_KEY_ROTATION_ITERATIONS = 'keyRotationIterations';
//SBI methods related constants
Expand Down
68 changes: 67 additions & 1 deletion src/app/core/components/dialog/dialog.component.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,4 +15,70 @@ mat-dialog-content {
}
.custom-class mat-icon {
vertical-align: middle;
}
}
.formContainer {
background-color: white;
margin-top: 10px;
}
.fieldWrapper {
flex: 1;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: 5px;
/* height: 50px; */
}
.fieldLabel {
width: 20%;
}
.fieldContainer {
width: 80%;
align-items: center;
}
.fieldContainerBox{
width: 300px;
}
.spinnerForUpdatingProject {
flex-direction: column;
display: flex;
}
.button-container + .buttonDiv {
margin-left: 8px;
}
.saveBt {
margin-left: 330px;
}
@media only screen and (max-width: 426px) {
.fieldWrapper {
width: 340px;
}
.fieldLabel {
width: 80px;
}
.fieldContainerBox {
width: 240px;
}
}
@media screen and (max-width: 402px) {
.fieldWrapper {
width: 330px;
padding-left: -5px;
}
.fieldLabel {
width: 60px;
}
.button-container {
width: 270px;
}
}
@media screen and (max-width: 374px) {
.fieldWrapper {
width: 250px;
display: block;
padding-bottom: 20px;
}
.fieldContainerBox {
width: 210px;
}
}
113 changes: 113 additions & 0 deletions src/app/core/components/dialog/dialog.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,4 +30,117 @@ <h2 mat-dialog-title class="mat-dialog-title" *ngIf="input && input.title">{{ in
<button mat-flat-button color="accent" (click)="closeMe()">{{"dialogMessages.close"|translate}}</button>
</mat-dialog-actions>
</div>
<div *ngIf="input.case === 'UPDATE_PROJECT'" class="updateProject">
<h2 mat-dialog-title class="mat-dialog-title">{{"projectDashboard.title"|translate}}</h2>
<mat-dialog-content style="white-space: pre-line;">
{{"projectDashboard.message"|translate}}
</mat-dialog-content>
<form [formGroup]="projectForm" *ngIf="dataLoaded">
<div class="formContainer">
<span *ngIf="projectForm.controls['projectType']?.value == 'SBI'">
<div class="fieldWrapper">
<span class="fieldLabel">
<mat-label>{{"viewProject.deviceImages"|translate}}
</mat-label>
</span>
<span class="fieldContainer">
<mat-form-field appearance="legacy" class="fieldContainerBox">
<mat-label>{{"viewProject.deviceImages"|translate}}</mat-label>
<input matInput formControlName="deviceImages" #keyboardRef #input/>
<mat-error *ngIf="projectForm.controls['deviceImages'].hasError('required')">
{{"viewProject.deviceImagesIsRequired"|translate}}
</mat-error>
<mat-error *ngIf="projectForm.controls['deviceImages'].hasError('toBeAddedPattern')">
{{"dialogMessages.deviceImagesIsInvalid"|translate}}
</mat-error>
</mat-form-field>
</span>
</div>
<div class="fieldWrapper">
<span class="fieldLabel">
<mat-label>{{"viewProject.sbiHash"|translate}}
</mat-label>
</span>
<span class="fieldContainer">
<mat-form-field appearance="legacy" class="fieldContainerBox">
<mat-label>{{"viewProject.sbiHash"|translate}}</mat-label>
<input matInput formControlName="sbiHash" #keyboardRef #input/>
<mat-error *ngIf="projectForm.controls['sbiHash'].hasError('required')">
{{"viewProject.sbiHashIsRequired"|translate}}
</mat-error>
<mat-error *ngIf="projectForm.controls['sbiHash'].hasError('toBeAddedPattern')">
{{"dialogMessages.sbiHashIsInvalid"|translate}}
</mat-error>
</mat-form-field>
</span>
</div>
</span>
<span *ngIf="projectForm.controls['projectType']?.value == 'SDK'">
<div class="fieldWrapper">
<span class="fieldLabel">
<mat-label>{{"viewProject.sdkHash"|translate}}
</mat-label>
</span>
<span class="fieldContainer">
<mat-form-field appearance="legacy" class="fieldContainerBox">
<mat-label>{{"viewProject.sdkHash"|translate}}</mat-label>
<input matInput formControlName="sdkHash" #keyboardRef #input/>
<mat-error *ngIf="projectForm.controls['sdkHash'].hasError('required')">
{{"viewProject.sdkHashIsRequired"|translate}}
</mat-error>
<mat-error *ngIf="projectForm.controls['sdkHash'].hasError('toBeAddedPattern')">
{{"dialogMessages.sdkHashIsInvalid"|translate}}
</mat-error>
</mat-form-field>
</span>
</div>
</span>
<span *ngIf="projectForm.controls['projectType']?.value == 'ABIS'">
<div class="fieldWrapper">
<span class="fieldLabel">
<mat-label>{{"viewProject.abisHash"|translate}}
</mat-label>
</span>
<span class="fieldContainer">
<mat-form-field appearance="legacy" class="fieldContainerBox">
<mat-label>{{"viewProject.abisHash"|translate}}</mat-label>
<input matInput formControlName="abisHash" #keyboardRef #input/>
<mat-error *ngIf="projectForm.controls['abisHash'].hasError('required')">
{{"viewProject.abisHashIsRequired"|translate}}
</mat-error>
<mat-error *ngIf="projectForm.controls['abisHash'].hasError('toBeAddedPattern')">
{{"dialogMessages.abisHashIsInvalid"|translate}}
</mat-error>
</mat-form-field>
</span>
</div>
</span>
<div class="fieldWrapper">
<span class="fieldLabel">
<mat-label>{{"viewProject.websiteUrl"|translate}}
</mat-label>
</span>
<span class="fieldContainer">
<mat-form-field appearance="legacy" class="fieldContainerBox">
<mat-label>{{"viewProject.websiteUrl"|translate}}</mat-label>
<input matInput formControlName="websiteUrl" #keyboardRef #input />
<mat-error *ngIf="projectForm.controls['websiteUrl'].hasError('required')">
{{"viewProject.websiteUrlIsRequired"|translate}}
</mat-error>
<mat-error *ngIf="projectForm.controls['websiteUrl'].hasError('toBeAddedPattern')">
{{"dialogMessages.websiteUrlIsInvalid"|translate}}
</mat-error>
</mat-form-field>
</span>
</div>
</div>
</form>
<div class="button-container">
<button mat-flat-button color="accent" (click)="closeMe()" class="buttonDiv" align="">{{"dialogMessages.close"|translate}}</button>
<button mat-flat-button color="accent" [disabled]="!projectForm.valid" (click)="updateProject()" class="saveBt">
<mat-icon>save</mat-icon>
{{"dialogMessages.updateProject"|translate}}
</button>
</div>
</div>
</div>
Loading

0 comments on commit 409366c

Please sign in to comment.