From 5cafd510ecd239ee39915922690f337fe3c6cd0f Mon Sep 17 00:00:00 2001
From: DESKTOP-D5ILJ4S\flr_3 <flr_3214@hotmail.co.th>
Date: Tue, 10 Jul 2018 11:43:10 +0700
Subject: [PATCH] notification(fic)

---
 src/app/dashboard/dashboard.component.html | 12 ++++++------
 src/app/dashboard/dashboard.component.scss | 17 +++++++++++++++++
 2 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/src/app/dashboard/dashboard.component.html b/src/app/dashboard/dashboard.component.html
index dc9614f..d4134fe 100644
--- a/src/app/dashboard/dashboard.component.html
+++ b/src/app/dashboard/dashboard.component.html
@@ -6,22 +6,22 @@
   <div class="tabbable-custom nav-justified">
     <ul class="nav nav-tabs">
       <li class="active sbold font">
-        <a href="#tab1" data-toggle="tab" aria-expanded="true">ติดตั้ง</a>
+        <a href="#tab1" data-toggle="tab" aria-expanded="true">ติดตั้ง <span class="badge"> 5 </span></a>
       </li>
       <li class="sbold">
-        <a href="#tab2" data-toggle="tab" aria-expanded="false">RND</a>
+        <a href="#tab2" data-toggle="tab" aria-expanded="false">RND <span class="badge"> 3 </span></a>
       </li>
       <li class="sbold">
-        <a href="#tab3" data-toggle="tab" aria-expanded="false">SDE+SDN</a>
+        <a href="#tab3" data-toggle="tab" aria-expanded="false">SDE+SDN <span class="badge"> 10 </span></a>
       </li>
       <li class="sbold">
-        <a href="#tab4" data-toggle="tab" aria-expanded="false">AP Down</a>
+        <a href="#tab4" data-toggle="tab" aria-expanded="false">AP Down <span class="badge"> 60 </span></a>
       </li>
       <li class="sbold">
-        <a href="#tab5" data-toggle="tab" aria-expanded="false">BNW+NDS+NED+NES+NET</a>
+        <a href="#tab5" data-toggle="tab" aria-expanded="false">BNW+NDS+NED+NES+NET <span class="badge"> 19 </span></a>
       </li>
       <li class="sbold">
-          <a href="#tab6" data-toggle="tab" aria-expanded="false">CUS</a>
+          <a href="#tab6" data-toggle="tab" aria-expanded="false">CUS <span class="badge"> 1 </span></a>
         </li>
     </ul>
     <div class="tab-content">
diff --git a/src/app/dashboard/dashboard.component.scss b/src/app/dashboard/dashboard.component.scss
index 1299453..1dcda30 100644
--- a/src/app/dashboard/dashboard.component.scss
+++ b/src/app/dashboard/dashboard.component.scss
@@ -31,3 +31,20 @@
   font-family: "Open Sans",sans-serif;
 }
 
+.badge {
+  font-size: 11px!important;
+  font-weight: 300;
+  height: 18px;
+  color: #fff;
+  background-color:#32c5d2;
+  padding: 3px 6px;
+  -webkit-border-radius: 12px!important;
+  -moz-border-radius: 12px!important;
+  border-radius: 12px!important;
+  text-shadow: none!important;
+  text-align: center;
+  vertical-align: middle;
+  position: absolute;
+    top: 4px;
+    right: 0px;
+}
\ No newline at end of file
--
libgit2 0.21.2