fix selected plan for pppoe and hotspot

ui/ui/bandwidth.tpl

@@ -56,6 +56,10 @@
 					</table>
 				</div>
 				{include file="pagination.tpl"}
+				<div class="bs-callout bs-callout-info" id="callout-navbar-role">
+					<h4>Create Bandwitdh Plan for expired Internet Plan</h4>
+					<p>When customer expired, you can move it to Expired Internet Plan</p>
+				</div>
 			</div>
 		</div>
 	</div>

ui/ui/hotspot.tpl

@@ -87,6 +87,10 @@
                     </table>
                 </div>
                 {include file="pagination.tpl"}
+				<div class="bs-callout bs-callout-info" id="callout-navbar-role">
+					<h4>Create expired Internet Plan</h4>
+					<p>When customer expired, you can move it to Expired Internet Plan</p>
+				</div>
             </div>
         </div>
     </div>

ui/ui/pool.tpl

@@ -64,6 +64,10 @@
                     </table>
                 </div>
                 {include file="pagination.tpl"}
+				<div class="bs-callout bs-callout-info" id="callout-navbar-role">
+					<h4>Create expired Internet Plan</h4>
+					<p>When customer expired, you can move it to Expired Internet Plan</p>
+				</div>
             </div>
         </div>
     </div>

ui/ui/pppoe.tpl

@@ -82,6 +82,10 @@
                     </table>
                 </div>
                 {include file="pagination.tpl"}
+				<div class="bs-callout bs-callout-info" id="callout-navbar-role">
+					<h4>Create expired Internet Plan</h4>
+					<p>When customer expired, you can move it to Expired Internet Plan</p>
+				</div>
             </div>
         </div>
     </div>

ui/ui/sections/header.tpl

@@ -140,6 +140,47 @@
                 display: inline-block;
             }
         }
+
+        .bs-callout {
+            padding: 20px;
+            margin: 20px 0;
+            border: 1px solid #eee;
+            border-left-width: 5px;
+            border-radius: 3px;
+        }
+
+        .bs-callout h4 {
+            margin-top: 0;
+            margin-bottom: 5px
+        }
+
+        .bs-callout p:last-child{
+            margin-bottom:0
+        }
+        .bs-callout code{
+            border-radius:3px
+        }
+        .bs-callout+.bs-callout{
+            margin-top:-5px
+        }
+        .bs-callout-danger{
+            border-left-color:#ce4844
+        }
+        .bs-callout-danger h4{
+            color:#ce4844
+        }
+        .bs-callout-warning{
+            border-left-color:#aa6708
+        }
+        .bs-callout-warning h4{
+            color:#aa6708
+        }
+        .bs-callout-info{
+            border-left-color:#1b809e
+        }
+        .bs-callout-info h4{
+            color:#1b809e
+        }
     </style>
     {if isset($xheader)}
         {$xheader}