From 3fba7224badd8e357a77edb6b78e863c01d5bdd5 Mon Sep 17 00:00:00 2001
From: Richard Park <richard.park@loafle.com>
Date: Mon, 18 Nov 2019 18:35:27 +0900
Subject: [PATCH] ripple is added

---
 .../src/lib/components/expansion-panel.component.html     | 2 +-
 .../src/lib/components/tree.component.html                | 8 ++++----
 .../src/lib/ucap-ui-organization.module.ts                | 3 +++
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/projects/ucap-webmessenger-ui-group/src/lib/components/expansion-panel.component.html b/projects/ucap-webmessenger-ui-group/src/lib/components/expansion-panel.component.html
index b71049b6..5a4038fd 100644
--- a/projects/ucap-webmessenger-ui-group/src/lib/components/expansion-panel.component.html
+++ b/projects/ucap-webmessenger-ui-group/src/lib/components/expansion-panel.component.html
@@ -9,7 +9,7 @@
     class="group-tree"
   >
     <!-- This is the tree node template for leaf nodes -->
-    <mat-tree-node *matTreeNodeDef="let node" style="height: 80px;">
+    <mat-tree-node *matTreeNodeDef="let node" style="height: 80px;" matRipple>
       <li>
         <div class="mat-tree-node">
           <ng-container
diff --git a/projects/ucap-webmessenger-ui-organization/src/lib/components/tree.component.html b/projects/ucap-webmessenger-ui-organization/src/lib/components/tree.component.html
index 342c0a68..fa016a7d 100644
--- a/projects/ucap-webmessenger-ui-organization/src/lib/components/tree.component.html
+++ b/projects/ucap-webmessenger-ui-organization/src/lib/components/tree.component.html
@@ -14,8 +14,8 @@
       matTreeNodePadding
       class="mat-tree-last-node"
     >
-      <li>
-        <div (click)="onClickNode(node)">
+      <li (click)="onClickNode(node)" matRipple>
+        <div>
           {{ node.name }}
         </div>
       </li>
@@ -26,8 +26,8 @@
       matTreeNodePadding
       class="tree-node-frame"
     >
-      <li>
-        <div (click)="onClickNode(node)" class="path">
+      <li (click)="onClickNode(node)" matRipple>
+        <div class="path">
           <span class="horizontal-line"></span>
           <button
             mat-icon-button
diff --git a/projects/ucap-webmessenger-ui-organization/src/lib/ucap-ui-organization.module.ts b/projects/ucap-webmessenger-ui-organization/src/lib/ucap-ui-organization.module.ts
index e4cb4074..b763f548 100644
--- a/projects/ucap-webmessenger-ui-organization/src/lib/ucap-ui-organization.module.ts
+++ b/projects/ucap-webmessenger-ui-organization/src/lib/ucap-ui-organization.module.ts
@@ -6,6 +6,8 @@ import { FlexLayoutModule } from '@angular/flex-layout';
 
 import { ScrollingModule } from '@angular/cdk/scrolling';
 
+import { MatRippleModule } from '@angular/material';
+
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
 import { MatInputModule } from '@angular/material/input';
@@ -26,6 +28,7 @@ const SERVICES = [];
     FlexLayoutModule,
     ScrollingModule,
 
+    MatRippleModule,
     MatButtonModule,
     MatIconModule,
     MatInputModule,