"tve-portal-metrics"
Bootstrap 3.3.0 Snippet by dzenyu

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <body> <!-- Fixed navbar --> <div class="navbar navbar-fixed-left"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="/portal"><span class="glyphicon glyphicon-home"></span></a> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li><a href="/portal/mso/armstrong" alt="Armstrong Exp" title="Armstrong Exp">ARMS</a></li> </ul> <ul class="nav navbar-nav"> <li><a href="/portal/mso/abb" alt="Atlantic Broadband" title="Atlantic Broadband">ABB</a></li> </ul> <ul class="nav navbar-nav"> <li><a href="/portal/mso/blueridge" alt="Blue Ridge Communications" title="Blue Ridge Communications">BLUE</a></li> </ul> <ul class="nav navbar-nav"> <li><a href="/portal/mso/buckeye" alt="Buckeye Broadband" title="Buckeye Broadband">BUCK</a></li> </ul> <ul class="nav navbar-nav"> <li><a href="/portal/mso/cableco" alt="CableCo" title="CableCo">CABL</a></li> </ul> <ul class="nav navbar-nav"> <li><a href="/portal/mso/grande" alt="Grande Communications" title="Grande Communications">GRAN</a></li> </ul> <ul class="nav navbar-nav"> <li><a href="/portal/mso/mavrik" alt="Mavrik Online" title="Mavrik Online">MAVR</a></li> </ul> <ul class="nav navbar-nav"> <li><a href="/portal/mso/mediacom" alt="Mediacom Cable" title="Mediacom Cable">MEDI</a></li> </ul> <ul class="nav navbar-nav"> <li><a href="/portal/mso/nctc" alt="VU-IT (NCTC)" title="VU-IT (NCTC)">NCTC</a></li> </ul> <ul class="nav navbar-nav"> <li><a href="/portal/mso/rcn" alt="RCN Telecom Services" title="RCN Telecom Services">RCN</a></li> </ul> <ul class="nav navbar-nav"> <li><a href="/portal/mso/tivo" alt="TiVo Online" title="TiVo Online">TIVO</a></li> </ul> <ul class="nav navbar-nav"> <li><a href="/portal/mso/wow" alt="Wide Open West" title="Wide Open West">WOW</a></li> </ul> <ul class="nav navbar-nav navbar-right"> <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Filter By Status <span class="caret"></span></a> <ul class="dropdown-menu"> <li class="danger"> <a href="/portal/status/down">Down</a> </li> <li class="success"> <a href="/portal/status/live">Live</a> </li> <li class="info"> <a href="/portal/status/notLive">NotLive</a> </li> <li class="danger"> <a href="/portal/status/unknown">Unknown</a> </li> </ul></li> <li><a href="/portal/metrics"><span>Metrics </span><span class="glyphicon glyphicon-equalizer"></span></a></li> <li><a href="/streamingchannel"><span>Channels </span><span class="fa fa-rss fa-lg fa-rotate-90" style="color: blue"></span></a></li> <li><a href="/monitor"><span>Monitor </span><span class="glyphicon glyphicon-cog"></span></a></li> </ul> </div> <!--/.nav-collapse --> </div> </div> <div class="container container-fluid"> <h2 class="bold-text">Portal Instance Metrics</h2> <div class="row"> <div class="col-sm-4"> <div class="panel panel-primary"> <div class="panel-heading">Deployed on</div> <div class="list-group"> <a class="list-group-item" href="/portal/instances/deployedOn/aws">AWS <span class="badge">50</span></a> <a class="list-group-item" href="/portal/instances/deployedOn/tivodc">TiVo Data Center <span class="badge">11</span></a> </div> </div> </div> <div class="col-sm-4"> <div class="panel panel-primary"> <div class="panel-heading">Status</div> <div class="list-group"> <a class="list-group-item" href="/portal/instances/status/live">Live <span class="badge">56</span></a> <a class="list-group-item" href="/portal/instances/status/notLive">NotLive <span class="badge">5</span></a> </div> </div> </div> <div class="col-sm-4"> <div class="panel panel-primary"> <div class="panel-heading">Mind Version</div> <div class="list-group"> <a class="list-group-item" href="/portal/instances/mindVersion/21">21 <span class="badge">15</span></a> <a class="list-group-item" href="/portal/instances/mindVersion/23">23 <span class="badge">41</span></a> <a class="list-group-item" href="/portal/instances/mindVersion/%3Cnone%3E"><none> <span class="badge">5</span></a> </div> </div> </div> <div class="col-sm-4"> <div class="panel panel-primary"> <div class="panel-heading">Environment</div> <div class="list-group"> <a class="list-group-item" href="/portal/instances/environment/integration">Integration <span class="badge">4</span></a> <a class="list-group-item" href="/portal/instances/environment/lab">Lab <span class="badge">14</span></a> <a class="list-group-item" href="/portal/instances/environment/latest">Latest <span class="badge">10</span></a> <a class="list-group-item" href="/portal/instances/environment/production">Production <span class="badge">19</span></a> <a class="list-group-item" href="/portal/instances/environment/staging">Staging <span class="badge">14</span></a> </div> </div> </div> <div class="col-sm-4"> <div class="panel panel-primary"> <div class="panel-heading">Build Version</div> <div class="list-group"> <a class="list-group-item" href="/portal/instances/buildVersion/4.6.6400-1">4.6.6400-1 <span class="badge">12</span></a> <a class="list-group-item" href="/portal/instances/buildVersion/4.6.6486-1">4.6.6486-1 <span class="badge">3</span></a> <a class="list-group-item" href="/portal/instances/buildVersion/4.7.1581-1">4.7.1581-1 <span class="badge">2</span></a> <a class="list-group-item" href="/portal/instances/buildVersion/4.7.1606-1">4.7.1606-1 <span class="badge">32</span></a> <a class="list-group-item" href="/portal/instances/buildVersion/4.7.1616-1">4.7.1616-1 <span class="badge">7</span></a> <a class="list-group-item" href="/portal/instances/buildVersion/%3Cnone%3E"><none> <span class="badge">5</span></a> </div> </div> </div> <div class="col-sm-4"> <div class="panel panel-primary"> <div class="panel-heading">MSO</div> <div class="list-group"> <a class="list-group-item" href="/portal/instances/mso/abb">Atlantic Broadband <span class="badge">7</span></a> <a class="list-group-item" href="/portal/instances/mso/armstrong">Armstrong Exp <span class="badge">5</span></a> <a class="list-group-item" href="/portal/instances/mso/blueridge">Blue Ridge Communications <span class="badge">7</span></a> <a class="list-group-item" href="/portal/instances/mso/buckeye">Buckeye Broadband <span class="badge">5</span></a> <a class="list-group-item" href="/portal/instances/mso/cableco">CableCo <span class="badge">4</span></a> <a class="list-group-item" href="/portal/instances/mso/grande">Grande Communications <span class="badge">5</span></a> <a class="list-group-item" href="/portal/instances/mso/mavrik">Mavrik Online <span class="badge">6</span></a> <a class="list-group-item" href="/portal/instances/mso/nctc">VU-IT (NCTC) <span class="badge">5</span></a> <a class="list-group-item" href="/portal/instances/mso/rcn">RCN Telecom Services <span class="badge">3</span></a> <a class="list-group-item" href="/portal/instances/mso/tivo">TiVo Online <span class="badge">9</span></a> <a class="list-group-item" href="/portal/instances/mso/wow">Wide Open West <span class="badge">5</span></a> </div> </div> </div> </div> <footer> <div class="bold-text"> <br />See <a href="https://wiki.tivo.com/wiki/TVE_Portal_Environment" target="WikiTvePortal">TVE Portal Environment</a> - © <span>2017</span> </div> </footer> </div> <!-- /container --> <div> <!-- Bootstrap core JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> <!-- script src="/js/vendor/jquery.min.js"></script--> <!-- >script> window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>') </script --> <script src="/js/vendor/jquery.min.js"></script> <script src="/js/vendor/bootstrap.min.js"></script> <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> <script src="/js/vendor/ie10-viewport-bug-workaround.js"></script> </div> </body> </html>

Related: See More

Light Bootstrap Dashboard Angular

Questions / Comments: