쪽지

1. empty 화면 구성.
2. 빈문자열 겸색 안되게 수정.

사용자검색
1. top-bar 에서 빈문자열 검색 안되게 수정.
2. 팝업내 재검색시 1페이지 검색하도록 수정.

projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/message.component.html

@@ -50,7 +50,10 @@
         <ng-template mat-tab-label>
           {{ 'message.messageTypeReceiving' | translate }}
         </ng-template>
-        <perfect-scrollbar fxFlex="1 1 auto">
+        <perfect-scrollbar
+          fxFlex="1 1 auto"
+          *ngIf="!!(messageRetrieveList$ | async)"
+        >
           <ucap-message-list-item
             *ngFor="let message of messageRetrieveList$ | async"
             [message]="message"
@@ -58,12 +61,25 @@
             class="message-item"
           ></ucap-message-list-item>
         </perfect-scrollbar>
+        <div
+          class="no-search-result"
+          fxFlexFill
+          *ngIf="
+            !(messageRetrieveList$ | async) ||
+            0 === (messageRetrieveList$ | async).length
+          "
+        >
+          {{ 'common.noResult' | translate }}
+        </div>
       </mat-tab>
       <mat-tab [label]="MessageType.Send">
         <ng-template mat-tab-label>
           {{ 'message.messageTypeOutgoing' | translate }}
         </ng-template>
-        <perfect-scrollbar fxFlex="1 1 auto">
+        <perfect-scrollbar
+          fxFlex="1 1 auto"
+          *ngIf="!!(messageSendList$ | async)"
+        >
           <ucap-message-list-item
             *ngFor="let message of messageSendList$ | async"
             [message]="message"
@@ -71,12 +87,25 @@
             class="message-item"
           ></ucap-message-list-item>
         </perfect-scrollbar>
+        <div
+          class="no-search-result"
+          fxFlexFill
+          *ngIf="
+            !(messageSendList$ | async) ||
+            0 === (messageSendList$ | async).length
+          "
+        >
+          {{ 'common.noResult' | translate }}
+        </div>
       </mat-tab>
       <mat-tab [label]="MessageType.Reservation">
         <ng-template mat-tab-label>
           {{ 'message.messageTypeReservation' | translate }}
         </ng-template>
-        <perfect-scrollbar fxFlex="1 1 auto">
+        <perfect-scrollbar
+          fxFlex="1 1 auto"
+          *ngIf="!!(messageReservationList$ | async)"
+        >
           <ucap-message-list-item
             *ngFor="let message of messageReservationList$ | async"
             [message]="message"
@@ -84,6 +113,16 @@
             class="message-item"
           ></ucap-message-list-item>
         </perfect-scrollbar>
+        <div
+          class="no-search-result"
+          fxFlexFill
+          *ngIf="
+            !(messageReservationList$ | async) ||
+            0 === (messageReservationList$ | async).length
+          "
+        >
+          {{ 'common.noResult' | translate }}
+        </div>
       </mat-tab>
     </mat-tab-group>
   </div>
@@ -128,7 +167,10 @@
       </form>
     </div>
     <div style="height: calc(100% - 65.5px)">
-      <perfect-scrollbar fxFlex="1 1 auto">
+      <perfect-scrollbar
+        fxFlex="1 1 auto"
+        *ngIf="!!(messageSearchList$ | async)"
+      >
         <ucap-message-list-item
           *ngFor="let message of messageSearchList$ | async"
           [message]="message"
@@ -136,6 +178,16 @@
           class="message-item"
         ></ucap-message-list-item>
       </perfect-scrollbar>
+      <div
+        class="no-search-result"
+        fxFlexFill
+        *ngIf="
+          !(messageSearchList$ | async) ||
+          0 === (messageSearchList$ | async).length
+        "
+      >
+        {{ 'common.noSearchResult' | translate }}
+      </div>
     </div>
   </div>
 </div>

projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/message.component.scss

@@ -30,5 +30,10 @@
       position: relative;
       height: 100%;
     }
+
+    .no-search-result {
+      padding-top: 10px;
+      padding-left: 10px;
+    }
   }
 }

projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/message.component.ts

@@ -275,6 +275,10 @@ export class MessageBoxComponent
     event.preventDefault();
     event.stopPropagation();
 
+    if (!search || search.trim().length === 0) {
+      return;
+    }
+
     this.getSearchMessage(
       MessageType.All,
       MessageSearchType.Name,

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/search/integrated-search.dialog.component.html

@@ -20,7 +20,7 @@
       [totalCount]="totalCount"
       [pageCurrent]="pageCurrent"
       [pageListCount]="pageListCount"
-      (search)="onSearch($event)"
+      (search)="onReSearch($event)"
       (changePage)="onChangePage($event)"
       (openProfile)="onClickOpenProfile($event)"
     >

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/search/integrated-search.dialog.component.ts

@@ -92,6 +92,12 @@ export class IntegratedSearchDialogComponent implements OnInit, OnDestroy {
     );
   }
 
+  onReSearch(searchWord: string) {
+    this.pageCurrent = 1;
+
+    this.onSearch(searchWord);
+  }
+
   onSearch(searchWord: string) {
     this.currentSearchWord = this.data.keyword;
 

projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.ts

@@ -562,6 +562,10 @@ export class TopBarComponent implements OnInit, OnDestroy {
   }
 
   onIntegratedSearch(keyword: string) {
+    if (!keyword || keyword.trim().length === 0) {
+      return;
+    }
+
     this.dialogService.open<
       IntegratedSearchDialogComponent,
       IntegratedSearchDialogData,

projects/ucap-webmessenger-app/src/assets/i18n/en.json

@@ -372,6 +372,7 @@
     "searchWord": "Search word",
     "searchResult": "Search result",
     "noSearchResult": "There is no search result",
+    "noResult": "There is no result",
     "useOnlyForSpecialCharacter": "Can only use Special characters: {{v}}",
     "units": {
       "date": "Date",

projects/ucap-webmessenger-app/src/assets/i18n/ko.json

@@ -372,6 +372,7 @@
     "searchWord": "검색어",
     "searchResult": "검색 결과",
     "noSearchResult": "검색 결과가 없습니다.",
+    "noResult": "조회된 내용이 없습니다.",
     "useOnlyForSpecialCharacter": "특수문자는 {{specialCharacter}}만 사용할 수 있습니다.",
     "units": {
       "date": "날짜",

projects/ucap-webmessenger-ui/src/lib/components/integrated-search.component.html

@@ -196,6 +196,13 @@
         <tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
       </table>
     </perfect-scrollbar>
+    <div
+      class="no-search-result"
+      fxFlexFill
+      *ngIf="!searchUserInfos || 0 === searchUserInfos.length"
+    >
+      {{ 'common.noSearchResult' | translate }}
+    </div>
   </div>
   <div class="footer-fix search-result-footer">
     <mat-paginator