b2adminui 1.0.5 → 1.0.7

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

@@ -1,491 +0,0 @@
-<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>