Biukop
/
SFM-Broker
Sledovat 1
Oblíbit 0
Rozštěpit 0
Zdrojový kód Úkoly 1 Požadavky na natažení 0 Vydání 2 Wiki Aktivita
Procházet zdrojové kódy

adding transaction dialog first half worked hooray

tags/2.037
Patrick Sun před 5 roky
rodič
d457d302dd
revize
1ba6963e1c
5 změnil soubory, kde provedl 227 přidání a 12 odebrání
Jednotný pohled
Diff Options
Show Stats Download Patch File Download Diff File
  1. +7
    -1
      src/app/app.module.ts
  2. +28
    -0
      src/app/loan-edit/dist/loan-edit.component.js
  3. +150
    -10
      src/app/loan-edit/loan-edit.component.html
  4. +1
    -0
      src/app/loan-edit/loan-edit.component.scss
  5. +41
    -1
      src/app/loan-edit/loan-edit.component.ts

+ 7
- 1
src/app/app.module.ts Zobrazit soubor

import { BkpDividerComponent } from './bkp-divider/bkp-divider.component'; import { BkpDividerComponent } from './bkp-divider/bkp-divider.component';
import { BkpDividerShadowBottomComponent } from './bkp-divider-shadow-bottom/bkp-divider-shadow-bottom.component'; import { BkpDividerShadowBottomComponent } from './bkp-divider-shadow-bottom/bkp-divider-shadow-bottom.component';
import { BkpDividerTextComponent } from './bkp-divider-text/bkp-divider-text.component'; import { BkpDividerTextComponent } from './bkp-divider-text/bkp-divider-text.component';
import { DateInputsModule } from '@progress/kendo-angular-dateinputs';
import { DropDownsModule } from '@progress/kendo-angular-dropdowns';








IndicatorsModule, IndicatorsModule,
LabelModule, LabelModule,
NotificationModule, NotificationModule,
ChartsModule
ChartsModule,
DateInputsModule,
DropDownsModule
], ],
providers: [MenuService, AuthGuard, AuthService], providers: [MenuService, AuthGuard, AuthService],
bootstrap: [AppComponent] bootstrap: [AppComponent]

+ 28
- 0
src/app/loan-edit/dist/loan-edit.component.js Zobrazit soubor

exports.__esModule = true; exports.__esModule = true;
exports.LoanEditComponent = void 0; exports.LoanEditComponent = void 0;
var core_1 = require("@angular/core"); var core_1 = require("@angular/core");
var forms_1 = require("@angular/forms");
var LoanEditComponent = /** @class */ (function () { var LoanEditComponent = /** @class */ (function () {
//form access
//@ViewChild('birthDate', {static: true}) birthDate: LoanEditComponent;
function LoanEditComponent() { function LoanEditComponent() {
//popup //popup
this.dialogOpened = false; this.dialogOpened = false;
this.windowOpened = false; this.windowOpened = false;
//test //test
this.somedata = "opened"; this.somedata = "opened";
this.min = new Date(2015, 0, 1);
this.max = new Date(2030, 4, 31);
this.registerForm = new forms_1.FormGroup({
transID: new forms_1.FormControl(),
submissionDate: new forms_1.FormControl(new Date(2020, 0, 10)),
clientNames: new forms_1.FormControl([1]),
brokers: new forms_1.FormControl([2]),
referals: new forms_1.FormControl([3]),
status: new forms_1.FormControl(),
lender: new forms_1.FormControl(),
limit: new forms_1.FormControl(),
settlementDate: new forms_1.FormControl(new Date(2020, 0, 9))
});
this.listClientNames = [
{ text: 'John', value: 1 },
{ text: 'Steven', value: 2 },
{ text: 'William', value: 3 }
];
this.statis = { text: 'Female', value: 2 };
} }
LoanEditComponent.prototype.ngOnInit = function () { LoanEditComponent.prototype.ngOnInit = function () {
}; };
console.log("Dialog result: " + status); console.log("Dialog result: " + status);
this.dialogOpened = false; this.dialogOpened = false;
}; };
LoanEditComponent.prototype.submitForm = function () {
this.registerForm.markAllAsTouched();
};
LoanEditComponent.prototype.clearForm = function () {
this.registerForm.reset();
};
LoanEditComponent = __decorate([ LoanEditComponent = __decorate([
core_1.Component({ core_1.Component({
selector: 'app-loan-edit', selector: 'app-loan-edit',

+ 150
- 10
src/app/loan-edit/loan-edit.component.html Zobrazit soubor

<div class="example-wrapper" style="opacity:1;"> <div class="example-wrapper" style="opacity:1;">
<kendo-dialog title="Please confirm" *ngIf="dialogOpened" (close)="close('dialog')" [minWidth]="250" [width]="650">
<kendo-dialog title="Transaction" *ngIf="dialogOpened" (close)="close('dialog')" [minWidth]="500" [width]="850"
[minHeight]="600" [height]="800">
<div class="example-wrapper"> <div class="example-wrapper">
<div class="row"> <div class="row">
<div class="col-xs-12 col-sm-6 example-col">
<p>ColorGradient</p>
<kendo-colorgradient [value]="'#7e16c8'"></kendo-colorgradient>
<div class="col-xs-12 col-sm-12 ">
<kendo-splitter orientation="vertical" style="height: 675px;">

<kendo-splitter-pane>
<kendo-splitter>

<kendo-splitter-pane [collapsible]="true" size="50%">
<div class="pane-content">
<form class="k-form" [formGroup]="registerForm">
<fieldset class="k-form-fieldset">
<legend class="k-form-legend">Bank Transaction Details</legend>
<kendo-formfield>
<kendo-label [for]="transID" text="Transaction ID"></kendo-label>
<input formControlName="transID" kendoTextBox #transID required />

<kendo-formhint>Unique transaction
ID from bank </kendo-formhint>
<kendo-formerror>Error: the ID is required</kendo-formerror>
</kendo-formfield>

<kendo-formfield>
<kendo-label [for]="submissionDate" [optional]="false"
text="Submission Date"></kendo-label>
<kendo-datepicker #submissionDate formControlName="submissionDate"
[min]="min" [max]="max">
</kendo-datepicker>

<kendo-formhint>Date in bank</kendo-formhint>
</kendo-formfield>

<kendo-formfield>
<kendo-label [for]="clientNames" [optional]="false"
text="Client Names"></kendo-label>
<kendo-multiselect
#clientNames
formControlName="clientNames"
[textField]="'text'"
[valueField]="'value'"
[valuePrimitive]="true"
[data]="listClientNames"
>
</kendo-multiselect>
</kendo-formfield>

<kendo-formfield>
<kendo-label [for]="brokers" [optional]="false"
text="Brokers Names"></kendo-label>
<kendo-multiselect
#brokers
formControlName="brokers"
[textField]="'text'"
[valueField]="'value'"
[valuePrimitive]="true"
[data]="listClientNames"
>
</kendo-multiselect>
</kendo-formfield>

<kendo-formfield>
<kendo-label [for]="referals" [optional]="false"
text="Referals/BDM"></kendo-label>
<kendo-multiselect
#referals
formControlName="referals"
[textField]="'text'"
[valueField]="'value'"
[valuePrimitive]="true"
[data]="listClientNames"
>
</kendo-multiselect>
</kendo-formfield>

<kendo-formfield>
<kendo-label [for]="status" [text]="'Progress Status'"></kendo-label>
<kendo-dropdownlist
#status
formControlName="status"
[data]="listClientNames"
[defaultItem]="{ text: 'Select Status', value: null }"
[textField]="'text'"
[valueField]="'value'"
required
>
</kendo-dropdownlist>
<kendo-formerror>Error: status is required</kendo-formerror>
</kendo-formfield>

<kendo-formfield>
<kendo-label [for]="lender" text="Lender Organization">
</kendo-label>
<input formControlName="lender" kendoTextBox #lender required />

<kendo-formhint>E.g. NAB Bank</kendo-formhint>
<kendo-formerror>Error: Lender is required</kendo-formerror>
</kendo-formfield>

<kendo-formfield>
<kendo-label [for]="limit" text="Loan Limit">
</kendo-label>
<input formControlName="limit" kendoTextBox #limit required />

<kendo-formhint>E.g. 8000</kendo-formhint>
<kendo-formerror>Error: Limit is required</kendo-formerror>
</kendo-formfield>

<kendo-formfield>
<kendo-label [for]="settlementDate" [optional]="false"
text="Settlement Date"></kendo-label>
<kendo-datepicker #settlementDate formControlName="settlementDate"
[min]="min" [max]="max">
</kendo-datepicker>

<kendo-formhint>Date Settled</kendo-formhint>
</kendo-formfield>

<div class="k-form-buttons">
<button class="k-button k-primary"
(click)="submitForm()">Submit</button>
<button class="k-button" (click)="clearForm()">Clear</button>
</div>
</fieldset>
</form>
</div>
</kendo-splitter-pane>

<kendo-splitter-pane [collapsible]="true">
<div class="pane-content">
<h3>Commission Splits</h3>
<p>Resizable and collapsible.</p>
</div>
</kendo-splitter-pane>

</kendo-splitter>
</kendo-splitter-pane>

<kendo-splitter-pane [collapsible]="true" size="100px">
<div class="pane-content">
<h3>Revelant Parties</h3>
<p> a table for revelant parties editable grid</p>
</div>
</kendo-splitter-pane>

</kendo-splitter>
</div> </div>
</div> </div>
</div>
</div>
<kendo-dialog-actions> <kendo-dialog-actions>
<button kendoButton (click)="action('no')">No</button> <button kendoButton (click)="action('no')">No</button>
<button kendoButton (click)="action('yes')" primary="true">Yes</button> <button kendoButton (click)="action('yes')" primary="true">Yes</button>
</kendo-dialog> </kendo-dialog>


<kendo-window [minWidth]="200" [minHeight]="125" title="About" *ngIf="windowOpened" (close)="close('window')"> <kendo-window [minWidth]="200" [minHeight]="125" title="About" *ngIf="windowOpened" (close)="close('window')">
<p style="text-align: center;">Additional info</p>
</kendo-window>
</div>
<p style="text-align: center;">Additional info</p>
</kendo-window>
</div>

+ 1
- 0
src/app/loan-edit/loan-edit.component.scss Zobrazit soubor

.pane-content { padding: 0 10px; }

+ 41
- 1
src/app/loan-edit/loan-edit.component.ts Zobrazit soubor

import { Component, OnInit } from '@angular/core';
import { Component, OnInit, ViewChild } from '@angular/core';
import { FormControl, FormGroup, Validators } from '@angular/forms';


@Component({ @Component({
selector: 'app-loan-edit', selector: 'app-loan-edit',


//test //test
public somedata : string = "opened"; public somedata : string = "opened";


//form access
//@ViewChild('birthDate', {static: true}) birthDate: LoanEditComponent;

constructor() { } constructor() { }


ngOnInit(): void { ngOnInit(): void {
console.log(`Dialog result: ${status}`); console.log(`Dialog result: ${status}`);
this.dialogOpened = false; this.dialogOpened = false;
} }



public min: Date = new Date(2015, 0, 1);
public max: Date = new Date(2030, 4, 31);

public registerForm: FormGroup = new FormGroup({
transID: new FormControl(),
submissionDate: new FormControl(new Date(2020, 0, 10)),
clientNames : new FormControl([1]),
brokers : new FormControl([2]),
referals : new FormControl([3]),
status: new FormControl(),
lender: new FormControl(),
limit: new FormControl(),
settlementDate: new FormControl(new Date(2020, 0, 9)),
});

public submitForm(): void {
this.registerForm.markAllAsTouched();
}

public clearForm(): void {
this.registerForm.reset();
}
public listClientNames: Array<{ text: string, value: number }> = [
{ text: 'John', value: 1 },
{ text: 'Steven', value: 2 },
{ text: 'William', value: 3 }
];

public statis: { text: string, value: number } = { text: 'Female', value: 2 };
} }

Zapsat Náhled
Načítá se…
Zrušit
Uložit