build_app
This commit is contained in:
parent
06bc457928
commit
f77e2d3c63
@ -69,6 +69,18 @@ public class BuilderService {
|
|||||||
executeDump(true);
|
executeDump(true);
|
||||||
|
|
||||||
// ADD OTHER SERVICE
|
// ADD OTHER SERVICE
|
||||||
|
addCustomMenu( "test vps steper","Stepper_workflow", "Transcations");
|
||||||
|
|
||||||
|
|
||||||
|
addCustomMenu( "Document_upload","Document_upload", "Transcations");
|
||||||
|
|
||||||
|
|
||||||
|
addCustomMenu( "Visa_entry_type","Visa_entry_type", "Transcations");
|
||||||
|
|
||||||
|
|
||||||
|
addCustomMenu( "Customer_information","Customer_information", "Transcations");
|
||||||
|
|
||||||
|
|
||||||
addCustomMenu( "Document_upload","Document_upload", "Transcations");
|
addCustomMenu( "Document_upload","Document_upload", "Transcations");
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -19,6 +19,7 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
import { Component, OnInit } from '@angular/core';
|
import { Component, OnInit } from '@angular/core';
|
||||||
@ -249,6 +250,8 @@ export class Stepper_workflowComponent implements OnInit {
|
|||||||
console.log('id is ', id)
|
console.log('id is ', id)
|
||||||
|
|
||||||
// stepper route
|
// stepper route
|
||||||
|
this.router.navigate(["../test_vps_steper/", id], { relativeTo: this.route });
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -0,0 +1 @@
|
|||||||
|
{"version":3,"sources":["test_vps_steper.component.scss","test_vps_steper.component.css"],"names":[],"mappings":"AAAA;EACE,UAAA;EACA,YAAA;ACCF;;ADCA;EACE,UAAA;EACA,aAAA;ACEF;;ADAA;EACE,UAAA;EACA,aAAA;ACGF;;ADDA;EACE,UAAA;EACA,aAAA;ACIF;;ADDA;EACE,WAAA;EACA,aAAA;ACIF;;ADDA;EACE,WAAA;EACA,kBAAA;EACA,aAAA;EACA,qBAAA;EACA,sBAAA;EACA,kBAAA;EACA,sBAAA;ACIF;;ADFA;EACE,UAAA;ACKF;;ADHA;EACE,kBAAA;ACMF;;ADHA;EACE,WAAA;ACMF;;ADJA;EACA;IACA,WAAA;ECOE;AACF","file":"test_vps_steper.component.css"}
|
||||||
@ -0,0 +1,527 @@
|
|||||||
|
<ol class="breadcrumb breadcrumb-arrow font-trirong">
|
||||||
|
<li><a href="javascript://" [routerLink]="['/']">Home</a></li>
|
||||||
|
<li><a href="javascript://">stepper</a></li>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
<div class="button-bar">
|
||||||
|
|
||||||
|
<span class="spacer"></span>
|
||||||
|
<button class="btn btn-sm btn-primary" (click)="reset()">Reset</button>
|
||||||
|
|
||||||
|
<button class="btn btn-sm btn-primary" (click)="changeToHorizonTal()"
|
||||||
|
*ngIf="layout.direction === 'vertical'">HorizonTal Layout</button>
|
||||||
|
<button class="btn btn-sm btn-primary" (click)="changeToVertical()" *ngIf="layout.direction === 'horizontal'">Vertical
|
||||||
|
Layout</button>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="clr-row">
|
||||||
|
<div [class]="layout.block1">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h3 style="text-align: center;"> Workflow</h3>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class=" card-block container">
|
||||||
|
|
||||||
|
<clr-timeline [clrLayout]="layout.direction">
|
||||||
|
<clr-timeline-step [clrState]="timelineStyle.step0.state">
|
||||||
|
<clr-timeline-step-header>step 0</clr-timeline-step-header>
|
||||||
|
<clr-timeline-step-title> <span *ngIf="!appToUpdate">Application</span><span *ngIf="appToUpdate"> Update
|
||||||
|
Datagrid</span> </clr-timeline-step-title>
|
||||||
|
<clr-timeline-step-description> <span>Create/Customer_information<br> Information Of
|
||||||
|
Customer</span></clr-timeline-step-description>
|
||||||
|
</clr-timeline-step>
|
||||||
|
|
||||||
|
<clr-timeline-step [clrState]="timelineStyle.step1.state">
|
||||||
|
<clr-timeline-step-header>step 1</clr-timeline-step-header>
|
||||||
|
<clr-timeline-step-title> <span *ngIf="!appToUpdate">Application</span><span *ngIf="appToUpdate"> Update
|
||||||
|
Datagrid</span> </clr-timeline-step-title>
|
||||||
|
<clr-timeline-step-description> <span>Create/Document_upload<br> Information Of
|
||||||
|
Customer</span></clr-timeline-step-description>
|
||||||
|
</clr-timeline-step>
|
||||||
|
|
||||||
|
<clr-timeline-step [clrState]="timelineStyle.step2.state">
|
||||||
|
<clr-timeline-step-header>Step 2</clr-timeline-step-header>
|
||||||
|
<clr-timeline-step-title>Review And <br>Confirmation</clr-timeline-step-title>
|
||||||
|
<clr-timeline-step-description>
|
||||||
|
Finish .
|
||||||
|
</clr-timeline-step-description>
|
||||||
|
</clr-timeline-step></clr-timeline>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div [class]="layout.block2">
|
||||||
|
<!--STEP 0-->
|
||||||
|
<div class="card" *ngIf="timelineStyle.step0.open">
|
||||||
|
<div class="card-header">
|
||||||
|
<h3 style="text-align: center;" *ngIf="!appToUpdate">Customer_information</h3>
|
||||||
|
<h3 style="text-align: center;" *ngIf="appToUpdate"> Update {{Customer_informationentryForm.name}}</h3>
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
<br />
|
||||||
|
|
||||||
|
|
||||||
|
<form [formGroup]="Customer_informationentryForm">
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
<div class="clr-row"><div class="clr-col-sm-12">
|
||||||
|
<label> Name</label>
|
||||||
|
<input class="clr-input" type="text" formControlName="name" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="clr-col-sm-12">
|
||||||
|
<label> Description</label>
|
||||||
|
<textarea cols="10" rows="2" formControlName="description" placeholder="Textarea"> </textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="clr-col-sm-12">
|
||||||
|
<label> Active</label>
|
||||||
|
<input type="checkbox" formControlName="active" clrToggle/> </div>
|
||||||
|
|
||||||
|
<div class="clr-col-sm-12">
|
||||||
|
<label>Visa Entry Type</label>
|
||||||
|
<select formControlName="visa_entry_type">
|
||||||
|
<option [value]="null">Select Visa Entry Type </option>
|
||||||
|
|
||||||
|
|
||||||
|
<option> a </option>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<option> b </option>
|
||||||
|
|
||||||
|
|
||||||
|
</select></div>
|
||||||
|
|
||||||
|
<div class="clr-col-sm-12">
|
||||||
|
<label>Visa Duration</label>
|
||||||
|
<select formControlName="visa_duration">
|
||||||
|
<option [value]="null">Select Visa Duration </option>
|
||||||
|
|
||||||
|
|
||||||
|
<option> 10_days </option>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<option> 20_days </option>
|
||||||
|
|
||||||
|
|
||||||
|
</select></div>
|
||||||
|
|
||||||
|
<div class="clr-col-sm-12">
|
||||||
|
<label>Visa Processing</label>
|
||||||
|
<select formControlName="visa_processing">
|
||||||
|
<option [value]="null">Select Visa Processing </option>
|
||||||
|
|
||||||
|
|
||||||
|
<option> test2 </option>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<option> test </option>
|
||||||
|
|
||||||
|
|
||||||
|
</select></div>
|
||||||
|
|
||||||
|
<div class="clr-col-sm-12">
|
||||||
|
<label> Travel start date</label>
|
||||||
|
<input class="clr-input" type="date" formControlName="travel_start_date" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="clr-col-sm-12">
|
||||||
|
<label> Travel end date</label>
|
||||||
|
<input class="clr-input" type="date" formControlName="travel_end_date" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="clr-col-sm-12">
|
||||||
|
<label> passport Number</label>
|
||||||
|
<input class="clr-input" type="number" formControlName="passport_number" />
|
||||||
|
<div *ngIf="submitted && entryForm.controls.passport_number.errors" class="error_mess">
|
||||||
|
<div *ngIf="submitted && entryForm.controls.passport_number.errors.required" class="error_mess">*This field is Required</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="clr-col-sm-12">
|
||||||
|
<label> Passport issue date</label>
|
||||||
|
<input class="clr-input" type="date" formControlName="passport_issue_date" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="clr-col-sm-12">
|
||||||
|
<label> Passport expiry date</label>
|
||||||
|
<input class="clr-input" type="date" formControlName="passport_expiry_date" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="clr-col-sm-12">
|
||||||
|
<label> Email Field</label>
|
||||||
|
<input class="clr-input" type="email" formControlName="email_field" pattern="[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$">
|
||||||
|
<div *ngIf="entryForm.controls['email_field'].errors" class="error_mess">
|
||||||
|
<div *ngIf="entryForm.controls['email_field'].hasError('pattern')" class="error_mess">* Email must be a valid email address
|
||||||
|
</div> </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="clr-col-sm-12">
|
||||||
|
<label> Phone Number</label>
|
||||||
|
<input class="clr-input" type="text" formControlName="phone_number" pattern="((\+)?([1-9]{2}))?[1-9]{1}[0-9]{9}$" />
|
||||||
|
<div *ngIf="submitted && entryForm.controls['phone_number'].errors" class="error_mess">
|
||||||
|
<div *ngIf="submitted && entryForm.controls['phone_number'].hasError('pattern')" class="error_mess">* Please Follow your pattern,+91 Enter 10 digit Mobile Number.
|
||||||
|
</div> </div> </div>
|
||||||
|
|
||||||
|
<div class="clr-col-sm-12">
|
||||||
|
<label> Birth Place</label>
|
||||||
|
<input class="clr-input" type="text" formControlName="birth_place" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="clr-col-sm-12">
|
||||||
|
<label> Date of Birth</label>
|
||||||
|
<input class="clr-input" type="date" formControlName="date_of_birth" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="clr-col-sm-12">
|
||||||
|
<label>Gender</label>
|
||||||
|
<clr-radio-container clrInline style="margin-top: 0;">
|
||||||
|
|
||||||
|
|
||||||
|
<clr-radio-wrapper>
|
||||||
|
<input type="radio" clrRadio formControlName="gender" (change)="updategender('Male')" [checked]="entryForm.get('gender').value === 'Male'" />
|
||||||
|
<label> Male </label>
|
||||||
|
</clr-radio-wrapper>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<clr-radio-wrapper>
|
||||||
|
<input type="radio" clrRadio formControlName="gender" (change)="updategender('Female')" [checked]="entryForm.get('gender').value === 'Female'" />
|
||||||
|
<label> Female </label>
|
||||||
|
</clr-radio-wrapper>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</clr-radio-container>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="clr-col-sm-12">
|
||||||
|
<label> Profession</label>
|
||||||
|
<input class="clr-input" type="text" formControlName="profession" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- currency field start -->
|
||||||
|
<div class="clr-col-sm-12">
|
||||||
|
<label> Visa cost</label>
|
||||||
|
<input type="number" class="clr-input" formControlName="visa_cost" [value]="entryForm.value.visa_cost | number:'1.2-2' | removeCommas">
|
||||||
|
</div>
|
||||||
|
<!-- currency field end -->
|
||||||
|
|
||||||
|
<div class="clr-col-sm-12">
|
||||||
|
<label>Referrer</label>
|
||||||
|
<select formControlName="referrer">
|
||||||
|
<option [value]="null">Select Referrer </option>
|
||||||
|
|
||||||
|
|
||||||
|
<option> Ref1 </option>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<option> Ref2 </option>
|
||||||
|
|
||||||
|
|
||||||
|
</select></div>
|
||||||
|
|
||||||
|
<div class="clr-col-sm-12">
|
||||||
|
<label>Nationality</label>
|
||||||
|
<select formControlName="nationality">
|
||||||
|
<option [value]="null">Select Nationality </option>
|
||||||
|
|
||||||
|
|
||||||
|
<option> British </option>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<option> Indian </option>
|
||||||
|
|
||||||
|
|
||||||
|
</select></div>
|
||||||
|
|
||||||
|
<div class="clr-col-sm-12">
|
||||||
|
<label>Supplier</label>
|
||||||
|
<select formControlName="supplier">
|
||||||
|
<option [value]="null">Select Supplier </option>
|
||||||
|
|
||||||
|
|
||||||
|
<option> sup2 </option>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<option> sup1 </option>
|
||||||
|
|
||||||
|
|
||||||
|
</select></div>
|
||||||
|
|
||||||
|
<div class="clr-col-sm-12">
|
||||||
|
<label>Agent</label>
|
||||||
|
<select formControlName="agent">
|
||||||
|
<option [value]="null">Select Agent </option>
|
||||||
|
|
||||||
|
|
||||||
|
<option> Agent1 </option>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<option> Agent2 </option>
|
||||||
|
|
||||||
|
|
||||||
|
</select></div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="clr-row">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- end row -->
|
||||||
|
<br>
|
||||||
|
<div class="button">
|
||||||
|
<button type="submit" class="btn btn-primary" (click)="onCustomer_informationSave()">Submit</button>
|
||||||
|
<button type="button" class="btn btn-primary"
|
||||||
|
(click)="this.timelineStyle.step0 = { state: 'success', open: false };
|
||||||
|
this.timelineStyle.step1 = { state: 'current', open: true }; this.current()">Complete</button>
|
||||||
|
<button type="button" class="btn btn-primary"
|
||||||
|
(click)="this.timelineStyle.step0 = { state: 'current', open: false };
|
||||||
|
this.timelineStyle.step1 = { state: 'not-started', open: true }">Next</button>
|
||||||
|
</div> </div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--STEP 1-->
|
||||||
|
<div class="card" *ngIf="timelineStyle.step1.open">
|
||||||
|
<div class="card-header">
|
||||||
|
<h3 style="text-align: center;" *ngIf="!appToUpdate">Document_upload</h3>
|
||||||
|
<h3 style="text-align: center;" *ngIf="appToUpdate"> Update {{Document_uploadentryForm.name}}</h3>
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
<br />
|
||||||
|
|
||||||
|
|
||||||
|
<form [formGroup]="Document_uploadentryForm">
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
<div class="clr-row">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h6> List of imageupload_field</h6>
|
||||||
|
|
||||||
|
<div class="clr-row" style="margin-top: 10px;">
|
||||||
|
<table class="table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>No</th>
|
||||||
|
<th> File</th>
|
||||||
|
<th>File Name</th>
|
||||||
|
<th>Preview</th>
|
||||||
|
<th>Cancel</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody >
|
||||||
|
<tr *ngFor="let attach of FileDataimageupload_field; let i=index">
|
||||||
|
<td style="width: 70px;"><input type="text" class="clr-input" value={{i+1}} [readonly]="true"> </td>
|
||||||
|
<td><input type="file" (change)="onFileChangedimageupload_field($event, i)" accept="image/*" /><!--accept=".pdf,.doc,.docx,.jpg,.msg"-->
|
||||||
|
</td>
|
||||||
|
<td>{{attach.uploadedfile_name}}</td>
|
||||||
|
<td > <img [src]="attach.filePreview" alt="File Preview" [ngModelOptions]="{standalone: true}" name="filePreview" width="100px" height="100px"></td>
|
||||||
|
<td>
|
||||||
|
<a (click)="deleteRowimageupload_field(i)">
|
||||||
|
<clr-icon shape="trash" class="is-error"></clr-icon>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
<button type="button" class="btn btn-primary button1" style="margin-left: 20px;" (click)="onAddLinesimageupload_field()">
|
||||||
|
<clr-icon shape="plus"></clr-icon>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
</table> </div>
|
||||||
|
|
||||||
|
<h6> List of fileupload_field</h6>
|
||||||
|
|
||||||
|
<div class="clr-row" style="margin-top: 10px;">
|
||||||
|
<table class="table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>No</th>
|
||||||
|
<th> File</th>
|
||||||
|
<th>File Name</th>
|
||||||
|
<th>Preview</th>
|
||||||
|
<th>Cancel</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody >
|
||||||
|
<tr *ngFor="let attach of FileDatafileupload_field; let i=index">
|
||||||
|
<td style="width: 70px;"><input type="text" class="clr-input" value={{i+1}} [readonly]="true"> </td>
|
||||||
|
<td><input type="file" (change)="onFileChangedfileupload_field($event, i)" accept = "application/pdf,.csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" /><!--accept=".pdf,.doc,.docx,.jpg,.msg"-->
|
||||||
|
</td>
|
||||||
|
<td>{{attach.uploadedfile_name}}</td>
|
||||||
|
<td > <img [src]="attach.filePreview" alt="File Preview" [ngModelOptions]="{standalone: true}" name="filePreview" width="100px" height="100px"></td>
|
||||||
|
<td>
|
||||||
|
<a (click)="deleteRowfileupload_field(i)">
|
||||||
|
<clr-icon shape="trash" class="is-error"></clr-icon>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
<button type="button" class="btn btn-primary button1" style="margin-left: 20px;" (click)="onAddLinesfileupload_field()">
|
||||||
|
<clr-icon shape="plus"></clr-icon>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
</table> </div>
|
||||||
|
|
||||||
|
<div class="clr-row">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- end row -->
|
||||||
|
<br>
|
||||||
|
<div class="button">
|
||||||
|
<button type="submit" class="btn btn-success" (click)="onDocument_uploadSave()">Document Upload</button>
|
||||||
|
<button type="button" class="btn btn-primary"
|
||||||
|
(click)="timelineStyle.step1 = { state: 'success', open: false };
|
||||||
|
timelineStyle.step2 = { state: 'current', open: true }">Complete</button>
|
||||||
|
<button class="btn btn-primary-outline"
|
||||||
|
(click)="timelineStyle.step0 = { state: 'current', open: true };
|
||||||
|
timelineStyle.step1 = { state: 'not-started', open: false }">Back</button>
|
||||||
|
</div> </div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--STEP 2--> <div class="card" *ngIf="timelineStyle.step2.open">
|
||||||
|
<div class="card-header">
|
||||||
|
<h3 style="text-align: center;" *ngIf="!appToUpdate"> Review And Confirmation</h3>
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
<!-- Info -->
|
||||||
|
<div class="clr-row mb-3">
|
||||||
|
<div class="clr-col-12">
|
||||||
|
<h5>Customer_information Summary:</h5><p><strong>Name : </strong> {{ Customer_informationentryForm.get('name')?.value }}</p>
|
||||||
|
|
||||||
|
<p><strong>Description : </strong> {{ Customer_informationentryForm.get('description')?.value }}</p>
|
||||||
|
|
||||||
|
<p><strong>Active : </strong> {{ Customer_informationentryForm.get('active')?.value }}</p>
|
||||||
|
|
||||||
|
<p><strong>Visa Entry Type : </strong> {{ Customer_informationentryForm.get('visa_entry_type')?.value }}</p>
|
||||||
|
|
||||||
|
<p><strong>Visa Duration : </strong> {{ Customer_informationentryForm.get('visa_duration')?.value }}</p>
|
||||||
|
|
||||||
|
<p><strong>Visa Processing : </strong> {{ Customer_informationentryForm.get('visa_processing')?.value }}</p>
|
||||||
|
|
||||||
|
<p><strong>Travel start date : </strong> {{ Customer_informationentryForm.get('travel_start_date')?.value }}</p>
|
||||||
|
|
||||||
|
<p><strong>Travel end date : </strong> {{ Customer_informationentryForm.get('travel_end_date')?.value }}</p>
|
||||||
|
|
||||||
|
<p><strong>passport Number : </strong> {{ Customer_informationentryForm.get('passport_number')?.value }}</p>
|
||||||
|
|
||||||
|
<p><strong>Passport issue date : </strong> {{ Customer_informationentryForm.get('passport_issue_date')?.value }}</p>
|
||||||
|
|
||||||
|
<p><strong>Passport expiry date : </strong> {{ Customer_informationentryForm.get('passport_expiry_date')?.value }}</p>
|
||||||
|
|
||||||
|
<p><strong>Email Field : </strong> {{ Customer_informationentryForm.get('email_field')?.value }}</p>
|
||||||
|
|
||||||
|
<p><strong>Phone Number : </strong> {{ Customer_informationentryForm.get('phone_number')?.value }}</p>
|
||||||
|
|
||||||
|
<p><strong>Birth Place : </strong> {{ Customer_informationentryForm.get('birth_place')?.value }}</p>
|
||||||
|
|
||||||
|
<p><strong>Date of Birth : </strong> {{ Customer_informationentryForm.get('date_of_birth')?.value }}</p>
|
||||||
|
|
||||||
|
<p><strong>Gender : </strong> {{ Customer_informationentryForm.get('gender')?.value }}</p>
|
||||||
|
|
||||||
|
<p><strong>Profession : </strong> {{ Customer_informationentryForm.get('profession')?.value }}</p>
|
||||||
|
|
||||||
|
<p><strong>Visa cost : </strong> {{ Customer_informationentryForm.get('visa_cost')?.value }}</p>
|
||||||
|
|
||||||
|
<p><strong>Referrer : </strong> {{ Customer_informationentryForm.get('referrer')?.value }}</p>
|
||||||
|
|
||||||
|
<p><strong>Nationality : </strong> {{ Customer_informationentryForm.get('nationality')?.value }}</p>
|
||||||
|
|
||||||
|
<p><strong>Supplier : </strong> {{ Customer_informationentryForm.get('supplier')?.value }}</p>
|
||||||
|
|
||||||
|
<p><strong>Agent : </strong> {{ Customer_informationentryForm.get('agent')?.value }}</p>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div> <div class="clr-row mb-3">
|
||||||
|
<div class="clr-col-12">
|
||||||
|
<h5>Document_upload Summary:</h5><p><strong>Imageupload Field : </strong> {{ Document_uploadentryForm.get('imageupload_field')?.value }}</p>
|
||||||
|
|
||||||
|
<p><strong>Fileupload Field : </strong> {{ Document_uploadentryForm.get('fileupload_field')?.value }}</p>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div><div class="button">
|
||||||
|
<button class="btn btn-primary-outline"
|
||||||
|
(click)="this.timelineStyle.step1 = { state: 'current', open: true };
|
||||||
|
this.timelineStyle.step2 = { state: 'not-started', open: false }">Back</button>
|
||||||
|
<button class="btn btn-primary"
|
||||||
|
(click)="timelineStyle.step2 = { state: 'success', open: false }; current();
|
||||||
|
alert('Process Finished Successfully!')">Finish</button>
|
||||||
|
</div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@ -0,0 +1,46 @@
|
|||||||
|
.horizontal{
|
||||||
|
width: 25%;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
.horizontal1{
|
||||||
|
width: 50%;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
.middle{
|
||||||
|
width: 33%;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
.middle1{
|
||||||
|
width: 75%;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.full{
|
||||||
|
width: 100%;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type=text],[type=date], select {
|
||||||
|
width: 100%;
|
||||||
|
padding: 12px 20px;
|
||||||
|
margin: 8px 0;
|
||||||
|
display: inline-block;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.required-field{
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
.center {
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
}
|
||||||
|
.center{
|
||||||
|
color: blue;
|
||||||
|
}
|
||||||
|
@media (max-width: 600px){
|
||||||
|
.horizontal,.middle,.horizontal1,.middle1 {
|
||||||
|
width: 100%;
|
||||||
|
}}
|
||||||
|
|
||||||
@ -0,0 +1,25 @@
|
|||||||
|
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
||||||
|
|
||||||
|
import { test_vps_steperComponent } from './test_vps_steper.component';
|
||||||
|
|
||||||
|
describe('test_vps_steperComponent', () => {
|
||||||
|
let component: test_vps_steperComponent;
|
||||||
|
let fixture: ComponentFixture<test_vps_steperComponent>;
|
||||||
|
|
||||||
|
beforeEach(async () => {
|
||||||
|
await TestBed.configureTestingModule({
|
||||||
|
declarations: [ test_vps_steperComponent ]
|
||||||
|
})
|
||||||
|
.compileComponents();
|
||||||
|
});
|
||||||
|
|
||||||
|
beforeEach(() => {
|
||||||
|
fixture = TestBed.createComponent(test_vps_steperComponent);
|
||||||
|
component = fixture.componentInstance;
|
||||||
|
fixture.detectChanges();
|
||||||
|
});
|
||||||
|
|
||||||
|
it('should create', () => {
|
||||||
|
expect(component).toBeTruthy();
|
||||||
|
});
|
||||||
|
});
|
||||||
@ -0,0 +1,824 @@
|
|||||||
|
import { Component, OnInit } from '@angular/core';
|
||||||
|
|
||||||
|
|
||||||
|
import { ToastrService } from 'ngx-toastr';
|
||||||
|
import { ActivatedRoute, Router } from '@angular/router';
|
||||||
|
import { College } from 'src/app/models/fnd/play';
|
||||||
|
import { student } from 'src/app/models/fnd/Studentadd';
|
||||||
|
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
|
||||||
|
import { Observable } from 'rxjs';
|
||||||
|
import { ValidationError } from 'src/app/models/fnd/ValidationError';
|
||||||
|
import { test_vps_steperservice } from './test_vps_steper.service';
|
||||||
|
@Component({
|
||||||
|
selector: 'app-editstepper',
|
||||||
|
templateUrl: './test_vps_steper.component.html',
|
||||||
|
styleUrls: ['./test_vps_steper.component.scss']
|
||||||
|
})
|
||||||
|
export class test_vps_steperComponent implements OnInit {
|
||||||
|
updated = false;
|
||||||
|
stringJson: any;
|
||||||
|
customerId: string = '';
|
||||||
|
selectedFile!: File;
|
||||||
|
fileName = '';
|
||||||
|
|
||||||
|
id: number;
|
||||||
|
errorFields: ValidationError[] = [];
|
||||||
|
appToUpdate: College = null;
|
||||||
|
trained = false;
|
||||||
|
|
||||||
|
json: string = "";
|
||||||
|
luisApp =
|
||||||
|
{
|
||||||
|
name: '',
|
||||||
|
created: 1,
|
||||||
|
trained: 1,
|
||||||
|
tested: 1,
|
||||||
|
updated: 1,
|
||||||
|
published: 1,
|
||||||
|
|
||||||
|
};
|
||||||
|
// Layout direction changing
|
||||||
|
layout = {
|
||||||
|
direction: "vertical",
|
||||||
|
block1: "clr-col-lg-3 clr-col-12 ",
|
||||||
|
block2: "clr-col-lg-9 clr-col-12 ",
|
||||||
|
};
|
||||||
|
|
||||||
|
timelineStyle = {
|
||||||
|
step0: { state: "current", open: true, failed: false },
|
||||||
|
step1: { state: "not-started", open: false, failed: false },
|
||||||
|
step2: { state: "not-started", open: false, failed: false },
|
||||||
|
};
|
||||||
|
public Customer_informationentryForm: FormGroup;
|
||||||
|
public Document_uploadentryForm: FormGroup;
|
||||||
|
submitted = false;
|
||||||
|
rowSelected: any = {};
|
||||||
|
modalcomplete = false;
|
||||||
|
|
||||||
|
constructor(
|
||||||
|
private mainService: test_vps_steperservice,
|
||||||
|
|
||||||
|
private Customer_information_fb: FormBuilder,
|
||||||
|
private Document_upload_fb: FormBuilder,
|
||||||
|
private router: Router,
|
||||||
|
private route: ActivatedRoute,
|
||||||
|
private toastr: ToastrService,
|
||||||
|
) { }
|
||||||
|
|
||||||
|
ngOnInit(): void {
|
||||||
|
this.id = this.route.snapshot.params["id"];
|
||||||
|
console.log("update with id = ", this.id);
|
||||||
|
|
||||||
|
|
||||||
|
this.Customer_informationentryForm = this.Customer_information_fb.group({
|
||||||
|
name : [null],
|
||||||
|
|
||||||
|
description : [null],
|
||||||
|
|
||||||
|
active : [true],
|
||||||
|
|
||||||
|
visa_entry_type : [null],
|
||||||
|
|
||||||
|
visa_duration : [null],
|
||||||
|
|
||||||
|
visa_processing : [null],
|
||||||
|
|
||||||
|
travel_start_date : [null],
|
||||||
|
|
||||||
|
travel_end_date : [null],
|
||||||
|
|
||||||
|
passport_number : [null,[Validators.required]],
|
||||||
|
|
||||||
|
passport_issue_date : [null],
|
||||||
|
|
||||||
|
passport_expiry_date : [null],
|
||||||
|
|
||||||
|
email_field : [null],
|
||||||
|
|
||||||
|
phone_number: ['+91'],
|
||||||
|
|
||||||
|
birth_place : [null],
|
||||||
|
|
||||||
|
date_of_birth : [null],
|
||||||
|
|
||||||
|
gender : [null],
|
||||||
|
|
||||||
|
profession : [null],
|
||||||
|
|
||||||
|
visa_cost : [null, { updateOn: 'blur' }],
|
||||||
|
|
||||||
|
referrer : [null],
|
||||||
|
|
||||||
|
nationality : [null],
|
||||||
|
|
||||||
|
supplier : [null],
|
||||||
|
|
||||||
|
agent : [null],
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
this.Document_uploadentryForm = this.Document_upload_fb.group({
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
const stepId = this.id; // or from route/query/etc
|
||||||
|
|
||||||
|
this.getResolvedDataFromStepper(stepId).subscribe(res => {
|
||||||
|
console.log('response get ', res);
|
||||||
|
|
||||||
|
if (res === null) {
|
||||||
|
this.showEmptyForm();
|
||||||
|
} else {
|
||||||
|
if (res['Customer_information']) {
|
||||||
|
|
||||||
|
this.prefillCustomer_informationForm(res['Customer_information']);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (res['Document_upload']) {
|
||||||
|
|
||||||
|
this.prefillDocument_uploadForm(res['Document_upload']);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
showEmptyForm(): void {
|
||||||
|
console.log('No config found. Showing empty form.');
|
||||||
|
// You can choose to show one or both based on some logic
|
||||||
|
|
||||||
|
this.Customer_informationentryForm.reset();
|
||||||
|
|
||||||
|
this.Document_uploadentryForm.reset();
|
||||||
|
} prefillCustomer_informationForm(data: any): void {
|
||||||
|
|
||||||
|
console.log(' Customer_information data ', data)
|
||||||
|
this.Customer_informationentryForm.patchValue({
|
||||||
|
id: data.id || '',
|
||||||
|
name: data.name || '',
|
||||||
|
|
||||||
|
description: data.description || '',
|
||||||
|
|
||||||
|
active: data.active || '',
|
||||||
|
|
||||||
|
visa_entry_type: data.visa_entry_type || '',
|
||||||
|
|
||||||
|
visa_duration: data.visa_duration || '',
|
||||||
|
|
||||||
|
visa_processing: data.visa_processing || '',
|
||||||
|
|
||||||
|
travel_start_date: data.travel_start_date || '',
|
||||||
|
|
||||||
|
travel_end_date: data.travel_end_date || '',
|
||||||
|
|
||||||
|
passport_number: data.passport_number || '',
|
||||||
|
|
||||||
|
passport_issue_date: data.passport_issue_date || '',
|
||||||
|
|
||||||
|
passport_expiry_date: data.passport_expiry_date || '',
|
||||||
|
|
||||||
|
email_field: data.email_field || '',
|
||||||
|
|
||||||
|
phone_number: data.phone_number || '',
|
||||||
|
|
||||||
|
birth_place: data.birth_place || '',
|
||||||
|
|
||||||
|
date_of_birth: data.date_of_birth || '',
|
||||||
|
|
||||||
|
gender: data.gender || '',
|
||||||
|
|
||||||
|
profession: data.profession || '',
|
||||||
|
|
||||||
|
visa_cost: data.visa_cost || '',
|
||||||
|
|
||||||
|
referrer: data.referrer || '',
|
||||||
|
|
||||||
|
nationality: data.nationality || '',
|
||||||
|
|
||||||
|
supplier: data.supplier || '',
|
||||||
|
|
||||||
|
agent: data.agent || '',
|
||||||
|
|
||||||
|
});
|
||||||
|
} prefillDocument_uploadForm(data: any): void {
|
||||||
|
|
||||||
|
console.log(' Document_upload data ', data)
|
||||||
|
this.Document_uploadentryForm.patchValue({
|
||||||
|
id: data.id || '',
|
||||||
|
imageupload_field: data.imageupload_field || '',
|
||||||
|
|
||||||
|
fileupload_field: data.fileupload_field || '',
|
||||||
|
|
||||||
|
});
|
||||||
|
}
|
||||||
|
getResolvedDataFromStepper(id: number): Observable<any> {
|
||||||
|
console.log('get step config');
|
||||||
|
|
||||||
|
return new Observable(observer => {
|
||||||
|
this.mainService.gettabledata(id).subscribe(configList => {
|
||||||
|
if (!configList || configList.length === 0) {
|
||||||
|
console.log('empty config');
|
||||||
|
observer.next(null);
|
||||||
|
observer.complete();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const results: { [key: string]: any } = {};
|
||||||
|
let processed = 0;
|
||||||
|
|
||||||
|
configList.forEach(config => {
|
||||||
|
const { table_name, table_id } = config;
|
||||||
|
|
||||||
|
this.getByTableNameAndId(table_name, table_id).subscribe(data => {
|
||||||
|
|
||||||
|
console.log('data is ', data);
|
||||||
|
results[table_name] = data;
|
||||||
|
|
||||||
|
processed++;
|
||||||
|
if (processed === configList.length) {
|
||||||
|
observer.next(results); // emit combined data
|
||||||
|
observer.complete();
|
||||||
|
}
|
||||||
|
|
||||||
|
}, error => {
|
||||||
|
console.error(`Error loading data for table ${table_name}`, error);
|
||||||
|
processed++;
|
||||||
|
if (processed === configList.length) {
|
||||||
|
observer.next(results); // continue with what we have
|
||||||
|
observer.complete();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
}, error => {
|
||||||
|
console.error("Error loading stepper config", error);
|
||||||
|
observer.error(error);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
getByTableNameAndId(tableName: string, id: number): Observable<any> {
|
||||||
|
|
||||||
|
switch (tableName) {
|
||||||
|
case 'Customer_information':
|
||||||
|
return this.mainService.getCustomer_informationById(id); case 'Document_upload':
|
||||||
|
return this.mainService.getDocument_uploadById(id);// aur bhi cases agar naye table add ho to
|
||||||
|
default:
|
||||||
|
throw new Error(`Unknown table name: ${tableName}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// Change to Horizontal Layout
|
||||||
|
changeToHorizonTal() {
|
||||||
|
this.layout = {
|
||||||
|
direction: "horizontal",
|
||||||
|
block1: "clr-col-lg-12 clr-col-12 height container",
|
||||||
|
block2: "clr-col-lg-12 clr-col-12 container",
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// Change to Vertical Layout
|
||||||
|
changeToVertical() {
|
||||||
|
this.layout = {
|
||||||
|
direction: "vertical",
|
||||||
|
block1: "clr-col-lg-3 clr-col-12 ",
|
||||||
|
block2: "clr-col-lg-9 clr-col-12 ",
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
onCustomer_informationSave() {
|
||||||
|
console.log('Form Submitted:', this.Customer_informationentryForm.value);
|
||||||
|
this.submitted = true;
|
||||||
|
if (this.Customer_informationentryForm.invalid) {
|
||||||
|
|
||||||
|
console.log('invalid form ..');
|
||||||
|
// Log all form errors
|
||||||
|
Object.keys(this.Customer_informationentryForm.controls).forEach(field => {
|
||||||
|
const control = this.Customer_informationentryForm.get(field);
|
||||||
|
if (control && control.invalid) {
|
||||||
|
console.log(`Error in field: ${field}`, control.errors);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.onCustomer_informationCreate();
|
||||||
|
}
|
||||||
|
|
||||||
|
onCustomer_informationCreate() {
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
this.mainService.createCustomer_information(this.Customer_informationentryForm.value).subscribe(
|
||||||
|
(data) => {
|
||||||
|
console.log('adding data ', data);
|
||||||
|
this.customerId = data.id;
|
||||||
|
|
||||||
|
console.log('id is ', this.customerId);
|
||||||
|
|
||||||
|
|
||||||
|
const tableId = data.id;
|
||||||
|
const tableName = 'Customer_information';
|
||||||
|
const stepperId = this.id;
|
||||||
|
|
||||||
|
// Save stepper config
|
||||||
|
this.mainService.saveStepperConfig(stepperId, tableId, tableName).subscribe(() => {
|
||||||
|
this.toastr.success("Stepper Config Saved");
|
||||||
|
}); if (data || data.status >= 200 && data.status <= 299) {
|
||||||
|
this.toastr.success("Added Successfully");
|
||||||
|
}
|
||||||
|
setTimeout(() => {
|
||||||
|
this.ngOnInit();
|
||||||
|
}, 500);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}, (error) => {
|
||||||
|
console.log(error);
|
||||||
|
if (error.status >= 200 && error.status <= 299) {
|
||||||
|
// this.toastr.success("Added Succesfully");
|
||||||
|
}
|
||||||
|
if (error.status >= 400 && error.status <= 499) {
|
||||||
|
this.toastr.error("Not Added");
|
||||||
|
}
|
||||||
|
if (error.status >= 500 && error.status <= 599) {
|
||||||
|
this.toastr.error("Not Added");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
this.rowSelected = this.Customer_informationentryForm.value;
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
this.ngOnInit();
|
||||||
|
}, 500);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
onDocument_uploadSave() {
|
||||||
|
console.log('Form Submitted:', this.Document_uploadentryForm.value);
|
||||||
|
this.submitted = true;
|
||||||
|
if (this.Document_uploadentryForm.invalid) {
|
||||||
|
|
||||||
|
console.log('invalid form ..');
|
||||||
|
// Log all form errors
|
||||||
|
Object.keys(this.Document_uploadentryForm.controls).forEach(field => {
|
||||||
|
const control = this.Document_uploadentryForm.get(field);
|
||||||
|
if (control && control.invalid) {
|
||||||
|
console.log(`Error in field: ${field}`, control.errors);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.onDocument_uploadCreate();
|
||||||
|
}
|
||||||
|
|
||||||
|
onDocument_uploadCreate() {
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
this.mainService.createDocument_upload(this.Document_uploadentryForm.value).subscribe(
|
||||||
|
(data) => {
|
||||||
|
console.log('adding data ', data);
|
||||||
|
this.customerId = data.id;
|
||||||
|
|
||||||
|
console.log('id is ', this.customerId);
|
||||||
|
|
||||||
|
|
||||||
|
const tableId = data.id;
|
||||||
|
const tableName = 'Document_upload';
|
||||||
|
const stepperId = this.id;
|
||||||
|
|
||||||
|
// Save stepper config
|
||||||
|
this.mainService.saveStepperConfig(stepperId, tableId, tableName).subscribe(() => {
|
||||||
|
this.toastr.success("Stepper Config Saved");
|
||||||
|
}); if (data || data.status >= 200 && data.status <= 299) {
|
||||||
|
this.toastr.success("Added Successfully");
|
||||||
|
}
|
||||||
|
setTimeout(() => {
|
||||||
|
this.ngOnInit();
|
||||||
|
}, 500);
|
||||||
|
for (let i = 0; i < this.selectedimageupload_field.length; i++){
|
||||||
|
|
||||||
|
this.mainService.uploadImageupload_field(data.id,tableName,this.selectedimageupload_field[i]).subscribe(uploaddata =>{
|
||||||
|
console.log(uploaddata);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
for (let i = 0; i < this.selectedfileupload_field.length; i++){
|
||||||
|
|
||||||
|
this.mainService.uploadfilefileupload_field(data.id,tableName,this.selectedfileupload_field[i]).subscribe(uploaddata =>{
|
||||||
|
console.log(uploaddata);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}, (error) => {
|
||||||
|
console.log(error);
|
||||||
|
if (error.status >= 200 && error.status <= 299) {
|
||||||
|
// this.toastr.success("Added Succesfully");
|
||||||
|
}
|
||||||
|
if (error.status >= 400 && error.status <= 499) {
|
||||||
|
this.toastr.error("Not Added");
|
||||||
|
}
|
||||||
|
if (error.status >= 500 && error.status <= 599) {
|
||||||
|
this.toastr.error("Not Added");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
this.rowSelected = this.Document_uploadentryForm.value;
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
this.ngOnInit();
|
||||||
|
}, 500);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
onnext() {
|
||||||
|
this.router.navigate(["../../main/workflow"], { relativeTo: this.route });
|
||||||
|
}
|
||||||
|
reset() {
|
||||||
|
this.json = "";
|
||||||
|
this.luisApp =
|
||||||
|
{
|
||||||
|
name: '',
|
||||||
|
trained: 1,
|
||||||
|
tested: 1,
|
||||||
|
updated: 1,
|
||||||
|
published: 1,
|
||||||
|
created: 1,
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
this.timelineStyle = {
|
||||||
|
step0: { state: "current", open: true, failed: false },
|
||||||
|
step1: { state: "not-started", open: false, failed: false },
|
||||||
|
step2: { state: "not-started", open: false, failed: false },
|
||||||
|
};
|
||||||
|
}
|
||||||
|
current() {
|
||||||
|
console.log(this.timelineStyle)
|
||||||
|
this.stringJson = JSON.stringify(this.timelineStyle);
|
||||||
|
console.log("String json object :", this.stringJson);
|
||||||
|
|
||||||
|
}
|
||||||
|
filePreviewimageupload_field: string | ArrayBuffer | null = null;
|
||||||
|
FileDataimageupload_field: {uploadedfile_name?:any, filePreview: string | ArrayBuffer | null }[] = []; // Initialize the array
|
||||||
|
selectedimageupload_field: File[]=[];
|
||||||
|
public onFileChangedimageupload_field(event, index) {
|
||||||
|
const files = event.target.files;
|
||||||
|
for (let i = 0; i < files.length; i++) {
|
||||||
|
const file = files[i];
|
||||||
|
this.FileDataimageupload_field[index].uploadedfile_name = files[i].name;
|
||||||
|
this.selectedimageupload_field.push(files[i]);
|
||||||
|
if (file.type.startsWith('image/')) {
|
||||||
|
const reader = new FileReader();
|
||||||
|
reader.onload = (e) => {
|
||||||
|
// Set the file preview source
|
||||||
|
const filePreview = e.target?.result as string;
|
||||||
|
this.FileDataimageupload_field[index] = {
|
||||||
|
...this.FileDataimageupload_field[index], // Preserve existing properties
|
||||||
|
filePreview: filePreview // Update only the filePreview property
|
||||||
|
};
|
||||||
|
};
|
||||||
|
reader.readAsDataURL(file);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
onAddLinesimageupload_field(){
|
||||||
|
this.FileDataimageupload_field.push({
|
||||||
|
uploadedfile_name: "",
|
||||||
|
filePreview: "",
|
||||||
|
// f3: "",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
deleteRowimageupload_field(index,id) {
|
||||||
|
this.FileDataimageupload_field.splice(index, 1);
|
||||||
|
|
||||||
|
if(id){
|
||||||
|
this.mainService.uploadImageupload_fielddelete(id).subscribe(data =>{
|
||||||
|
console.log(data);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
filePreviewfileupload_field: string | ArrayBuffer | null = null;
|
||||||
|
FileDatafileupload_field: {uploadedfile_name?:any, filePreview: string | ArrayBuffer | null }[] = []; // Initialize the array
|
||||||
|
selectedfileupload_field: File[]=[];
|
||||||
|
public onFileChangedfileupload_field(event, index) {
|
||||||
|
const files = event.target.files;
|
||||||
|
for (let i = 0; i < files.length; i++) {
|
||||||
|
const file = files[i];
|
||||||
|
this.FileDatafileupload_field[index].uploadedfile_name = files[i].name;
|
||||||
|
this.selectedfileupload_field.push(files[i]);
|
||||||
|
if (file.type.startsWith('file/')) {
|
||||||
|
const reader = new FileReader();
|
||||||
|
reader.onload = (e) => {
|
||||||
|
// Set the file preview source
|
||||||
|
const filePreview = e.target?.result as string;
|
||||||
|
this.FileDatafileupload_field[index] = {
|
||||||
|
...this.FileDatafileupload_field[index], // Preserve existing properties
|
||||||
|
filePreview: filePreview // Update only the filePreview property
|
||||||
|
};
|
||||||
|
};
|
||||||
|
reader.readAsDataURL(file);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
onAddLinesfileupload_field(){
|
||||||
|
this.FileDatafileupload_field.push({
|
||||||
|
uploadedfile_name: "",
|
||||||
|
filePreview: "",
|
||||||
|
// f3: "",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
deleteRowfileupload_field(index,id) {
|
||||||
|
this.FileDatafileupload_field.splice(index, 1);
|
||||||
|
|
||||||
|
if(id){
|
||||||
|
this.mainService.uploadfiledeletefileupload_field(id).subscribe(data =>{
|
||||||
|
console.log(data);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
FileDataImageupload_field: any[];
|
||||||
|
selectedImageupload_field: any[];
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// updateaction
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1,138 @@
|
|||||||
|
import { Injectable } from '@angular/core';
|
||||||
|
import { Observable } from "rxjs";
|
||||||
|
import { HttpClient, HttpHeaders, HttpParams, } from "@angular/common/http";
|
||||||
|
import { ApiRequestService } from "src/app/services/api/api-request.service";
|
||||||
|
import { environment } from 'src/environments/environment';
|
||||||
|
@Injectable({
|
||||||
|
providedIn: 'root'
|
||||||
|
})
|
||||||
|
export class test_vps_steperservice{
|
||||||
|
private StepperURL = "Stepper_table_config/Stepper_table_config";
|
||||||
|
private Customer_informationURL = "Customer_information/Customer_information" ; private Document_uploadURL = "Document_upload/Document_upload" ; constructor(
|
||||||
|
private http: HttpClient,
|
||||||
|
private apiRequest: ApiRequestService,
|
||||||
|
) { }
|
||||||
|
gettabledata(id: number): Observable<any> {
|
||||||
|
const _http = this.StepperURL + "/stepId/" + id;
|
||||||
|
return this.apiRequest.get(_http);
|
||||||
|
}
|
||||||
|
|
||||||
|
saveStepperConfig(stepperId: number, tableId: number, tableName: string): Observable<any> {
|
||||||
|
const params = new HttpParams()
|
||||||
|
.set('stepperId', stepperId.toString())
|
||||||
|
.set('tableId', tableId.toString())
|
||||||
|
.set('tableName', tableName);
|
||||||
|
|
||||||
|
return this.apiRequest.post(this.StepperURL, null, params); // null body, params used
|
||||||
|
} getAllCustomer_information(page?: number, size?: number): Observable<any> {
|
||||||
|
return this.apiRequest.get(this.Customer_informationURL);
|
||||||
|
}
|
||||||
|
getCustomer_informationById(id: number): Observable<any> {
|
||||||
|
const _http = this.Customer_informationURL + "/" + id;
|
||||||
|
return this.apiRequest.get(_http);
|
||||||
|
}
|
||||||
|
createCustomer_information(data: any): Observable<any> {
|
||||||
|
return this.apiRequest.post(this.Customer_informationURL, data);
|
||||||
|
}
|
||||||
|
updateCustomer_information(id: number, data: any): Observable<any> {
|
||||||
|
const _http = this.Customer_informationURL + "/" + id;
|
||||||
|
return this.apiRequest.put(_http, data);
|
||||||
|
}
|
||||||
|
deleteCustomer_information(id: number): Observable<any> {
|
||||||
|
const _http = this.Customer_informationURL + "/" + id;
|
||||||
|
return this.apiRequest.delete(_http);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
getAllDocument_upload(page?: number, size?: number): Observable<any> {
|
||||||
|
return this.apiRequest.get(this.Document_uploadURL);
|
||||||
|
}
|
||||||
|
getDocument_uploadById(id: number): Observable<any> {
|
||||||
|
const _http = this.Document_uploadURL + "/" + id;
|
||||||
|
return this.apiRequest.get(_http);
|
||||||
|
}
|
||||||
|
createDocument_upload(data: any): Observable<any> {
|
||||||
|
return this.apiRequest.post(this.Document_uploadURL, data);
|
||||||
|
}
|
||||||
|
updateDocument_upload(id: number, data: any): Observable<any> {
|
||||||
|
const _http = this.Document_uploadURL + "/" + id;
|
||||||
|
return this.apiRequest.put(_http, data);
|
||||||
|
}
|
||||||
|
deleteDocument_upload(id: number): Observable<any> {
|
||||||
|
const _http = this.Document_uploadURL + "/" + id;
|
||||||
|
return this.apiRequest.delete(_http);
|
||||||
|
}
|
||||||
|
uploadImageupload_field(ref:any, Document_upload:any, file:any): Observable<any>{
|
||||||
|
const formData = new FormData();
|
||||||
|
formData.append('file', file);
|
||||||
|
return this.apiRequest.postFormData(`FileUpload/Uploadeddocs/${ref}/${Document_upload}`, formData);
|
||||||
|
}
|
||||||
|
|
||||||
|
uploadImageupload_fieldgetById(ref:any, Document_upload:any,): Observable<any> {
|
||||||
|
return this.apiRequest.get(`FileUpload/Uploadeddocs/${ref}/${Document_upload}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
uploadImageupload_fielddelete(id: number): Observable<any> {
|
||||||
|
return this.apiRequest.delete(`FileUpload/Uploadeddocs/${id}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
uploadfilefileupload_field(ref:any, Document_upload:any, file:any): Observable<any>{
|
||||||
|
const formData = new FormData();
|
||||||
|
formData.append('file', file);
|
||||||
|
return this.apiRequest.postFormData(`FileUpload/Uploadeddocs/${ref}/${Document_upload}`, formData);
|
||||||
|
}
|
||||||
|
|
||||||
|
uploadfilegetByIdfileupload_field(ref:any, Document_upload:any,): Observable<any> {
|
||||||
|
return this.apiRequest.get(`FileUpload/Uploadeddocs/${ref}/${Document_upload}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
uploadfiledeletefileupload_field(id: number): Observable<any> {
|
||||||
|
return this.apiRequest.delete(`FileUpload/Uploadeddocs/${id}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
// updateaction
|
||||||
|
}
|
||||||
@ -1,3 +1,7 @@
|
|||||||
|
import { test_vps_steperComponent } from './BuilderComponents/stepperworkflow/test_vps_steper/test_vps_steper.component';
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
import { Document_uploadComponent } from './BuilderComponents/basicp1/Document_upload/Document_upload.component';
|
import { Document_uploadComponent } from './BuilderComponents/basicp1/Document_upload/Document_upload.component';
|
||||||
import { Visa_entry_typeComponent } from './BuilderComponents/basicp1/Visa_entry_type/Visa_entry_type.component';
|
import { Visa_entry_typeComponent } from './BuilderComponents/basicp1/Visa_entry_type/Visa_entry_type.component';
|
||||||
import { Customer_informationComponent } from './BuilderComponents/basicp1/Customer_information/Customer_information.component';
|
import { Customer_informationComponent } from './BuilderComponents/basicp1/Customer_information/Customer_information.component';
|
||||||
@ -259,6 +263,15 @@ const routes: Routes = [
|
|||||||
|
|
||||||
|
|
||||||
// buildercomponents
|
// buildercomponents
|
||||||
|
{path:'test_vps_steper/:id',component:test_vps_steperComponent},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
{path:'Document_upload',component:Document_uploadComponent},
|
{path:'Document_upload',component:Document_uploadComponent},
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -1,3 +1,7 @@
|
|||||||
|
import { test_vps_steperComponent } from './BuilderComponents/stepperworkflow/test_vps_steper/test_vps_steper.component';
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
import { Document_uploadComponent } from './BuilderComponents/basicp1/Document_upload/Document_upload.component';
|
import { Document_uploadComponent } from './BuilderComponents/basicp1/Document_upload/Document_upload.component';
|
||||||
import { Visa_entry_typeComponent } from './BuilderComponents/basicp1/Visa_entry_type/Visa_entry_type.component';
|
import { Visa_entry_typeComponent } from './BuilderComponents/basicp1/Visa_entry_type/Visa_entry_type.component';
|
||||||
import { Customer_informationComponent } from './BuilderComponents/basicp1/Customer_information/Customer_information.component';
|
import { Customer_informationComponent } from './BuilderComponents/basicp1/Customer_information/Customer_information.component';
|
||||||
@ -132,6 +136,15 @@ import { Stepper_workflowComponent } from './BuilderComponents/stepperworkflow/S
|
|||||||
|
|
||||||
|
|
||||||
// buildercomponents
|
// buildercomponents
|
||||||
|
test_vps_steperComponent,
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Document_uploadComponent,
|
Document_uploadComponent,
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user