insert tooltip

src/app/purchase/cart/cart.component.html

@@ -61,7 +61,7 @@
             <div class="product_wrapper">
               <img src="{{imageServer + prdt.product_image}}" onerror="this.src='assets/images/user_avatar.jpg'">
             </div>
-            <h5>{{prdt.product_name}}</h5>
+            <h5 class="text_truncate" data-toggle="pill" tooltip="{{prdt.product_name}}" placement="top" show-delay="500" z-index="99999">{{prdt.product_name}}</h5>
             <p>{{prdt.short_description}}</p>
             <div class="star_ratting  prevent-click">
               <fieldset class="rating">

src/app/purchase/orders/orders.component.html

@@ -12,7 +12,7 @@
                     <img src="{{imageServer + book.product_image}}" onerror="this.src='assets/images/user_avatar.jpg'">
                 </div>
                 <div class="auto_part_detail">
-                  <h2>{{book.product_name}}</h2>
+                  <h2 class="text_truncate" data-toggle="pill" tooltip="{{book.product_name}}" placement="top" show-delay="500" z-index="99999">{{book.product_name}}</h2>
                   <h3>{{book.short_description}}</h3>
                   <div class="others">
                     <!-- <h4><div>Color</div><span>Black</span></h4> -->
@@ -64,7 +64,7 @@
               <div class="product_wrapper">
                 <img src="{{imageServer + prdt.product_image}}" onerror="this.src='assets/images/user_avatar.jpg'">
               </div>
-              <h5>{{prdt.product_name}}</h5>
+              <h5 class="text_truncate" data-toggle="pill" tooltip="{{prdt.product_name}}" placement="top" show-delay="500" z-index="99999">{{prdt.product_name}}</h5>
               <p>{{prdt.short_description}}</p>
               <div class="star_ratting">
                   <fieldset class="rating prevent-click">

src/app/purchase/productdetails/productdetails.component.html

@@ -18,7 +18,7 @@
             </div>
             <div class="col-md-8" *ngIf="productDetails">
                 <div class="product_details">
-                  <h1>{{productDetails.product_name}}</h1>
+                  <h1  class="text_truncate" data-toggle="pill" tooltip="{{productDetails.product_name}}" placement="top" show-delay="500" z-index="99999">{{productDetails.product_name}}</h1>
                   <h2>{{productDetails.short_description}}</h2>
                   <h2><strong>Brand : </strong>{{productDetails.brand_name}}</h2>
 		              <div *ngIf="productDetails.part_id">

src/app/purchase/purchase-home/purchase-home.component.html

@@ -16,7 +16,7 @@
                                     <div class="product_wrapper">
                                         <img src="{{imageServer + prdt.product_image}}" onerror="this.src='assets/images/user_avatar.jpg'">
                                     </div>
-                                    <h5>{{prdt.product_name}}</h5>
+                                    <h5 class="text_truncate" data-toggle="pill" tooltip="{{prdt.product_name}}" placement="top" show-delay="500" z-index="99999">{{prdt.product_name}}</h5>
                                     <p>{{prdt.short_description}}</p>
                                     <div class="star_ratting">
                                         <fieldset class="rating prevent-click">
@@ -57,7 +57,7 @@
                                 <div class="product_wrapper">
                                     <img src="{{imageServer + prdt.product_image}}" onerror="this.src='assets/images/user_avatar.jpg'">
                                 </div>
-                                <h5>{{prdt.product_name}}</h5>
+                                <h5  class="text_truncate" data-toggle="pill" tooltip="{{prdt.product_name}}" placement="top" show-delay="500" z-index="99999">{{prdt.product_name}}</h5>
                                 <p>{{prdt.short_description}}</p>
                                 <div class="star_ratting">
                                     <fieldset class="rating prevent-click">