diff options
Diffstat (limited to 'ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/external/samples/html/busy_hour_traffic.html')
| -rw-r--r-- | ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/external/samples/html/busy_hour_traffic.html | 188 |
1 files changed, 188 insertions, 0 deletions
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/external/samples/html/busy_hour_traffic.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/external/samples/html/busy_hour_traffic.html new file mode 100644 index 00000000..54ff7849 --- /dev/null +++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/external/samples/html/busy_hour_traffic.html @@ -0,0 +1,188 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> +<html> +<head> +<meta http-equiv="content-type" content="text/html;charset=utf-8"> + +<title>Busy hour traffic analysis by day of week</title> + +<link rel="stylesheet" type="text/css" href="../../../../../static/fusion/sample/css/scribble.css" /> +<link rel="stylesheet" type="text/css" href="../../../../../static/fusion/sample/css/flexslider.css" /> +<link rel="stylesheet" type="text/css" href="../../../../../static/fusion/sample/css/welcome.css" /> +<script src="../../../../../app/fusion/external/angular-1.4.8/angular.js"></script> +<script src="../../../../../static/js/jquery-1.10.2.js"></script> +<script src="../../../../fusion/external/angular-ui/ui-bootstrap-tpls-1.1.2.min.js"></script> +<!--for line Chart and Area Chart--> +<script src="../../../../../static/fusion/d3/js/d3.v3.min.js"></script> +<script src="../../../../../static/fusion/d3/js/nv.d3.min.js"></script> +<script src="../../../../../static/fusion/d3/js/models/axis.min.js"></script> +<!-- Style for line Chart and area chart --> +<link rel="stylesheet" type="text/css" href="../../../../../static/fusion/d3/css/nv.d3.css"> +<script type="text/javascript" src="../../../../../static/fusion/sample/js/FusionCharts.js"></script> +<script type="text/javascript" src="../../../../../static/fusion/sample/js/scribble.js"></script> +<script> + var app = angular.module("myApp", []); + app.controller('trafficController',function($scope) { + $scope.BusyHourTraffic = [ { + title : 'BH SNRC DLSTX - Incoming', + url : '#Incoming' + }, { + title : 'BH SNRC DLSTX - Outgoing', + url : '#Outgoing' + }, { + title : 'BH National - Default', + url : '#Default' + }, { + title : 'BH National - Priority', + url : '#Priority' + }, { + title : 'BH National', + url : '#BHNational' + } + + ]; + $scope.currentSelectedBusyHourTraffic = '#Incoming'; + $scope.onClickTab2 = function (TrafficTab) { + $scope.currentSelectedBusyHourTraffic = TrafficTab.url; + } + $scope.isActiveTab2 = function(tabUrl) { + return tabUrl == $scope.currentSelectedBusyHourTraffic; + } + $scope.activeTabId2 = 'Incoming'; + //for generic tabs + $scope.gTabs2 = [ { + title : 'BH SNRC DLSTX - Incoming', + id : 'Incoming', + url : '#Incoming', + selected : true + }, { + title : 'BH SNRC DLSTX - Outgoing', + id : 'Outgoing', + url : '#Outgoing' + }, { + title : 'BH National - Default', + id : 'Default', + url : '#Default' + }, { + title : 'BH National - Priority', + id : 'Priority', + url : '#Priority' + }, { + title : 'BH National', + id : 'BHNational', + url : '#BHNational' + }]; + + $scope.activeTabId3 = 'Incoming'; + //for generic tabs + $scope.gTabs3 = [ { + title : 'BH SNRC DLSTX - Incoming', + id: 'Incoming', + url : '#Incoming', + selected : true + }, { + title : 'BH SNRC DLSTX - Outgoing', + id : 'Outgoing', + url : '#Outgoing' + }, { + title : 'BH National - Default', + id : 'Default', + url : '#Default' + }, { + title : 'BH National - Priority', + id : 'Priority', + url : '#Priority' + }, { + title : 'BH National', + id : 'BHNational', + url : '#BHNational' + }]; + $scope.currentSelectedBusyHourTraffic = '#Incoming'; + $scope.onClickTab2 = function (TrafficTab) { + $scope.currentSelectedBusyHourTraffic = TrafficTab.url; + } + $scope.isActiveTab2 = function(tabUrl) { + return tabUrl == $scope.currentSelectedBusyHourTraffic; + } + $scope.toggleEastToWest = function() { + $("#toggle").toggle('slide'); + if ($("#leftIcon").is(":visible")) { + $("#rightIcon").show(); + $("#leftIcon").hide(); + } + else if ($("#rightIcon").is(":visible")) { + $("#rightIcon").hide(); + $("#leftIcon").show(); + } + }; + + $scope.group1 = { + open : true + }; + $scope.group2 = { + open : true + }; + $scope.group3 = { + open : true + }; + $scope.group4 = { + open : true + }; + $scope.group5 = { + open : true + }; + $scope.group6 = { + open : true + }; + $scope.group7 = { + open : true + }; + $scope.group71 = { + open : true + }; + $scope.group8 = { + open : true + }; + $scope.group9 = { + open : true + }; + $scope.group10 = { + open : true + }; + $scope.group11 = { + open : true + }; + $scope.group12 = { + open : false + }; +}); +</script> + +</head> + <body ng-app="myApp"> + <div ng-controller="trafficController"> + <div id = "BusyHourTraffic"> + <ul> + <li ng-repeat="TrafficTab in BusyHourTraffic" ng-class="{active2:isActiveTab2(TrafficTab.url)}" ng-click="onClickTab2(TrafficTab)">{{TrafficTab.title}}</li> + </ul> + <div id = "BusyHourTrafficView"> + <div ng-include="currentSelectedBusyHourTraffic"></div> + </div> + <script type="text/ng-template" id="#Incoming"> + <div id="Incoming" align="left"><img src="../../../../../static/fusion/sample/images/tunnels/BH_DLSTX_IN.png" width=100% height=100%></div> + </script> + <script type="text/ng-template" id="#Outgoing"> + <div id="Outgoing" align="center"><img src="../../../../../static/fusion/sample/images/tunnels/BH_DLSTX_OUT.png" width=100% height=100%></div> + </script> + <script type="text/ng-template" id="#Default"> + <div id="Default" align="center"><img src="../../../../../static/fusion/sample/images/tunnels/BH_Nat_Def.png" width=100% height=100%></div> + </script> + <script type="text/ng-template" id="#Priority"> + <div id="Priority" align="center"><img src="../../../../../static/fusion/sample/images/tunnels/BH_Nat_Priority.png" width=100% height=100%></div> + </script> + <script type="text/ng-template" id="#BHNational"> + <div id="BHNational" align="center"><img src="../../../../../static/fusion/sample/images/tunnels/BH_Nat.png" width=100% height=100%></div> + </script> + </div> + </div> + </body> +</html>
\ No newline at end of file |