b2adminui 1.0.0

package/src/app/fee-management/company/company.component.html

@@ -0,0 +1,491 @@
+<main>
+    <div class="ibox float-e-margins">
+        <div class="ibox-content">
+            <div class="ibox-details">
+                <form class="form-horizontal custom-form-horizontal" name="form" role="form" #f="ngForm" novalidate
+                    (ngSubmit)="f.form.valid && saveData()">
+
+                    <!--Company Details-->
+                    <fieldset class="wallet-fieldset m-b-md">
+                        <legend class="wallet-legend f-s-16 m-l-15px">
+                            <b>Company Details</b>
+                        </legend>
+
+                        <div class="row" *ngIf="pageName != 'new'">
+                            <div class="col-md-6">
+                                <div class="form-group">
+                                    <label class="col-sm-6 control-label">Company ID
+                                        <span class="pull-right m-l-sm">:</span>
+                                    </label>
+                                    <div class="col-sm-6 control-label text-left">
+                                        {{ companyModel.CompanyId }}
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-md-6">
+                                <div class="form-group">
+                                    <label class="col-sm-6 control-label">Register Date
+                                        <span class="pull-right m-l-sm">:</span>
+                                    </label>
+                                    <div class="col-sm-6 control-label text-left">
+                                        {{ companyModel.RegisterDate }}
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="row">
+                            <div class="col-md-6">
+                                <div class="form-group">
+                                    <label class="col-sm-6 control-label">Company Name
+                                        <span class="pull-right m-l-sm">:</span>
+                                    </label>
+                                    <div class="col-sm-6"
+                                        *ngIf="pageName == 'new' || (pageName == 'setting-edit' && is2c2p)">
+                                        <input type="text" placeholder="Company" name="companyName"
+                                            #companyName="ngModel" [(ngModel)]="companyModel.CompanyName"
+                                            class="form-control" maxlength="40"
+                                            (keypress)="common.onlyAlphanumericAndThai($event,true)"
+                                            (paste)="common.validateAlphanumericAndThai($event,true)" required />
+                                        <div *ngIf="(f.submitted || companyName.touched) && (companyName.errors && companyName.errors.required)"
+                                            class="message-error">
+                                            <span class='img-warning'></span>Please enter Company name.
+                                        </div>
+                                    </div>
+                                    <div *ngIf="(pageName != 'new' && pageName != 'setting-edit') || (pageName == 'setting-edit' && !is2c2p)"
+                                        class="col-sm-6 control-label text-left">
+                                        {{ companyModel.CompanyName }}
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-md-6">
+                                <div class="form-group">
+                                    <label class="col-sm-6 control-label">
+                                        Company Registration Name
+                                        <span class="pull-right m-l-sm">:</span>
+                                    </label>
+                                    <div class="col-sm-6" *ngIf="pageName != 'view' && pageName != 'setting'">
+                                        <input type="url" placeholder="Company Registration Name" maxlength="255"
+                                            name="CompanyRegistrationName" #CompanyRegistrationName="ngModel"
+                                            [(ngModel)]="companyModel.CompanyRegistrationName" class="form-control" />
+                                    </div>
+                                    <div *ngIf="pageName == 'view' || pageName == 'setting'"
+                                        class="col-sm-6 control-label text-left">
+                                        {{ companyModel.CompanyRegistrationName }}
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="row">
+                            <div class="col-md-6">
+                                <div class="form-group">
+                                    <label class="col-sm-6 control-label">Status
+                                        <span class="pull-right m-l-sm">:</span>
+                                    </label>
+                                    <div class="col-sm-6"
+                                        *ngIf="pageName == 'edit' || pageName == 'new' || pageName == 'setting-edit' && is2c2p">
+                                        <select class="form-control" name="statusId" #statusId="ngModel"
+                                            [(ngModel)]="companyModel.IsActive" required>
+                                            <option value="Y">Active</option>
+                                            <option value="N">Terminate</option>
+                                        </select>
+                                        <div *ngIf="(f.submitted || statusId.touched) && (statusId.errors && statusId.errors.required)"
+                                            class="message-error">
+                                            <span class='img-warning'></span>Please enter Status.
+                                        </div>
+                                    </div>
+                                    <div class="col-sm-6 control-label text-left"
+                                        *ngIf="pageName == 'view' || pageName == 'setting' || (pageName == 'setting-edit' && !is2c2p)">
+                                        {{companyModel.IsActive == 'Y' ? 'Active' : 'Terminate'}}
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-md-6">
+                                <div class="form-group">
+                                    <label class="col-sm-6 control-label">Contact Person
+                                        <span class="pull-right m-l-sm">:</span>
+                                    </label>
+                                    <div class="col-sm-6"
+                                        *ngIf="pageName == 'edit' || pageName == 'new' || pageName == 'setting-edit' && is2c2p">
+                                        <input type="text" placeholder="Contact Person" name="contactPerson"
+                                            #contactPerson="ngModel" [(ngModel)]="companyModel.ContactPerson"
+                                            class="form-control" maxlength="50" pattern="^([\u0E00-\u0E7Fa-zA-Z0-9 ])*$"
+                                            (keypress)="common.onlyAlphanumericAndThai($event,true)"
+                                            (paste)="common.validateAlphanumericAndThai($event,true)" required />
+                                        <div *ngIf="(f.submitted || contactPerson.touched) && (contactPerson.errors && contactPerson.errors.pattern)"
+                                            class="message-error">
+                                            <span class='img-warning'></span>Please enter correct Contact Person.
+                                        </div>
+                                        <div *ngIf="(f.submitted || contactPerson.touched) && (contactPerson.errors && contactPerson.errors.required)"
+                                            class="message-error">
+                                            <span class='img-warning'></span>Please enter Contact Person.
+                                        </div>
+                                    </div>
+                                    <div *ngIf="pageName == 'view' || pageName == 'setting' || (pageName == 'setting-edit' && !is2c2p)"
+                                        class="col-sm-6 control-label text-left">
+                                        {{companyModel.ContactPerson}}
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="row">
+                            <div class="col-md-6">
+                                <div class="form-group">
+                                    <label class="col-sm-6 control-label">Contact Number
+                                        <span class="pull-right m-l-sm">:</span>
+                                    </label>
+                                    <div class="col-sm-6"
+                                        *ngIf="pageName == 'edit' || pageName == 'new' || pageName == 'setting-edit' && is2c2p">
+                                        <input type="text" placeholder="Contact Number" name="contactNo"
+                                            #contactNo="ngModel" [(ngModel)]="companyModel.ContactNo"
+                                            class="form-control" (keypress)="common.onlyNumberKey($event)"
+                                            pattern="^([0-9])*$" maxlength="20" required />
+                                        <div *ngIf="(f.submitted || contactNo.touched) && (contactNo.errors && contactNo.errors.pattern)"
+                                            class="message-error">
+                                            <span class='img-warning'></span>Please enter Contact Number.
+                                        </div>
+                                        <div *ngIf="(f.submitted || contactNo.touched) && (contactNo.errors && contactNo.errors.required)"
+                                            class="message-error">
+                                            <span class='img-warning'></span>Please enter Contact Number.
+                                        </div>
+                                    </div>
+                                    <div *ngIf="pageName == 'view' || pageName == 'setting' || (pageName == 'setting-edit' && !is2c2p)"
+                                        class="col-sm-6 control-label text-left">
+                                        {{companyModel.ContactNo}}
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-md-6">
+                                <div class="form-group">
+                                    <label class="col-sm-6 control-label">Postal Code
+                                        <span class="pull-right m-l-sm">:</span>
+                                    </label>
+                                    <div class="col-sm-6" *ngIf="pageName != 'view' && pageName != 'setting'">
+                                        <input type="text" placeholder="Postal Code"
+                                            (keypress)="common.onlyAlphanumeric($event,false)" name="postalCode"
+                                            #postalCode="ngModel" [(ngModel)]="companyModel.PostalCode"
+                                            class="form-control" maxlength="50"
+                                            (paste)="common.validateAlphanumeric($event,false)" required />
+                                        <div *ngIf="(f.submitted || postalCode.touched) && (postalCode.errors && postalCode.errors.pattern)"
+                                            class="message-error">
+                                            <span class='img-warning'></span>Please enter correct Postal Code.
+                                        </div>
+                                        <div *ngIf="(f.submitted || postalCode.touched) && (postalCode.errors && postalCode.errors.required)"
+                                            class="message-error">
+                                            <span class='img-warning'></span>Please enter Postal Code.
+                                        </div>
+                                    </div>
+                                    <div *ngIf="pageName == 'view' || pageName == 'setting'"
+                                        class="col-sm-6 control-label text-left">
+                                        {{companyModel.PostalCode}}
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="row">
+                            <div class="col-md-6">
+                                <div class="form-group">
+                                    <label class="col-sm-6 control-label">Address
+                                        <span class="pull-right m-l-sm">:</span>
+                                    </label>
+                                    <div class="col-sm-6"
+                                        *ngIf="pageName == 'edit' || pageName == 'new' || pageName == 'setting-edit' && is2c2p">
+                                        <input type="text" placeholder="Address" name="address" #address="ngModel"
+                                            [(ngModel)]="companyModel.Address" class="form-control" maxlength="100"
+                                            required />
+                                        <div *ngIf="(f.submitted || address.touched) && (address.errors && address.errors.required)"
+                                            class="message-error">
+                                            <span class='img-warning'></span>Please enter Address.
+                                        </div>
+                                    </div>
+                                    <div *ngIf="pageName == 'view' || pageName == 'setting' || (pageName == 'setting-edit' && !is2c2p)"
+                                        class="col-sm-6 control-label text-left">
+                                        {{ companyModel.Address }}
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-md-6">
+                                <div class="form-group">
+                                    <label class="col-sm-6 control-label">Country
+                                        <span class="pull-right m-l-sm">:</span>
+                                    </label>
+                                    <div class="col-sm-6" *ngIf="pageName != 'view' && pageName != 'setting'">
+                                        <kendo-dropdownlist class="form-control" name="Country" #Country="ngModel"
+                                            [data]="countryListData" [filterable]="true"
+                                            [(ngModel)]="companyModel.CountryCode" [textField]="'countryName'"
+                                            [valueField]="'countryCode'" (filterChange)="countrySearchFilter($event)"
+                                            (valueChange)="onCountryChange()" [defaultItem]="defaultCountryItem"
+                                            [valuePrimitive]="true" required>
+                                        </kendo-dropdownlist>
+                                        <div *ngIf="(f.submitted || Country?.touched) && (Country?.errors && Country?.errors?.required)"
+                                            class="message-error">
+                                            <span class='img-warning'></span>Please select a Country.
+                                        </div>
+                                    </div>
+                                    <div *ngIf="pageName == 'view' || pageName == 'setting'"
+                                        class="col-sm-6 control-label text-left">
+                                        {{ companyModel.Country }}
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="row">
+                            <div class="col-md-6">
+                                <div class="form-group">
+                                    <label class="col-sm-6 control-label">State/Province
+                                        <span class="pull-right m-l-sm">:</span>
+                                    </label>
+                                    <div class="col-sm-6" *ngIf="pageName != 'view' && pageName != 'setting'">
+                                        <div *ngIf="!isThaiCountrySelected">
+                                            <input type="text" placeholder="State/Province" name="state"
+                                                #state="ngModel" [(ngModel)]="companyModel.State" class="form-control"
+                                                required />
+                                            <div *ngIf="(f.submitted || state?.touched) && (state?.errors?.required)"
+                                                class="message-error">
+                                                <span class='img-warning'></span>State/Province is required.
+                                            </div>
+                                        </div>
+                                        <div *ngIf="isThaiCountrySelected">
+                                            <kendo-dropdownlist class="form-control" name="stateId" #stateId="ngModel"
+                                                [data]="stateListData" [filterable]="true"
+                                                [(ngModel)]="companyModel.State" [textField]="'stateName'"
+                                                [valueField]="'stateName'" (filterChange)="stateSearchFilter($event)"
+                                                [defaultItem]="defaultStateItem" [valuePrimitive]="true" required>
+                                            </kendo-dropdownlist>
+                                            <div *ngIf="(f.submitted || stateId.touched) && (stateId.errors && stateId.errors.required)"
+                                                class="message-error">
+                                                <span class='img-warning'></span>Please select a state.
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div *ngIf="pageName == 'view' || pageName == 'setting'"
+                                        class="col-sm-6 control-label text-left">
+                                        {{ companyModel.State }}
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="row">
+                            <div class="col-md-6">
+                                <div class="form-group">
+                                    <label class="col-sm-6 control-label">Bank Name
+                                        <span class="pull-right m-l-sm">:</span>
+                                    </label>
+                                    <div class="col-sm-6" *ngIf="pageName != 'view' && pageName != 'setting'">
+                                        <input type="text" placeholder="Bank Name" name="BankName" class="form-control"
+                                            (keypress)="common.onlyAlphanumericAndThai($event,true)" maxlength="20"
+                                            #BankName="ngModel" [(ngModel)]="companyModel.BankName"
+                                            (paste)="common.validateAlphanumeric($event,true)" />
+                                    </div>
+                                    <div *ngIf="pageName == 'view' || pageName == 'setting'"
+                                        class="col-sm-6 control-label text-left">
+                                        {{companyModel.BankName}}
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-md-6">
+                                <div class="form-group">
+                                    <label class="col-sm-6 control-label">Bank Account No.
+                                        <span class="pull-right m-l-sm">:</span>
+                                    </label>
+                                    <div class="col-sm-6" *ngIf="pageName != 'view' && pageName != 'setting'">
+                                        <input type="text" placeholder="Bank Account No." name="BankAccountNo"
+                                            class="form-control" (keypress)="common.onlyNumberKey($event)"
+                                            maxlength="50" #BankAccountNo="ngModel"
+                                            [(ngModel)]="companyModel.BankAccountNo" pattern="^([0-9]*)*$"
+                                            (paste)="onPasteData($event)" />
+                                        <div *ngIf="(f.submitted || BankAccountNo.touched) && (BankAccountNo.errors && BankAccountNo.errors.pattern)"
+                                            class="message-error">
+                                            <span class='img-warning'></span>Invalid Bank Account Number.
+                                        </div>
+                                    </div>
+                                    <div *ngIf="pageName == 'view' || pageName == 'setting'"
+                                        class="col-sm-6 control-label text-left">
+                                        {{companyModel.BankAccountNo}}
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </fieldset>
+
+                    <!--Company Settings-->
+                    <fieldset class="wallet-fieldset m-b-md">
+                        <legend class="wallet-legend f-s-16 m-l-15px">
+                            <b>Company Settings</b>
+                        </legend>
+
+                        <div class="row">
+                            <div class="col-md-6">
+                                <div class="form-group">
+                                    <label class="col-sm-6 control-label">Wallet ID Start
+                                        <span class="pull-right m-l-sm">:</span>
+                                    </label>
+                                    <div class="col-sm-6" *ngIf="pageName != 'view' && pageName != 'setting'">
+                                        <input type="text" placeholder="Wallet ID Start" name="WalletIdStart"
+                                            #WalletIdStart="ngModel" [(ngModel)]="companyModel.WalletIdStart"
+                                            class="form-control" (keypress)="common.onlyNumberKey($event,true)"
+                                            pattern="^[1-9]\d{14}$" maxlength="15" minlength="15" />
+                                        <div *ngIf="(f.submitted || WalletIdStart.touched) && ((WalletIdStart.errors && WalletIdStart.errors.pattern) || 
+                                        (WalletIdStart.errors && WalletIdStart.errors.required) || WalletIdStart.errors)"
+                                            class="message-error">
+                                            <span class='img-warning'></span>Please enter 15 digits Wallet ID Start, not
+                                            lead by zero.
+                                        </div>
+                                        <div *ngIf="!companyModel.WalletIdStart && (companyModel.WalletIdEnd || companyModel.TopUpLimitManual)"
+                                            class="message-error">
+                                            <span class='img-warning'></span>Wallet ID Start is required.
+                                        </div>
+                                    </div>
+                                    <div *ngIf="pageName == 'view' || pageName == 'setting'"
+                                        class="col-sm-6 control-label text-left">
+                                        {{companyModel.WalletIdStart}}
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-md-6">
+                                <div class="form-group">
+                                    <label class="col-sm-6 control-label">Wallet ID End
+                                        <span class="pull-right m-l-sm">:</span>
+                                    </label>
+                                    <div class="col-sm-6" *ngIf="pageName != 'view' && pageName != 'setting'">
+                                        <input type="text" placeholder="Wallet ID End" name="WalletIdEnd"
+                                            #WalletIdEnd="ngModel" [(ngModel)]="companyModel.WalletIdEnd"
+                                            class="form-control" (keypress)="common.onlyNumberKey($event,true)"
+                                            pattern="^[1-9]\d{14}$" maxlength="15" />
+                                        <div *ngIf="(f.submitted || WalletIdEnd.touched) && ((WalletIdEnd.errors && WalletIdEnd.errors.pattern) || (WalletIdEnd.errors && WalletIdEnd.errors.required) || WalletIdEnd.errors)"
+                                            class="message-error">
+                                            <span class='img-warning'></span>Please enter 15 digits Wallet ID End, not
+                                            lead
+                                            by zero.
+                                        </div>
+                                        <div *ngIf="!companyModel.WalletIdEnd && (companyModel.WalletIdStart || companyModel.TopUpLimitManual)"
+                                            class="message-error">
+                                            <span class='img-warning'></span>Wallet ID End is required.
+                                        </div>
+                                    </div>
+                                    <div *ngIf="pageName == 'view' || pageName == 'setting'"
+                                        class="col-sm-6 control-label text-left">
+                                        {{companyModel.WalletIdEnd}}
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="row">
+                            <div class="col-md-6">
+                                <div class="form-group">
+                                    <label class="col-sm-6 control-label">Wallet Top-up Limit per Day
+                                        <span class="pull-right m-l-sm">:</span>
+                                    </label>
+                                    <div class="col-sm-6" *ngIf="pageName != 'view' && pageName != 'setting'">
+                                        <input type="text" placeholder="Wallet Top-up Limit per Day"
+                                            name="TopUpLimitManual" maxlength="22" #TopUpLimitManual="ngModel"
+                                            [(ngModel)]="companyModel.TopUpLimitManual" class="form-control"
+                                            (keypress)="common.onlyNumberKey($event,true)"
+                                            pattern="^\d+(?:,\d{3})*(?:\.\d{1,2})?$"
+                                            (focus)="removeComma($event.target, true)"
+                                            (blur)="formatAmountWithComma($event.target, true)" />
+                                        <div *ngIf="(f.submitted || TopUpLimitManual.touched) && ((TopUpLimitManual.errors && TopUpLimitManual.errors.maxlength) || (TopUpLimitManual.errors && TopUpLimitManual.errors.pattern) || (TopUpLimitManual.errors && TopUpLimitManual.errors.required))"
+                                            class="message-error">
+                                            <span class='img-warning'></span>Please enter correct Total Manual Wallet
+                                            Top-up Limit per Day.
+                                        </div>
+                                        <div *ngIf="!companyModel.TopUpLimitManual && (companyModel.WalletIdStart || companyModel.WalletIdEnd)"
+                                            class="message-error">
+                                            <span class='img-warning'></span>Wallet Top-up Limit per Day is required.
+                                        </div>
+                                    </div>
+                                    <div *ngIf="pageName == 'view' || pageName == 'setting'"
+                                        class="col-sm-6 control-label text-left">
+                                        {{ companyModel.TopUpLimitManual ? companyModel.TopUpLimitManual : '0.00' }}
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-md-6">
+                                <div class="form-group">
+                                    <label class="col-sm-6 control-label" *ngIf="pageName!='new'">Wallet Currency
+                                        <span class="pull-right m-l-sm">:</span>
+                                    </label>
+                                    <label class="col-sm-6 control-label" *ngIf="pageName=='new'">Currency Code
+                                        <span class="pull-right m-l-sm">:</span>
+                                    </label>
+                                    <div class="col-sm-6 control-label text-left" *ngIf="pageName!='new'">
+                                        {{companyModel.CurrencyCode}}
+                                    </div>
+                                    <div class="col-sm-6" *ngIf="pageName=='new'">
+                                        <select name="currencyCode" #currencyCode="ngModel" name="currencyCode"
+                                            [(ngModel)]="companyModel.CurrencyCode" class="form-control" required>
+                                            <option [ngValue]="undefined">Select Currency</option>
+                                            <option *ngFor="let t of currencyList" [value]="t.currencyCode">
+                                                {{t.currencyCode}}</option>
+                                        </select>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="row">
+                            <div class="col-md-6">
+                                <div class="form-group">
+                                    <label class="col-sm-6 control-label">Maximum wallet per account
+                                        <span class="pull-right m-l-sm">:</span>
+                                    </label>
+                                    <div class="col-sm-6 control-label text-left">
+                                        {{companyModel.MaximumWallet}}
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="row">
+                            <div class="col-md-6" *ngIf="pageName != 'new'">
+                                <div class="form-group">
+                                    <label class="col-sm-6 control-label">Last Generate Wallet ID
+                                        <span class="pull-right m-l-sm">:</span>
+                                    </label>
+                                    <div class="col-sm-6 control-label text-left">
+                                        {{companyModel.CurrentWalletId}}
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </fieldset>
+
+                    <!--button-->
+                    <div class="row">
+                        <div class="col-sm-12 text-center">
+                            <button type="submit" [disabled]="sharedService.disableButton"
+                                class="btn btn-primary m-l-md" *ngIf="pageName !='view' && pageName != 'setting'">
+                                <span *ngIf="pageName=='new'">Create</span>
+                                <span *ngIf="pageName=='edit' || pageName=='setting-edit'">Save</span>
+                            </button>
+                            <button type="button"
+                                [routerLink]="pageName == 'view' ? ['/company-edit',companyUniqueId] : ['/company-setting-edit',companyUniqueId]"
+                                class="btn btn-primary m-l-md" *ngIf="pageName =='view' || pageName == 'setting'">
+                                Edit
+                            </button>
+                            <button type="button" (click)="redirectToFeeSetting()" class="btn btn-primary m-l-md"
+                                [disabled]="WalletProfileSettingDisable"
+                                *ngIf="pageName =='view' || pageName == 'setting'">
+                                Wallet Profile Setting
+                            </button>
+                            <button type="button" (click)="redirectToWalletTopup()" class="btn btn-primary m-l-md"
+                                *ngIf="pageName =='view' || pageName == 'setting'">
+                                Wallet Top-up
+                            </button>
+                            <button type="button" [routerLink]="['/company-setting', companyUniqueId]" class="btn btn-primary m-l-md"
+                                *ngIf="pageName !='view' && pageName != 'setting'" >
+                                Cancel
+                            </button>
+                        </div>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+</main>