bug fixed
This commit is contained in:
richard-loafle
parent
9805c80367
commit
50f1d83a92
|
|
@ -77,80 +77,85 @@
|
|||
<i class="mid mid-24 mdi-account-multiple"></i>
|
||||
</button>
|
||||
</ng-template>
|
||||
<div class="mat-tab-frame dialog-tab-grouplist">
|
||||
<div>
|
||||
<ucap-organization-tenant-search
|
||||
[companyList]="companyList$ | async"
|
||||
[companyCode]="companyCode"
|
||||
(keyDownEnter)="
|
||||
onKeyDownEnterOrganizationTenantSearch($event)
|
||||
"
|
||||
(cancel)="onClickCancel()"
|
||||
></ucap-organization-tenant-search>
|
||||
</div>
|
||||
<div
|
||||
[style.display]="isShowSearch ? 'none' : 'block'"
|
||||
class="group"
|
||||
>
|
||||
<ucap-group-expansion-panel
|
||||
#groupExpansionPanel
|
||||
[groupBuddyList]="groupBuddyList$ | async"
|
||||
[selectedUserList]="selectedUserList"
|
||||
[ignoreUserList]="data.curRoomUser"
|
||||
[checkable]="true"
|
||||
(checkGroup)="onCheckGroup($event)"
|
||||
class="group-expansion"
|
||||
<div fxFlexFill>
|
||||
<div class="mat-tab-frame dialog-tab-grouplist">
|
||||
<div>
|
||||
<ucap-organization-tenant-search
|
||||
[companyList]="companyList$ | async"
|
||||
[companyCode]="companyCode"
|
||||
(keyDownEnter)="
|
||||
onKeyDownEnterOrganizationTenantSearch($event)
|
||||
"
|
||||
(cancel)="onClickCancel()"
|
||||
></ucap-organization-tenant-search>
|
||||
</div>
|
||||
<div
|
||||
[style.display]="isShowSearch ? 'none' : 'block'"
|
||||
class="group"
|
||||
>
|
||||
<ucap-group-expansion-panel
|
||||
#groupExpansionPanel
|
||||
[groupBuddyList]="groupBuddyList$ | async"
|
||||
[selectedUserList]="selectedUserList"
|
||||
[ignoreUserList]="data.curRoomUser"
|
||||
[checkable]="true"
|
||||
(checkGroup)="onCheckGroup($event)"
|
||||
class="group-expansion"
|
||||
>
|
||||
<ucap-profile-user-list-item
|
||||
*ucapGroupExpansionPanelItem="let userInfo"
|
||||
[userInfo]="userInfo"
|
||||
[showPresence]="false"
|
||||
[sessionVerinfo]="sessionVerinfo"
|
||||
[selectedUserList]="selectedUserList"
|
||||
[isChecked]="getCheckedUser(userInfo)"
|
||||
[checkable]="true"
|
||||
[checkDisabled]="!getCheckableUser(userInfo)"
|
||||
(checkUser)="onCheckUser($event)"
|
||||
(click)="onToggleUser(userInfo)"
|
||||
class="group-list-item"
|
||||
>
|
||||
</ucap-profile-user-list-item>
|
||||
</ucap-group-expansion-panel>
|
||||
</div>
|
||||
<div
|
||||
[style.display]="isShowSearch ? 'block' : 'none'"
|
||||
class="search-result"
|
||||
>
|
||||
<div style="position: relative;">
|
||||
<div
|
||||
*ngIf="searchProcessing"
|
||||
style="position: absolute; width: 100%;"
|
||||
>
|
||||
<mat-progress-bar mode="indeterminate"></mat-progress-bar>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="result-num">
|
||||
{{ 'common.searchResult' | translate }}
|
||||
<span class="text-accent-color">
|
||||
({{ searchUserInfos.length
|
||||
}}{{ 'common.units.persons' | translate }})
|
||||
</span>
|
||||
</div>
|
||||
<ucap-profile-user-list-item
|
||||
*ucapGroupExpansionPanelItem="let userInfo"
|
||||
*ngFor="let userInfo of searchUserInfos"
|
||||
[userInfo]="userInfo"
|
||||
[showPresence]="false"
|
||||
[sessionVerinfo]="sessionVerinfo"
|
||||
[selectedUserList]="selectedUserList"
|
||||
[isChecked]="getCheckedUser(userInfo)"
|
||||
[checkable]="true"
|
||||
[checkable]="userInfo.seq !== loginRes.userSeq"
|
||||
[checkDisabled]="!getCheckableUser(userInfo)"
|
||||
(checkUser)="onCheckUser($event)"
|
||||
(click)="onToggleUser(userInfo)"
|
||||
class="group-list-item"
|
||||
>
|
||||
</ucap-profile-user-list-item>
|
||||
</ucap-group-expansion-panel>
|
||||
</div>
|
||||
<div
|
||||
[style.display]="isShowSearch ? 'block' : 'none'"
|
||||
class="search-result"
|
||||
>
|
||||
<div style="position: relative;">
|
||||
<div
|
||||
*ngIf="searchProcessing"
|
||||
style="position: absolute; width: 100%;"
|
||||
>
|
||||
<mat-progress-bar mode="indeterminate"></mat-progress-bar>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="result-num">
|
||||
{{ 'common.searchResult' | translate }}
|
||||
<span class="text-accent-color">
|
||||
({{ searchUserInfos.length
|
||||
}}{{ 'common.units.persons' | translate }})
|
||||
</span>
|
||||
</div>
|
||||
<ucap-profile-user-list-item
|
||||
*ngFor="let userInfo of searchUserInfos"
|
||||
[userInfo]="userInfo"
|
||||
[showPresence]="false"
|
||||
[sessionVerinfo]="sessionVerinfo"
|
||||
[selectedUserList]="selectedUserList"
|
||||
[isChecked]="getCheckedUser(userInfo)"
|
||||
[checkable]="userInfo.seq !== loginRes.userSeq"
|
||||
[checkDisabled]="!getCheckableUser(userInfo)"
|
||||
(checkUser)="onCheckUser($event)"
|
||||
(click)="onToggleUser(userInfo)"
|
||||
>
|
||||
</ucap-profile-user-list-item>
|
||||
</div>
|
||||
<ng-template
|
||||
[ngTemplateOutlet]="selectedUserListTemplate"
|
||||
></ng-template>
|
||||
</div>
|
||||
</mat-tab>
|
||||
<mat-tab>
|
||||
|
|
@ -159,19 +164,24 @@
|
|||
<i class="mid mid-24 mdi-file-tree"></i>
|
||||
</button>
|
||||
</ng-template>
|
||||
<div class="mat-tab-frame dialog-tab-orglist">
|
||||
<app-layout-chat-left-sidenav-organization
|
||||
[showTitle]="false"
|
||||
[selectedUserList]="selectedUserList"
|
||||
[ignoreUserList]="data.curRoomUser"
|
||||
[isUserSelect]="true"
|
||||
[isVisible]="currentTabIndex === 1"
|
||||
(checkAllUser)="onCheckAllUser($event)"
|
||||
(checkUser)="onCheckUser($event)"
|
||||
(toggleUser)="onToggleUser($event)"
|
||||
class="oraganization"
|
||||
>
|
||||
</app-layout-chat-left-sidenav-organization>
|
||||
<div fxFlexFill>
|
||||
<div class="mat-tab-frame dialog-tab-orglist">
|
||||
<app-layout-chat-left-sidenav-organization
|
||||
[showTitle]="false"
|
||||
[selectedUserList]="selectedUserList"
|
||||
[ignoreUserList]="data.curRoomUser"
|
||||
[isUserSelect]="true"
|
||||
[isVisible]="currentTabIndex === 1"
|
||||
(checkAllUser)="onCheckAllUser($event)"
|
||||
(checkUser)="onCheckUser($event)"
|
||||
(toggleUser)="onToggleUser($event)"
|
||||
class="oraganization"
|
||||
>
|
||||
</app-layout-chat-left-sidenav-organization>
|
||||
</div>
|
||||
<ng-template
|
||||
[ngTemplateOutlet]="selectedUserListTemplate"
|
||||
></ng-template>
|
||||
</div>
|
||||
</mat-tab>
|
||||
<mat-tab *ngIf="data.type === UserSelectDialogType.MessageForward">
|
||||
|
|
@ -183,44 +193,27 @@
|
|||
><i class="mid mid-24 mdi-chat"></i>
|
||||
</mat-icon>
|
||||
</ng-template>
|
||||
<div class="mat-tab-frame dialog-tab-chatlist">
|
||||
<ucap-room-list-item
|
||||
*ngFor="let room of roomList"
|
||||
[loginRes]="loginRes"
|
||||
[roomInfo]="room"
|
||||
[roomUserInfo]="getRoomUserList(room)"
|
||||
[sessionVerinfo]="sessionVerinfo"
|
||||
[checkable]="getCheckableRoom(room)"
|
||||
[isChecked]="getCheckedRoom(room)"
|
||||
[multiCheckable]="false"
|
||||
(checkRoom)="onCheckRoom($event)"
|
||||
(click)="onToggleRoom(room)"
|
||||
class="chat"
|
||||
>
|
||||
</ucap-room-list-item>
|
||||
<div fxFlexFill style="max-height: 508px;">
|
||||
<div class="mat-tab-frame dialog-tab-chatlist">
|
||||
<ucap-room-list-item
|
||||
*ngFor="let room of roomList"
|
||||
[loginRes]="loginRes"
|
||||
[roomInfo]="room"
|
||||
[roomUserInfo]="getRoomUserList(room)"
|
||||
[sessionVerinfo]="sessionVerinfo"
|
||||
[checkable]="getCheckableRoom(room)"
|
||||
[isChecked]="getCheckedRoom(room)"
|
||||
[multiCheckable]="false"
|
||||
(checkRoom)="onCheckRoom($event)"
|
||||
(click)="onToggleRoom(room)"
|
||||
class="chat"
|
||||
>
|
||||
</ucap-room-list-item>
|
||||
</div>
|
||||
</div>
|
||||
</mat-tab>
|
||||
</mat-tab-group>
|
||||
|
||||
<div *ngIf="isShowSelectedUserList" class="list-chip">
|
||||
<mat-chip-list aria-label="User selection">
|
||||
<mat-chip
|
||||
*ngFor="let userInfo of selectedUserList"
|
||||
[selected]="getChipsRemoveYn(userInfo)"
|
||||
(removed)="onClickDeleteUser(userInfo)"
|
||||
>
|
||||
{{ userInfo.name }}
|
||||
<mat-icon matChipRemove *ngIf="getChipsRemoveYn(userInfo)"
|
||||
>clear</mat-icon
|
||||
>
|
||||
</mat-chip>
|
||||
</mat-chip-list>
|
||||
</div>
|
||||
<span *ngIf="isShowSelectedUserList"
|
||||
>{{ selectedUserList.length }}
|
||||
{{ 'common.units.persons' | translate }}</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</mat-card-content>
|
||||
<mat-card-actions class="button-farm flex-row">
|
||||
|
|
@ -241,3 +234,24 @@
|
|||
</button>
|
||||
</mat-card-actions>
|
||||
</mat-card>
|
||||
|
||||
<ng-template #selectedUserListTemplate>
|
||||
<div class="list-chip">
|
||||
<mat-chip-list aria-label="User selection">
|
||||
<mat-chip
|
||||
*ngFor="let userInfo of selectedUserList"
|
||||
[selected]="getChipsRemoveYn(userInfo)"
|
||||
(removed)="onClickDeleteUser(userInfo)"
|
||||
>
|
||||
{{ userInfo.name }}
|
||||
<mat-icon matChipRemove *ngIf="getChipsRemoveYn(userInfo)"
|
||||
>clear</mat-icon
|
||||
>
|
||||
</mat-chip>
|
||||
</mat-chip-list>
|
||||
</div>
|
||||
<span>
|
||||
{{ selectedUserList.length }}
|
||||
{{ 'common.units.persons' | translate }}
|
||||
</span>
|
||||
</ng-template>
|
||||
|
|
|
|||
|
|
@ -185,7 +185,7 @@ export class CreateChatDialogComponent implements OnInit, OnDestroy {
|
|||
| UserInfoDN
|
||||
| RoomUserInfo
|
||||
)[] = [];
|
||||
isShowSelectedUserList = true;
|
||||
|
||||
selectedRoom: RoomInfo;
|
||||
|
||||
inputForm: FormGroup;
|
||||
|
|
@ -399,10 +399,8 @@ export class CreateChatDialogComponent implements OnInit, OnDestroy {
|
|||
|
||||
if (tabChangeEvent.index === 2) {
|
||||
this.selectedUserList = [];
|
||||
this.isShowSelectedUserList = false;
|
||||
} else {
|
||||
this.selectedRoom = null;
|
||||
this.isShowSelectedUserList = true;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user