b2adminui 1.0.6 → 1.0.7

package/src/app/user-management/system-user-list/system-user-list.component.html

@@ -1,266 +0,0 @@
-<main>
-    <div class="ibox float-e-margins">
-        <div class="ibox-content p-md">
-            <div class="ibox-details">
-                <fieldset>
-                    <legend class="f-s-16">
-                        <b>Search</b>
-                    </legend>
-                    <form class="form-horizontal custom-form-horizontal" name="form" role="form" #f="ngForm" novalidate>
-
-                        <div class="row">
-                            <div class="col-md-6">
-                                <div class="form-group">
-                                    <label class="col-sm-4 control-label">Company Name
-                                        <span class="pull-right m-l-sm">:</span>
-                                    </label>
-                                    <div class="col-sm-6">
-                                        <kendo-dropdownlist *ngIf="!companyDisable" class="form-control" name="company" #company="ngModel"
-                                            [(ngModel)]="systemUserSearchModel.CompanyUniqueId"
-                                            [disabled]="companyDisable" 
-                                            [data]="companyListData"
-                                            [filterable]="true" 
-                                            [textField]="'companyName'" 
-                                            [valueField]="'companyUniqueId'"
-                                            [defaultItem]="defaultCompanyItem"
-                                            (filterChange)="companySearchFilter($event)"
-                                            (valueChange)="systemUserSearchModel.GroupUniqueId = null;getGroupNameList()"
-                                            [valuePrimitive]="true">
-                                        </kendo-dropdownlist>
-                                        <kendo-dropdownlist *ngIf="companyDisable" class="form-control" name="company"
-                                            [disabled]="companyDisable" 
-                                            [data]="companyListData" 
-                                            [filterable]="true" 
-                                            [textField]="'companyName'" 
-                                            [valueField]="'companyUniqueId'"
-                                            [defaultItem]="defaultCompanyItem"
-                                            [valuePrimitive]="true">
-                                        </kendo-dropdownlist>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="col-md-6">
-                                <div class="form-group">
-                                    <label class="col-sm-4 control-label">Group Name
-                                        <span class="pull-right m-l-sm">:</span>
-                                    </label>
-                                    <div class="col-sm-6">
-                                        <kendo-dropdownlist class="form-control" name="groupUniqueId"
-                                            #groupUniqueId="ngModel" [(ngModel)]="systemUserSearchModel.GroupUniqueId"
-                                            [filterable]="true" [data]="userGroupListData" [textField]="'groupName'"
-                                            [valueField]="'groupId'" [defaultItem]="defaultUserGroupItem"
-                                            (filterChange)="userGroupSearchFilter($event)" [valuePrimitive]="true">
-                                        </kendo-dropdownlist>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-
-                        <div class="row">
-                            <div class="col-md-6">
-                                <div class="form-group">
-                                    <label class="col-sm-4 control-label">Full Name
-                                        <span class="pull-right m-l-sm">:</span>
-                                    </label>
-                                    <div class="col-sm-6">
-                                        <input type="text" name="fullName" #fullName="ngModel" placeholder="Full Name"
-                                            class="form-control" [(ngModel)]="systemUserSearchModel.FullName"
-                                            maxlength="60" (keypress)="common.onlyAlphanumeric($event,true)"
-                                            (paste)="common.validateAlphanumeric($event,true)" />
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="col-md-6">
-                                <div class="form-group">
-                                    <label class="col-sm-4 control-label">Email
-                                        <span class="pull-right m-l-sm">:</span>
-                                    </label>
-                                    <div class="col-sm-6">
-                                        <input type="text" name="email" #email="ngModel" placeholder="Email"
-                                            class="form-control" [(ngModel)]="systemUserSearchModel.Email"
-                                            maxlength="40"
-                                            pattern="^\w+([\.-]?\w+[+0-9]?)*@\w+([\.-]?\w+)*(\.\w{2,3})+$" />
-                                        <div *ngIf="systemUserSearchModel.Email && (email.errors && email.errors.pattern)"
-                                            class="message-error">
-                                            <span class='img-warning'></span>Please enter correct email address.
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-
-                        <div class="row">
-                            <div class="col-md-6">
-                                <div class="form-group">
-                                    <label class="col-sm-4 control-label">Status
-                                        <span class="pull-right m-l-sm">:</span>
-                                    </label>
-                                    <div class="col-sm-6">
-                                        <kendo-dropdownlist class="form-control" name="userStatusId"
-                                            #userStatusId="ngModel" [(ngModel)]="systemUserSearchModel.UserStatusId"
-                                            [filterable]="true" [data]="userStatusListData" [textField]="'userStatus'"
-                                            [valueField]="'userStatusId'" [defaultItem]="defaultUserStatusItem"
-                                            (filterChange)="userStatusSearchFilter($event)" [valuePrimitive]="true">
-                                        </kendo-dropdownlist>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="col-md-6">
-                                <div class="form-group">
-                                    <label class="col-sm-4 control-label">User Type
-                                        <span class="pull-right m-l-sm">:</span>
-                                    </label>
-                                    <div class="col-sm-6">
-                                        <kendo-dropdownlist class="form-control action-dropdown" name="userType"
-                                            #userType="ngModel" [(ngModel)]="systemUserSearchModel.UserType"
-                                            [filterable]="true" [data]="userTypeListData" [textField]="'actionName'"
-                                            [valueField]="'actionValue'" [defaultItem]="defaultUserTypeItem"
-                                            (filterChange)="userTypeSearchFilter($event)" [valuePrimitive]="true">
-                                        </kendo-dropdownlist>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="row">
-                            <div class="col-md-12 text-center">
-                                <button type="button" class="btn m-r btn-primary"
-                                    (click)="f.form.valid && searchSystemUser()">Search</button>
-                                <button type="button" (click)="clearInputs()" class="btn m-r btn-warning">Clear</button>
-                            </div>
-                        </div>
-                    </form>
-                </fieldset>
-            </div>
-        </div>
-
-        <div class="ibox-content m-t-sm padding-top-7px">
-            <div class="row">
-                <div class="col-xs-12 table-responsive border-none">
-                    <div class="row">
-                        <div class="col-md-12 text-right">
-                            <button type="button" [routerLink]="['/system-user-new']" class="btn btn-primary">Create
-                                User</button>
-                        </div>
-                    </div>
-                    <kendo-grid #grid="kendoGrid" [data]="gridView" class="table-content-center"
-                        [pageSize]="systemUserSearchModel.PageSize" [skip]="systemUserSearchModel.Skip"
-                        [pageable]="{buttonCount: 4, info: true, type: type, pageSizes: common.pageSizes,previousNext: true}"
-                        [sort]="systemUserSearchModel.Sort" [sortable]="true" (pageChange)="pageChange($event)"
-                        (sortChange)="sortChange($event)">
-                        <ng-template kendoGridToolbarTemplate>
-                            <div class="header-md"></div>
-                            <button type="button" class="pull-right k-button k-grid-excel btn-toggle btn-export"
-                                (click)="common.togglePopup($event); exportToSelectedFiles(grid)">
-                                <span class="k-icon k-i-file-excel m-r-sm btn-toggle"></span>Export
-                            </button>
-                            <div class="toggle-popup" tabindex="-1">
-                                <ul id="export-popup" class="k-group popup k-reset k-state-border-left custom-popup"
-                                    role="menu" data-role="popup">
-                                    <li class="k-item">
-                                        <span class="k-link">
-                                            <input type="checkbox" [(ngModel)]="common.toggleExcelFile" class="m-sm">to
-                                            Excel (.xlsx)
-                                        </span>
-                                    </li>
-                                    <li class="k-item">
-                                        <span class="k-link">
-                                            <input type="checkbox" [(ngModel)]="common.toggleCSVFile" class="m-sm">to
-                                            CSV (.csv)
-                                        </span>
-                                    </li>
-                                </ul>
-                            </div>
-                            <button class="pull-right k-button k-grid-excel m-r-sm btn-toggle"
-                                (click)="common.togglePopup($event)" type="button">
-                                <i class="fa fa-list m-r-sm"></i>Fields
-                            </button>
-                            <div class="toggle-popup field-popup" tabindex="-1">
-                                <ul id="field-popup" class="custom-popup k-group popup k-reset k-state-border-left"
-                                    role="menu" data-role="popup">
-                                    <li class="k-item" *ngFor="let column of grid.columnList.columns">
-                                        <span class="k-link"
-                                            *ngIf="column?.field && column.title != '#' && !(column?.field == 'Company' && companyDisable)">
-                                            <input type="checkbox" [id]="'chk'+column?.title" class="custom-checkbox"
-                                                checked name="checkbox" value="value"
-                                                (change)="common.hideColumn(column,$event.target)"
-                                                [disabled]="common.isDisabled(column.hidden, grid?.columnList?.columns.toArray(),companyDisable)">
-                                            <label [for]="'chk'+column?.title"
-                                                class="font-normal">{{column.title}}</label>
-                                        </span>
-                                    </li>
-                                </ul>
-                            </div>
-                        </ng-template>
-
-                        <kendo-grid-column class="text-center" field="Index" title="#" width="50" [sortable]="false">
-                            <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
-                                {{ rowIndex + 1 }}
-                            </ng-template>
-                        </kendo-grid-column>
-                        <kendo-grid-column field="FullName" title="Full Name" width="200">
-                        </kendo-grid-column>
-                        <kendo-grid-column field="Email" title="Email" width="170">
-                        </kendo-grid-column>
-                        <kendo-grid-column field="Company" [hidden]="companyDisable" title="Company" width="130">
-                        </kendo-grid-column>
-                        <kendo-grid-column field="UserGroupName" title="Group Name" width="140">
-                        </kendo-grid-column>
-                        <kendo-grid-column field="UserType" title="User Type" width="140">
-                        </kendo-grid-column>
-                        <kendo-grid-column field="UserStatus" title="Status" width="100">
-                            <ng-template kendoGridCellTemplate let-dataItem>
-                                <span
-                                    class="{{dataItem.UserStatus=='Active' ? 'text-active':'text-deactive'}}">{{dataItem.UserStatus}}</span>
-                            </ng-template>
-                        </kendo-grid-column>
-                        <!-- Edit -->
-                        <kendo-grid-column title="Edit" width="70" class="text-center">
-                            <ng-template kendoGridCellTemplate let-dataItem>
-                                <a (click)="redirectToPage(['/system-user-edit', dataItem.UserUniqueId])">
-                                    <i class="fa fa-pencil edit-link text-approved"></i>
-                                </a>
-                            </ng-template>
-                        </kendo-grid-column>
-                        <!-- Delete -->
-                        <kendo-grid-column title="Delete" width="70" class="text-center">
-                            <ng-template kendoGridCellTemplate let-dataItem>
-                                <a
-                                    (click)="userUniqueID = dataItem.UserUniqueId; this.deleteUserRights ? deleteModal.open() : alert.error(common.permissionMessage)">
-                                    <i class="fa fa-trash delete-icon"></i>
-                                </a>
-                            </ng-template>
-                        </kendo-grid-column>
-                        <!-- View -->
-                        <kendo-grid-column title="View" width="70" class="text-center">
-                            <ng-template kendoGridCellTemplate let-dataItem>
-                                <a (click)="redirectToPage(['/system-user-view', dataItem.UserUniqueId])">
-                                    <i class="fa fa-external-link view-link"></i>
-                                </a>
-                            </ng-template>
-                        </kendo-grid-column>
-                        <kendo-grid-excel [fileName]="fileName+'.xlsx'" [fetchData]="exportAllData">
-                        </kendo-grid-excel>
-                    </kendo-grid>
-
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <!--deleteModal Modal-->
-    <modal #deleteModal modalClass="modal-sm card-number-modal" [hideCloseButton]="true">
-        <modal-header>
-            <strong>Delete</strong>
-            <i (click)="deleteModal.close()" class="fa fa-times-circle"></i>
-        </modal-header>
-        <modal-content>
-            <div class="m-b-sm">
-                Are you sure you want to delete this user?
-            </div>
-        </modal-content>
-        <modal-footer>
-            <button class="btn btn-sm btn-primary" (click)="deleteSystemUser()">OK</button>
-            <button class="btn btn-sm btn-default" (click)="deleteModal.close()">Cancel</button>
-        </modal-footer>
-    </modal>
-</main>