Sineedge/pd_officer
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FAIROJ CHANGES

Browse Source
This commit is contained in:
saravanakumarkandasami 2019-02-21 19:23:26 +05:30
commit a38e5c9f5c
52 changed files with 4561 additions and 2012 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -6,6 +6,7 @@
# dependencies
/node_modules
/platforms
# IDEs and editors
/.idea

6
.sourcemaps/main.js.map
View File

File diff suppressed because one or more lines are too long

2
config.xml
View File

@ -93,7 +93,7 @@
</plugin>
<plugin name="cordova-plugin-request-location-accuracy" spec="2.2.3" />
<plugin name="cordova-sqlite-storage" spec="2.6.0" />
<plugin name="cordova-plugin-android-permissions" spec="1.0.0" />
<engine name="browser" spec="5.0.4" />
<engine name="android" spec="7.1.4" />
<plugin name="cordova-plugin-android-permissions" spec="1.0.0" />
</widget>

2048
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

2
package.json
View File

@ -96,4 +96,4 @@
"android"
]
}
}
}

2
plugins/fetch.json
View File

@ -126,7 +126,7 @@
"cordova-plugin-android-permissions": {
"source": {
"type": "registry",
"id": "cordova-plugin-android-permissions"
"id": "cordova-plugin-android-permissions@1.0.0"
},
"is_top_level": true,
"variables": {}

14
src/app/app.module.ts
View File

@ -9,6 +9,10 @@ import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import { SQLite } from '@ionic-native/sqlite';
import { DatabaseProvider } from '../providers/database/database';
import { AndroidPermissions } from '@ionic-native/android-permissions';
import {
MatAutocompleteModule,
MatButtonModule,
@ -81,11 +85,11 @@ import { PdQuestionFamilyPage } from '../pages/pd-question/pd-question-family/pd
import { PdQuestionLoansPage } from '../pages/pd-question/pd-question-loans/pd-question-loans';
import { PdQuestionFinancialInfoPage } from '../pages/pd-question/pd-question-business-group/pd-question-financial-info/pd-question-financial-info';
import { PdQuestionOtherIncomePage } from '../pages/pd-question/pd-question-other-income/pd-question-other-income';
import { PdQuestionSupplierInfoPage } from '../pages/pd-question/pd-question-supplier-info/pd-question-supplier-info';
import { PdQuestionSupplierInfoPage } from '../pages/pd-question/pd-question-business-group/pd-question-supplier-info/pd-question-supplier-info';
import { Geolocation } from '@ionic-native/geolocation';
import { PdQuestionPersonalInfoPage } from '../pages/pd-question/pd-question-personal-info/pd-question-personal-info';
import { PdQuestionStockInfoPage } from '../pages/pd-question/pd-question-stock-info/pd-question-stock-info';
import { PdQuestionClientInfoPage } from '../pages/pd-question/pd-question-client-info/pd-question-client-info';
import { PdQuestionStockInfoPage } from '../pages/pd-question/pd-question-business-group/pd-question-stock-info/pd-question-stock-info';
import { PdQuestionClientInfoPage } from '../pages/pd-question/pd-question-business-group/pd-question-client-info/pd-question-client-info';
// import { DatePicker } from '@ionic-native/date-picker';
import { PdQuestionBusinessInfoPage } from '../pages/pd-question/pd-question-business-group/pd-question-business-info/pd-question-business-info';
import { PdQuestionRentalInfoPage } from '../pages/pd-question/pd-question-rental-info/pd-question-rental-info';
@ -111,10 +115,6 @@ import { PdPipe } from '../pipes/pd/pd';
import { PdQuestionAssessedBusinessIncomePage } from '../pages/pd-question/pd-question-assessed-business-income/pd-question-assessed-business-income';
import { PdGeneralImagesPage } from '../pages/pd-general-images/pd-general-images';
import { PdQuestionSalaryInfoPage } from '../pages/pd-question/pd-question-salary-info/pd-question-salary-info';
import { DatabaseProvider } from '../providers/database/database'
import { SQLite } from '@ionic-native/sqlite'
import { AndroidPermissions } from '@ionic-native/android-permissions';
@NgModule({
declarations: [

8
src/pages/pd-question-category/pd-question-category.ts
View File

@ -18,11 +18,17 @@ import { PdQuestionBankingPage } from '../pd-question/pd-question-banking/pd-que
import { PdQuestionFamilyPage } from '../pd-question/pd-question-family/pd-question-family';
import { PdQuestionAssestsPage } from '../pd-question/pd-question-assests/pd-question-assests';
import { PdQuestionOtherIncomePage } from '../pd-question/pd-question-other-income/pd-question-other-income';
import { PdQuestionSupplierInfoPage } from '../pd-question/pd-question-supplier-info/pd-question-supplier-info';
import { PdQuestionSupplierInfoPage } from '../pd-question/pd-question-business-group/pd-question-supplier-info/pd-question-supplier-info';
import { PdQuestionPersonalInfoPage } from '../pd-question/pd-question-personal-info/pd-question-personal-info';
<<<<<<< HEAD
import { PdQuestionStockInfoPage } from '../pd-question/pd-question-stock-info/pd-question-stock-info';
import { PdQuestionFinancialInfoPage } from '../pd-question/pd-question-business-group/pd-question-financial-info/pd-question-financial-info';
import { PdQuestionClientInfoPage } from '../pd-question/pd-question-client-info/pd-question-client-info';
=======
import { PdQuestionStockInfoPage } from '../pd-question/pd-question-business-group/pd-question-stock-info/pd-question-stock-info';
import { PdQuestionFinancialInfoPage } from '../pd-question/pd-question-financial-info/pd-question-financial-info';
import { PdQuestionClientInfoPage } from '../pd-question/pd-question-business-group/pd-question-client-info/pd-question-client-info';
>>>>>>> 58523f626d3fb31e1a5befaed30ae2a532d89141
import { PdQuestionRentalInfoPage } from '../pd-question/pd-question-rental-info/pd-question-rental-info';
import { PdQuestionAssessedInfoPage } from '../pd-question/pd-question-assessed-info/pd-question-assessed-info';
import { PdQuestionAssessedDashPage } from '../pd-question/pd-question-assessed-dash/pd-question-assessed-dash';

2
src/pages/pd-question/pd-question-business-group/pd-question-business-assets/pd-question-business-assets.html
View File

@ -10,7 +10,7 @@
<button ion-button menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
<ion-title *ngIf="!viewchange"> Business Asset Details</ion-title>
<ion-title *ngIf="!viewchange">{{formDetails.form_name}}</ion-title>
</ion-navbar>
</ion-header>

17
src/pages/pd-question/pd-question-business-group/pd-question-business-assets/pd-question-business-assets.ts
View File

@ -27,7 +27,7 @@ export class PdQuestionBusinessAssetsPage {
company_id:any;
pdDetails:any;
FormId:any;
formDetails : any;
users:any;
_businessAssetsQuesFrom:FormGroup;
m_assets_type:any;
@ -56,8 +56,8 @@ export class PdQuestionBusinessAssetsPage {
constructor(public navCtrl: NavController, public navParams: NavParams,public aws:AwsServiceProvider,public fb:FormBuilder,public qustcat:QuestionCategoryProvider,public cons:ConstantsProvider,public toast:ToastProvider) {
this.pdDetails=this.navParams.get('pdDetails')
this.FormId=this.navParams.get('FormId')
this.pdDetails=this.navParams.get('pdDetails');
this.formDetails=this.navParams.get('formDetails');
this.users=this.aws.getlocale();
this.company_id=this.pdDetails.company_id;
this.applicants = this.pdDetails.applicat_details;
@ -73,9 +73,8 @@ export class PdQuestionBusinessAssetsPage {
this.getDetails()
this.getDropDown()
console.log("Form Id",this.FormId);
console.log(this.pdDetails);
let params:any={};
params.pd_id=this.pdDetails.pd_id;
params.pd_form_id='5'
@ -187,7 +186,8 @@ export class PdQuestionBusinessAssetsPage {
if(data==null){
this._businessAssetsQuesFrom=this.fb.group({
pdid: [this.pdDetails.pd_id],
formid: ['22'],
/* formid: ['22'],*/
formid: [this.formDetails.form_id],
company_id : [this.company_id],
fk_createdby:[this.users],
business_years:[''],
@ -209,7 +209,8 @@ export class PdQuestionBusinessAssetsPage {
let value=data;
this._businessAssetsQuesFrom=this.fb.group({
pdid: [this.pdDetails.pd_id],
formid: ['22'],
/* formid: ['22'],*/
formid: [this.formDetails.form_id],
company_id : [this.company_id],
fk_createdby:[this.users],

2
src/pages/pd-question/pd-question-business-group/pd-question-business-banking/pd-question-business-banking.html
View File

@ -7,7 +7,7 @@
<ion-header>
<ion-navbar color="optblue">
<ion-title>Banking Details</ion-title>
<ion-title>{{formDetails.form_name}}</ion-title>
</ion-navbar>
</ion-header>

16
src/pages/pd-question/pd-question-business-group/pd-question-business-banking/pd-question-business-banking.scss
View File

@ -1,9 +1,20 @@
page-pd-question-business-banking {
<<<<<<< HEAD
.mat-card{
=======
mat-hint{
font-size:12px;
}
.scroll-content{
background-color: #eee;
}
.mat-card{
>>>>>>> 58523f626d3fb31e1a5befaed30ae2a532d89141
margin-bottom: 15px;
border-radius: 10px !important;
box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important;
}
<<<<<<< HEAD
.mat-card-content{
margin-bottom: 0px !important;
}
@ -15,4 +26,9 @@ page-pd-question-business-banking {
.scroll-content{
background-color: #eee;
}
=======
.mat-card-content{
margin-bottom: 0px !important;
}
>>>>>>> 58523f626d3fb31e1a5befaed30ae2a532d89141
}

17
src/pages/pd-question/pd-question-business-group/pd-question-business-banking/pd-question-business-banking.ts
View File

@ -25,7 +25,8 @@ pdDetails:any;
m_btLenderList: any;
applicants: any
salaryField: boolean;
FormId: any;
formDetails: any;
form_id:any;
accountType: any;
users: any;
bankingForm:FormGroup;
@ -45,14 +46,16 @@ step:number
constructor(public navCtrl: NavController, public navParams: NavParams,public aws: AwsServiceProvider,public fb:FormBuilder,public qustCat:QuestionCategoryProvider,public cons:ConstantsProvider,public toast:ToastProvider) {
this.pdDetails=this.navParams.get('pdDetails')
console.log("pd",this.pdDetails);
this.pdDetails = this.navParams.get('pdDetails');
// console.log("pd",this.pdDetails);
this.pd_cus_segment=this.pdDetails.customer_segment_abbr.toUpperCase();
this.pd_cus_segment=this.pd_cus_segment.substring(0,3)
this.pdid=this.pdDetails.pd_id;
this.FormId = this.navParams.get('FormId');
this.formDetails=this.navParams.get('formDetails');
this.form_id = this.formDetails.form_id;
this.company_id=this.pdDetails.company_id
console.log("Form Id",this.FormId);
// console.log(" business bank Form Id fetched",this.form_id);
// console.log(" business bank Form Details",this.formDetails);
// console.log(" business bank Form Id",this.formDetails.form_id);
this.applicants = this.pdDetails.applicat_details;
this.applicants = this.applicants.filter(appt=>appt.applicant_type != 2)
this.applicants.push({'pd_co_applicant_id':'0','applicant_name':'Others'});
@ -257,7 +260,7 @@ step:number
}
retiveBankDetails(){
let records = {'pd_id':this.pdDetails.pd_id,'pd_form_id':this.FormId,'company_id':this.company_id}
let records = {'pd_id':this.pdDetails.pd_id,'pd_form_id':this.form_id,'company_id':this.company_id}
const control = <FormArray>this.bankingForm.controls['itemRows'];
this.qustCat.retiverForm(records).subscribe(res=>
{
@ -301,7 +304,7 @@ step:number
{
let records: any = {};
records.pdid = this.pdDetails.pd_id;
records.formid = this.FormId;
records.formid = this.form_id;
records.fk_createdby = this.users;
records.company_id=this.company_id;
records.banking_details = answerData.itemRows;

6
src/pages/pd-question/pd-question-business-group/pd-question-business-group.html
View File

@ -23,9 +23,9 @@
</mat-panel-title>
</mat-expansion-panel-header>
<mat-card class="item-ribbon" *ngFor="let formButton of companyList.form_status;let quesIndex=index" (click)="OnSelectBusinessGroupForms(formButton, companyList)">
<span class="ribbon javascript">
<span>{{quesIndex+1}}</span>
</span>
<!-- <div class = "ribbon" [ngclass]="!formButton.isAnswered ? 'notanswered' : 'answered'"><span>{{quesIndex+1}}</span></div> -->
<span *ngIf="formButton.isAnswered;" class="ribbon answered"><span>{{quesIndex+1}}</span></span>
<span *ngIf="!formButton.isAnswered;" class="ribbon notanswered"><span>{{quesIndex+1}}</span></span>
<div>
<p>{{ formButton.form_name }}</p>
</div>

10
src/pages/pd-question/pd-question-business-group/pd-question-business-group.scss
View File

@ -33,6 +33,8 @@ page-pd-question-business-group {
$cruzeiro: #387ef5;
$atletico: darken(#f4f4f4, 45%);
$javascript: #f7e023;
$answered: green;
$notanswered: #f53d3d;
.item-ribbon{
background-color: #fff;
@ -89,12 +91,12 @@ page-pd-question-business-group {
}
}
.ribbon.cruzeiro {
@include ribbonize($cruzeiro);
.ribbon.answered {
@include ribbonize($answered);
}
.ribbon.atletico {
@include ribbonize($atletico);
.ribbon.notanswered {
@include ribbonize($notanswered);
}
.ribbon.javascript {

38
src/pages/pd-question/pd-question-business-group/pd-question-business-group.ts
View File

@ -2,8 +2,9 @@ import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { QuestionCategoryProvider } from '../../../providers/question-category/question-category';
import { PdQuestionSupplierInfoPage } from '../../../pages/pd-question/pd-question-supplier-info/pd-question-supplier-info';
import { PdQuestionClientInfoPage } from '../../../pages/pd-question/pd-question-client-info/pd-question-client-info';
import { PdQuestionSupplierInfoPage } from '../../../pages/pd-question/pd-question-business-group/pd-question-supplier-info/pd-question-supplier-info';
import { PdQuestionClientInfoPage } from '../../../pages/pd-question/pd-question-business-group/pd-question-client-info/pd-question-client-info';
import { PdQuestionStockInfoPage } from '../../../pages/pd-question/pd-question-business-group/pd-question-stock-info/pd-question-stock-info';
import { PdQuestionBusinessInfoPage } from '../../../pages/pd-question/pd-question-business-group/pd-question-business-info/pd-question-business-info';
import { PdQuestionBusinessAssetsPage } from '../../../pages/pd-question/pd-question-business-group/pd-question-business-assets/pd-question-business-assets'
import {PdQuestionBusinessBankingPage} from '../../../pages/pd-question/pd-question-business-group/pd-question-business-banking/pd-question-business-banking'
@ -62,32 +63,41 @@ export class PdQuestionBusinessGroupPage {
this.pdDetails.business_month = company.business_month;
if(details.form_id==1){
this.navCtrl.push(PdQuestionSupplierInfoPage,{'FormId':details.form_id,'pdDetails':this.pdDetails});
console.log("form_id",details.form_id)
this.navCtrl.push(PdQuestionSupplierInfoPage,{'formDetails':details,'pdDetails':this.pdDetails});
// console.log("form_id",details.form_id)
}
if(details.form_id==2){
this.navCtrl.push(PdQuestionClientInfoPage,{'FormId':details.form_id,'pdDetails':this.pdDetails});
console.log("form_id",details.form_id)
this.navCtrl.push(PdQuestionClientInfoPage,{'formDetails':details,'pdDetails':this.pdDetails});
// console.log("form_id",details.form_id)
}
if(details.form_id==11){
this.navCtrl.push(PdQuestionStockInfoPage,{'formDetails':details,'pdDetails':this.pdDetails});
// console.log("form_id",details.form_id)
}
if(details.form_id==13){
this.navCtrl.push(PdQuestionBusinessInfoPage,{'FormId':details.form_id,'pdDetails':this.pdDetails});
console.log("form_id",details.form_id)
this.navCtrl.push(PdQuestionBusinessInfoPage,{'formDetails':details,'pdDetails':this.pdDetails});
// console.log("form_id",details.form_id)
}
if(details.form_id==14){
<<<<<<< HEAD
this.navCtrl.push(PdQuestionFinancialInfoPage,{'FormId':details.form_id,'pdDetails':this.pdDetails});
console.log("form_id",details.form_id)
=======
this.navCtrl.push('',{'formDetails':details,'pdDetails':this.pdDetails});
// console.log("form_id",details.form_id)
>>>>>>> 58523f626d3fb31e1a5befaed30ae2a532d89141
}
if(details.form_id==15){
this.navCtrl.push(PdQuestionSupplierInfoPage,{'FormId':details.form_id,'pdDetails':this.pdDetails});
console.log("form_id",details.form_id)
this.navCtrl.push(PdQuestionSupplierInfoPage,{'formDetails':details,'pdDetails':this.pdDetails});
// console.log("form_id",details.form_id)
}
if(details.form_id==21){
this.navCtrl.push(PdQuestionBusinessBankingPage,{'FormId':details.form_id,'pdDetails':this.pdDetails});
console.log("form_id",details.form_id)
this.navCtrl.push(PdQuestionBusinessBankingPage,{'formDetails':details,'pdDetails':this.pdDetails});
// console.log("form_id",details.form_id)
}
if(details.form_id==22){
this.navCtrl.push(PdQuestionBusinessAssetsPage,{'FormId':details.form_id,'pdDetails':this.pdDetails});
console.log("form_id",details.form_id)
this.navCtrl.push(PdQuestionBusinessAssetsPage,{'formDetails':details,'pdDetails':this.pdDetails});
// console.log("form_id",details.form_id)
}

2
src/pages/pd-question/pd-question-business-group/pd-question-business-info/pd-question-business-info.html
View File

@ -4,7 +4,7 @@
<button ion-button menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
<ion-title *ngIf="!viewchange">{{FormId.form_name}}</ion-title>
<ion-title *ngIf="!viewchange">{{formdetails.form_name}}</ion-title>
</ion-navbar>

5
src/pages/pd-question/pd-question-business-group/pd-question-business-info/pd-question-business-info.ts
View File

@ -22,7 +22,7 @@ import { ConstantsProvider } from '../../../../providers/constants/constants'
})
export class PdQuestionBusinessInfoPage {
stateList:any=[];
users: any;
users: any;formdetails:any;
FormId: any;
pdDetails: any;
businessForm:FormGroup;
@ -64,7 +64,8 @@ export class PdQuestionBusinessInfoPage {
this.pdDetails = this.navParams.get('pdDetails');
this.pdid=this.pdDetails.pd_id
console.log("pdDetails",this.pdDetails)
this.FormId = this.navParams.get('FormId');
this.formdetails = this.navParams.get('formDetails');
this.FormId = this.formdetails.form_id;
this.users = this.aws.getlocale();
//console.log("pd",this.pdDetails);
this.applicants=this.pdDetails.applicat_details;

387
src/pages/pd-question/pd-question-business-group/pd-question-client-info/pd-question-client-info.html Normal file
View File

@ -0,0 +1,387 @@
<ion-header>
<ion-navbar color="optblue">
<button ion-button menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
<ion-title *ngIf="!viewchange">{{formDetails.form_name}}</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
<div *ngIf="noRecordsFound">
<form [formGroup]="clientInfoForm">
<div fxLayout="row" fxLayoutAlign="start none">
<mat-card *ngIf="manufacturingForm">
<mat-card-title><h5>Manufacturing Product Details</h5></mat-card-title>
<div formArrayName="manufacturing_details">
<div *ngFor="let item of clientInfoForm.controls.manufacturing_details['controls']; let i=index"
[formGroupName]="i">
<div formArrayName="main_raw_materials">
<div *ngFor="let items of item.controls.main_raw_materials['controls']; let l=index;let last =last"
[formGroupName]="l">
<mat-card-subtitle>Product #{{l+1}}</mat-card-subtitle>
<mat-card-content>
<div fxLayout="row nowrap" fxLayoutGap="2px" fxLayoutAlign="start none">
<mat-form-field style="width:100%">
<mat-select placeholder="Manufacturing Product Name" formControlName="manufacturing_product_name">
<mat-option *ngFor="let pm of m_manufacturingProducts[0]" [value]="pm.name">{{
pm.name }}</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field style="width: 100%">
<input matInput placeholder="Client Name" formControlName="manufacturing_client_name">
</mat-form-field>
<mat-form-field style="width: 100%">
<mat-select placeholder="Title" formControlName="person_title_name">
<mat-option *ngFor="let tl of titleList" [value]="tl.title_id">
{{tl.name}}
</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field style="width: 100%">
<input matInput placeholder="Client Contact Person Name"
formControlName="manufacturing_contact_person_name">
</mat-form-field>
<mat-form-field style="width: 100%">
<mat-select placeholder="Contact Person Designation" formControlName="person_designation"
(selectionChange)="selectedPersonDesignation(items,$event.value,1)">
<mat-option>Select</mat-option>
<mat-option *ngFor="let comrelShip of companyRelationShipList"
[value]="comrelShip.company_relationship_id">
{{comrelShip.name}}
</mat-option>
<!-- <mat-option value="1" > Not Applicable </mat-option> -->
</mat-select>
</mat-form-field>
<mat-form-field style="width: 100%" *ngIf="items.get('person_designation').value == 1">
<input matInput placeholder="Specify Person Designation"
formControlName="other_person_designation">
</mat-form-field>
<mat-form-field style="width: 100%">
<input matInput placeholder="Client Contact Person Mobile Number"
formControlName="manufacturing_contact_person_mobile_number" type="number"
maxlength="10">
<mat-error>Enter Valid Mobile Number.</mat-error>
</mat-form-field>
<mat-form-field style="width: 100%">
<input matInput autocomplete="off" placeholder="STD Code"
formControlName="person_stdcode" type="number">
<mat-error>Enter Valid STD Code Number.</mat-error>
</mat-form-field>
<!-- &nbsp; - &nbsp; -->
<mat-form-field style="width: 100%">
<input matInput autocomplete="off" placeholder="Client Contact Person Landline Number"
formControlName="person_landline" type="number">
<mat-error>Enter Valid LandLine Number.</mat-error>
</mat-form-field>
<mat-form-field style="width: 100%">
<mat-select placeholder="Payment Terms" formControlName="manufacturing_payment_type"
(selectionChange)="checkCard($event.value,1,l);">
<mat-option *ngFor="let pm of m_paymentType" [value]="pm.id">{{
pm.name }}</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field style="width: 100%">
<mat-select placeholder="Payment Mode" formControlName="manufacturing_payment_mode">
<mat-option value="Payment received in Cash.">Payment received in
Cash.</mat-option>
<mat-option value="Payment received through Banking channels.">Payment
received through Banking channels.</mat-option>
</mat-select>
</mat-form-field>
<span *ngIf="items.get('manufacturing_payment_type').value == 3">
<mat-label>No of days of Credit provided to Client for payment</mat-label>
<mat-form-field style="width: 100%">
<input matInput placeholder="Days From" formControlName="manufacturing_credit_days_from"
type="number">
</mat-form-field>
<mat-form-field style="width: 100%">
<input matInput placeholder="Days To" formControlName="manufacturing_credit_days_to"
type="number">
</mat-form-field>
</span>
</div>
<ion-buttons end>
<ion-col col-3 offset-3>
<a *ngIf="item.controls.main_raw_materials.controls.length > 1" (click)="removeRawMaterials(l)">
<ion-icon name="md-trash" color="optblue" style="font-size: 22px;"></ion-icon>
</a>
</ion-col>
<ion-col col-2 offset-1>
<a (click)="addMoreRawMaterials($event); false" *ngIf="last">
<ion-icon name="add-circle" color="optblue" style="font-size: 24px;"></ion-icon>
</a>
</ion-col>
</ion-buttons>
</mat-card-content>
</div>
</div>
<div *ngIf="mfgCreditCardFlag">
<mat-form-field style="width: 100%">
<input matInput placeholder="What Percentage of Total Sales is done on Credit ?"
formControlName="main_raw_materials_total_payments_percent_on_credit" type="number">
</mat-form-field>
</div>
</div>
</div>
</mat-card>
<mat-card *ngIf="tradingForm">
<mat-card-title><h5>Trading Product Details</h5></mat-card-title>
<div formArrayName="trade_details">
<div *ngFor="let item of clientInfoForm.controls.trade_details['controls']; let i=index"
[formGroupName]="i">
<div formArrayName="trading_products">
<div *ngFor="let items of item.controls.trading_products['controls']; let l=index;let last =last"
[formGroupName]="l">
<mat-card-subtitle>Trading Product #{{l+1}}</mat-card-subtitle>
<mat-card-content>
<div fxLayout="row nowrap" fxLayoutGap="2px" fxLayoutAlign="start none">
<mat-form-field style="width: 100%">
<!-- <input matInput placeholder="Trade Product Name" formControlName="trade_product_name"> -->
<mat-select placeholder="Trading Product Name" formControlName="trade_product_name">
<mat-option *ngFor="let pm of m_tradingProducts" [value]="pm.name">{{
pm.name }}</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field style="width: 100%">
<input matInput placeholder="Client Name" formControlName="trade_client_name">
</mat-form-field>
<mat-form-field style="width: 100%">
<mat-select placeholder="Title" formControlName="person_title_name">
<mat-option *ngFor="let tl of titleList" [value]="tl.title_id">
{{tl.name}}
</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field style="width: 100%">
<input matInput placeholder="Client Contact Person Name"
formControlName="trade_product_contact_person_name">
</mat-form-field>
<mat-form-field style="width: 100%">
<mat-select placeholder="Contact Person Designation" formControlName="person_designation"
(selectionChange)="selectedPersonDesignation(items,$event.value,2)">
<mat-option>Select</mat-option>
<mat-option *ngFor="let comrelShip of companyRelationShipList"
[value]="comrelShip.company_relationship_id">
{{comrelShip.name}}
</mat-option>
<!-- <mat-option value="1" > Not Applicable </mat-option> -->
</mat-select>
</mat-form-field>
<mat-form-field style="width: 100%" *ngIf="items.get('person_designation').value == 1">
<input matInput placeholder="Specify Person Designation"
formControlName="other_person_designation">
</mat-form-field>
<mat-form-field style="width: 100%">
<input matInput placeholder="Client Contact Person Mobile Number"
formControlName="trade_product_contact_person_mobile_number" type="number"
maxlength="10">
<mat-error>Enter Valid Mobile Number.</mat-error>
</mat-form-field>
<mat-form-field style="width: 100%">
<input matInput autocomplete="off" placeholder="STD Code"
formControlName="person_stdcode" type="number">
<mat-error>Enter Valid STD Code Number.</mat-error>
</mat-form-field>
<!-- &nbsp; - &nbsp; -->
<mat-form-field style="width: 100%">
<input matInput autocomplete="off" placeholder="Client Contact Person Landline Number"
formControlName="person_landline" type="number">
<mat-error>Enter Valid LandLine Number.</mat-error>
</mat-form-field>
<mat-form-field style="width: 100%">
<mat-select placeholder="Payment Terms" formControlName="trade_product_payment_type"
(selectionChange)="checkCard($event.value,2,l);">
<mat-option *ngFor="let pm of m_paymentType" [value]="pm.id">{{
pm.name }}</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field style="width: 100%">
<mat-select placeholder="Payment Mode" formControlName="trade_product_payment_mode">
<mat-option value="Payment received in Cash.">Payment received in
Cash.</mat-option>
<mat-option value="Payment received through Banking channels.">Payment
received through Banking channels.</mat-option>
</mat-select>
</mat-form-field>
<!-- <mat-form-field style="width: 45%" *ngIf="items.get('trade_product_payment_type').value == 3">
<input matInput placeholder="No. of Days of Credit Given for Payment Receipt" formControlName="trade_product_credit_days">
</mat-form-field> -->
<mat-label>No of days of Credit provided to Client for payment</mat-label>
<mat-form-field style="width: 100%">
<input matInput placeholder="Days From" formControlName="trade_product_credit_days_from"
type="number">
</mat-form-field>
<mat-form-field style="width: 100%">
<input matInput placeholder="Days To" formControlName="trade_product_credit_days_to"
type="number">
</mat-form-field>
</div>
<ion-buttons end>
<ion-col col-3 offset-3>
<a *ngIf="item.controls.trading_products.controls.length > 1" (click)="removeTradingProduct(l)">
<ion-icon name="md-trash" color="optblue" style="font-size: 22px;"></ion-icon>
</a>
</ion-col>
<ion-col col-2 offset-1>
<a (click)="addMoretradeProduct($event); false" *ngIf="last">
<ion-icon name="add-circle" color="optblue" style="font-size: 24px;"></ion-icon>
</a>
</ion-col>
</ion-buttons>
</mat-card-content>
</div>
</div>
<div *ngIf="trdCreditCardFlag">
<mat-form-field style="width: 100%">
<input matInput placeholder="What Percentage of Total Sales is done on Credit ?"
formControlName="trading_products_total_payments_percent_on_credit" type="number">
</mat-form-field>
</div>
</div>
</div>
</mat-card>
<mat-card *ngIf="serviceProviderForm">
<mat-card-title><h5>Service Provider Product Details</h5></mat-card-title>
<!--<h5 style="margin: 12px;padding:10px !important;">Service Provider Product Details</h5>-->
<div formArrayName="service_provider_details">
<div *ngFor="let item of clientInfoForm.controls.service_provider_details['controls']; let i=index"
[formGroupName]="i">
<div formArrayName="service_products">
<div *ngFor="let items of item.controls.service_products['controls']; let l=index;let last =last"
[formGroupName]="l">
<mat-card-subtitle>Service Provided #{{l+1}}</mat-card-subtitle>
<mat-card-content>
<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
<mat-form-field style="width: 100%">
<mat-select placeholder="Select the Service Provided" formControlName="service_provider_product_name">
<mat-option *ngFor="let pm of m_suplierProducts[0]" [value]="pm.name">{{
pm.name }}</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field style="width: 100%">
<input matInput placeholder="Client Name" formControlName="service_provider_client_name">
</mat-form-field>
<mat-form-field style="width: 100%">
<mat-select placeholder="Title" formControlName="person_title_name">
<mat-option *ngFor="let tl of titleList" [value]="tl.title_id">
{{tl.name}}
</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field style="width: 100%">
<input matInput placeholder="Client Contact Person Name"
formControlName="service_provider_product_contact_person_name">
</mat-form-field>
<mat-form-field style="width: 100%">
<mat-select placeholder="Contact Person Designation" formControlName="person_designation"
(selectionChange)="selectedPersonDesignation(items,$event.value,3)">
<mat-option>Select</mat-option>
<mat-option *ngFor="let comrelShip of companyRelationShipList"
[value]="comrelShip.company_relationship_id">
{{comrelShip.name}}
</mat-option>
<!-- <mat-option value="1" > Not Applicable </mat-option> -->
</mat-select>
</mat-form-field>
<mat-form-field style="width: 100%" *ngIf="items.get('person_designation').value == 1">
<input matInput placeholder="Specify Person Designation"
formControlName="other_person_designation">
</mat-form-field>
<mat-form-field style="width: 100%">
<input matInput placeholder="Client Contact Person Mobile Number"
formControlName="service_provider_product_contact_person_mobile_number"
type="number" maxlength="10">
<mat-error>Enter Valid Mobile Number.</mat-error>
</mat-form-field>
<mat-form-field style="width: 100%">
<input matInput autocomplete="off" placeholder="STD Code"
formControlName="person_stdcode" type="number">
<mat-error>Enter Valid STD Code Number.</mat-error>
</mat-form-field>
<!-- &nbsp; - &nbsp; -->
<mat-form-field style="width: 100%">
<input matInput autocomplete="off" placeholder="Client Contact Person Landline Number"
formControlName="person_landline" type="number">
<mat-error>Enter Valid LandLine Number.</mat-error>
</mat-form-field>
<mat-form-field style="width: 100%">
<mat-select placeholder="Payment Terms" formControlName="service_provider_product_payment_type"
(selectionChange)="checkCard($event.value,3,l);">
<mat-option *ngFor="let pm of m_paymentType" [value]="pm.id">{{
pm.name }}</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field style="width: 100%">
<mat-select placeholder="Payment Mode" formControlName="service_provider_product_payment_mode">
<mat-option value="Payment received in Cash.">Payment received in
Cash.</mat-option>
<mat-option value="Payment received through Banking channels.">Payment
received through Banking channels.</mat-option>
</mat-select>
</mat-form-field>
<!-- <mat-form-field style="width: 45%" *ngIf="items.get('service_provider_product_payment_type').value == 3">
<input matInput placeholder="No. of Days of Credit Given for Payment Receipt" formControlName="service_provider_product_credit_days">
</mat-form-field> -->
</div>
<span *ngIf="items.get('service_provider_product_payment_type').value == 3">
<mat-label>No of days of Credit provided to Client for payment</mat-label>
<mat-form-field style="width: 100%">
<input matInput placeholder="Days From" formControlName="service_provider_product_credit_days_from"
type="number">
</mat-form-field>
<mat-form-field style="width: 100%">
<input matInput placeholder="Days To" formControlName="service_provider_product_credit_days_to"
type="number">
</mat-form-field>
</span>
<ion-buttons end>
<ion-col col-3 offset-3>
<a *ngIf="item.controls.service_products.controls.length > 1" (click)="removeServiceProduct(l)">
<ion-icon name="md-trash" color="optblue" style="font-size: 22px;"></ion-icon>
</a>
</ion-col>
<ion-col col-2 offset-1>
<a (click)="addMoreServiceProduct($event); false" *ngIf="last">
<ion-icon name="add-circle" color="optblue" style="font-size: 24px;"></ion-icon>
</a>
</ion-col>
</ion-buttons>
</mat-card-content>
</div>
</div>
<div *ngIf="spCreditCardFlag">
<mat-form-field style="width: 100%">
<input matInput placeholder="What Percentage of Total Sales is done on Credit ?"
formControlName="service_products_total_payments_percent_on_credit" type="number">
</mat-form-field>
</div>
</div>
</div>
</mat-card>
<mat-card>
<mat-form-field style="width: 100%">
<mat-label>Remarks</mat-label>
<textarea matInput placeholder="Remarks" formControlName="supplier_info_form_remark"></textarea>
</mat-form-field>
</mat-card>
<!-- <mat-card *ngIf="retaildTradingForm">
<h5 style="margin: 12px;padding:10px !important;">Retail Trading Product Details</h5>
<div style="text-align: center; margin: 12px;">Retail Trading Details Not applicable here !!</div>
</mat-card> -->
<ion-row>
<button ion-button full color="optblue" (click)="saveClientInfo(clientInfoForm.value)"> Save</button>
</ion-row>
</div>
</form>
</div>
<div *ngIf="!noRecordsFound">
<mat-card>
<div fxLayout="row" fxLayoutAlign="start none">
<div style="margin: 12px; font-size: 18px;"> {{ errorMessage }} </div>
</div>
</mat-card>
</div>
</ion-content>

16
src/pages/pd-question/pd-question-business-group/pd-question-client-info/pd-question-client-info.scss Normal file
View File

@ -0,0 +1,16 @@
page-pd-question-client-info {
mat-hint{
font-size:12px;
}
.scroll-content{
background-color: #eee;
}
.mat-card{
margin-bottom: 15px;
border-radius: 10px !important;
box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important;
}
.mat-card-content{
margin-bottom: 0px !important;
}
}

599
src/pages/pd-question/pd-question-business-group/pd-question-client-info/pd-question-client-info.ts Normal file
View File

@ -0,0 +1,599 @@
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { QuestionCategoryProvider } from '../../../../providers/question-category/question-category';
import { AwsServiceProvider } from '../../../../providers/aws-service/aws-service';
import { ToastProvider } from '../../../../providers/common-provider/toast';
import { FormGroup, FormBuilder, FormArray } from '@angular/forms';
/**
* Generated class for the PdQuestionClientInfoPage page.
*
* See https://ionicframework.com/docs/components/#navigation for more info on
* Ionic pages and navigation.
*/
@Component({
selector: 'page-pd-question-client-info',
templateUrl: 'pd-question-client-info.html',
})
export class PdQuestionClientInfoPage {
users: any;
pdDetails: any;
formDetails: any;
pdid: any;
company_id: any;
questionDetails: any;
clientInfoForm: FormGroup;
public submitted = false;
public m_paymentType = [];
companyRelationShipList: any = [];
titleList: any = [];
noRecordsFound: Boolean = false;
errorMessage: any = '';
m_manufacturingProducts: any = [];
m_tradingProducts: any = [];
m_suplierProducts: any = [];
constructor(public navCtrl: NavController, public navParams: NavParams, public qustCat: QuestionCategoryProvider, public aws: AwsServiceProvider, public toast: ToastProvider, public fb: FormBuilder) {
this.pdDetails = this.navParams.get('pdDetails');
this.formDetails = this.navParams.get('formDetails');
this.users = this.aws.getlocale();
this.pdid = this.pdDetails.pd_id;
this.company_id = this.pdDetails.company_id;
this.qustCat.getTypeofActivityForSuppliedInfoForm(this.pdid, this.company_id).subscribe(data => {
if (data.dataStatus) {
let datas = data.records;
this.m_manufacturingProducts = datas.type_of_activity.filter(data => { if (data.type_of_activity_id == 2) { return data } }).map(data => [...data.prodcuts]);
// this.m_tradingProducts = datas.type_of_activity.filter(data=>{if(data.type_of_activity_id == 3){return data}}).map(data=> [...data.prodcuts]);
this.m_suplierProducts = datas.type_of_activity.filter(data => { if (data.type_of_activity_id == 5) { return data } }).map(data => [...data.prodcuts]);
let api = Object.keys(datas.type_of_activity).map(function (key) {
return datas.type_of_activity[key];
});
if (api.length > 0) {
api.forEach(val => {
if (val.type_of_activity_id == 3) {
if (val.prodcuts) {
this.m_tradingProducts.push(val.prodcuts);
}
}
if (val.type_of_activity_id == 4) {
if (val.prodcuts) {
this.m_tradingProducts.push(val.prodcuts);
}
}
});
}
this.m_tradingProducts = [].concat.apply([], this.m_tradingProducts);
this.initFormLoadDetails(datas.type_of_activity);
} else {
this.toast.pdTriggerappmessage('No Category Records Found.!');
this.noRecordsFound = false;
this.errorMessage = data.msg;
}
}, err => {
this.toast.pdTriggerappmessage('No Category Records Found.!');
this.noRecordsFound = false;
this.errorMessage = 'No Records Found , Something went Wrong!';
});
this.getdropList();
}
ionViewDidLoad() {
console.log('ionViewDidLoad PdQuestionClientInfoPage');
}
initFormLoadDetails(record) {
let params: any = {};
params.pd_id = this.pdid;
params.pd_form_id = this.formDetails.form_id;
params.company_id = this.company_id;
this.qustCat.retiverForm(params).subscribe(
data => {
if (data['dataStatus']) {
let dataForm = data['records'];
if (dataForm !== undefined) {
this.clientInfoForm = this.fb.group({
pdid: [this.pdid],
formid: [this.formDetails.form_id],
company_id: [this.company_id],
fk_createdby: [this.users],
manufacturing_details: this.fb.array([this.manufacturingFormCreation(record)]),
trade_details: this.fb.array([this.tradingFormCreation(record)]),
service_provider_details: this.fb.array([this.serviceProviderFormCreation(record)]),
supplier_info_form_remark: [dataForm.supplier_info_form_remark || null]
// wholesale_trade_details: this.fb.array([this.tradingFormCreation(record)]),
});
// Load form details for manufacturing
let arr = record.filter(data => data.type_of_activity_id == 2);
if (arr.length > 0) {
// let api_main_raw_materials = Object.keys(dataForm.main_raw_materials).map(function (key) {
// return dataForm.main_raw_materials[key];
// });
let api_main_raw_materials = dataForm.manufacturing_details[0].main_raw_materials;
this.initManufacturingProductsDetails(api_main_raw_materials);
this.clientInfoForm.controls['manufacturing_details']['controls'][0].controls['main_raw_materials_total_payments_percent_on_credit'].setValue(dataForm.manufacturing_details[0].main_raw_materials_total_payments_percent_on_credit || null);
}
// Load form details for the wholeshale trading details
let arr1 = record.filter(data => data.type_of_activity_id == 3 || data.type_of_activity_id == 4);
if (arr1.length > 0) {
// let api_trading_products = Object.keys(dataForm.trading_products).map(function (key) {
// return dataForm.trading_products[key];
// });
let api_trading_products = dataForm.trade_details[0].trading_products;
this.initTradingProductsDetails(api_trading_products);
this.clientInfoForm.controls['trade_details']['controls'][0].controls['trading_products_total_payments_percent_on_credit'].setValue(dataForm.trade_details[0].trading_products_total_payments_percent_on_credit || null);
}
// Load form details for the service provider prduct details
let arr2 = record.filter(data => data.type_of_activity_id == 5);
if (arr2.length > 0) {
// let api_service_provider_products = Object.keys(dataForm.service_products).map(function (key) {
// return dataForm.service_products[key];
// });
let api_service_provider_products = dataForm.service_provider_details[0].service_products;
this.initServiceProviderProductsDetails(api_service_provider_products);
this.clientInfoForm.controls['service_provider_details']['controls'][0].controls['service_products_total_payments_percent_on_credit'].setValue(dataForm.service_provider_details[0].service_products_total_payments_percent_on_credit || null);
}
// Load form details for the retail trading details
let arr3 = record.filter(data => data.type_of_activity_id == 3);
// if (arr3.length > 0) {
// this.retaildTradingForm = true;
// }
this.noRecordsFound = true;
} else {
this.clientInfoForm = this.fb.group({
pdid: [this.pdid],
formid: [this.formDetails.form_id],
company_id: [this.company_id],
fk_createdby: [this.users],
manufacturing_details: this.fb.array([this.manufacturingFormCreation(record)]),
trade_details: this.fb.array([this.tradingFormCreation(record)]),
service_provider_details: this.fb.array([this.serviceProviderFormCreation(record)]),
supplier_info_form_remark: [dataForm.supplier_info_form_remark || null]
// wholesale_trade_details: this.fb.array([this.tradingFormCreation(record)]),
});
let arr = record.filter(data => data.type_of_activity_id == 2);
if (arr.length > 0) {
this.initManufacturingProductsDetails(null);
this.clientInfoForm.controls['manufacturing_details']['controls'][0].controls['main_raw_materials_total_payments_percent_on_credit'].setValue(null);
}
let arr1 = record.filter(data => data.type_of_activity_id == 3 || data.type_of_activity_id == 4);
if (arr1.length > 0) {
this.initTradingProductsDetails(null);
this.clientInfoForm.controls['trade_details']['controls'][0].controls['trading_products_total_payments_percent_on_credit'].setValue(null);
}
let arr2 = record.filter(data => data.type_of_activity_id == 5);
if (arr2.length > 0) {
let api_service_provider_products = Object.keys(dataForm.service_products).map(function (key) {
return dataForm.service_products[key];
});
this.initServiceProviderProductsDetails(api_service_provider_products);
this.clientInfoForm.controls['service_provider_details']['controls'][0].controls['service_products_total_payments_percent_on_credit'].setValue(null);
}
// Load form details for the retail trading details
let arr3 = record.filter(data => data.type_of_activity_id == 3);
// if (arr3.length > 0) {
// this.retaildTradingForm = true;
// }
this.noRecordsFound = true;
}
} else {
this.clientInfoForm = this.fb.group({
pdid: [this.pdid],
formid: [this.formDetails.form_id],
company_id: [this.company_id],
fk_createdby: [this.users],
manufacturing_details: this.fb.array([this.manufacturingFormCreation(record)]),
trade_details: this.fb.array([this.tradingFormCreation(record)]),
service_provider_details: this.fb.array([this.serviceProviderFormCreation(record)]),
supplier_info_form_remark: []
// wholesale_trade_details: this.fb.array([this.tradingFormCreation(record)]),
});
let arr = record.filter(data => data.type_of_activity_id == 2);
if (arr.length > 0) {
this.initManufacturingProductsDetails(null);
this.clientInfoForm.controls['manufacturing_details']['controls'][0].controls['main_raw_materials_total_payments_percent_on_credit'].setValue(null);
}
let arr1 = record.filter(data => data.type_of_activity_id == 3 || data.type_of_activity_id == 4);
if (arr1.length > 0) {
this.initTradingProductsDetails(null);
this.clientInfoForm.controls['trade_details']['controls'][0].controls['trading_products_total_payments_percent_on_credit'].setValue(null);
}
let arr2 = record.filter(data => data.type_of_activity_id == 5);
if (arr2.length > 0) {
this.initServiceProviderProductsDetails(null);
this.clientInfoForm.controls['service_provider_details']['controls'][0].controls['service_products_total_payments_percent_on_credit'].setValue(null);
}
// Load form details for the retail trading details
let arr3 = record.filter(data => data.type_of_activity_id == 3);
// if (arr3.length > 0) {
// this.retaildTradingForm = true;
// }
this.noRecordsFound = true;
}
}, err => {
}
);
}
manufacturingForm: Boolean = false;
manufacturingFormCreation(val) {
let arr = val.filter(data => data.type_of_activity_id == 2);
if (arr.length > 0) {
this.manufacturingForm = true;
return this.fb.group({
main_raw_materials: this.fb.array([]),
main_raw_materials_total_payments_percent_on_credit: []
})
// }
} else {
return;
}
}
tradingForm: Boolean = false;
tradingFormCreation(val) {
// let arr = val.filter(data => data.type_of_activity_id == 4);
let arr = val.filter(data => data.type_of_activity_id == 3 || data.type_of_activity_id == 4);
if (arr.length > 0) {
this.tradingForm = true;
return this.fb.group({
trading_products: this.fb.array([]),
trading_products_total_payments_percent_on_credit: []
});
} else {
return;
}
}
serviceProviderForm: Boolean = false;
serviceProviderFormCreation(val) {
let arr = val.filter(data => data.type_of_activity_id == 5);
if (arr.length > 0) {
this.serviceProviderForm = true;
return this.fb.group({
service_products: this.fb.array([]),
service_products_total_payments_percent_on_credit: []
});
} else {
return;
}
}
initManufacturingProductsDetails(datas) {
const control = <FormArray>this.clientInfoForm.controls['manufacturing_details']['controls'][0].controls['main_raw_materials'];
if (datas === null) {
control.push(this.initManufacturingProducts(null));
} else {
datas.forEach((val, inx) => {
this.checkCard(val.manufacturing_payment_type, 1, inx);
control.push(this.initManufacturingProducts(val));
});
// for (let val of datas) {
// control.push(this.initManufacturingProducts(val));
// }
}
}
initManufacturingProducts(records) {
if (records === null) {
return this.fb.group({
manufacturing_product_name: [''],
manufacturing_client_name: [''],
manufacturing_contact_person_name: [''],
manufacturing_contact_person_mobile_number: [''],//,Validators.compose([Validators.minLength(10),Validators.maxLength(10)])],
manufacturing_payment_type: [''],
manufacturing_payment_mode: [''],
// manufacturing_credit_days: [''],
person_title_name: [''],
person_designation: [''],
person_stdcode: [''],// Validators.compose([Validators.minLength(3),Validators.maxLength(5),Validators.pattern('^[0-9]*$')])],
person_landline: [''],// Validators.compose([Validators.minLength(6),Validators.maxLength(8),Validators.pattern('^[0-9]*$')])],
other_person_designation: [''],
manufacturing_credit_days_from: [''],
manufacturing_credit_days_to: ['']
})
} else {
return this.fb.group({
manufacturing_product_name: [records.manufacturing_product_name || null],
manufacturing_client_name: [records.manufacturing_client_name || null],
manufacturing_contact_person_name: [records.manufacturing_contact_person_name || null],
manufacturing_contact_person_mobile_number: [records.manufacturing_contact_person_mobile_number || null],//Validators.compose([Validators.minLength(10),Validators.maxLength(10)])],
manufacturing_payment_type: [records.manufacturing_payment_type || null],
manufacturing_payment_mode: [records.manufacturing_payment_mode || null],
manufacturing_credit_days: [records.manufacturing_credit_days || null],
person_title_name: [records.person_title_name || null],
person_designation: [records.person_designation || null],
person_stdcode: [records.person_stdcode || null],// Validators.compose([Validators.minLength(3),Validators.maxLength(5),Validators.pattern('^[0-9]*$')])],
person_landline: [records.person_landline || null],// Validators.compose([Validators.minLength(6),Validators.maxLength(8),Validators.pattern('^[0-9]*$')])],
other_person_designation: [records.other_person_designation || null],
manufacturing_credit_days_from: [records.manufacturing_credit_days_from || null],
manufacturing_credit_days_to: [records.manufacturing_credit_days_to || null]
})
}
}
initTradingProductsDetails(datas) {
const control = <FormArray>this.clientInfoForm.controls['trade_details']['controls'][0].controls['trading_products'];
if (datas === null) {
control.push(this.initTradingProducts(null));
} else {
datas.forEach((val, inx) => {
this.checkCard(val.trade_product_payment_type, 2, inx);
control.push(this.initTradingProducts(val));
});
// for (let val of datas) {
// control.push(this.initTradingProducts(val));
// }
}
}
initTradingProducts(records) {
if (records === null) {
return this.fb.group({
trade_product_name: [''],
trade_client_name: [''],
trade_product_contact_person_name: [''],
trade_product_contact_person_mobile_number: [''],//Validators.compose([Validators.minLength(10),Validators.maxLength(10)])],
trade_product_payment_type: [''],
trade_product_payment_mode: [''],
trade_product_frequency_of_purchase: [''],
trade_product_credit_days_from: [''],
trade_product_credit_days_to: [''],
person_title_name: [''],
person_designation: [''],
person_stdcode: [''],// Validators.compose([Validators.minLength(3),Validators.maxLength(5),Validators.pattern('^[0-9]*$')])],
person_landline: [''],// Validators.compose([Validators.minLength(6),Validators.maxLength(8),Validators.pattern('^[0-9]*$')])],
other_person_designation: [''],
})
} else {
return this.fb.group({
trade_product_name: [records.trade_product_name],
trade_client_name: [records.trade_client_name],
trade_product_contact_person_name: [records.trade_product_contact_person_name],
trade_product_contact_person_mobile_number: [records.trade_product_contact_person_mobile_number],//Validators.compose([Validators.minLength(10),Validators.maxLength(10)])],
trade_product_payment_type: [records.trade_product_payment_type],
trade_product_payment_mode: [records.trade_product_payment_mode],
trade_product_frequency_of_purchase: [records.trade_product_frequency_of_purchase],
trade_product_credit_days_from: [records.trade_product_credit_days_from],
trade_product_credit_days_to: [records.trade_product_credit_days_to],
person_title_name: [records.person_title_name || null],
person_designation: [records.person_designation || null],
person_stdcode: [records.person_stdcode || null],// Validators.compose([Validators.minLength(3),Validators.maxLength(5),Validators.pattern('^[0-9]*$')])],
person_landline: [records.person_landline || null],// Validators.compose([Validators.minLength(6),Validators.maxLength(8),Validators.pattern('^[0-9]*$')])],
other_person_designation: [records.other_person_designation || null],
})
}
}
initServiceProviderProductsDetails(datas) {
const control = <FormArray>this.clientInfoForm.controls['service_provider_details']['controls'][0].controls['service_products'];
if (datas === null) {
control.push(this.initServiceProviderProducts(null));
} else {
datas.forEach((val, inx) => {
this.checkCard(val.service_provider_product_payment_type, 3, inx);
control.push(this.initServiceProviderProducts(val));
});
// for (let val of datas) {
// control.push(this.initServiceProviderProducts(val));
// }
}
}
initServiceProviderProducts(records) {
if (records === null) {
return this.fb.group({
service_provider_product_name: [''],
service_provider_client_name: [''],
service_provider_product_contact_person_name: [''],
service_provider_product_contact_person_mobile_number: [''],//Validators.compose([Validators.minLength(10),Validators.maxLength(10)])],
service_provider_product_payment_type: [''],
service_provider_product_payment_mode: [''],
service_provider_product_frequency_of_purchase: [''],
service_provider_product_credit_days_from: [''],
service_provider_product_credit_days_to: [''],
person_title_name: [''],
person_designation: [''],
person_stdcode: [''], //Validators.compose([Validators.minLength(3),Validators.maxLength(5),Validators.pattern('^[0-9]*$')])],
person_landline: [''],// Validators.compose([Validators.minLength(6),Validators.maxLength(8),Validators.pattern('^[0-9]*$')])],
other_person_designation: [''],
})
} else {
return this.fb.group({
service_provider_product_name: [records.service_provider_product_name],
service_provider_client_name: [records.service_provider_client_name],
service_provider_product_contact_person_name: [records.service_provider_product_contact_person_name],
service_provider_product_contact_person_mobile_number: [records.service_provider_product_contact_person_mobile_number],//Validators.compose([Validators.minLength(10),Validators.maxLength(10)])],
service_provider_product_payment_type: [records.service_provider_product_payment_type],
service_provider_product_payment_mode: [records.service_provider_product_payment_mode],
service_provider_product_frequency_of_purchase: [records.service_provider_product_frequency_of_purchase],
service_provider_product_credit_days_from: [records.service_provider_product_credit_days_from],
service_provider_product_credit_days_to: [records.service_provider_product_credit_days_to],
person_title_name: [records.person_title_name || null],
person_designation: [records.person_designation || null],
person_stdcode: [records.person_stdcode || null],// Validators.compose([Validators.minLength(3),Validators.maxLength(5),Validators.pattern('^[0-9]*$')])],
person_landline: [records.person_landline || null],// Validators.compose([Validators.minLength(6),Validators.maxLength(8),Validators.pattern('^[0-9]*$')])],
other_person_designation: [records.other_person_designation || null],
})
}
}
addMoreRawMaterials(e): void {
// e.stropPropagation();
const control = <FormArray>this.clientInfoForm.controls['manufacturing_details']['controls'][0].controls['main_raw_materials'];
control.push(this.initManufacturingProducts(null));
}
removeRawMaterials(inx): void {
const control = <FormArray>this.clientInfoForm.controls['manufacturing_details']['controls'][0].controls['main_raw_materials'];
control.removeAt(inx);
}
addMoretradeProduct(e): void {
// e.stropPropagation();
const control = <FormArray>this.clientInfoForm.controls['trade_details']['controls'][0].controls['trading_products'];
control.push(this.initTradingProducts(null));
}
removeTradingProduct(inx): void {
const control = <FormArray>this.clientInfoForm.controls['trade_details']['controls'][0].controls['trading_products'];
control.removeAt(inx);
}
addMoreServiceProduct(e): void {
// e.stropPropagation();
const control = <FormArray>this.clientInfoForm.controls['service_provider_details']['controls'][0].controls['service_products'];
control.push(this.initServiceProviderProducts(null));
}
removeServiceProduct(inx): void {
const control = <FormArray>this.clientInfoForm.controls['service_provider_details']['controls'][0].controls['service_products'];
control.removeAt(inx);
}
getdropList() {
this.qustCat.getcommondrop('COMPANYRELATIONSHIPS').subscribe(
data => {
this.companyRelationShipList = data['records'].filter(data => data.isactive == 1);
});
this.qustCat.getcommondrop('TITLES').subscribe(
data => {
this.titleList = data['records'].filter(data => data.isactive == 1);
});
this.qustCat.getcommondrop('PAYMENTMODE').subscribe(
data => {
this.m_paymentType = data['records'].filter(data => data.isactive == 1);
});
}
// saveclientDetails(answerData)
// {
// let records:any ={};
// records.pdid = this.pdDetails.pd_id;
// records.formid = this.FormId.form_id;
// records.fk_createdby = this.users;
// records.client_details = answerData.clientArray;
// this.qustCat.saveForm(records).subscribe(res=>
// {
// if(res['dataStatus']==true)
// {
// this.toast.pdTriggerappmessage('Record Saved Successfully.!');
// this.navCtrl.pop();
// }
// });
// }
/** To Save/Edited Popup Data */
saveClientInfo(answerFormValues) {
// console.log(answerFormValues);
Object.keys(answerFormValues).forEach((key) => (answerFormValues[key] == null) && delete answerFormValues[key]);
if (answerFormValues.manufacturing_details[0] == null) {
delete answerFormValues['manufacturing_details'];
}
if (answerFormValues.trade_details[0] == null) {
delete answerFormValues['trade_details'];
}
if (answerFormValues.service_provider_details[0] == null) {
delete answerFormValues['service_provider_details'];
}
//To Remove The "Null" With Key also
Object.keys(answerFormValues).forEach((key) => { if (answerFormValues[key] === null || answerFormValues[key] === undefined || answerFormValues[key] === '') { delete answerFormValues[key] }; });
this.qustCat.saveForm(answerFormValues).subscribe(responsed => {
if (responsed['status'] == 200) {
this.navCtrl.pop();
this.toast.pdTriggerappmessage('Record Saved Successfully.!');
} else {
this.toast.pdTriggerappmessage('Something Wents Wrong Try Again.!');
}
});
}
selectedPersonDesignation(items, e, flag) {
if (flag == 1) {
// e==1 ? items.controls['other_person_designation'].setValidators([Validators.required])
// : items.controls['other_person_designation'].clearValidators(),items.controls['other_person_designation'].setValue('');
// items.controls['other_person_designation'].updateValueAndValidity();
}
else if (flag == 2) {
// e==1 ?items.controls['other_person_designation'].setValidators([Validators.required])
// :items.controls['other_person_designation'].clearValidators(),items.controls['other_person_designation'].setValue('');
// items.controls['other_person_designation'].updateValueAndValidity();
}
else if (flag == 3) {
// e==1 ?items.controls['other_person_designation'].setValidators([Validators.required])
// :items.controls['other_person_designation'].clearValidators(),items.controls['other_person_designation'].setValue('');
// items.controls['other_person_designation'].updateValueAndValidity();
}
}
mfgCreditCardFlag: boolean = false;
trdCreditCardFlag: boolean = false;
spCreditCardFlag: boolean = false;
mfgCounter: any = [];
trdCounter: any = [];
spCounter: any = [];
checkCard(e, flag, index) {
if (flag == 3 && e == 3) {
this.spCounter[index] = 1;
}
else if (flag == 3 && e != 3) {
this.spCounter[index] = 0;
}
let SP = this.spCounter.reduce((sum, val) => sum + +val, 0);
this.spCreditCardFlag = SP > 0 ? true : false;
if (flag == 2 && e == 3) {
this.trdCounter[index] = 1;
}
else if (flag == 2 && e != 3) {
this.trdCounter[index] = 0;
}
let TRD = this.trdCounter.reduce((sum, val) => sum + +val, 0);
this.trdCreditCardFlag = TRD > 0 ? true : false;
if (flag == 1 && e == 3) {
this.mfgCounter[index] = 1;
}
else if (flag == 1 && e != 3) {
this.mfgCounter[index] = 0;
}
let MFG = this.mfgCounter.reduce((sum, val) => sum + +val, 0);
this.mfgCreditCardFlag = MFG > 0 ? true : false;
}
}

325
src/pages/pd-question/pd-question-business-group/pd-question-stock-info/pd-question-stock-info.html Normal file
View File

@ -0,0 +1,325 @@
<ion-header>
<ion-navbar color="optblue">
<button ion-button menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
<ion-title>{{formDetails.form_name}}</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
<div *ngIf="noRecordsFound">
<form [formGroup]="stockForm">
<div fxLayout="row" fxLayoutAlign="start none">
<mat-card *ngIf="manufacturingForm">
<mat-card-title><h5>Manufacturing Stock Details</h5></mat-card-title>
<div formArrayName="manufacturing_details">
<div *ngFor="let md of stockForm.controls.manufacturing_details['controls']; let i=index"
[formGroupName]="i">
<div formArrayName="manufacturing_raw_materials">
<div *ngFor="let mrm of md.controls.manufacturing_raw_materials['controls']; let a=index; let last=last"
[formGroupName]="a">
<mat-card-subtitle>Raw Material #{{a+1}}</mat-card-subtitle>
<mat-card-content class="matcard">
<mat-form-field style="width:100%">
<input matInput autocomplete="off" placeholder="Name" formControlName="raw_name">
</mat-form-field>
<mat-form-field style="width:100%">
<!-- <mat-select placeholder="is the Stock is Observed ?" formControlName="stock_observed" > -->
<mat-select placeholder="Stock" formControlName="stock_observed">
<mat-option value="yes">Add Stock Details</mat-option>
<mat-option value="no">No Stock Observed</mat-option>
</mat-select>
</mat-form-field>
<span *ngIf="mrm.get('stock_observed').value == 'yes'">
<mat-form-field style="width:100%">
<input matInput autocomplete="off" placeholder="Estimated Quantity"
formControlName="raw_quantity" type="number">
</mat-form-field>
<mat-form-field style="width:100%">
<mat-select placeholder="Unit of Mearsurement" formControlName="raw_uom">
<mat-option value="{{uom.uom_id}}" *ngFor="let uom of uomData">{{uom.name}}</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field *ngIf="mrm.get('raw_uom').value == 1" style="width:100%">
<input matInput autocomplete="off" placeholder="Specify UOM"
formControlName="other_uom">
</mat-form-field>
<mat-form-field style="width:100%">
<input matInput autocomplete="off" placeholder="Estimated Value of Stock Observed"
formControlName="raw_value" type="number" (keyup)="inWords($event.target.value,1,a)">
<mat-hint align="start" style="font-size:70%" *ngIf="mrm.get('raw_value').value != ''">{{"&#8377;"}}
{{M_rawValueInWords[a]}} Only</mat-hint>
</mat-form-field>
<mat-form-field style="width:100%">
<mat-select placeholder="Is the stock of Raw Materials observed, sufficient considering the size of operations"
formControlName="is_sufficiant_raw" (selectionChange)="checkComments($event.value,1,a)">
<mat-option value="yes">Yes</mat-option>
<mat-option value="no">No</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field *ngIf="mrmCommentFlag[a]" appearance="outline" style="width: 100%">
<mat-label> <i>Please comment on the stock level observed?</i>
</mat-label>
<textarea matInput autocomplete="off" placeholder="Please comment on the stock level observed"
formControlName="rawmaterial_remarks"></textarea>
</mat-form-field>
</span>
</mat-card-content>
<mat-card-actions>
<ion-buttons end>
<ion-col col-3 offset-3>
<a (click)="deleteRawMaterials(a,1)" *ngIf="md.controls.manufacturing_raw_materials.controls.length>1">
<ion-icon name="md-trash" color="optblue" style="font-size: 22px;"></ion-icon>
</a>
</ion-col>
<ion-col col-2 offset-1>
<a (click)="addRawMaterials(1)" *ngIf="last">
<ion-icon name="add-circle" color="optblue" style="font-size: 24px;"></ion-icon>
</a>
</ion-col>
</ion-buttons>
</mat-card-actions>
</div>
</div>
<div formArrayName="manufacturing_finished_goods">
<div *ngFor="let mfg of md.controls.manufacturing_finished_goods['controls']; let b=index;let last=last"
[formGroupName]="b">
<mat-card-subtitle>Finished Goods #{{b+1}}</mat-card-subtitle>
<mat-card-content class="matcard">
<mat-form-field style="width:100%">
<input matInput autocomplete="off" placeholder="Name" formControlName="goods_name">
</mat-form-field>
<mat-form-field style="width:100%">
<mat-select placeholder="Stock" formControlName="goods_observed">
<mat-option value="yes">Add Stock Details</mat-option>
<mat-option value="no">No Stock Observed</mat-option>
</mat-select>
</mat-form-field>
<span *ngIf="mfg.get('goods_observed').value == 'yes'">
<mat-form-field style="width:100%">
<input matInput autocomplete="off" placeholder="Estimated Quantity"
formControlName="goods_quantity" type="number">
</mat-form-field>
<mat-form-field style="width:100%">
<mat-select placeholder="Unit of Mearsurement" formControlName="goods_uom">
<mat-option value="{{uom.uom_id}}" *ngFor="let uom of uomData">{{uom.name}}</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field *ngIf="mfg.get('goods_uom').value == 1" style="width:100%">
<input matInput autocomplete="off" placeholder="Specify UOM"
formControlName="goods_other_uom">
</mat-form-field>
<mat-form-field style="width:100%">
<input matInput autocomplete="off" placeholder="Estimated Value of Stock Observed"
formControlName="goods_value" type="number" (keyup)="inWords($event.target.value,2,b)">
<mat-hint align="start" style="font-size:70%" *ngIf="mfg.get('goods_value').value != ''">{{"&#8377;"}}
{{M_goodsValueInWords[b]}} Only</mat-hint>
</mat-form-field>
<mat-form-field style="width:100%">
<mat-select placeholder="Is the stock of Finished Goods Observed sufficient considering the size of operations?"
formControlName="is_sufficiant_goods" (selectionChange)="checkComments($event.value,2,b)">
<mat-option value="yes">Yes</mat-option>
<mat-option value="no">No</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field *ngIf="mfgCommentFlag[b]" appearance="outline" style="width: 100%">
<mat-label class="highlight"> <i>Please comment on the finished goods
stock level observed?</i> </mat-label>
<textarea matInput autocomplete="off" placeholder="Please comment on the finished goods observed"
formControlName="finishedgoods_remarks"></textarea>
</mat-form-field>
</span>
</mat-card-content>
<mat-card-actions>
<ion-buttons end>
<ion-col col-3 offset-3>
<a (click)="deleteGoods(b,1)" *ngIf="md.controls.manufacturing_finished_goods.controls.length>1">
<ion-icon name="md-trash" color="optblue" style="font-size: 22px;"></ion-icon>
</a>
</ion-col>
<ion-col col-2 offset-1>
<a (click)="addGoods(1)" *ngIf="last">
<ion-icon name="add-circle" color="optblue" style="font-size: 24px;"></ion-icon>
</a>
</ion-col>
</ion-buttons>
</mat-card-actions>
</div>
</div>
</div>
</div>
</mat-card>
<mat-card *ngIf="retailForm">
<mat-card-title><h5>Retail Trading Details</h5></mat-card-title>
<div formArrayName="retail_details">
<div *ngFor="let rd of stockForm.controls.retail_details['controls']; let j=index"
[formGroupName]="j">
<div formArrayName="retail_traded_goods">
<div *ngFor="let item of rd.controls.retail_traded_goods['controls']; let e=index;let last =last"
[formGroupName]="e">
<mat-card-subtitle>Traded Goods #{{e+1}}</mat-card-subtitle>
<mat-card-content class="matcard">
<mat-form-field style="width:100%">
<input matInput autocomplete="off" placeholder="Name" formControlName="traded_goods_name">
</mat-form-field>
<mat-form-field style="width:100%">
<mat-select placeholder="Stock" formControlName="traded_goods_observed">
<mat-option value="yes">Add Stock Details</mat-option>
<mat-option value="no">No Stock Observed</mat-option>
</mat-select>
</mat-form-field>
<span *ngIf="item.get('traded_goods_observed').value == 'yes'">
<mat-form-field style="width:100%">
<input matInput autocomplete="off" placeholder="Estimated Quantity"
formControlName="traded_goods_quantity" type="number">
</mat-form-field>
<mat-form-field style="width:100%">
<mat-select placeholder="Unit of Mearsurement" formControlName="traded_goods_uom">
<mat-option value="{{uom.uom_id}}" *ngFor="let uom of uomData">{{uom.name}}</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field *ngIf="item.get('traded_goods_uom').value == 1" style="width:100%">
<input matInput autocomplete="off" placeholder="Specify UOM"
formControlName="traded_goods_other_uom">
</mat-form-field>
<mat-form-field style="width:100%">
<input matInput autocomplete="off" placeholder="Estimated Value of Stock Observed"
formControlName="estimated_traded_goods_value" type="number"
(keyup)="inWords($event.target.value,3,e)">
<mat-hint align="start" style="font-size:70%" *ngIf="item.get('estimated_traded_goods_value').value != ''">{{"&#8377;"}}
{{R_tradedGoodsValueInWords[e]}} Only</mat-hint>
</mat-form-field>
<mat-form-field style="width:100%">
<mat-select placeholder="Is the stock of Traded goods observed ?"
formControlName="is_sufficiant_traded_goods" (selectionChange)="checkComments($event.value,3,e)">
<mat-option value="yes">Yes</mat-option>
<mat-option value="no">No</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field *ngIf="rtrdCommentFlag[e]" appearance="outline" style="width: 100%">
<mat-label> <i>Please comment on the Traded Goods stock level observed?</i>
</mat-label>
<textarea matInput autocomplete="off" placeholder="Please comment on the traded goods stock level observed"
formControlName="traded_goods_remarks"></textarea>
</mat-form-field>
</span>
</mat-card-content>
<mat-card-actions>
<ion-buttons end>
<ion-col col-3 offset-3>
<a (click)="deleteTradedGoods(e,1)" *ngIf="rd.controls.retail_traded_goods.controls.length>1">
<ion-icon name="md-trash" color="optblue" style="font-size: 22px;"></ion-icon>
</a>
</ion-col>
<ion-col col-2 offset-1>
<a (click)="addTradedGoods(1)" *ngIf="last">
<ion-icon name="add-circle" color="optblue" style="font-size: 24px;"></ion-icon>
</a>
</ion-col>
</ion-buttons>
</mat-card-actions>
</div>
</div>
</div>
</div>
</mat-card>
<mat-card *ngIf="tradingForm">
<mat-card-title><h5>Wholesale Trading Details</h5></mat-card-title>
<div formArrayName="trade_details">
<div *ngFor="let td of stockForm.controls.trade_details['controls']; let k=index"
[formGroupName]="k">
<div formArrayName="trading_traded_goods">
<div *ngFor="let tradetg of td.controls.trading_traded_goods['controls']; let g=index;let last = last"
[formGroupName]="g">
<mat-card-subtitle>Traded Goods #{{g+1}}</mat-card-subtitle>
<mat-card-content class="matcard">
<mat-form-field style="width:100%">
<input matInput autocomplete="off" placeholder="Name" formControlName="traded_goods_name">
</mat-form-field>
<mat-form-field style="width:100%">
<mat-select placeholder="Stock" formControlName="traded_goods_observed">
<mat-option value="yes">Add Stock Details</mat-option>
<mat-option value="no">No stock observed</mat-option>
</mat-select>
</mat-form-field>
<span *ngIf="tradetg.get('traded_goods_observed').value == 'yes'">
<mat-form-field style="width:100%">
<input matInput autocomplete="off" placeholder="Estimated Quantity"
formControlName="traded_goods_quantity" type="number">
</mat-form-field>
<mat-form-field style="width:100%">
<mat-select placeholder="Unit of Mearsurement" formControlName="traded_goods_uom">
<mat-option value="{{uom.uom_id}}" *ngFor="let uom of uomData">{{uom.name}}</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field *ngIf="tradetg.get('traded_goods_uom').value == 1" style="width:100%">
<input matInput autocomplete="off" placeholder="Specify UOM"
formControlName="traded_goods_other_uom">
</mat-form-field>
<mat-form-field style="width:100%">
<input matInput autocomplete="off" placeholder="Estimated Value of Stock Observed"
formControlName="estimated_traded_goods_value" type="number"
(keyup)="inWords($event.target.value,4,g)">
<mat-hint align="start" style="font-size:70%" *ngIf="tradetg.get('estimated_traded_goods_value').value != ''">{{"&#8377;"}}
{{T_tradedGoodsValueInWords[g]}} Only</mat-hint>
</mat-form-field>
<mat-form-field style="width:100%">
<mat-select placeholder="Is the stock of Traded goods observed ?"
formControlName="is_sufficiant_traded_goods" (selectionChange)="checkComments($event.value,4,g)">
<mat-option value="yes">Yes</mat-option>
<mat-option value="no">No</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field *ngIf="wtrdCommentFlag[g]" appearance="outline" style="width: 100%">
<mat-label> <i>Please comment on the Traded Goods stock level observed?</i>
</mat-label>
<textarea matInput autocomplete="off" placeholder="Please comment on the traded goods stock level observed"
formControlName="traded_goods_remarks"></textarea>
</mat-form-field>
</span>
</mat-card-content>
<mat-card-actions>
<ion-buttons end>
<ion-col col-3 offset-3>
<a (click)="deleteTradedGoods(g,2)" *ngIf="td.controls.trading_traded_goods.controls.length>1">
<ion-icon name="md-trash" color="optblue" style="font-size: 22px;"></ion-icon>
</a>
</ion-col>
<ion-col col-2 offset-1>
<a (click)="addTradedGoods(2)" *ngIf="last">
<ion-icon name="add-circle" color="optblue" style="font-size: 24px;"></ion-icon>
</a>
</ion-col>
</ion-buttons>
</mat-card-actions>
</div>
</div>
</div>
</div>
</mat-card>
<mat-card *ngIf="serviceProviderForm">
<mat-card-title><h5>Service Provider Details</h5></mat-card-title>
<div style="text-align: center; margin: 12px;">Service Provider Details Not applicable here !!</div>
</mat-card>
<mat-card>
<mat-form-field style="width: 100%">
<mat-label>Remarks</mat-label>
<textarea matInput autocomplete="off" placeholder="Remarks" formControlName="stock_remarks"></textarea>
</mat-form-field>
</mat-card>
<mat-dialog-actions>
<ion-row>
<button ion-button full color="optblue" (click)="saveStockInfo(stockForm.value)"> Save</button>
</ion-row>
</mat-dialog-actions>
</div>
</form>
</div>
<div *ngIf="!noRecordsFound">
<mat-card *ngIf="!noRecordsFound">
<div fxLayout="row" fxLayoutAlign="start none" *ngIf="!noRecordsFound">
<div style="margin: 12px; font-size: 18px;"> {{ errorMessage }} </div>
</div>
</mat-card>
</div>
</ion-content>

16
src/pages/pd-question/pd-question-business-group/pd-question-stock-info/pd-question-stock-info.scss Normal file
View File

@ -0,0 +1,16 @@
page-pd-question-stock-info {
mat-hint{
font-size:12px;
}
.scroll-content{
background-color: #eee;
}
.mat-card{
margin-bottom: 15px;
border-radius: 10px !important;
box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important;
}
.mat-card-content{
margin-bottom: 0px !important;
}
}

651
src/pages/pd-question/pd-question-business-group/pd-question-stock-info/pd-question-stock-info.ts Normal file
View File

@ -0,0 +1,651 @@
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { QuestionCategoryProvider } from '../../../../providers/question-category/question-category';
import { AwsServiceProvider } from '../../../../providers/aws-service/aws-service';
import { ToastProvider } from '../../../../providers/common-provider/toast';
import { FormArray, FormGroup, FormBuilder } from '@angular/forms';
import { ConstantsProvider } from '../../../../providers/constants/constants';
/**
* Generated class for the PdQuestionStockInfoPage page.
*
* See https://ionicframework.com/docs/components/#navigation for more info on
* Ionic pages and navigation.
*/
@Component({
selector: 'page-pd-question-stock-info',
templateUrl: 'pd-question-stock-info.html',
})
export class PdQuestionStockInfoPage {
uomData: any;
rawmaterial: any;
users: any;
formDetails: any;
pdDetails: any;
company_id : any;
pdid:any;
stockForm: FormGroup;
noRecordsFound: Boolean;
errorMessage: any = '';
M_rawValueInWords : any = [];
M_goodsValueInWords : any = [];
R_tradedGoodsValueInWords : any = [];
T_tradedGoodsValueInWords : any = [];
mrmCommentFlag:any=[];
mfgCommentFlag:any=[];
rtrdCommentFlag:any=[];
wtrdCommentFlag:any=[];
serviceProviderForm: Boolean = false;
suppliers_raw_materials : any = [];
suppliers_retail_trade_details : any = [];
suppliers_wholesale_trade_details : any = [];
suppliers_finished_goods : any =[];
constructor(public navCtrl: NavController, public navParams: NavParams, public qustCat: QuestionCategoryProvider, public aws: AwsServiceProvider, public toast: ToastProvider, public fb: FormBuilder,public constant:ConstantsProvider) {
this.pdDetails = this.navParams.get('pdDetails');
this.formDetails=this.navParams.get('formDetails');
this.users = this.aws.getlocale();
this.company_id=this.pdDetails.company_id;
this.pdid=this.pdDetails.pd_id;
this.qustCat.stockFormAccess(this.pdid,this.company_id).subscribe(data => {
if(data.dataStatus == true){
this.initstockForm(data.record);
}
else if(data.dataStatus == false)
{
this.toast.pdTriggerappmessage('Fill Business Form First! / No Company Found at this ID '+ this.company_id );
this.noRecordsFound = false;
this.errorMessage = 'Fill Business Form First! / No Company Found at this ID' + this.company_id +'! ....';
return;
}
else{
this.toast.pdTriggerappmessage('Fill Business Form First! / No Company Found at this ID '+ this.company_id );
this.noRecordsFound = false;
this.errorMessage = 'Fill Business Form First! / No Company Found at this ID' + this.company_id +'! ....';
return;
}
}, err => {
this.toast.pdTriggerappmessage('Business Type Of Activity Not Available Please Check Business Information.!');
this.noRecordsFound = false;
this.errorMessage = 'No Records Found , Something went Wrong!';
})
this.getdropdown();
}
public initstockForm(record){
let api = Object.keys(record.from_business).map(function (key) {
return record.from_business[key];
});
let rm_api = record.from_supplier;
let params: any = {};
params.pd_id = this.pdid;
params.pd_form_id = this.formDetails.form_id;
params.company_id = this.company_id;
this.qustCat.retiverForm(params).subscribe(value => {
if (value['status'] == 200) {
let dataForm = value['records'];
if(dataForm !== undefined) {
this.stockForm = this.fb.group({
pdid: [this.pdid],
formid: [this.formDetails.form_id],
company_id: [this.company_id],
fk_createdby:[this.users],
stock_remarks: [dataForm.stock_remarks],
manufacturing_details: this.fb.array([this.manufacturingFormCreation(record)]),
retail_details : this.fb.array([this.retailFormCreation(api)]),
trade_details: this.fb.array([this.tradingFormCreation(api)]),
});
if(api.length > 0){
api.forEach(val => {
if (val.type_of_activity_id == 2) {
if(val.products){
let manufacturing_temparr = [];
manufacturing_temparr['manufacturing_raw_materials'] = dataForm.manufacturing_details[0].manufacturing_raw_materials;
manufacturing_temparr['manufacturing_finished_goods'] = dataForm.manufacturing_details[0].manufacturing_finished_goods;
this.initManufacturingDetails(manufacturing_temparr);
}
}
if (val.type_of_activity_id == 3) {
if(val.products){
let retail_temparr = [];
retail_temparr['retail_traded_goods'] = dataForm.retail_details[0].retail_traded_goods;
this.initRetailDetails(retail_temparr);
}
}
if (val.type_of_activity_id == 4) {
if(val.products){
let trading_temparr = [];
trading_temparr['trading_traded_goods'] = dataForm.trade_details[0].trading_traded_goods;
this.initTradingDetails(trading_temparr);
}
}
if (val.type_of_activity_id == 5) {
if(val.products){
this.serviceProviderForm = true;
}
}
});
this.noRecordsFound = true;
}
}
else{
this.stockForm = this.fb.group({
pdid: [this.pdid],
formid: [this.formDetails.form_id],
company_id: [this.company_id],
fk_createdby:[this.users],
stock_remarks: [''],
manufacturing_details: this.fb.array([this.manufacturingFormCreation(record)]),
retail_details : this.fb.array([this.retailFormCreation(record.from_business)]),
trade_details: this.fb.array([this.tradingFormCreation(record.from_business)]),
});
if(api.length > 0){
api.forEach(val => {
if (val.type_of_activity_id == 2) {
if(val.products){
this.suppliers_finished_goods = val.products;
this.initManufacturingDetails(null);
}
}
if (val.type_of_activity_id == 3) {
if(val.products){
this.suppliers_retail_trade_details = val.products;
this.initRetailDetails(null);
}
}
if (val.type_of_activity_id == 4) {
if(val.products){
this.suppliers_wholesale_trade_details =val.products;
this.initTradingDetails(null);
}
}
if (val.type_of_activity_id == 5) {
if(val.products){
// this.suppliers_service_product = val.products;
this.serviceProviderForm = true;
}
}
});
this.noRecordsFound = true;
}
}
}
else {
this.stockForm = this.fb.group({
pdid: [this.pdid],
formid: [this.formDetails.form_id],
company_id: [this.company_id],
fk_createdby:[this.users],
stock_remarks: [''],
manufacturing_details: this.fb.array([this.manufacturingFormCreation(record)]),
retail_details : this.fb.array([this.retailFormCreation(record.from_business)]),
trade_details: this.fb.array([this.tradingFormCreation(record.from_business)]),
});
if(api.length > 0){
api.forEach(val => {
if (val.type_of_activity_id == 2) {
if(val.products){
this.suppliers_finished_goods = val.products;
this.suppliers_raw_materials = rm_api;
this.initManufacturingDetails(null);
}
}
if (val.type_of_activity_id == 3) {
if(val.products){
this.suppliers_retail_trade_details= val.products;
this.initRetailDetails(null);
}
}
if (val.type_of_activity_id == 4) {
if(val.products){
this.suppliers_wholesale_trade_details = val.products;
this.initTradingDetails(null);
}
}
if (val.type_of_activity_id == 5) {
if(val.products){
// this.suppliers_service_product = val.products;
this.serviceProviderForm = true;
}
}
});
this.noRecordsFound = true;
}
}
})
}
ionViewDidLoad() {
console.log('ionViewDidLoad PdQuestionStockInfoPage');
}
getdropdown()
{
this.qustCat.getcommondrop('UOM').subscribe(data => {
if(data['dataStatus']==true){
this.uomData = data['records'].filter(uom=>uom.isactive==1);
}
});
}
manufacturingForm: Boolean = false;
manufacturingFormCreation(record) {
let arr = record.from_business.filter(data => data.type_of_activity_id == 2);
let rm_arr = record.from_supplier;
if (arr.length > 0) {
this.manufacturingForm = true;
return this.fb.group({
manufacturing_raw_materials: this.fb.array([]),
manufacturing_finished_goods: this.fb.array([]),
})
} else {
return;
}
}
retailForm: Boolean = false;
retailFormCreation(val) {
let arr = val.filter(data => data.type_of_activity_id == 3);
if (arr.length > 0) {
// if(arr.products != undefined){
this.retailForm = true;
return this.fb.group({
retail_traded_goods: this.fb.array([])
});
// }else{
// this.retailForm = false;
// return;
// }
} else {
return;
}
}
tradingForm: Boolean = false;
tradingFormCreation(val) {
// console.log('val',val);
// console.log('tradingForm',this.tradingForm);
let arr = val.filter(data => data.type_of_activity_id == 4);
if (arr.length > 0) {
// console.log(arr.products);
// if(arr.products === undefined){
// console.log(arr.products);
// this.tradingForm = false;
// return;
// }
this.tradingForm = true;
return this.fb.group({
trading_traded_goods: this.fb.array([])
});
} else {
return;
}
}
initManufacturingDetails(datas) {
const rawMaterial = <FormArray>this.stockForm.controls['manufacturing_details']['controls'][0].controls['manufacturing_raw_materials'];
const finishedGoods = <FormArray>this.stockForm.controls['manufacturing_details']['controls'][0].controls['manufacturing_finished_goods'];
const control = <FormArray>this.stockForm.controls['manufacturing_details']['controls'][0].controls['main_raw_materials'];
if(datas === null){
if(this.suppliers_raw_materials.length > 0){
this.suppliers_raw_materials.forEach(val => {
let Ref_RawMaterials : any = {'raw_name': val,
'stock_observed':'',
'raw_quantity': '',
'raw_uom': '',
'other_uom': '',
'raw_value': '',
'is_sufficiant_raw': '',
'rawmaterial_remarks':''};
rawMaterial.push(this.createRawmaterial(Ref_RawMaterials));
});
}
else{
rawMaterial.push(this.createRawmaterial(null));
}
if(this.suppliers_finished_goods.length > 0){
this.suppliers_finished_goods.forEach(val => {
let Ref_Finished_Goods : any = {'goods_name': val,
'goods_observed': '',
'goods_quantity': '',
'goods_uom': '',
'goods_other_uom': '',
'goods_value': '',
'is_sufficiant_goods': '',
'finishedgoods_remarks':''};
finishedGoods.push(this.createGoods(Ref_Finished_Goods));
});
}
else{
finishedGoods.push(this.createGoods(null));
}
} else {
if(datas.manufacturing_raw_materials != undefined){
datas.manufacturing_raw_materials.forEach((val,index) => {
if(val.raw_value){
this.inWords(val.raw_value,1,index);
}
this.checkComments(val.is_sufficiant_raw,1,index);
rawMaterial.push(this.createRawmaterial(val));
});
}
else{
rawMaterial.push(this.createRawmaterial(null));
}
if(datas.manufacturing_finished_goods != undefined){
datas.manufacturing_finished_goods.forEach((val,index) => {
if(val.goods_value){
this.inWords(val.goods_value,2,index);
}
this.checkComments(val.is_sufficiant_goods,2,index);
finishedGoods.push(this.createGoods(val));
});
}
else{
finishedGoods.push(this.createGoods(null));
}
}
}
createRawmaterial(records) {
if(records === null) {
return this.fb.group({
raw_name: [''],
stock_observed:[''],
raw_quantity: [''],
raw_uom: [''],
other_uom : [''],
raw_value: [''],
is_sufficiant_raw: [''],
rawmaterial_remarks:['']
})
} else {
return this.fb.group({
raw_name: [records.raw_name],
stock_observed:[records.stock_observed],
raw_quantity: [records.raw_quantity],
raw_uom: [records.raw_uom],
other_uom : [records.other_uom],
raw_value: [records.raw_value],
is_sufficiant_raw: [records.is_sufficiant_raw],
rawmaterial_remarks:[records.rawmaterial_remarks]
})
}
}
initRetailDetails(datas) {
const tradedGoods = <FormArray>this.stockForm.controls['retail_details']['controls'][0].controls['retail_traded_goods'];
if(datas === null){
if(this.suppliers_retail_trade_details.length > 0){
// this.rawMaterialAccess = true;
this.suppliers_retail_trade_details.forEach(val => {
let Ref_Trade_Goods : any = {
'traded_goods_name': val,
'traded_goods_observed': '',
'traded_goods_quantity': '',
'traded_goods_uom': '',
'traded_goods_other_uom': '',
'estimated_traded_goods_value': '',
'is_sufficiant_traded_goods': '',
'traded_goods_remarks':''};
tradedGoods.push(this.createTradedGoods(Ref_Trade_Goods));
});
}
else{
tradedGoods.push(this.createTradedGoods(null));
}
} else {
if(datas.retail_traded_goods !== undefined){
datas.retail_traded_goods.forEach((val,index) => {
if(val.estimated_traded_goods_value){
this.inWords(val.estimated_traded_goods_value,3,index);
}
this.checkComments(val.is_sufficiant_traded_goods,3,index);
tradedGoods.push(this.createTradedGoods(val));
});
}
else{
tradedGoods.push(this.createTradedGoods(null));
}
}
}
createGoods(records) {
if(records === null) {
return this.fb.group({
goods_name: [''],
goods_observed: [''],
goods_quantity: [''],
goods_uom: [''],
goods_other_uom: [''],
goods_value: [''],
is_sufficiant_goods: [''],
finishedgoods_remarks:['']
});
}
else {
return this.fb.group({
goods_name: [records.goods_name],
goods_observed: [records.goods_observed],
goods_quantity: [records.goods_quantity],
goods_uom: [records.goods_uom],
goods_other_uom: [records.goods_other_uom],
goods_value: [records.goods_value],
is_sufficiant_goods: [records.is_sufficiant_goods],
finishedgoods_remarks:[records.finishedgoods_remarks]
})
}
}
initTradingDetails(datas) {
const tradedGoods = <FormArray>this.stockForm.controls['trade_details']['controls'][0].controls['trading_traded_goods'];
if(datas === null){
if(this.suppliers_wholesale_trade_details.length > 0){
this.suppliers_wholesale_trade_details.forEach(val => {
let Ref_Trade_Goods : any = {
'traded_goods_name': val,
'traded_goods_observed': '',
'traded_goods_quantity': '',
'traded_goods_uom': '',
'traded_goods_other_uom': '',
'estimated_traded_goods_value': '',
'is_sufficiant_traded_goods': '',
'traded_goods_remarks':''};
tradedGoods.push(this.createTradedGoods(Ref_Trade_Goods));
});
}
else{
tradedGoods.push(this.createTradedGoods(null));
}
} else {
if(datas.trading_traded_goods !==undefined)
{
datas.trading_traded_goods.forEach((val,index) => {
if(val.estimated_traded_goods_value){
this.inWords(val.estimated_traded_goods_value,4,index);
}
this.checkComments(val.is_sufficiant_traded_goods,4,index);
tradedGoods.push(this.createTradedGoods(val));
});
}
else{
tradedGoods.push(this.createTradedGoods(null));
}
}
}
createTradedGoods(records) {
if(records === null) {
return this.fb.group({
traded_goods_name: [''],
traded_goods_observed: [''],
traded_goods_quantity: [''],
traded_goods_uom: [''],
traded_goods_other_uom: [''],
estimated_traded_goods_value: [''],
is_sufficiant_traded_goods: [''],
traded_goods_remarks:['']
});
}
else {
return this.fb.group({
traded_goods_name: [records.traded_goods_name],
traded_goods_observed: [records.traded_goods_observed],
traded_goods_quantity: [records.traded_goods_quantity],
traded_goods_uom: [records.traded_goods_uom],
traded_goods_other_uom: [records.traded_goods_other_uom],
estimated_traded_goods_value: [records.estimated_traded_goods_value],
is_sufficiant_traded_goods: [records.is_sufficiant_traded_goods],
traded_goods_remarks:[records.traded_goods_remarks]
})
}
}
/** Manufacturing -> To Add More Raw Material Details */
addRawMaterials(flag) {
if(flag==1){
const control = <FormArray>this.stockForm.controls['manufacturing_details']['controls'][0].controls['manufacturing_raw_materials'];
control.push(this.createRawmaterial(null));
}
}
/** Manufacturing -> To Remove Raw Material Details */
deleteRawMaterials(index,flag) {
if(flag==1){
const control = <FormArray>this.stockForm.controls['manufacturing_details']['controls'][0].controls['manufacturing_raw_materials'];
control.removeAt(index);
}
}
/** Manufacturing -> To Add More Finished Goods */
addGoods(flag) {
if(flag == 1){
const control = <FormArray>this.stockForm.controls['manufacturing_details']['controls'][0].controls['manufacturing_finished_goods'];
control.push(this.createGoods(null));
}
}
/** Manufacturing -> To Remove Finished Goods */
deleteGoods(index,flag) {
if(flag == 1){
const control = <FormArray>this.stockForm.controls['manufacturing_details']['controls'][0].controls['manufacturing_finished_goods'];
control.removeAt(index);
}
}
/**
* Case 1 Retail Traded -> To Add More trade Goods
* Case 2 wholesale Traded -> To Add More trade Goods
*/
addTradedGoods(flag) {
switch(flag){
case 1: {
const control = <FormArray>this.stockForm.controls['retail_details']['controls'][0].controls['retail_traded_goods'];
control.push(this.createTradedGoods(null));
break;
}
case 2: {
const control = <FormArray>this.stockForm.controls['trade_details']['controls'][0].controls['trading_traded_goods'];
control.push(this.createTradedGoods(null));
break;
}
default: {
break;
}
}
}
/**
* Case 1 Retail Traded -> To remove trade Goods
* Case 2 wholesale Traded -> To remove trade Goods
*/
deleteTradedGoods(index,flag) {
switch(flag){
case 1: {
const control = <FormArray>this.stockForm.controls['retail_details']['controls'][0].controls['retail_traded_goods'];
control.removeAt(index);
break;
}
case 2: {
const control = <FormArray>this.stockForm.controls['trade_details']['controls'][0].controls['trading_traded_goods'];
control.removeAt(index);
break;
}
default: {
break;
}
}
//const control = <FormArray>this.stockForm.controls['traded_goods'];
}
checkComments(e,flag,index){
if(flag == 1 && e=='no'){
this.mrmCommentFlag[index] = true;
}
else if(flag == 1 && e!='no'){
this.mrmCommentFlag[index] = false;
}
if(flag == 2 && e=='no'){
this.mfgCommentFlag[index] = true;
}
else if(flag == 2 && e!='no'){
this.mfgCommentFlag[index] = false;
}
if(flag == 3 && e=='no'){
this.rtrdCommentFlag[index] = true;
}
else if(flag == 3 && e!='no'){
this.rtrdCommentFlag[index] = false;
}
if(flag == 4 && e=='no'){
this.wtrdCommentFlag[index] = true;
}
else if(flag == 4 && e!='no'){
this.wtrdCommentFlag[index] = false;
}
}
/** To Save/Edited Popup Data */
saveStockInfo(answerFormValues) {
//To Remove The "Null" With Key also
Object.keys(answerFormValues).forEach((key) => (answerFormValues[key] == null) && delete answerFormValues[key]);
this.qustCat.saveForm(answerFormValues).subscribe(responsed => {
if(responsed['status'] == 200) {
this.navCtrl.pop();
this.toast.pdTriggerappmessage('Record Saved Successfully.!');
}else{
this.toast.pdTriggerappmessage('Something Wents Wrong Try Again.!');
}
});
}
inWords(e,flag:number,i){
switch(flag){
case 1 :
this.M_rawValueInWords[i] = this.constant.convertNumberToWords(e);
break;
case 2 :
this.M_goodsValueInWords[i] = this.constant.convertNumberToWords(e);
break;
case 3 :
this.R_tradedGoodsValueInWords[i] = this.constant.convertNumberToWords(e);
break;
case 4 :
this.T_tradedGoodsValueInWords[i] = this.constant.convertNumberToWords(e);
break;
default:
break;
}
}
}

254
src/pages/pd-question/pd-question-business-group/pd-question-supplier-info/pd-question-supplier-info.html Executable file
View File

@ -0,0 +1,254 @@
<ion-header>
<ion-navbar color="optblue">
<button ion-button menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
<ion-title>{{formDetails.form_name}}</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
<div *ngIf="noRecordsFound">
<form [formGroup]="supplierInfoForm">
<div fxLayout="row" fxLayoutAlign="start none">
<mat-card *ngIf="manufacturingForm">
<mat-card-title>
<h5>Manufacturing Product Details</h5>
</mat-card-title>
<div formArrayName="manufacturing_details">
<div *ngFor="let item of supplierInfoForm.controls.manufacturing_details['controls']; let i=index"
[formGroupName]="i">
<div formArrayName="main_raw_materials">
<div *ngFor="let items of item.controls.main_raw_materials['controls']; let l=index let last =last"
[formGroupName]="l">
<mat-card-subtitle>Raw Material #{{l+1}}</mat-card-subtitle>
<mat-card-content>
<div fxLayout="row nowrap" fxLayoutGap="2px" fxLayoutAlign="start none">
<mat-form-field style="width: 100%">
<input matInput placeholder="Raw Material Name" formControlName="manufacturing_raw_material_name">
</mat-form-field>
<mat-form-field style="width: 100%">
<input matInput placeholder="Supplier Name" formControlName="manufacturing_supplier_name">
</mat-form-field>
<mat-form-field style="width: 100%">
<mat-select placeholder="Title" formControlName="person_title_name">
<mat-option *ngFor="let tl of m_titleList" [value]="tl.title_id">
{{tl.name}}
</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field style="width: 100%">
<input matInput placeholder="Contact Person Name" formControlName="manufacturing_contact_person_name">
</mat-form-field>
<mat-form-field style="width: 100%">
<mat-select placeholder="Contact Person Designation" formControlName="person_designation"
(selectionChange)="selectedPersonDesignation(items,$event.value,1)">
<mat-option>Select</mat-option>
<mat-option *ngFor="let comrelShip of m_companyRelationShipList" [value]="comrelShip.company_relationship_id">
{{comrelShip.name}}
</mat-option>
<!-- <mat-option value="1" > Not Applicable </mat-option> -->
</mat-select>
</mat-form-field>
<mat-form-field style="width: 100%" *ngIf="items.get('person_designation').value == 1">
<input matInput placeholder="Specify Person Designation" formControlName="other_person_designation">
</mat-form-field>
<mat-form-field style="width: 100%">
<input matInput placeholder="Contact Person Mobile Number" autocomplete="off" formControlName="manufacturing_contact_person_mobile_number"
maxlength="10" type="number">
<mat-error>Enter Valid Mobile Number.</mat-error>
</mat-form-field>
<mat-form-field style="width: 100%">
<input matInput autocomplete="off" placeholder="STD Code" formControlName="person_stdcode" type="number">
<mat-error>Enter Valid STD Code Number.</mat-error>
</mat-form-field>
<!-- &nbsp; - &nbsp; -->
<mat-form-field style="width: 100%">
<input matInput autocomplete="off" placeholder="Contact Person Landline Number" formControlName="person_landline"
type="number">
<mat-error>Enter Valid LandLine Number.</mat-error>
</mat-form-field>
<mat-form-field style="width: 100%">
<mat-select placeholder="Payment Terms" formControlName="manufacturing_payment_type"
(selectionChange)="selectedPaymentTerms(items,$event.value,1);checkCard($event.value,1,l);">
<mat-option *ngFor="let pm of m_paymentList" [value]="pm.id">{{ pm.name }}</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field style="width: 100%">
<mat-select placeholder="Payment Mode" formControlName="manufacturing_payment_mode">
<mat-option value="Payment made in Cash.">Payment made in Cash.</mat-option>
<mat-option value="Payment made through Banking channels.">Payment made through Banking
channels.</mat-option>
</mat-select>
</mat-form-field>
<span *ngIf="items.get('manufacturing_payment_type').value == 3">
<mat-label>No.of days of Credit Provided by Supplier </mat-label>
<mat-form-field style="width: 100%">
<input matInput placeholder="Days From" formControlName="manufacturing_credit_days_from" type="number">
</mat-form-field>
<mat-form-field style="width: 100%">
<input matInput placeholder="Days To" formControlName="manufacturing_credit_days_to" type="number">
</mat-form-field>
</span>
</div>
</mat-card-content>
<ion-buttons end>
<ion-col col-3 offset-3>
<a *ngIf="item.controls.main_raw_materials.controls.length > 1" (click)="removeRawMaterials(l)">
<ion-icon name="md-trash" color="optblue" style="font-size: 22px;"></ion-icon>
</a>
</ion-col>
<ion-col col-2 offset-1>
<a (click)="addMoreRawMaterials($event); false" *ngIf="last">
<ion-icon name="add-circle" color="optblue" style="font-size: 24px;"></ion-icon>
</a>
</ion-col>
</ion-buttons>
</div>
</div>
<div *ngIf="mfgCreditCardFlag">
<mat-form-field style="width: 100%">
<input matInput placeholder="What % of Total Purchase is Done on Credit?" formControlName="main_raw_materials_total_payments_percent_on_credit"
type="number" autocomplete="off" maxlength="3">
</mat-form-field>
</div>
</div>
</div>
</mat-card>
<mat-card *ngIf="tradingForm">
<mat-card-title>
<h5>Trading Product Details</h5>
</mat-card-title>
<div formArrayName="trade_details">
<div *ngFor="let item of supplierInfoForm.controls.trade_details['controls']; let i=index" [formGroupName]="i">
<div formArrayName="trading_products">
<div *ngFor="let items of item.controls.trading_products['controls']; let l=index; let last = last"
[formGroupName]="l">
<mat-card-subtitle>Trading Product #{{l+1}}</mat-card-subtitle>
<mat-card-content>
<div fxLayout="row nowrap" fxLayoutGap="2px" fxLayoutAlign="start none">
<mat-form-field style="width: 100%">
<mat-select placeholder="Trading Product Name" formControlName="trade_product_name">
<mat-option *ngFor="let tp of business_tradingProducts" [value]="tp.name">{{ tp.name }}</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field style="width: 100%">
<input matInput placeholder="Supplier Name" formControlName="trade_supplier_name">
</mat-form-field>
<mat-form-field style="width: 100%">
<mat-select placeholder="Title" formControlName="person_title_name">
<mat-option *ngFor="let tl of m_titleList" [value]="tl.title_id">
{{tl.name}}
</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field style="width: 100%">
<input matInput placeholder="Contact Person Name" formControlName="trade_product_contact_person_name"
maxlength="10">
</mat-form-field>
<mat-form-field style="width: 100%">
<mat-select placeholder="Contact Person Designation" formControlName="person_designation"
(selectionChange)="selectedPersonDesignation(items,$event.value,2)">
<mat-option>Select</mat-option>
<mat-option *ngFor="let comrelShip of m_companyRelationShipList" [value]="comrelShip.company_relationship_id">
{{comrelShip.name}}
</mat-option>
<!-- <mat-option value="1" > Not Applicable </mat-option> -->
</mat-select>
</mat-form-field>
<mat-form-field style="width: 100%" *ngIf="items.get('person_designation').value == 1">
<input matInput placeholder="Specify Person Designation" formControlName="other_person_designation">
</mat-form-field>
<mat-form-field style="width: 100%">
<input matInput placeholder="Contact Person Mobile Number" autocomplete="off" formControlName="trade_product_contact_person_mobile_number"
type="number" maxlength="10">
<mat-error>Enter Valid Mobile Number.</mat-error>
</mat-form-field>
<mat-form-field style="width: 100%">
<input matInput autocomplete="off" placeholder="STD Code" formControlName="person_stdcode" type="text"
type="number">
<mat-error>Enter Valid STD Code Number.</mat-error>
</mat-form-field>
<!-- &nbsp; - &nbsp; -->
<mat-form-field style="width: 100%">
<input matInput autocomplete="off" placeholder="Contact Person Landline Number" formControlName="person_landline"
type="number">
<mat-error>Enter Valid LandLine Number.</mat-error>
</mat-form-field>
<mat-form-field style="width: 100%">
<mat-select placeholder="Payment Terms" formControlName="trade_product_payment_type"
(selectionChange)="selectedPaymentTerms(items,$event.value,2);checkCard($event.value,2,l);">
<mat-option *ngFor="let pm of m_paymentList" [value]="pm.id">{{ pm.name }}</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field style="width: 100%">
<mat-select placeholder="Payment Mode" formControlName="trade_product_payment_mode">
<mat-option value="Payment received in Cash.">Payment received in Cash.</mat-option>
<mat-option value="Payment received through Banking channels.">Payment received through
Banking
channels.</mat-option>
</mat-select>
</mat-form-field>
<span *ngIf="items.get('trade_product_payment_type').value == 3">
<mat-label>No.of days of Credit Provided by Supplier </mat-label>
<mat-form-field style="width: 100%">
<input matInput placeholder="Days From" formControlName="trade_product_credit_days_from" type="number">
</mat-form-field>
<mat-form-field style="width: 100%">
<input matInput placeholder="Days To" formControlName="trade_product_credit_days_to" type="number">
</mat-form-field>
</span>
</div>
</mat-card-content>
<ion-buttons end>
<ion-col col-3 offset-3>
<a (click)="removeTradingProduct(l)" *ngIf="item.controls.trading_products.controls.length > 1">
<ion-icon name="md-trash" color="optblue" style="font-size: 22px;"></ion-icon>
</a>
</ion-col>
<ion-col col-2 offset-1>
<a (click)="addMoretradeProduct($event); false" *ngIf="last">
<ion-icon name="add-circle" color="optblue" style="font-size: 24px;"></ion-icon>
</a>
</ion-col>
</ion-buttons>
</div>
</div>
<div *ngIf="trdCreditCardFlag">
<mat-form-field style="width: 100%">
<input matInput placeholder="What % of Total Trade is done on Credit?" formControlName="trading_products_total_payments_percent_on_credit"
type="number" autocomplete="off">
</mat-form-field>
</div>
</div>
</div>
</mat-card>
<mat-card *ngIf="serviceProviderForm">
<mat-card-title>
<h5>Service Provider Product Details</h5>
</mat-card-title>
<div style="text-align: center; margin: 12px;">Service Provider Details Not applicable here !!</div>
</mat-card>
<mat-card>
<mat-form-field style="width: 100%">
<mat-label>Remarks</mat-label>
<textarea matInput placeholder="Remarks" formControlName="supplier_info_form_remark"></textarea>
</mat-form-field>
</mat-card>
<ion-row>
<button ion-button full color="optblue" (click)="saveSupplierInfo(supplierInfoForm.value)"> Save</button>
</ion-row>
</div>
</form>
</div>
<div *ngIf="!noRecordsFound">
<mat-card>
<div fxLayout="row" fxLayoutAlign="start none">
<div style="margin: 12px; font-size: 18px;"> {{ errorMessage }} </div>
</div>
</mat-card>
</div>
</ion-content>

16
src/pages/pd-question/pd-question-business-group/pd-question-supplier-info/pd-question-supplier-info.scss Executable file
View File

@ -0,0 +1,16 @@
page-pd-question-supplier-info {
mat-hint{
font-size:12px;
}
.scroll-content{
background-color: #eee;
}
.mat-card{
margin-bottom: 15px;
border-radius: 10px !important;
box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important;
}
.mat-card-content{
margin-bottom: 0px !important;
}
}

473
src/pages/pd-question/pd-question-business-group/pd-question-supplier-info/pd-question-supplier-info.ts Executable file
View File

@ -0,0 +1,473 @@
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { FormBuilder, FormGroup, FormArray } from '@angular/forms';
import { AwsServiceProvider } from '../../../../providers/aws-service/aws-service';
import { QuestionCategoryProvider } from '../../../../providers/question-category/question-category';
import { ToastProvider } from '../../../../providers/common-provider/toast';
/**
* Generated class for the PdQuestionSupplierInfoPage page.
*
* See https://ionicframework.com/docs/components/#navigation for more info on
* Ionic pages and navigation.
*/
@Component({
selector: 'page-pd-question-supplier-info',
templateUrl: 'pd-question-supplier-info.html',
})
export class PdQuestionSupplierInfoPage {
users: any;
pdDetails: any;
formDetails: any;
company_id: any;
form_id: any;
questionDetails: any;
supplierInfoForm: FormGroup;
business_manufacturingProducts: any = [];
business_tradingProducts: any = [];
m_titleList: any = [];
m_paymentList: any = [];
m_companyRelationShipList: any = [];
noRecordsFound: Boolean = false;
public submitted = false;
errorMessage: any = '';
constructor(public navCtrl: NavController, public navParams: NavParams, public fb: FormBuilder, public aws: AwsServiceProvider, public qustCat: QuestionCategoryProvider, public toast: ToastProvider) {
this.questionDetails = this.navParams.get('questionDetails');
this.pdDetails = this.navParams.get('pdDetails');
this.formDetails = this.navParams.get('formDetails');
this.form_id = this.formDetails.form_id;
this.company_id = this.pdDetails.company_id;
this.users = this.aws.getlocale();
this.qustCat.getTypeofActivityForSuppliedInfoForm(this.pdDetails.pd_id, this.company_id).subscribe(data => {
if (data.dataStatus) {
let datas = data.records;
this.initFormLoadDetails(datas.type_of_activity);
this.business_manufacturingProducts = datas.type_of_activity.filter(data => { if (data.type_of_activity_id == 2) { return data } }).map(data => [...data.prodcuts]);
// this.business_tradingProducts = datas.type_of_activity.filter(data=>{if(data.type_of_activity_id == 3){return data}}).map(data=> [...data.prodcuts]);
let api = Object.keys(datas.type_of_activity).map(function (key) {
return datas.type_of_activity[key];
});
if (api.length > 0) {
api.forEach(val => {
if (val.type_of_activity_id == 3) {
if (val.prodcuts) {
this.business_tradingProducts.push(val.prodcuts);
}
}
if (val.type_of_activity_id == 4) {
if (val.prodcuts) {
this.business_tradingProducts.push(val.prodcuts);
}
}
});
}
this.business_tradingProducts = [].concat.apply([], this.business_tradingProducts);
} else {
this.toast.pdTriggerappmessage('No Category Records Found.!');
this.noRecordsFound = false;
this.errorMessage = data.msg;
}
}, err => {
this.toast.pdTriggerappmessage('No Category Records Found.!');
this.noRecordsFound = false;
this.errorMessage = 'No Records Found , Something went Wrong!';
})
this.getdropList();
}
ionViewDidLoad() {
console.log('ionViewDidLoad PdQuestionSupplierInfoPage');
}
serviceProviderForm: Boolean = false;
initFormLoadDetails(record) {
let params: any = {};
params.pd_id = this.pdDetails.pd_id;
params.pd_form_id = this.form_id;
params.company_id = this.company_id;
this.qustCat.retiverForm(params).subscribe(
data => {
if (data['dataStatus'] == true) {
let dataForm = data['records'];
if (dataForm !== undefined) {
this.supplierInfoForm = this.fb.group({
pdid: [this.pdDetails.pd_id],
formid: [this.form_id],
company_id: [this.company_id],
fk_createdby: [this.users],
manufacturing_details: this.fb.array([this.manufacturingFormCreation(record)]),
trade_details: this.fb.array([this.tradingFormCreation(record)]),
supplier_info_form_remark: [dataForm.supplier_info_form_remark || null]
// wholesale_trade_details: this.fb.array([this.tradingFormCreation(record)]),
});
let arr = record.filter(data => data.type_of_activity_id == 2);
if (arr.length > 0) {
// let api_main_raw_materials = Object.keys(dataForm.main_raw_materials).map(function (key) {
// return dataForm.main_raw_materials[key];
// });
let api_main_raw_materials = dataForm.manufacturing_details[0].main_raw_materials;
this.initManufacturingProductsDetails(api_main_raw_materials);
this.supplierInfoForm.controls['manufacturing_details']['controls'][0].controls['main_raw_materials_total_payments_percent_on_credit'].setValue(dataForm.manufacturing_details[0].main_raw_materials_total_payments_percent_on_credit || null);
}
let arr1 = record.filter(data => data.type_of_activity_id == 3 || data.type_of_activity_id == 4);
if (arr1.length > 0) {
// let api_trading_products = Object.keys(dataForm.trading_products).map(function (key) {
// return dataForm.trading_products[key];
// });
let api_trading_products = dataForm.trade_details[0].trading_products;
this.initTradingProductsDetails(api_trading_products);
this.supplierInfoForm.controls['trade_details']['controls'][0].controls['trading_products_total_payments_percent_on_credit'].setValue(dataForm.trade_details[0].trading_products_total_payments_percent_on_credit || null);
}
this.noRecordsFound = true;
} else {
this.supplierInfoForm = this.fb.group({
pdid: [this.pdDetails.pd_id],
formid: [this.form_id],
company_id: [this.company_id],
fk_createdby: [this.users],
manufacturing_details: this.fb.array([this.manufacturingFormCreation(record)]),
trade_details: this.fb.array([this.tradingFormCreation(record)]),
supplier_info_form_remark: [dataForm.supplier_info_form_remark || null]
// wholesale_trade_details: this.fb.array([this.tradingFormCreation(record)]),
});
let arr = record.filter(data => data.type_of_activity_id == 2);
if (arr.length > 0) {
this.initManufacturingProductsDetails(null);
this.supplierInfoForm.controls['manufacturing_details']['controls'][0].controls['main_raw_materials_total_payments_percent_on_credit'].setValue(null);
}
let arr1 = record.filter(data => data.type_of_activity_id == 3 || data.type_of_activity_id == 4);
if (arr1.length > 0) {
this.initTradingProductsDetails(null);
this.supplierInfoForm.controls['trade_details']['controls'][0].controls['trading_products_total_payments_percent_on_credit'].setValue(dataForm.trading_products_total_payments_percent_on_credit || null);
}
this.noRecordsFound = true;
}
let arr2 = record.filter(data => data.type_of_activity_id == 5);
if (arr2.length > 0) {
this.serviceProviderForm = true;
}
} else {
this.supplierInfoForm = this.fb.group({
pdid: [this.pdDetails.pd_id],
formid: [this.form_id],
company_id: [this.company_id],
fk_createdby: [this.users],
manufacturing_details: this.fb.array([this.manufacturingFormCreation(record)]),
trade_details: this.fb.array([this.tradingFormCreation(record)]),
supplier_info_form_remark: []
// wholesale_trade_details: this.fb.array([this.tradingFormCreation(record)]),
});
let arr = record.filter(data => data.type_of_activity_id == 2);
if (arr.length > 0) {
this.initManufacturingProductsDetails(null);
this.supplierInfoForm.controls['manufacturing_details']['controls'][0].controls['main_raw_materials_total_payments_percent_on_credit'].setValue(null);
}
let arr1 = record.filter(data => data.type_of_activity_id == 3 || data.type_of_activity_id == 4);
if (arr1.length > 0) {
this.initTradingProductsDetails(null);
this.supplierInfoForm.controls['trade_details']['controls'][0].controls['trading_products_total_payments_percent_on_credit'].setValue(null);
}
let arr2 = record.filter(data => data.type_of_activity_id == 5);
if (arr2.length > 0) {
this.serviceProviderForm = true;
}
this.noRecordsFound = true;
}
}, err => {
}
);
}
manufacturingForm: Boolean = false;
manufacturingFormCreation(val) {
let arr = val.filter(data => data.type_of_activity_id == 2);
if (arr.length > 0) {
this.manufacturingForm = true;
return this.fb.group({
main_raw_materials: this.fb.array([]),
main_raw_materials_total_payments_percent_on_credit: []
})
// }
} else {
return;
}
}
tradingForm: Boolean = false;
tradingFormCreation(val) {
let arr = val.filter(data => data.type_of_activity_id == 3 || data.type_of_activity_id == 4);
if (arr.length > 0) {
this.tradingForm = true;
return this.fb.group({
trading_products: this.fb.array([]),
trading_products_total_payments_percent_on_credit: []
});
} else {
return;
}
}
initManufacturingProductsDetails(datas) {
const control = <FormArray>this.supplierInfoForm.controls['manufacturing_details']['controls'][0].controls['main_raw_materials'];
if (datas === null) {
control.push(this.initManufacturingProducts(null));
} else {
datas.forEach((val, inx) => {
this.checkCard(val.manufacturing_payment_type, 1, inx);
control.push(this.initManufacturingProducts(val));
});
}
}
initManufacturingProducts(records) {
if (records === null) {
return this.fb.group({
manufacturing_raw_material_name: [''],
manufacturing_supplier_name: [''],
person_title_name: [''],
person_designation: [''],
other_person_designation: [''],
manufacturing_contact_person_name: [''],
manufacturing_contact_person_mobile_number: [''],
//,Validators.compose([Validators.minLength(10),Validators.maxLength(10)])
manufacturing_payment_type: [''],
manufacturing_payment_mode: [''],
manufacturing_credit_days_from: [''],
manufacturing_credit_days_to: [''],
manufacturing_frequency_of_purchase: [''],
person_stdcode: [''],
//, Validators.compose([Validators.minLength(3),Validators.maxLength(5),Validators.pattern('^[0-9]*$')])
person_landline: [''],
//, Validators.compose([Validators.minLength(6),Validators.maxLength(8),Validators.pattern('^[0-9]*$')])
})
} else {
return this.fb.group({
manufacturing_raw_material_name: [records.manufacturing_raw_material_name || null],
manufacturing_supplier_name: [records.manufacturing_supplier_name || null],
person_title_name: [records.person_title_name || null],
person_designation: [records.person_designation || null],
other_person_designation: [records.other_person_designation || null],
manufacturing_contact_person_name: [records.manufacturing_contact_person_name || null],
manufacturing_contact_person_mobile_number: [records.manufacturing_contact_person_mobile_number || null],
//Validators.compose([Validators.minLength(10),Validators.maxLength(10)])],
manufacturing_payment_type: [records.manufacturing_payment_type || null],
manufacturing_payment_mode: [records.manufacturing_payment_mode],
manufacturing_credit_days_from: [records.manufacturing_credit_days_from || null],
manufacturing_credit_days_to: [records.manufacturing_credit_days_to || null],
manufacturing_frequency_of_purchase: [records.manufacturing_frequency_of_purchase || null],
person_stdcode: [records.person_stdcode || null],
//, Validators.compose([Validators.minLength(3),Validators.maxLength(5),Validators.pattern('^[0-9]*$')])
person_landline: [records.person_landline || null],
//, Validators.compose([Validators.minLength(6),Validators.maxLength(8),Validators.pattern('^[0-9]*$')])
})
}
}
initTradingProductsDetails(datas) {
const control = <FormArray>this.supplierInfoForm.controls['trade_details']['controls'][0].controls['trading_products'];
if (datas === null) {
control.push(this.initTradingProducts(null));
} else {
datas.forEach((val, inx) => {
this.checkCard(val.trade_product_payment_type, 2, inx);
control.push(this.initTradingProducts(val));
});
}
}
initTradingProducts(records) {
if (records === null) {
return this.fb.group({
trade_product_name: [''],
trade_supplier_name: [''],
person_title_name: [''],
person_designation: [''],
other_person_designation: [''],
trade_product_contact_person_name: [''],
trade_product_contact_person_mobile_number: [''],
//,Validators.compose([Validators.minLength(10),Validators.maxLength(10)])
person_stdcode: [null],
//, Validators.compose([Validators.minLength(3),Validators.maxLength(5),Validators.pattern('^[0-9]*$')])
person_landline: [null],
//, Validators.compose([Validators.minLength(6),Validators.maxLength(8),Validators.pattern('^[0-9]*$')])
trade_product_payment_type: [''],
trade_product_payment_mode: [''],
trade_product_frequency_of_purchase: [''],
trade_product_credit_days_from: [''],
trade_product_credit_days_to: [''],
})
} else {
return this.fb.group({
trade_product_name: [records.trade_product_name],
person_title_name: [records.person_title_name],
person_designation: [records.person_designation],
other_person_designation: [records.other_person_designation],
trade_supplier_name: [records.trade_supplier_name],
trade_product_contact_person_name: [records.trade_product_contact_person_name],
trade_product_contact_person_mobile_number: [records.trade_product_contact_person_mobile_number],
//, Validators.compose([Validators.minLength(10),Validators.maxLength(10)])
person_stdcode: [records.person_stdcode],
//, Validators.compose([Validators.minLength(3),Validators.maxLength(5),Validators.pattern('^[0-9]*$')])
person_landline: [records.person_landline],
//, Validators.compose([Validators.minLength(6),Validators.maxLength(8),Validators.pattern('^[0-9]*$')])
trade_product_payment_type: [records.trade_product_payment_type],
trade_product_payment_mode: [records.trade_product_payment_mode],
trade_product_frequency_of_purchase: [records.trade_product_frequency_of_purchase],
trade_product_credit_days_from: [records.trade_product_credit_days_from],
trade_product_credit_days_to: [records.trade_product_credit_days_to],
})
}
}
addMoreRawMaterials(e): void {
// e.stropPropagation();
const control = <FormArray>this.supplierInfoForm.controls['manufacturing_details']['controls'][0].controls['main_raw_materials'];
control.push(this.initManufacturingProducts(null));
}
removeRawMaterials(inx): void {
const control = <FormArray>this.supplierInfoForm.controls['manufacturing_details']['controls'][0].controls['main_raw_materials'];
control.removeAt(inx);
}
addMoretradeProduct(e): void {
// e.stropPropagation();
const control = <FormArray>this.supplierInfoForm.controls['trade_details']['controls'][0].controls['trading_products'];
control.push(this.initTradingProducts(null));
}
removeTradingProduct(inx): void {
const control = <FormArray>this.supplierInfoForm.controls['trade_details']['controls'][0].controls['trading_products'];
control.removeAt(inx);
}
getdropList() {
this.qustCat.getcommondrop('COMPANYRELATIONSHIPS').subscribe(
data => {
this.m_companyRelationShipList = data['records'].filter(data => data.isactive == 1);
});
this.qustCat.getcommondrop('TITLES').subscribe(
data => {
this.m_titleList = data['records'].filter(data => data.isactive == 1);
});
this.qustCat.getcommondrop('PAYMENTMODE').subscribe(
data => {
this.m_paymentList = data['records'].filter(data => data.isactive == 1);
});
}
saveSupplierInfo(FormValues) {
var answerFormValues = FormValues;
Object.keys(answerFormValues).forEach((key) => (answerFormValues[key] == null) && delete answerFormValues[key]);
this.qustCat.saveForm(answerFormValues).subscribe(responsed => {
if (responsed['status'] == 200) {
this.navCtrl.pop();
this.toast.pdTriggerappmessage('Record Saved Successfully.!');
} else {
this.toast.pdTriggerappmessage('Something Wents Wrong Try Again.!');
}
});
}
selectedPersonDesignation(items, e, flag) {
if (flag == 1) {
e == 1 ? '' : '';
// e==1 ? items.controls['other_person_designation'].setValidators([Validators.required])
// : items.controls['other_person_designation'].clearValidators(),items.controls['other_person_designation'].setValue('');
// items.controls['other_person_designation'].updateValueAndValidity();
}
else if (flag == 2) {
e == 1 ? '' : '';
// e==1 ?items.controls['other_person_designation'].setValidators([Validators.required])
// :items.controls['other_person_designation'].clearValidators(),items.controls['other_person_designation'].setValue('');
// items.controls['other_person_designation'].updateValueAndValidity();
}
}
mfgCreditCardFlag: boolean = false;
trdCreditCardFlag: boolean = false;
mfgCounter: any = [];
trdCounter: any = [];
checkCard(e, flag, index) {
if (flag == 2 && e == 3) {
this.trdCounter[index] = 1;
}
else if (flag == 2 && e != 3) {
this.trdCounter[index] = 0;
}
let TRD = this.trdCounter.reduce((sum, val) => sum + +val, 0);
this.trdCreditCardFlag = TRD > 0 ? true : false;
if (flag == 1 && e == 3) {
this.mfgCounter[index] = 1;
}
else if (flag == 1 && e != 3) {
this.mfgCounter[index] = 0;
}
let MFG = this.mfgCounter.reduce((sum, val) => sum + +val, 0);
this.mfgCreditCardFlag = MFG > 0 ? true : false;
}
selectedPaymentTerms(items, e, flag) {
if (flag == 2) {
if (e == 3) {
// items.controls['trade_product_credit_days_from'].setValidators([Validators.required]);
// items.controls['trade_product_credit_days_to'].setValidators([Validators.required]);
}
else {
items.controls['trade_product_credit_days_from'].clearValidators();
items.controls['trade_product_credit_days_from'].setValue('');
items.controls['trade_product_credit_days_to'].clearValidators();
items.controls['trade_product_credit_days_to'].setValue('');
}
items.controls['trade_product_credit_days_from'].updateValueAndValidity();
items.controls['trade_product_credit_days_to'].updateValueAndValidity();
}
else if (flag == 1) {
if (e == 3) { //items.controls['manufacturing_credit_days_from'].setValidators([Validators.required]);
//items.controls['manufacturing_credit_days_to'].setValidators([Validators.required]);
}
else {
items.controls['manufacturing_credit_days_from'].clearValidators();
items.controls['manufacturing_credit_days_from'].setValue('');
items.controls['manufacturing_credit_days_to'].clearValidators();
items.controls['manufacturing_credit_days_to'].setValue('');
}
items.controls['manufacturing_credit_days_from'].updateValueAndValidity();
items.controls['manufacturing_credit_days_to'].updateValueAndValidity();
}
}
}

105
src/pages/pd-question/pd-question-client-info/pd-question-client-info.html
View File

@ -1,105 +0,0 @@
<ion-header>
<ion-navbar color="optblue">
<button ion-button menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
<ion-title *ngIf="!viewchange">{{FormId.form_name}}</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
<form *ngIf="apiLoadFinish" [formGroup]="clientForms">
<div formArrayName="clientArray" fxFill>
<div *ngFor="let sup of clientForms.controls.clientArray['controls']; let i=index;let last=last;">
<mat-card>
<div [formGroupName]="i">
<div fxLayout="row wrap" fxLayoutGap="12px" fxLayoutAlign="start none">
<div>
<mat-form-field style="width: 100%">
<input matInput placeholder="Client Name" formControlName="client_name">
<!--<mat-error *ngIf="submitted && f.supplier_name.hasError('required')" class="mat-text-warn">You must Include Supplier Name.</mat-error>-->
</mat-form-field>
</div>
<div>
<mat-form-field style="width: 100%">
<input matInput placeholder="Contact Person Name" formControlName="contact_person">
<!--<mat-error *ngIf="submitted && f.supplier_name.hasError('required')" class="mat-text-warn">You must Include Supplier Name.</mat-error>-->
</mat-form-field>
</div>
<div>
<mat-form-field style="width: 100%">
<input matInput placeholder="Contact Mobile Number" formControlName="mobile_number" type="tel" maxlength="10">
<!--<mat-error *ngIf="submitted && f.supplier_name.hasError('required')" class="mat-text-warn">You must Include Supplier Name.</mat-error>-->
</mat-form-field>
</div>
</div>
<div fxLayout="row wrap" fxLayoutGap="12px" fxLayoutAlign="start none">
<div>
<mat-form-field style="width: 100%">
<mat-select (selectionChange)="selectedPM($event)" placeholder="Payment Mode" formControlName="payment_mode">
<mat-option *ngFor="let pm of m_paymentModeType" [value]="pm.id">{{ pm.name }}</mat-option>
</mat-select>
</mat-form-field>
</div>
<div *ngIf="sup.get('payment_mode').value == 1 || sup.get('payment_mode').value == 3">
<mat-form-field style="width: 100%">
<input matInput type="number" placeholder="% of immediate / Advance Payment Purchase to Total Purchase?" formControlName="per_of_immediate_advance_payment">
<!--<mat-error *ngIf="submitted && f.supplier_name.hasError('required')" class="mat-text-warn">You must Include Supplier Name.</mat-error>-->
</mat-form-field>
</div>
<div *ngIf="sup.get('payment_mode').value == 2 || sup.get('payment_mode').value == 3">
<mat-form-field style="width: 100%">
<input type="number" matInput placeholder="Credit Period" formControlName="credit_period">
<!--<mat-error *ngIf="submitted && f.supplier_name.hasError('required')" class="mat-text-warn">You must Include Supplier Name.</mat-error>-->
</mat-form-field>
</div>
</div>
<div fxLayout="row" fxLayoutGap="12px" fxLayoutAlign="start none">
<div>
<mat-form-field style="width: 100%">
<mat-select (selectionChange)="selectedFreqPurchase($event)" placeholder="Select Frequency of Purchase" formControlName="frequency_of_purchase">
<mat-option *ngFor="let feq of m_freqOfPurchase" [value]="feq.frequency_id">{{ feq.name }}</mat-option>
</mat-select>
</mat-form-field>
</div>
<div *ngIf="sup.get('frequency_of_purchase').value == 8">
<mat-form-field style="width: 100%">
<input matInput placeholder="Others Details" formControlName="freq_purchase_others_text_value">
<!--<mat-error *ngIf="submitted && f.supplier_name.hasError('required')" class="mat-text-warn">You must Include Supplier Name.</mat-error>-->
</mat-form-field>
</div>
<div fxFlex="20">
<!-- <span *ngIf="clientForms.controls.clientArray.controls.length > 1" (click)="removeLanguage(i)">
<button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" matTooltip="Delete" matTooltipPosition="above"><mat-icon>delete</mat-icon></button>
</span> -->
</div>
</div>
</div>
<ion-col offset-6 col-3>
<a (click)="addClientDetails()" *ngIf="last">
<ion-icon name="md-add" color="optblue" style="font-size: 22px;"></ion-icon>
</a>
</ion-col>
<ion-col offset-1 col-3>
<a (click)="removeClientDetails(i)">
<ion-icon name="md-close" color="optblue" style="font-size: 22px;"></ion-icon>
</a>
</ion-col>
</mat-card>
<br/>
</div>
</div>
<ion-row>
<button ion-button full color="optblue" (click)="saveclientDetails(clientForms.value)"> Save</button>
<!-- </ion-buttons> -->
</ion-row>
</form>
</ion-content>

3
src/pages/pd-question/pd-question-client-info/pd-question-client-info.scss
View File

@ -1,3 +0,0 @@
page-pd-question-client-info {
}

166
src/pages/pd-question/pd-question-client-info/pd-question-client-info.ts
View File

@ -1,166 +0,0 @@
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { QuestionCategoryProvider } from '../../../providers/question-category/question-category';
import { AwsServiceProvider } from '../../../providers/aws-service/aws-service';
import { ToastProvider } from '../../../providers/common-provider/toast';
import { FormGroup, FormBuilder, FormArray } from '@angular/forms';
/**
* Generated class for the PdQuestionClientInfoPage page.
*
* See https://ionicframework.com/docs/components/#navigation for more info on
* Ionic pages and navigation.
*/
@Component({
selector: 'page-pd-question-client-info',
templateUrl: 'pd-question-client-info.html',
})
export class PdQuestionClientInfoPage {
users: any;
paymentModeTextBox: any;
m_paymentModeType: any;
m_freqOfPurchase: any;
FormId: any;
pdDetails: any;
clientForms:FormGroup;
clientDataArray:FormArray;
apiLoadFinish:boolean = false;
constructor(public navCtrl: NavController, public navParams: NavParams,public qustCat:QuestionCategoryProvider,public aws:AwsServiceProvider,public toast:ToastProvider,public fb:FormBuilder) {
this.pdDetails = this.navParams.get('pdDetails');
this.FormId = this.navParams.get('FormId');
this.users = this.aws.getlocale();
this.clientForms = this.fb.group({
clientArray:this.fb.array([])
});
this.getClientDetails();
this.getdropdown();
}
ionViewDidLoad() {
console.log('ionViewDidLoad PdQuestionClientInfoPage');
}
createClientItem()
{
return this.fb.group(
{
client_name: [''],
contact_person: [''],
mobile_number: [''],
payment_mode: [''],
per_of_immediate_advance_payment:[''],
credit_period:[''],
frequency_of_purchase: [''],
freq_purchase_others_text_value: ['']
})
}
selectedPM(e) {
this.paymentModeTextBox = e.value;
// this.f.supplier_details.controls.get('payment_mode_value');
}
public freqPurchaseTextBox: number;
selectedFreqPurchase(e){
this.freqPurchaseTextBox = e.value;
}
getdropdown()
{
this.qustCat.getcommondrop('FREQUENCY').subscribe(
data => {
this.m_freqOfPurchase = data['records'].filter(data => data.isactive == 1);
},
error => {
// this.notifier.notify('warning', 'No Category Records Found.!');
// this.m_assets_type = "No Category Records Found.";
}
)
this.qustCat.getcommondrop('PAYMENTMODE').subscribe(
data => {
this.m_paymentModeType = data['records'].filter(data => data.isactive == 1);
},
error => {
// this.notifier.notify('warning', 'No Category Records Found.!');
// this.m_assets_type = "No Category Records Found.";
}
)
}
addClientDetails()
{
this.clientDataArray = this.clientForms.get('clientArray') as FormArray;
this.clientDataArray.push(this.createClientItem());
}
removeClientDetails(i)
{
if(this.clientDataArray.length==1)
{
this.clientForms.controls['clientArray'].reset();
}else{
this.clientDataArray = this.clientForms.get('clientArray') as FormArray;
this.clientDataArray.removeAt(i);
}
}
saveclientDetails(answerData)
{
let records:any ={};
records.pdid = this.pdDetails.pd_id;
records.formid = this.FormId.form_id;
records.fk_createdby = this.users;
records.client_details = answerData.clientArray;
console.log('data',records);
this.qustCat.saveForm(records).subscribe(res=>
{
if(res['dataStatus']==true)
{
this.toast.pdTriggerappmessage('Record Saved Successfully.!');
this.navCtrl.pop();
}
});
}
getClientDetails()
{
let records = {'pd_id':this.pdDetails.pd_id,'pd_form_id':this.FormId.form_id}
let clientData:any = [];
this.qustCat.retiverForm(records).subscribe(
data => {
if(data['dataStatus']==true)
{
let clientDetails = data['records'];
console.log(clientDetails);
clientData = Object.keys(data['records'].client_details).map(function(key) {
return clientDetails.client_details[key];
});
this.clientDataArray = this.clientForms.get('clientArray') as FormArray;
if(clientData.length ==0)
{
this.clientDataArray.push(this.createClientItem());
}else
{
// console.log('else');
clientData.forEach(datas=>
{
this.clientDataArray.push(this.createClientItem());
})
this.clientForms.controls['clientArray'].setValue(clientData);
this.apiLoadFinish = true;
}
}else{
this.addClientDetails();
this.apiLoadFinish = true;
}
}
);
}
}

137
src/pages/pd-question/pd-question-stock-info/pd-question-stock-info.html
View File

@ -1,137 +0,0 @@
<ion-header>
<ion-navbar color="optblue">
<button ion-button menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
<ion-title *ngIf="!viewchange">{{FormId.form_name}}</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
<form [formGroup]="stockForm" class="address">
<mat-card>
<mat-card-header>
<h3>Raw Materials</h3>
</mat-card-header>
<div formArrayName="raw_materials">
<div *ngFor="let details of stockForm.controls.raw_materials['controls']; let i=index;let last=last;"
[formGroupName]="i">
<mat-card-content class="matcard">
<mat-form-field style="width:100%">
<input matInput placeholder="Name" formControlName="raw_name">
</mat-form-field>
<mat-form-field style="width:100%">
<mat-select placeholder="is the Stock is Observed ?"
formControlName="stock_observed" required>
<mat-option value="yes" >Yes</mat-option>
<mat-option value="no" >No</mat-option>
</mat-select>
</mat-form-field>
<div *ngIf="details.get('stock_observed').value == 'no'" >
<mat-form-field style="width:100%">
<input matInput placeholder="Estimated Quantity" formControlName="raw_quantity" required>
</mat-form-field>
<mat-form-field style="width:100%">
<mat-select placeholder="Unit of Mearsurement"
formControlName="raw_uom" required>
<mat-option value="{{uom.uom_id}}" *ngFor="let uom of uomData">{{uom.name}}</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field style="width:100%" *ngIf="details.get('raw_uom').value == 61" >
<input matInput placeholder="Specify Other UOM" formControlName="other_uom" required>
</mat-form-field>
<mat-form-field style="width:100%">
<input matInput placeholder="Value" formControlName="raw_value" (keypress)="keyPress($event)" required>
</mat-form-field>
<mat-form-field style="width:100%">
<input matInput placeholder="Value of raw materials as per latest financial Statements" formControlName="rawmaterial_value" (keypress)="keyPress($event)" required>
</mat-form-field>
<mat-form-field style="width:100%">
<input matInput placeholder="Is the stock of raw materials observed ?" formControlName="is_sufficiant_raw" required>
</mat-form-field>
</div>
<ion-buttons end>
<ion-col offset-3 col-3>
<a (click)="addRawMaterials()" *ngIf="last">
<ion-icon name="md-add" color="optblue" style="font-size: 22px;"></ion-icon></a>
</ion-col>
<ion-col offset-1 col-3>
<a (click)="deleteRawMaterials(i)" >
<ion-icon name="md-close" color="optblue" style="font-size: 22px;"></ion-icon></a>
</ion-col>
</ion-buttons>
</mat-card-content>
</div>
</div>
</mat-card>
<br/>
<mat-card>
<mat-card-header>
<h3>Finished Goods</h3>
</mat-card-header>
<div formArrayName="finished_goods">
<div *ngFor="let details of stockForm.controls.finished_goods['controls']; let i=index;let last=last;"
[formGroupName]="i">
<mat-card-content class="matcard">
<mat-form-field style="width: 100%">
<input matInput placeholder="Name" formControlName="goods_name">
</mat-form-field>
<mat-form-field style="width: 100%">
<input matInput placeholder="Quantity" formControlName="goods_quantity">
</mat-form-field>
<mat-form-field style="width: 100%">
<input matInput placeholder="Value" formControlName="goods_value">
</mat-form-field>
<mat-form-field style="width:100%">
<input matInput placeholder="Value of finished goods as per financial statements" formControlName="finished_goods_value">
</mat-form-field>
<mat-form-field style="width:100%">
<input matInput placeholder="Is the stock of finished goods sufficient ?" formControlName="is_sufficiant_goods">
</mat-form-field>
<ion-buttons end>
<ion-col offset-3 col-3>
<a (click)="addGoods()" *ngIf="last">
<ion-icon name="md-add" color="optblue" style="font-size: 22px;"></ion-icon></a>
</ion-col>
<ion-col offset-1 col-3>
<a (click)="deleteGoods(i)" >
<ion-icon name="md-close" color="optblue" style="font-size: 22px;"></ion-icon></a>
</ion-col>
</ion-buttons>
</mat-card-content>
</div>
</div>
</mat-card>
<br/>
<mat-card>
<div fxLayout="row">
<div fxFlex="60" class="pb-0 text-sm-left">
<mat-form-field appearance="outline" style="width: 100%">
<mat-label>Remarks</mat-label>
<textarea matInput placeholder="Remarks" formControlName="stock_remarks"></textarea>
</mat-form-field>
</div>
</div>
</mat-card>
<ion-row>
<!-- <ion-buttons >
<ion-button color="optblue"
full[disabled]="!pdforms.valid" mat-raised-button style="width:100%" (click)="savepdDetails(pdforms.value)">Save <ion-icon name="md-disc"></ion-icon></ion-button> -->
<button ion-button full color="optblue" (click)="submitDetails(stockForm.value)" > Save</button>
<!-- </ion-buttons> -->
</ion-row>
</form>
</ion-content>

3
src/pages/pd-question/pd-question-stock-info/pd-question-stock-info.scss
View File

@ -1,3 +0,0 @@
page-pd-question-stock-info {
}

177
src/pages/pd-question/pd-question-stock-info/pd-question-stock-info.ts
View File

@ -1,177 +0,0 @@
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { QuestionCategoryProvider } from '../../../providers/question-category/question-category';
import { AwsServiceProvider } from '../../../providers/aws-service/aws-service';
import { ToastProvider } from '../../../providers/common-provider/toast';
import { FormArray, FormGroup, FormBuilder } from '@angular/forms';
/**
* Generated class for the PdQuestionStockInfoPage page.
*
* See https://ionicframework.com/docs/components/#navigation for more info on
* Ionic pages and navigation.
*/
@Component({
selector: 'page-pd-question-stock-info',
templateUrl: 'pd-question-stock-info.html',
})
export class PdQuestionStockInfoPage {
uomData: any;
rawmaterial: any;
users: any;
FormId: any;
pdDetails: any;
stockForm: FormGroup;
constructor(public navCtrl: NavController, public navParams: NavParams, public qustCat: QuestionCategoryProvider, public aws: AwsServiceProvider, public toast: ToastProvider, public fb: FormBuilder) {
this.pdDetails = this.navParams.get('pdDetails');
this.FormId = this.navParams.get('FormId');
this.users = this.aws.getlocale();
this.stockForm = this.fb.group({
stock_remarks: [''],
raw_materials: this.fb.array([]),
finished_goods: this.fb.array([])
});
this.getStockDetails();
this.qustCat.retiverForm({pd_id:this.pdDetails.pd_id,pd_form_id:'1'}).subscribe(value => {
// console.log('Raw material Name',value.records.main_raw_materials);
// const faControl = (<FormArray>this.stockForm.controls['raw_materials']).at(1);
const control = (<FormArray>this.stockForm.controls['raw_materials']).at(0);
console.log(control);
// this.stockForm.controls['raw_materials'].setValue(value.records.main_raw_materials);
if (value['dataStatus'] == true) {
this.rawmaterial = value['records'].main_raw_materials;
}else{ this.rawmaterial = ''; }
})
this.getdropdown();
}
ionViewDidLoad() {
console.log('ionViewDidLoad PdQuestionStockInfoPage');
}
getdropdown()
{
this.qustCat.getcommondrop('UOM').subscribe(data => {
if(data['dataStatus']==true){
this.uomData = data['records'].filter(uom=>uom.isactive==1);
}
});
}
createRawmaterial() {
return this.fb.group({
raw_name: [''],
stock_observed:[''],
raw_quantity: [''],
raw_uom: [''],
other_uom : [''],
raw_value: [''],
rawmaterial_value: [''],
is_sufficiant_raw: [''],
});
}
createGoods() {
return this.fb.group({
goods_name: [''],
goods_quantity: [''],
goods_value: [''],
finished_goods_value: [''],
is_sufficiant_goods: [''],
});
}
addRawMaterials() {
const control = <FormArray>this.stockForm.controls['raw_materials'];
control.push(this.createRawmaterial());
}
deleteRawMaterials(index) {
const control = <FormArray>this.stockForm.controls['raw_materials'];
if(control.length==1)
{
this.stockForm.controls['raw_materials'].reset();
}else{
control.removeAt(index);
}
}
addGoods() {
const control = <FormArray>this.stockForm.controls['finished_goods'];
control.push(this.createGoods());
}
deleteGoods(index) {
const control = <FormArray>this.stockForm.controls['finished_goods'];
if(control.length==1)
{
this.stockForm.controls['finished_goods'].reset();
}else{
control.removeAt(index);
}
}
submitDetails(answerData) {
let records: any = {};
records.pdid = this.pdDetails.pd_id;
records.formid = this.FormId.form_id;
records.fk_createdby = this.users;
records.raw_materials = answerData.raw_materials;
records.stock_remarks = answerData.stock_remarks;
records.finished_goods = answerData.finished_goods;
console.log('data', records);
this.qustCat.saveForm(records).subscribe(data => {
this.navCtrl.pop();
this.toast.pdTriggerappmessage('Record Saved Successfully.!');
});
}
getStockDetails() {
let records = { 'pd_id': this.pdDetails.pd_id, 'pd_form_id': this.FormId.form_id };
this.qustCat.retiverForm(records).subscribe(value => {
console.log('value', value);
const rawMaterial = <FormArray>this.stockForm.controls['raw_materials'];
const finishedGoods = <FormArray>this.stockForm.controls['finished_goods'];
if (value['dataStatus'] == true) {
let stockDetails = value['records'];
let result = Object.keys(stockDetails.raw_materials).map(function (key) {
return stockDetails.raw_materials[key];
});
let result_Goods = Object.keys(stockDetails.finished_goods).map(function (key) {
return stockDetails.finished_goods[key];
});
this.stockForm.controls['stock_remarks'].setValue(stockDetails.stock_remarks);
if (result.length > 0) {
result.forEach(val => {
rawMaterial.push(this.createRawmaterial());
});
this.stockForm.controls['raw_materials'].setValue(result);
} else {
rawMaterial.push(this.createRawmaterial());
}
if (result_Goods.length > 0) {
result_Goods.forEach(val => {
finishedGoods.push(this.createGoods());
});
this.stockForm.controls['finished_goods'].setValue(result_Goods);
} else {
finishedGoods.push(this.createGoods());
}
} else {
this.addRawMaterials();
this.addGoods();
}
})
}
}

119
src/pages/pd-question/pd-question-supplier-info/pd-question-supplier-info.html
View File

@ -1,119 +0,0 @@
<ion-header>
<ion-navbar color="optblue">
<button ion-button menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
<ion-title *ngIf="!viewchange">Supplier Info Category</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
<mat-card style="padding: 12px;">
<h3>Supplier Details</h3>
<form [formGroup]="supplierInfoForm">
<div fxLayout="row" fxLayoutAlign="start none">
<div class="example-full-width">
<mat-label>What are the main Raw materials?(MEG Only)</mat-label>
<mat-form-field style="width: 100%">
<textarea matInput placeholder="" formControlName="main_raw_materials"></textarea>
<mat-error *ngIf="submitted && f.main_raw_materials.hasError('required')" class="mat-text-warn">You must Include Raw Material Details.</mat-error>
</mat-form-field>
</div>
</div>
<div fxLayout="row" fxLayoutAlign="start none">
<div formArrayName="supplier_details" fxFill>
<div *ngFor="let sup of supplierInfoForm.controls.supplier_details['controls']; let i=index;let last=last">
<mat-card>
<mat-card-content>
<div [formGroupName]="i">
<div fxLayout="row wrap" fxLayoutGap="12px" fxLayoutAlign="start none">
<div fxFlex="30">
<mat-form-field style="width: 100%">
<input matInput placeholder="Supplier Name" formControlName="supplier_name">
<!--<mat-error *ngIf="submitted && f.supplier_name.hasError('required')" class="mat-text-warn">You must Include Supplier Name.</mat-error>-->
</mat-form-field>
</div>
<div fxFlex="30">
<mat-form-field style="width: 100%">
<input matInput placeholder="Contact Person Name" formControlName="contact_person">
<!--<mat-error *ngIf="submitted && f.supplier_name.hasError('required')" class="mat-text-warn">You must Include Supplier Name.</mat-error>-->
</mat-form-field>
</div>
<div fxFlex="30">
<mat-form-field style="width: 100%">
<input matInput placeholder="Contact Mobile Number" formControlName="mobile_number">
<!--<mat-error *ngIf="submitted && f.supplier_name.hasError('required')" class="mat-text-warn">You must Include Supplier Name.</mat-error>-->
</mat-form-field>
</div>
</div>
<div fxLayout="row wrap" fxLayoutGap="14px" fxLayoutAlign="start none">
<div fxFlex="30">
<mat-form-field style="width: 100%">
<mat-select (selectionChange)="selectedPM($event)" placeholder="Select Payment Mode" formControlName="payment_mode">
<mat-option *ngFor="let pm of m_paymentModeType" [value]="pm.id">{{ pm.name }}</mat-option>
</mat-select>
</mat-form-field>
</div>
<div *ngIf="sup.get('payment_mode').value == 1 || sup.get('payment_mode').value == 3" fxFlex="30">
<mat-label>% of immediate / Advance Payment Purchase to Total Purchase?</mat-label>
<mat-form-field style="width: 100%" >
<input matInput placeholder="" formControlName="per_of_immediate_advance_payment">
<!--<mat-error *ngIf="submitted && f.supplier_name.hasError('required')" class="mat-text-warn">You must Include Supplier Name.</mat-error>-->
</mat-form-field>
</div>
<div *ngIf="sup.get('payment_mode').value == 2 || sup.get('payment_mode').value == 3" fxFlex="30">
<mat-form-field style="width: 100%">
<input matInput placeholder="Credit Period" formControlName="credit_period">
<!--<mat-error *ngIf="submitted && f.supplier_name.hasError('required')" class="mat-text-warn">You must Include Supplier Name.</mat-error>-->
</mat-form-field>
</div>
</div>
<div fxLayout="row" fxLayoutGap="14px" fxLayoutAlign="start none">
<div fxFlex="30">
<mat-form-field style="width: 100%">
<mat-select (selectionChange)="selectedFreqPurchase($event)" placeholder="Select Frequency of Purchase" formControlName="frequency_of_purchase">
<mat-option *ngFor="let feq of m_freqOfPurchase" [value]="feq.id">{{ feq.name }}</mat-option>
</mat-select>
</mat-form-field>
</div>
<div *ngIf="sup.get('frequency_of_purchase').value == 8" fxFlex="30">
<mat-form-field style="width: 100%">
<input matInput placeholder="Others Details" formControlName="freq_purchase_others_text_value">
<!--<mat-error *ngIf="submitted && f.supplier_name.hasError('required')" class="mat-text-warn">You must Include Supplier Name.</mat-error>-->
</mat-form-field>
</div>
<ion-buttons end>
<ion-col col-3>
<a (click)="addSupplierDetails()" *ngIf="last">
<ion-icon name="md-add" color="optblue" style="font-size: 22px;"></ion-icon></a>
</ion-col>
<ion-col offset-3 col-3 *ngIf="!last">
<a (click)="removeLanguage(i)">
<ion-icon name="md-close" color="optblue" style="font-size: 22px;"></ion-icon></a>
</ion-col>
</ion-buttons>
</div>
</div>
</mat-card-content>
</mat-card>
</div>
</div>
</div>
<ion-row>
<button ion-button full color="optblue" (click)="saveSupplierInfo(supplierInfoForm.value)" > Save</button>
<!-- </ion-buttons> -->
</ion-row>
</form>
</mat-card>
</ion-content>

3
src/pages/pd-question/pd-question-supplier-info/pd-question-supplier-info.scss
View File

@ -1,3 +0,0 @@
page-pd-question-supplier-info {
}

194
src/pages/pd-question/pd-question-supplier-info/pd-question-supplier-info.ts
View File

@ -1,194 +0,0 @@
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { FormBuilder, FormGroup, FormArray } from '@angular/forms';
import { AwsServiceProvider } from '../../../providers/aws-service/aws-service';
import { QuestionCategoryProvider } from '../../../providers/question-category/question-category';
import { PdQuestionCategoryPage } from '../../pd-question-category/pd-question-category';
import { ToastProvider } from '../../../providers/common-provider/toast';
/**
* Generated class for the PdQuestionSupplierInfoPage page.
*
* See https://ionicframework.com/docs/components/#navigation for more info on
* Ionic pages and navigation.
*/
@Component({
selector: 'page-pd-question-supplier-info',
templateUrl: 'pd-question-supplier-info.html',
})
export class PdQuestionSupplierInfoPage {
users: any;
pdDetails: any;
questionDetails: any;
supplierInfoForm: FormGroup;
supplierDetails: any;
supplierArray:FormArray;
m_paymentModeType:any;
m_freqOfPurchase:any;
constructor(public navCtrl: NavController, public navParams: NavParams,public fb:FormBuilder,public aws:AwsServiceProvider,public qustCat:QuestionCategoryProvider,public toast:ToastProvider) {
this.questionDetails = this.navParams.get('questionDetails');
this.pdDetails = this.navParams.get('pdDetails');
this.users = this.aws.getlocale();
this.supplierInfoForm = this.fb.group({
main_raw_materials: [null],
supplier_details: this.fb.array([])
});
this.getSupplierForm();
this.getdropList();
}
ionViewDidLoad() {
console.log('ionViewDidLoad PdQuestionSupplierInfoPage');
}
getdropList()
{
this.m_paymentModeType = [
{
'id': "1",
'name': 'Immediate Or Advanced Payment'
},
{
'id': "2",
'name': 'Credit'
},
{
'id': "3",
'name': 'Combination of Both'
},
];
this.m_freqOfPurchase = [
{
'id': "1",
'name': 'Daily'
},
{
'id': "2",
'name': 'Weekly'
},
{
'id': "3",
'name': 'Monthly'
},
{
'id': "4",
'name': 'Every 3 months'
},
{
'id': "5",
'name': 'Half yearly'
},
{
'id': "6",
'name': 'Yearly'
},
{
'id': "7",
'name': 'As and when required'
},
{
'id': "8",
'name': 'Others'
}
];
}
public paymentModeTextBox: number;
selectedPM(e) {
this.paymentModeTextBox = e.value;
// this.f.supplier_details.controls.get('payment_mode_value');
}
public freqPurchaseTextBox: number;
selectedFreqPurchase(e){
this.freqPurchaseTextBox = e.value;
}
initDetails() {
return this.fb.group({
supplier_name: [null],
contact_person: [null],
mobile_number: [null],
payment_mode: [null],
per_of_immediate_advance_payment:[null],
credit_period:[null],
frequency_of_purchase: [null],
freq_purchase_others_text_value: [null]
});
}
addSupplierDetails() {
this.supplierArray = this.supplierInfoForm.get('supplier_details') as FormArray;
// const control = ;
this.supplierArray.push(this.initDetails());
}
removeLanguage(i: number) {
this.supplierArray = this.supplierInfoForm.get('supplier_details') as FormArray;
this.supplierArray.removeAt(i);
}
saveSupplierInfo(answerData)
{
let records:any ={};
records.pdid = this.pdDetails.pd_id;
records.formid = '338';
records.fk_createdby = this.users;
records.main_raw_materials = answerData.main_raw_materials;
records.supplier_details = answerData.supplier_details;
console.log('data',records);
this.qustCat.saveForm(records).subscribe(res=>
{
if(res['dataStatus']==true)
{
this.toast.pdTriggerappmessage('Record Saved Successfully.!');
this.navCtrl.pop();
}
});
}
getSupplierForm()
{
let records = {'pd_id':this.pdDetails.pd_id,'pd_form_id':'338'};
this.qustCat.retiverForm(records).subscribe(res=>
{
if(res['dataStatus']==true)
{
this.supplierDetails = res['records'];
var supplierArray = Object.keys(res['records'].supplier_details
).map(function(key) {
//console.log(res);
return res['records'].supplier_details
[key];
});
this.supplierArray = this.supplierInfoForm.get('supplier_details') as FormArray;
this.supplierInfoForm.controls['main_raw_materials'].setValue(this.supplierDetails.main_raw_materials);
if(supplierArray.length ==0)
{
this.supplierArray.push(this.initDetails());
}else
{
supplierArray.forEach(datas=>
{
this.supplierArray.push(this.initDetails());
})
}
this.supplierInfoForm.controls['supplier_details'].setValue(supplierArray);
}else{
this.addSupplierDetails();
}
})
}
}

13
src/providers/question-category/question-category.ts
View File

@ -94,10 +94,19 @@ getAssetsWithLoanFromBusiness(pdid:any){
}
getTypeofActivityForSuppliedInfoForm(pd_id: any){
return this.http.post<any>(this.apiurl+"getTypeOfActivetyFromBusinessForm", {"records": { "pd_id" : pd_id }});
getTypeofActivityForSuppliedInfoForm(pd_id: any,company_id:any){
return this.http.post<any>(this.apiurl+"getTypeOfActivetyFromBusinessForm", {"records": { "pd_id" : pd_id,"company_id":company_id }});
}
/** For Stock Details
* To Get The Products With TypeofActivity From Business
**/
stockFormAccess(pdid: any,companyid: any) {
// { "pd_id":"104","company_id":"1"}
return this.http.post<any>(this.apiurl + "getProductsFromBusiness", {"pd_id" : pdid ,"company_id":companyid });
}
/*****Save Images */
savePDImages(imagesDetails)

BIN
www/assets/fonts/Roboto-Bold.ttf
View File

Binary file not shown.

BIN
www/assets/fonts/Roboto-Light.ttf
View File

Binary file not shown.

BIN
www/assets/fonts/Roboto-Medium.ttf
View File

Binary file not shown.

BIN
www/assets/fonts/Roboto-Regular.ttf
View File

Binary file not shown.

BIN
www/assets/fonts/roboto-bold.ttf Normal file
View File

Binary file not shown.

BIN
www/assets/fonts/roboto-light.ttf Normal file
View File

Binary file not shown.

BIN
www/assets/fonts/roboto-medium.ttf Normal file
View File

Binary file not shown.

BIN
www/assets/fonts/roboto-regular.ttf Normal file
View File

Binary file not shown.

21
www/build/.ion-diagnostic-sass.html Normal file
View File

@ -0,0 +1,21 @@
<div class="ion-diagnostic">
<div class="ion-diagnostic-masthead" title="sass error: 1">
<div class="ion-diagnostic-title">Sass Error</div>
<div class="ion-diagnostic-message" data-error-code="sass-1">Invalid CSS after &quot;...iness-banking {&quot;: expected &quot;}&quot;, was &quot;&lt;&lt;&lt;&lt;&lt;&lt;&lt; HEAD&quot;</div>
</div>
<div class="ion-diagnostic-file">
<div class="ion-diagnostic-file-header" title="S:/pd_office/pd_officer/src/pages/pd-question/pd-question-business-group/pd-question-business-banking/pd-question-business-banking.scss">...on-business-group/pd-question-business-banking/pd-question-business-banking.scss</div>
<div class="ion-diagnostic-blob">
<table class="ion-diagnostic-table">
<tr class="ion-diagnostic-error-line">
<td class="ion-diagnostic-blob-num" data-line-number="1"></td>
<td class="ion-diagnostic-blob-code">page-pd-question-business-banking {<span class="ion-diagnostics-error-chr"> </span></td>
</tr>
<tr>
<td class="ion-diagnostic-blob-num" data-line-number="2"></td>
<td class="ion-diagnostic-blob-code">&lt;&lt;&lt;&lt;&lt;&lt;&lt; <span class="hljs-selector-tag">HEAD</span> </td>
</tr>
</table>
</div>
</div>
</div>

275
www/build/.ion-diagnostic-typescript.html Normal file
View File

@ -0,0 +1,275 @@
<div class="ion-diagnostic">
<div class="ion-diagnostic-masthead" title="typescript error: 2307">
<div class="ion-diagnostic-title">Typescript Error</div>
<div class="ion-diagnostic-message" data-error-code="typescript-2307">Cannot find module &#039;../pages/pd-question/pd-question-supplier-info/pd-question-supplier-info&#039;.</div>
</div>
<div class="ion-diagnostic-file">
<div class="ion-diagnostic-file-header" title="S:/pd_office/pd_officer/src/app/app.module.ts">S:/pd_office/pd_officer/src/app/app.module.ts</div>
<div class="ion-diagnostic-blob">
<table class="ion-diagnostic-table">
<tr>
<td class="ion-diagnostic-blob-num" data-line-number="83"></td>
<td class="ion-diagnostic-blob-code"><span class="hljs-keyword">import</span> { PdQuestionOtherIncomePage } from <span class="hljs-string">'../pages/pd-question/pd-question-other-income/pd-question-other-income'</span>; </td>
</tr>
<tr class="ion-diagnostic-error-line">
<td class="ion-diagnostic-blob-num" data-line-number="84"></td>
<td class="ion-diagnostic-blob-code"><span class="hljs-keyword">import</span> { PdQuestionSupplierInfoPage } from <span class="hljs-string"><span class="ion-diagnostics-error-chr">'</span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">a</span><span class="ion-diagnostics-error-chr">g</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">q</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">q</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">l</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">r</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">f</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">q</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">l</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">r</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">f</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">'</span></span>; </td>
</tr>
<tr>
<td class="ion-diagnostic-blob-num" data-line-number="85"></td>
<td class="ion-diagnostic-blob-code"><span class="hljs-keyword">import</span> { Geolocation } from <span class="hljs-string">'@ionic-native/geolocation'</span>; </td>
</tr>
</table>
</div>
</div>
</div>
<div class="ion-diagnostic">
<div class="ion-diagnostic-masthead" title="typescript error: 2307">
<div class="ion-diagnostic-title">Typescript Error</div>
<div class="ion-diagnostic-message" data-error-code="typescript-2307">Cannot find module &#039;../pages/pd-question/pd-question-stock-info/pd-question-stock-info&#039;.</div>
</div>
<div class="ion-diagnostic-file">
<div class="ion-diagnostic-file-header" title="S:/pd_office/pd_officer/src/app/app.module.ts">S:/pd_office/pd_officer/src/app/app.module.ts</div>
<div class="ion-diagnostic-blob">
<table class="ion-diagnostic-table">
<tr>
<td class="ion-diagnostic-blob-num" data-line-number="86"></td>
<td class="ion-diagnostic-blob-code"><span class="hljs-keyword">import</span> { PdQuestionPersonalInfoPage } from <span class="hljs-string">'../pages/pd-question/pd-question-personal-info/pd-question-personal-info'</span>; </td>
</tr>
<tr class="ion-diagnostic-error-line">
<td class="ion-diagnostic-blob-num" data-line-number="87"></td>
<td class="ion-diagnostic-blob-code"><span class="hljs-keyword">import</span> { PdQuestionStockInfoPage } from <span class="hljs-string"><span class="ion-diagnostics-error-chr">'</span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">a</span><span class="ion-diagnostics-error-chr">g</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">q</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">q</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">c</span><span class="ion-diagnostics-error-chr">k</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">f</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">q</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">c</span><span class="ion-diagnostics-error-chr">k</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">f</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">'</span></span>; </td>
</tr>
<tr>
<td class="ion-diagnostic-blob-num" data-line-number="88"></td>
<td class="ion-diagnostic-blob-code"><span class="hljs-keyword">import</span> { PdQuestionClientInfoPage } from <span class="hljs-string">'../pages/pd-question/pd-question-client-info/pd-question-client-info'</span>; </td>
</tr>
</table>
</div>
</div>
</div>
<div class="ion-diagnostic">
<div class="ion-diagnostic-masthead" title="typescript error: 2307">
<div class="ion-diagnostic-title">Typescript Error</div>
<div class="ion-diagnostic-message" data-error-code="typescript-2307">Cannot find module &#039;../pages/pd-question/pd-question-client-info/pd-question-client-info&#039;.</div>
</div>
<div class="ion-diagnostic-file">
<div class="ion-diagnostic-file-header" title="S:/pd_office/pd_officer/src/app/app.module.ts">S:/pd_office/pd_officer/src/app/app.module.ts</div>
<div class="ion-diagnostic-blob">
<table class="ion-diagnostic-table">
<tr>
<td class="ion-diagnostic-blob-num" data-line-number="87"></td>
<td class="ion-diagnostic-blob-code"><span class="hljs-keyword">import</span> { PdQuestionStockInfoPage } from <span class="hljs-string">'../pages/pd-question/pd-question-stock-info/pd-question-stock-info'</span>; </td>
</tr>
<tr class="ion-diagnostic-error-line">
<td class="ion-diagnostic-blob-num" data-line-number="88"></td>
<td class="ion-diagnostic-blob-code"><span class="hljs-keyword">import</span> { PdQuestionClientInfoPage } from <span class="hljs-string"><span class="ion-diagnostics-error-chr">'</span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">a</span><span class="ion-diagnostics-error-chr">g</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">q</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">q</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">c</span><span class="ion-diagnostics-error-chr">l</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">f</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">q</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">c</span><span class="ion-diagnostics-error-chr">l</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">f</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">'</span></span>; </td>
</tr>
<tr>
<td class="ion-diagnostic-blob-num" data-line-number="89"></td>
<td class="ion-diagnostic-blob-code"><span class="hljs-comment">// import { DatePicker } from '@ionic-native/date-picker';</span> </td>
</tr>
</table>
</div>
</div>
</div>
<div class="ion-diagnostic">
<div class="ion-diagnostic-masthead" title="typescript error: 2307">
<div class="ion-diagnostic-title">Typescript Error</div>
<div class="ion-diagnostic-message" data-error-code="typescript-2307">Cannot find module &#039;../pd-question/pd-question-supplier-info/pd-question-supplier-info&#039;.</div>
</div>
<div class="ion-diagnostic-file">
<div class="ion-diagnostic-file-header" title="S:/pd_office/pd_officer/src/pages/pd-question-category/pd-question-category.ts">S:/pd_office/pd_officer/src/pages/pd-question-category/pd-question-category.ts</div>
<div class="ion-diagnostic-blob">
<table class="ion-diagnostic-table">
<tr>
<td class="ion-diagnostic-blob-num" data-line-number="20"></td>
<td class="ion-diagnostic-blob-code"><span class="hljs-keyword">import</span> { PdQuestionOtherIncomePage } from <span class="hljs-string">'../pd-question/pd-question-other-income/pd-question-other-income'</span>; </td>
</tr>
<tr class="ion-diagnostic-error-line">
<td class="ion-diagnostic-blob-num" data-line-number="21"></td>
<td class="ion-diagnostic-blob-code"><span class="hljs-keyword">import</span> { PdQuestionSupplierInfoPage } from <span class="hljs-string"><span class="ion-diagnostics-error-chr">'</span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">q</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">q</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">l</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">r</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">f</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">q</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">l</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">r</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">f</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">'</span></span>; </td>
</tr>
<tr>
<td class="ion-diagnostic-blob-num" data-line-number="22"></td>
<td class="ion-diagnostic-blob-code"><span class="hljs-keyword">import</span> { PdQuestionPersonalInfoPage } from <span class="hljs-string">'../pd-question/pd-question-personal-info/pd-question-personal-info'</span>; </td>
</tr>
</table>
</div>
</div>
</div>
<div class="ion-diagnostic">
<div class="ion-diagnostic-masthead" title="typescript error: 2307">
<div class="ion-diagnostic-title">Typescript Error</div>
<div class="ion-diagnostic-message" data-error-code="typescript-2307">Cannot find module &#039;../pd-question/pd-question-stock-info/pd-question-stock-info&#039;.</div>
</div>
<div class="ion-diagnostic-file">
<div class="ion-diagnostic-file-header" title="S:/pd_office/pd_officer/src/pages/pd-question-category/pd-question-category.ts">S:/pd_office/pd_officer/src/pages/pd-question-category/pd-question-category.ts</div>
<div class="ion-diagnostic-blob">
<table class="ion-diagnostic-table">
<tr>
<td class="ion-diagnostic-blob-num" data-line-number="22"></td>
<td class="ion-diagnostic-blob-code"><span class="hljs-keyword">import</span> { PdQuestionPersonalInfoPage } from <span class="hljs-string">'../pd-question/pd-question-personal-info/pd-question-personal-info'</span>; </td>
</tr>
<tr class="ion-diagnostic-error-line">
<td class="ion-diagnostic-blob-num" data-line-number="23"></td>
<td class="ion-diagnostic-blob-code"><span class="hljs-keyword">import</span> { PdQuestionStockInfoPage } from <span class="hljs-string"><span class="ion-diagnostics-error-chr">'</span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">q</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">q</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">c</span><span class="ion-diagnostics-error-chr">k</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">f</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">q</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">c</span><span class="ion-diagnostics-error-chr">k</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">f</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">'</span></span>; </td>
</tr>
<tr>
<td class="ion-diagnostic-blob-num" data-line-number="24"></td>
<td class="ion-diagnostic-blob-code"><span class="hljs-keyword">import</span> { PdQuestionFinancialInfoPage } from <span class="hljs-string">'../pd-question/pd-question-business-group/pd-question-financial-info/pd-question-financial-info'</span>; </td>
</tr>
</table>
</div>
</div>
</div>
<div class="ion-diagnostic">
<div class="ion-diagnostic-masthead" title="typescript error: 2307">
<div class="ion-diagnostic-title">Typescript Error</div>
<div class="ion-diagnostic-message" data-error-code="typescript-2307">Cannot find module &#039;../pd-question/pd-question-client-info/pd-question-client-info&#039;.</div>
</div>
<div class="ion-diagnostic-file">
<div class="ion-diagnostic-file-header" title="S:/pd_office/pd_officer/src/pages/pd-question-category/pd-question-category.ts">S:/pd_office/pd_officer/src/pages/pd-question-category/pd-question-category.ts</div>
<div class="ion-diagnostic-blob">
<table class="ion-diagnostic-table">
<tr>
<td class="ion-diagnostic-blob-num" data-line-number="24"></td>
<td class="ion-diagnostic-blob-code"><span class="hljs-keyword">import</span> { PdQuestionFinancialInfoPage } from <span class="hljs-string">'../pd-question/pd-question-business-group/pd-question-financial-info/pd-question-financial-info'</span>; </td>
</tr>
<tr class="ion-diagnostic-error-line">
<td class="ion-diagnostic-blob-num" data-line-number="25"></td>
<td class="ion-diagnostic-blob-code"><span class="hljs-keyword">import</span> { PdQuestionClientInfoPage } from <span class="hljs-string"><span class="ion-diagnostics-error-chr">'</span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">q</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">q</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">c</span><span class="ion-diagnostics-error-chr">l</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">f</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">q</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">c</span><span class="ion-diagnostics-error-chr">l</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">f</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">'</span></span>; </td>
</tr>
<tr>
<td class="ion-diagnostic-blob-num" data-line-number="26"></td>
<td class="ion-diagnostic-blob-code"><span class="hljs-keyword">import</span> { PdQuestionRentalInfoPage } from <span class="hljs-string">'../pd-question/pd-question-rental-info/pd-question-rental-info'</span>; </td>
</tr>
</table>
</div>
</div>
</div>
<div class="ion-diagnostic">
<div class="ion-diagnostic-masthead" title="typescript error: 2307">
<div class="ion-diagnostic-title">Typescript Error</div>
<div class="ion-diagnostic-message" data-error-code="typescript-2307">Cannot find module &#039;../../../pages/pd-question/pd-question-supplier-info/pd-question-supplier-info&#039;.</div>
</div>
<div class="ion-diagnostic-file">
<div class="ion-diagnostic-file-header" title="S:/pd_office/pd_officer/src/pages/pd-question/pd-question-business-group/pd-question-business-group.ts">...r/src/pages/pd-question/pd-question-business-group/pd-question-business-group.ts</div>
<div class="ion-diagnostic-blob">
<table class="ion-diagnostic-table">
<tr>
<td class="ion-diagnostic-blob-num" data-line-number="4"></td>
<td class="ion-diagnostic-blob-code"><span class="hljs-keyword">import</span> { QuestionCategoryProvider } from <span class="hljs-string">'../../../providers/question-category/question-category'</span>; </td>
</tr>
<tr class="ion-diagnostic-error-line">
<td class="ion-diagnostic-blob-num" data-line-number="5"></td>
<td class="ion-diagnostic-blob-code"><span class="hljs-keyword">import</span> { PdQuestionSupplierInfoPage } from <span class="hljs-string"><span class="ion-diagnostics-error-chr">'</span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">a</span><span class="ion-diagnostics-error-chr">g</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">q</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">q</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">l</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">r</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">f</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">q</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">l</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">r</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">f</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">'</span></span>; </td>
</tr>
<tr>
<td class="ion-diagnostic-blob-num" data-line-number="6"></td>
<td class="ion-diagnostic-blob-code"><span class="hljs-keyword">import</span> { PdQuestionClientInfoPage } from <span class="hljs-string">'../../../pages/pd-question/pd-question-client-info/pd-question-client-info'</span>; </td>
</tr>
</table>
</div>
</div>
</div>
<div class="ion-diagnostic">
<div class="ion-diagnostic-masthead" title="typescript error: 2307">
<div class="ion-diagnostic-title">Typescript Error</div>
<div class="ion-diagnostic-message" data-error-code="typescript-2307">Cannot find module &#039;../../../pages/pd-question/pd-question-client-info/pd-question-client-info&#039;.</div>
</div>
<div class="ion-diagnostic-file">
<div class="ion-diagnostic-file-header" title="S:/pd_office/pd_officer/src/pages/pd-question/pd-question-business-group/pd-question-business-group.ts">...r/src/pages/pd-question/pd-question-business-group/pd-question-business-group.ts</div>
<div class="ion-diagnostic-blob">
<table class="ion-diagnostic-table">
<tr>
<td class="ion-diagnostic-blob-num" data-line-number="5"></td>
<td class="ion-diagnostic-blob-code"><span class="hljs-keyword">import</span> { PdQuestionSupplierInfoPage } from <span class="hljs-string">'../../../pages/pd-question/pd-question-supplier-info/pd-question-supplier-info'</span>; </td>
</tr>
<tr class="ion-diagnostic-error-line">
<td class="ion-diagnostic-blob-num" data-line-number="6"></td>
<td class="ion-diagnostic-blob-code"><span class="hljs-keyword">import</span> { PdQuestionClientInfoPage } from <span class="hljs-string"><span class="ion-diagnostics-error-chr">'</span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">a</span><span class="ion-diagnostics-error-chr">g</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">q</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">q</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">c</span><span class="ion-diagnostics-error-chr">l</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">f</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">/</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">q</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">c</span><span class="ion-diagnostics-error-chr">l</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">-</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">f</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">'</span></span>; </td>
</tr>
<tr>
<td class="ion-diagnostic-blob-num" data-line-number="7"></td>
<td class="ion-diagnostic-blob-code"><span class="hljs-keyword">import</span> { PdQuestionBusinessInfoPage } from <span class="hljs-string">'../../../pages/pd-question/pd-question-business-group/pd-question-business-info/pd-question-business-info'</span>; </td>
</tr>
</table>
</div>
</div>
</div>
<div class="ion-diagnostic">
<div class="ion-diagnostic-masthead" title="typescript error: 2554">
<div class="ion-diagnostic-title">Typescript Error</div>
<div class="ion-diagnostic-message" data-error-code="typescript-2554">Expected 1 arguments, but got 2.</div>
</div>
<div class="ion-diagnostic-file">
<div class="ion-diagnostic-file-header" title="S:/pd_office/pd_officer/src/pages/pd-question/pd-question-business-group/pd-question-client-info/pd-question-client-info.ts">...on/pd-question-business-group/pd-question-client-info/pd-question-client-info.ts</div>
<div class="ion-diagnostic-blob">
<table class="ion-diagnostic-table">
<tr>
<td class="ion-diagnostic-blob-num" data-line-number="53"></td>
<td class="ion-diagnostic-blob-code"> </td>
</tr>
<tr class="ion-diagnostic-error-line">
<td class="ion-diagnostic-blob-num" data-line-number="54"></td>
<td class="ion-diagnostic-blob-code"> <span class="hljs-keyword"><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">h</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">s</span></span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">q</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">C</span><span class="ion-diagnostics-error-chr">a</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">g</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">T</span><span class="ion-diagnostics-error-chr">y</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">f</span><span class="ion-diagnostics-error-chr">A</span><span class="ion-diagnostics-error-chr">c</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">v</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">y</span><span class="ion-diagnostics-error-chr">F</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">r</span><span class="ion-diagnostics-error-chr">S</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">l</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">I</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">f</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">F</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">r</span><span class="ion-diagnostics-error-chr">m</span><span class="ion-diagnostics-error-chr">(</span><span class="hljs-keyword"><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">h</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">s</span></span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">,</span><span class="ion-diagnostics-error-chr"> </span><span class="hljs-keyword"><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">h</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">s</span></span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">c</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">m</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">a</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">y</span><span class="ion-diagnostics-error-chr">_</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">)</span>.subscribe(data =&gt; { </td>
</tr>
<tr>
<td class="ion-diagnostic-blob-num" data-line-number="55"></td>
<td class="ion-diagnostic-blob-code"> </td>
</tr>
</table>
</div>
</div>
</div>
<div class="ion-diagnostic">
<div class="ion-diagnostic-masthead" title="typescript error: 2339">
<div class="ion-diagnostic-title">Typescript Error</div>
<div class="ion-diagnostic-message" data-error-code="typescript-2339">Property &#039;stockFormAccess&#039; does not exist on type &#039;QuestionCategoryProvider&#039;.</div>
</div>
<div class="ion-diagnostic-file">
<div class="ion-diagnostic-file-header" title="S:/pd_office/pd_officer/src/pages/pd-question/pd-question-business-group/pd-question-stock-info/pd-question-stock-info.ts">...tion/pd-question-business-group/pd-question-stock-info/pd-question-stock-info.ts</div>
<div class="ion-diagnostic-blob">
<table class="ion-diagnostic-table">
<tr>
<td class="ion-diagnostic-blob-num" data-line-number="52"></td>
<td class="ion-diagnostic-blob-code"><span class="hljs-keyword">this</span>.pdid=<span class="hljs-keyword">this</span>.pdDetails.pd_id; </td>
</tr>
<tr class="ion-diagnostic-error-line">
<td class="ion-diagnostic-blob-num" data-line-number="53"></td>
<td class="ion-diagnostic-blob-code"><span class="hljs-keyword">this</span>.qustCat.<span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">c</span><span class="ion-diagnostics-error-chr">k</span><span class="ion-diagnostics-error-chr">F</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">r</span><span class="ion-diagnostics-error-chr">m</span><span class="ion-diagnostics-error-chr">A</span><span class="ion-diagnostics-error-chr">c</span><span class="ion-diagnostics-error-chr">c</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">s</span>(<span class="hljs-keyword">this</span>.pdid,<span class="hljs-keyword">this</span>.company_id).subscribe(data =&gt; { </td>
</tr>
<tr>
<td class="ion-diagnostic-blob-num" data-line-number="54"></td>
<td class="ion-diagnostic-blob-code"> <span class="hljs-keyword">if</span>(data.dataStatus == <span class="hljs-literal">true</span>){ </td>
</tr>
</table>
</div>
</div>
</div>
<div class="ion-diagnostic">
<div class="ion-diagnostic-masthead" title="typescript error: 2554">
<div class="ion-diagnostic-title">Typescript Error</div>
<div class="ion-diagnostic-message" data-error-code="typescript-2554">Expected 1 arguments, but got 2.</div>
</div>
<div class="ion-diagnostic-file">
<div class="ion-diagnostic-file-header" title="S:/pd_office/pd_officer/src/pages/pd-question/pd-question-business-group/pd-question-supplier-info/pd-question-supplier-info.ts">...d-question-business-group/pd-question-supplier-info/pd-question-supplier-info.ts</div>
<div class="ion-diagnostic-blob">
<table class="ion-diagnostic-table">
<tr>
<td class="ion-diagnostic-blob-num" data-line-number="48"></td>
<td class="ion-diagnostic-blob-code"> </td>
</tr>
<tr class="ion-diagnostic-error-line">
<td class="ion-diagnostic-blob-num" data-line-number="49"></td>
<td class="ion-diagnostic-blob-code"> <span class="hljs-keyword"><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">h</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">s</span></span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">q</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">C</span><span class="ion-diagnostics-error-chr">a</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">g</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">T</span><span class="ion-diagnostics-error-chr">y</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">f</span><span class="ion-diagnostics-error-chr">A</span><span class="ion-diagnostics-error-chr">c</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">v</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">y</span><span class="ion-diagnostics-error-chr">F</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">r</span><span class="ion-diagnostics-error-chr">S</span><span class="ion-diagnostics-error-chr">u</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">l</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">I</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">f</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">F</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">r</span><span class="ion-diagnostics-error-chr">m</span><span class="ion-diagnostics-error-chr">(</span><span class="hljs-keyword"><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">h</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">s</span></span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">D</span><span class="ion-diagnostics-error-chr">e</span><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">a</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">l</span><span class="ion-diagnostics-error-chr">s</span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">_</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">,</span><span class="ion-diagnostics-error-chr"> </span><span class="hljs-keyword"><span class="ion-diagnostics-error-chr">t</span><span class="ion-diagnostics-error-chr">h</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">s</span></span><span class="ion-diagnostics-error-chr">.</span><span class="ion-diagnostics-error-chr">c</span><span class="ion-diagnostics-error-chr">o</span><span class="ion-diagnostics-error-chr">m</span><span class="ion-diagnostics-error-chr">p</span><span class="ion-diagnostics-error-chr">a</span><span class="ion-diagnostics-error-chr">n</span><span class="ion-diagnostics-error-chr">y</span><span class="ion-diagnostics-error-chr">_</span><span class="ion-diagnostics-error-chr">i</span><span class="ion-diagnostics-error-chr">d</span><span class="ion-diagnostics-error-chr">)</span>.subscribe(data =&gt; { </td>
</tr>
<tr>
<td class="ion-diagnostic-blob-num" data-line-number="50"></td>
<td class="ion-diagnostic-blob-code"> </td>
</tr>
</table>
</div>
</div>
</div>

100
www/build/main.css
View File

@ -29235,34 +29235,34 @@ page-pd-question-business-group .item-ribbon .ribbon span::after {
border-top: 3px solid #f53d3d;
}
page-pd-question-business-group .ribbon.cruzeiro span {
page-pd-question-business-group .ribbon.answered span {
color: white;
background: #387ef5;
background: green;
}
page-pd-question-business-group .ribbon.cruzeiro span::before {
border-left: 3px solid #387ef5;
border-top: 3px solid #387ef5;
page-pd-question-business-group .ribbon.answered span::before {
border-left: 3px solid green;
border-top: 3px solid green;
}
page-pd-question-business-group .ribbon.cruzeiro span::after {
border-right: 3px solid #387ef5;
border-top: 3px solid #387ef5;
page-pd-question-business-group .ribbon.answered span::after {
border-right: 3px solid green;
border-top: 3px solid green;
}
page-pd-question-business-group .ribbon.atletico span {
page-pd-question-business-group .ribbon.notanswered span {
color: white;
background: #818181;
background: #f53d3d;
}
page-pd-question-business-group .ribbon.atletico span::before {
border-left: 3px solid #818181;
border-top: 3px solid #818181;
page-pd-question-business-group .ribbon.notanswered span::before {
border-left: 3px solid #f53d3d;
border-top: 3px solid #f53d3d;
}
page-pd-question-business-group .ribbon.atletico span::after {
border-right: 3px solid #818181;
border-top: 3px solid #818181;
page-pd-question-business-group .ribbon.notanswered span::after {
border-right: 3px solid #f53d3d;
border-top: 3px solid #f53d3d;
}
page-pd-question-business-group .ribbon.javascript span {
@ -29295,7 +29295,15 @@ page-pd-question-business-assets .mat-card-content {
margin-bottom: 0px !important;
}
<<<<<<< HEAD
page-pd-question-business-assets .scroll-content {
=======
page-pd-question-business-banking mat-hint {
font-size: 12px;
}
page-pd-question-business-banking .scroll-content {
>>>>>>> 58523f626d3fb31e1a5befaed30ae2a532d89141
background-color: #eee;
}
@ -29310,6 +29318,7 @@ page-pd-question-business-banking .mat-card-content {
margin-bottom: 0px !important;
}
<<<<<<< HEAD
page-pd-question-business-banking .accordion {
margin-bottom: 15px;
border-radius: 10px !important;
@ -29321,6 +29330,8 @@ page-pd-question-business-banking .scroll-content {
background-color: #eee;
}
=======
>>>>>>> 58523f626d3fb31e1a5befaed30ae2a532d89141
page-pd-question-business-info mat-form-field {
width: 100%;
}
@ -29346,6 +29357,7 @@ page-pd-question-business-info .mat-card-content {
margin-bottom: 0px !important;
}
<<<<<<< HEAD
page-pd-question-business-info .scroll-content {
background-color: #eee;
}
@ -29375,12 +29387,43 @@ page-pd-question-financial-info .highlight {
}
page-pd-question-financial-info .mat-card {
=======
page-pd-question-client-info mat-hint {
font-size: 12px;
}
page-pd-question-client-info .scroll-content {
background-color: #eee;
}
page-pd-question-client-info .mat-card {
margin-bottom: 15px;
border-radius: 10px !important;
-webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important;
box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important;
}
page-pd-question-client-info .mat-card-content {
margin-bottom: 0px !important;
}
page-pd-question-stock-info mat-hint {
font-size: 12px;
}
page-pd-question-stock-info .scroll-content {
background-color: #eee;
}
page-pd-question-stock-info .mat-card {
>>>>>>> 58523f626d3fb31e1a5befaed30ae2a532d89141
margin-bottom: 15px;
border-radius: 10px !important;
-webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important;
box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important;
}
<<<<<<< HEAD
page-pd-question-financial-info .mat-card-content {
margin-bottom: 0px !important;
}
@ -29389,6 +29432,31 @@ page-pd-question-financial-info .scroll-content {
background-color: #eee;
}
=======
page-pd-question-stock-info .mat-card-content {
margin-bottom: 0px !important;
}
page-pd-question-supplier-info mat-hint {
font-size: 12px;
}
page-pd-question-supplier-info .scroll-content {
background-color: #eee;
}
page-pd-question-supplier-info .mat-card {
margin-bottom: 15px;
border-radius: 10px !important;
-webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important;
box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important;
}
page-pd-question-supplier-info .mat-card-content {
margin-bottom: 0px !important;
}
>>>>>>> 58523f626d3fb31e1a5befaed30ae2a532d89141
page-pd-question-current-loans mat-form-field {
width: 100%;
}

19
www/build/main.js
View File

File diff suppressed because one or more lines are too long

2
www/build/main.js.map
View File

File diff suppressed because one or more lines are too long

295
www/build/vendor.js
View File

@ -39625,6 +39625,10 @@ var BlockerDelegate = (function () {
//# sourceMappingURL=gesture-controller.js.map
/***/ }),
<<<<<<< HEAD
=======
/* 24 */,
>>>>>>> 58523f626d3fb31e1a5befaed30ae2a532d89141
/* 25 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
@ -57353,7 +57357,11 @@ var KEY_TAB = 9;
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__util_util__ = __webpack_require__(3);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__platform_keyboard__ = __webpack_require__(97);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__navigation_nav_controller__ = __webpack_require__(66);
<<<<<<< HEAD
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__platform_platform__ = __webpack_require__(11);
=======
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__platform_platform__ = __webpack_require__(10);
>>>>>>> 58523f626d3fb31e1a5befaed30ae2a532d89141
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__util_scroll_view__ = __webpack_require__(260);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__navigation_view_controller__ = __webpack_require__(18);
var __extends = (this && this.__extends) || (function () {
@ -72337,7 +72345,11 @@ var SwitchMapSubscriber = /*@__PURE__*/ (function (_super) {
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__config_config__ = __webpack_require__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__ion__ = __webpack_require__(13);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__overlay_portal__ = __webpack_require__(244);
<<<<<<< HEAD
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__platform_platform__ = __webpack_require__(11);
=======
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__platform_platform__ = __webpack_require__(10);
>>>>>>> 58523f626d3fb31e1a5befaed30ae2a532d89141
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__app_constants__ = __webpack_require__(95);
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
@ -75224,7 +75236,11 @@ var ItemOptions = (function () {
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__config_config__ = __webpack_require__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__platform_dom_controller__ = __webpack_require__(25);
<<<<<<< HEAD
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__gestures_gesture_controller__ = __webpack_require__(24);
=======
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__gestures_gesture_controller__ = __webpack_require__(23);
>>>>>>> 58523f626d3fb31e1a5befaed30ae2a532d89141
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__ion__ = __webpack_require__(13);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__util_util__ = __webpack_require__(3);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__item_item_sliding_gesture__ = __webpack_require__(547);
@ -75547,7 +75563,11 @@ var loadingIds = -1;
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__config_config__ = __webpack_require__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__navigation_deep_linker__ = __webpack_require__(51);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__platform_dom_controller__ = __webpack_require__(25);
<<<<<<< HEAD
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__gestures_gesture_controller__ = __webpack_require__(24);
=======
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__gestures_gesture_controller__ = __webpack_require__(23);
>>>>>>> 58523f626d3fb31e1a5befaed30ae2a532d89141
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__navigation_nav_controller__ = __webpack_require__(66);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__navigation_nav_controller_base__ = __webpack_require__(112);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__platform_platform__ = __webpack_require__(11);
@ -77432,7 +77452,11 @@ var DisplayWhen = (function () {
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__util_util__ = __webpack_require__(3);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__swiper_swiper_events__ = __webpack_require__(558);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__swiper_swiper_zoom__ = __webpack_require__(305);
<<<<<<< HEAD
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__platform_platform__ = __webpack_require__(11);
=======
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__platform_platform__ = __webpack_require__(10);
>>>>>>> 58523f626d3fb31e1a5befaed30ae2a532d89141
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__swiper_swiper__ = __webpack_require__(116);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__swiper_swiper_effects__ = __webpack_require__(179);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__navigation_view_controller__ = __webpack_require__(18);
@ -83798,6 +83822,7 @@ var MatIconModule = /** @class */ (function () {
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_ionic_angular__ = __webpack_require__(5);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__image_viewer__ = __webpack_require__(398);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__image_viewer_component__ = __webpack_require__(203);
<<<<<<< HEAD
var __assign = (this && this.__assign) || Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
@ -83853,6 +83878,63 @@ var ImageViewerController = (function () {
return ImageViewerController;
}());
=======
var __assign = (this && this.__assign) || Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
var ImageViewerController = (function () {
function ImageViewerController(_app, config, deepLinker) {
this._app = _app;
this.config = config;
this.deepLinker = deepLinker;
}
/**
* Create a image-viewer instance to display. See below for options.
*
* @param {object} imageElement The image element
* @param {object} opts ImageViewer options
*/
/**
* Create a image-viewer instance to display. See below for options.
*
* @param {object} imageElement The image element
* @param {object} opts ImageViewer options
*/
ImageViewerController.prototype.create = /**
* Create a image-viewer instance to display. See below for options.
*
* @param {object} imageElement The image element
* @param {object} opts ImageViewer options
*/
function (imageElement, opts) {
if (opts === void 0) { opts = {}; }
var image = imageElement.src;
var position = imageElement.getBoundingClientRect();
var options = __assign({ image: image, position: position }, opts);
return new __WEBPACK_IMPORTED_MODULE_2__image_viewer__["a" /* ImageViewer */](this._app, __WEBPACK_IMPORTED_MODULE_3__image_viewer_component__["a" /* ImageViewerComponent */], options, this.config, this.deepLinker);
};
ImageViewerController.decorators = [
{ type: __WEBPACK_IMPORTED_MODULE_0__angular_core__["B" /* Injectable */] },
];
/** @nocollapse */
ImageViewerController.ctorParameters = function () { return [
{ type: __WEBPACK_IMPORTED_MODULE_1_ionic_angular__["c" /* App */], },
{ type: __WEBPACK_IMPORTED_MODULE_1_ionic_angular__["d" /* Config */], },
{ type: __WEBPACK_IMPORTED_MODULE_1_ionic_angular__["f" /* DeepLinker */], },
]; };
return ImageViewerController;
}());
>>>>>>> 58523f626d3fb31e1a5befaed30ae2a532d89141
//# sourceMappingURL=image-viewer.controller.js.map
/***/ }),
@ -85929,7 +86011,11 @@ var TimeoutWithSubscriber = /*@__PURE__*/ (function (_super) {
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__config_config__ = __webpack_require__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__navigation_deep_linker__ = __webpack_require__(51);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__platform_dom_controller__ = __webpack_require__(25);
<<<<<<< HEAD
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__gestures_gesture_controller__ = __webpack_require__(24);
=======
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__gestures_gesture_controller__ = __webpack_require__(23);
>>>>>>> 58523f626d3fb31e1a5befaed30ae2a532d89141
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__navigation_nav_controller_base__ = __webpack_require__(112);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__platform_platform__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__transitions_transition_controller__ = __webpack_require__(114);
@ -91697,7 +91783,11 @@ var LoadingController = (function () {
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__config_config__ = __webpack_require__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__content_content__ = __webpack_require__(59);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__platform_dom_controller__ = __webpack_require__(25);
<<<<<<< HEAD
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__gestures_gesture_controller__ = __webpack_require__(24);
=======
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__gestures_gesture_controller__ = __webpack_require__(23);
>>>>>>> 58523f626d3fb31e1a5befaed30ae2a532d89141
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__util_util__ = __webpack_require__(3);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__platform_keyboard__ = __webpack_require__(97);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__menu_gestures__ = __webpack_require__(549);
@ -94328,7 +94418,11 @@ var Scroll = (function () {
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__util_base_input__ = __webpack_require__(68);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__util_util__ = __webpack_require__(3);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__util_debouncer__ = __webpack_require__(259);
<<<<<<< HEAD
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__platform_platform__ = __webpack_require__(11);
=======
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__platform_platform__ = __webpack_require__(10);
>>>>>>> 58523f626d3fb31e1a5befaed30ae2a532d89141
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@ -96488,7 +96582,11 @@ var SPINNERS = {
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__config_config__ = __webpack_require__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__navigation_deep_linker__ = __webpack_require__(51);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__platform_dom_controller__ = __webpack_require__(25);
<<<<<<< HEAD
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__gestures_gesture_controller__ = __webpack_require__(24);
=======
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__gestures_gesture_controller__ = __webpack_require__(23);
>>>>>>> 58523f626d3fb31e1a5befaed30ae2a532d89141
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__util_util__ = __webpack_require__(3);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__navigation_nav_controller_base__ = __webpack_require__(112);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__platform_platform__ = __webpack_require__(11);
@ -98638,8 +98736,13 @@ var SCROLL_DIFFERENCE_MINIMUM = 40;
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_app_app__ = __webpack_require__(21);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__config_config__ = __webpack_require__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__platform_dom_controller__ = __webpack_require__(25);
<<<<<<< HEAD
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__gestures_gesture_controller__ = __webpack_require__(24);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__platform_platform__ = __webpack_require__(11);
=======
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__gestures_gesture_controller__ = __webpack_require__(23);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__platform_platform__ = __webpack_require__(10);
>>>>>>> 58523f626d3fb31e1a5befaed30ae2a532d89141
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__util_dom__ = __webpack_require__(29);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__gestures_pointer_events__ = __webpack_require__(246);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__ripple__ = __webpack_require__(563);
@ -115138,6 +115241,7 @@ var FingerprintAIO = (function (_super) {
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ImageViewerDirective; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__image_viewer_controller__ = __webpack_require__(202);
<<<<<<< HEAD
var ImageViewerDirective = (function () {
@ -115172,6 +115276,42 @@ var ImageViewerDirective = (function () {
return ImageViewerDirective;
}());
=======
var ImageViewerDirective = (function () {
function ImageViewerDirective(_el, imageViewerCtrl) {
this._el = _el;
this.imageViewerCtrl = imageViewerCtrl;
this.close = new __WEBPACK_IMPORTED_MODULE_0__angular_core__["w" /* EventEmitter */]();
}
ImageViewerDirective.prototype.onClick = function (event) {
var _this = this;
event.stopPropagation();
var element = this._el.nativeElement;
var onCloseCallback = function () { return _this.close.emit(); };
var imageViewer = this.imageViewerCtrl.create(element, { fullResImage: this.src, onCloseCallback: onCloseCallback });
imageViewer.present();
};
ImageViewerDirective.decorators = [
{ type: __WEBPACK_IMPORTED_MODULE_0__angular_core__["s" /* Directive */], args: [{
selector: '[imageViewer]'
},] },
];
/** @nocollapse */
ImageViewerDirective.ctorParameters = function () { return [
{ type: __WEBPACK_IMPORTED_MODULE_0__angular_core__["t" /* ElementRef */], },
{ type: __WEBPACK_IMPORTED_MODULE_1__image_viewer_controller__["a" /* ImageViewerController */], },
]; };
ImageViewerDirective.propDecorators = {
"src": [{ type: __WEBPACK_IMPORTED_MODULE_0__angular_core__["E" /* Input */], args: ['imageViewer',] },],
"close": [{ type: __WEBPACK_IMPORTED_MODULE_0__angular_core__["P" /* Output */] },],
"onClick": [{ type: __WEBPACK_IMPORTED_MODULE_0__angular_core__["z" /* HostListener */], args: ['click', ['$event'],] },],
};
return ImageViewerDirective;
}());
>>>>>>> 58523f626d3fb31e1a5befaed30ae2a532d89141
//# sourceMappingURL=image-viewer.directive.js.map
/***/ }),
@ -162337,13 +162477,21 @@ var IonicErrorHandler = (function (_super) {
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__platform_dom_controller__ = __webpack_require__(25);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__util_events__ = __webpack_require__(323);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__util_form__ = __webpack_require__(53);
<<<<<<< HEAD
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__gestures_gesture_controller__ = __webpack_require__(24);
=======
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__gestures_gesture_controller__ = __webpack_require__(23);
>>>>>>> 58523f626d3fb31e1a5befaed30ae2a532d89141
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__gestures_gesture_config__ = __webpack_require__(326);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__tap_click_haptic__ = __webpack_require__(98);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__platform_keyboard__ = __webpack_require__(97);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_15__util_module_loader__ = __webpack_require__(164);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_16__util_ng_module_loader__ = __webpack_require__(285);
<<<<<<< HEAD
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_17__platform_platform__ = __webpack_require__(11);
=======
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_17__platform_platform__ = __webpack_require__(10);
>>>>>>> 58523f626d3fb31e1a5befaed30ae2a532d89141
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_18__platform_platform_registry__ = __webpack_require__(324);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_19__tap_click_tap_click__ = __webpack_require__(319);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_20__config_mode_registry__ = __webpack_require__(325);
@ -198239,6 +198387,7 @@ function supportsWebAnimations() {
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__image_viewer_directive__ = __webpack_require__(397);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__image_viewer_component__ = __webpack_require__(203);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__image_viewer_controller__ = __webpack_require__(202);
<<<<<<< HEAD
@ -198264,6 +198413,33 @@ var IonicImageViewerModule = (function () {
return IonicImageViewerModule;
}());
=======
var IonicImageViewerModule = (function () {
function IonicImageViewerModule() {
}
IonicImageViewerModule.decorators = [
{ type: __WEBPACK_IMPORTED_MODULE_0__angular_core__["J" /* NgModule */], args: [{
imports: [__WEBPACK_IMPORTED_MODULE_1_ionic_angular__["m" /* IonicModule */]],
declarations: [
__WEBPACK_IMPORTED_MODULE_3__image_viewer_component__["a" /* ImageViewerComponent */],
__WEBPACK_IMPORTED_MODULE_2__image_viewer_directive__["a" /* ImageViewerDirective */]
],
providers: [__WEBPACK_IMPORTED_MODULE_4__image_viewer_controller__["a" /* ImageViewerController */]],
exports: [__WEBPACK_IMPORTED_MODULE_2__image_viewer_directive__["a" /* ImageViewerDirective */]],
entryComponents: [__WEBPACK_IMPORTED_MODULE_3__image_viewer_component__["a" /* ImageViewerComponent */]]
},] },
];
/** @nocollapse */
IonicImageViewerModule.ctorParameters = function () { return []; };
return IonicImageViewerModule;
}());
>>>>>>> 58523f626d3fb31e1a5befaed30ae2a532d89141
//# sourceMappingURL=module.js.map
/***/ }),
@ -198571,6 +198747,7 @@ var ImageViewerTransitionGesture = (function (_super) {
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ImageViewerZoomGesture; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_ionic_angular__ = __webpack_require__(5);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_ionic_angular_gestures_hammer__ = __webpack_require__(322);
<<<<<<< HEAD
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@ -198687,6 +198864,124 @@ var ImageViewerZoomGesture = (function (_super) {
return ImageViewerZoomGesture;
}(__WEBPACK_IMPORTED_MODULE_0_ionic_angular__["h" /* Gesture */]));
=======
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var MAX_SCALE = 3;
var ImageViewerZoomGesture = (function (_super) {
__extends(ImageViewerZoomGesture, _super);
function ImageViewerZoomGesture(component, element, platform, renderer) {
var _this = _super.call(this, element.nativeElement) || this;
_this.component = component;
_this.platform = platform;
_this.renderer = renderer;
_this.adjustScale = 1;
_this.adjustDeltaX = 0;
_this.adjustDeltaY = 0;
_this.currentScale = 1;
_this.currentDeltaX = 0;
_this.currentDeltaY = 0;
_this.allowedXMargin = 0;
_this.allowedYMargin = 0;
// Force both directions after super to avoid override allowing only one direction
// Force both directions after super to avoid override allowing only one direction
_this.options({ direction: __WEBPACK_IMPORTED_MODULE_1_ionic_angular_gestures_hammer__["a" /* DIRECTION_HORIZONTAL */] | __WEBPACK_IMPORTED_MODULE_1_ionic_angular_gestures_hammer__["b" /* DIRECTION_VERTICAL */] });
_this.listen();
_this.on('pinch', function (e) { return _this.onPinch(e); });
_this.on('pinchend', function (e) { return _this.onPinchEnd(e); });
_this.on('panstart', function (e) { return _this.onPanStart(e); });
_this.on('pan', function (e) { return _this.onPan(e); });
_this.on('panend', function (e) { return _this.onPanEnd(e); });
_this.on('doubletap', function (e) { return _this.onDoubleTap(e); });
return _this;
}
ImageViewerZoomGesture.prototype.onPinch = function (event) {
this.component.dragGesture.abort(event);
this.currentScale = Math.max(1, Math.min(MAX_SCALE, this.adjustScale * event.scale));
this.currentDeltaX = this.adjustDeltaX + (event.deltaX / this.currentScale);
this.currentDeltaY = this.adjustDeltaY + (event.deltaY / this.currentScale);
this.setImageContainerTransform();
};
ImageViewerZoomGesture.prototype.onPinchEnd = function (event) {
this.component.isZoomed = (this.currentScale !== 1);
if (!this.component.isZoomed) {
new __WEBPACK_IMPORTED_MODULE_0_ionic_angular__["b" /* Animation */](this.platform, this.element)
.fromTo('translateX', this.currentDeltaX + "px", '0')
.fromTo('translateY', this.currentDeltaY + "px", '0')
.easing('ease-in')
.duration(50)
.play();
this.currentDeltaX = 0;
this.currentDeltaY = 0;
}
// Saving the final transforms for adjustment next time the user interacts.
this.adjustScale = this.currentScale;
this.adjustDeltaX = this.currentDeltaX;
this.adjustDeltaY = this.currentDeltaY;
};
ImageViewerZoomGesture.prototype.onPanStart = function (event) {
if (!this.component.isZoomed) {
return;
}
var originalImageWidth = this.element.offsetWidth;
var originalImageHeight = this.element.offsetHeight;
this.allowedXMargin = ((originalImageWidth * this.currentScale) - originalImageWidth) / 4;
this.allowedYMargin = ((originalImageHeight * this.currentScale) - originalImageHeight) / 4;
};
ImageViewerZoomGesture.prototype.onPan = function (event) {
if (!this.component.isZoomed) {
return;
}
this.currentDeltaX = this.boundAdjustement(Math.floor(this.adjustDeltaX + event.deltaX / this.currentScale), this.allowedXMargin);
this.currentDeltaY = this.boundAdjustement(Math.floor(this.adjustDeltaY + event.deltaY / this.currentScale), this.allowedYMargin);
this.setImageContainerTransform();
};
ImageViewerZoomGesture.prototype.boundAdjustement = function (adjustement, bound) {
if (adjustement > bound || adjustement < -bound) {
return Math.min(bound, Math.max(adjustement, -bound));
}
return adjustement;
};
ImageViewerZoomGesture.prototype.onPanEnd = function (event) {
if (!this.component.isZoomed) {
return;
}
this.adjustDeltaX = this.currentDeltaX;
this.adjustDeltaY = this.currentDeltaY;
};
ImageViewerZoomGesture.prototype.onDoubleTap = function (event) {
this.component.isZoomed = !this.component.isZoomed;
if (this.component.isZoomed) {
this.currentScale = 2;
}
else {
this.currentScale = 1;
this.adjustDeltaX = this.currentDeltaX = 0;
this.adjustDeltaY = this.currentDeltaY = 0;
}
this.adjustScale = this.currentScale;
this.setImageContainerTransform();
};
ImageViewerZoomGesture.prototype.setImageContainerTransform = function () {
var transforms = [];
transforms.push("scale(" + this.currentScale + ")");
transforms.push("translate(" + this.currentDeltaX + "px, " + this.currentDeltaY + "px)");
this.renderer.setElementStyle(this.element, this.platform.Css.transform, transforms.join(' '));
};
return ImageViewerZoomGesture;
}(__WEBPACK_IMPORTED_MODULE_0_ionic_angular__["h" /* Gesture */]));
>>>>>>> 58523f626d3fb31e1a5befaed30ae2a532d89141
//# sourceMappingURL=image-viewer-zoom-gesture.js.map
/***/ })

6
www/build/vendor.js.map
View File

File diff suppressed because one or more lines are too long