diff options
Diffstat (limited to 'ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/external/samples/html/traffic_distribution.html')
| -rw-r--r-- | ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/external/samples/html/traffic_distribution.html | 205 |
1 files changed, 0 insertions, 205 deletions
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/external/samples/html/traffic_distribution.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/external/samples/html/traffic_distribution.html deleted file mode 100644 index 0b196bae..00000000 --- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/external/samples/html/traffic_distribution.html +++ /dev/null @@ -1,205 +0,0 @@ -<!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>Traffic distribution by day of week</title> - -<script src="../../d3/js/d3.v3.min.js" charset="utf-8"></script> - - -<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"> -<!-- Charts --> -<script type="text/javascript" src="../../../../../static/fusion/sample/js/charts.js"></script> -<!-- Charts --> -<script type="text/javascript" src="../../../../../static/fusion/sample/js/scribble.js"></script> - - -<script> - var app = angular.module("myApp", []); - app.controller('trafficController',function($scope) { - $scope.activeTabId = 'Monday'; - $scope.selectedTrafficDay = [{ - title : 'Mon', - url : '#Monday' - }, { - title : 'Tue', - url : '#Tuesday' - }, { - title : 'Wed', - url : '#Wednesday' - }, { - title : 'Thu', - url : '#Thursday' - }, { - title : 'Fri', - url : '#Friday' - }, { - title : 'Sat', - url : '#Saturday' - }, { - title : 'Sun', - url : '#Sunday' - }]; - - $scope.currentSelectedDayTab = '#Monday'; - - $scope.onClickTab1 = function (Daytab) { - $scope.currentSelectedDayTab = Daytab.url; - } - - $scope.isActiveTab1 = function(tabUrl) { - return tabUrl == $scope.currentSelectedDayTab; - } - - - $scope.gTabs = [ { - title : 'Monday', - id : 'Monday', - url : '#Monday', - selected : true - }, { - title : 'Tuesday', - id : 'Tuesday', - url : '#Tuesday' - }, { - title : 'Wednesday', - id : 'Wednesday', - url : '#Wednesday' - }, { - title : 'Thursday', - id : 'Thursday', - url : '#Thursday' - }, { - title : 'Friday', - id : 'Friday', - url : '#Friday' - }, { - title : 'Saturday', - id : 'Saturday', - url : '#Saturday' - }, { - title : 'Sunday', - id : 'Sunday', - url : '#Sunday' - }]; - - - - - - $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="selectedTrafficDay"> - <ul> - <li ng-repeat="Daytab in selectedTrafficDay" ng-class="{active1:isActiveTab1(Daytab.url)}" ng-click="onClickTab1(Daytab)">{{Daytab.title}}</li> - </ul> - <div id="SelectedTrafficeDayView"> - <div ng-include="currentSelectedDayTab"></div> - </div> - <script type="text/ng-template" id="#Monday"> - <div id="Monday" align="centers"><img src="../../../../../static/fusion/sample/images/tunnels/1_mon.png" width=100% height=100% alt="Monday"></div> - </script> - <script type="text/ng-template" id="#Tuesday"> - <div id="Tuesday" align="center"><img src="../../../../../static/fusion/sample/images/tunnels/2_tue.png" width=100% height=100% alt="Tuesday"></div> - </script> - <script type="text/ng-template" id="#Wednesday"> - <div id="Wednesday" align="center"><img src="../../../../../static/fusion/sample/images/tunnels/3_wed.png" width=100% height=100% alt="Wednesday"></div> - </script> - <script type="text/ng-template" id="#Thursday"> - <div id="Thursday" align="center"><img src="../../../../../static/fusion/sample/images/tunnels/4_thu.png" width=100% height=100% alt="Thursday"></div> - </script> - <script type="text/ng-template" id="#Friday"> - <div id="Friday" align="center"><img src="../../../../../static/fusion/sample/images/tunnels/5_fri.png" width=100% height=100% alt="Friday"></div> - </script> - <script type="text/ng-template" id="#Saturday"> - <div id="Saturday" align="center"><img src="../../../../../static/fusion/sample/images/tunnels/6_sat.png" width=100% height=100% alt="Saturday"></div> - </script> - <script type="text/ng-template" id="#Sunday"> - <div id="Sunday" align="center"><img src="../../../../../static/fusion/sample/images/tunnels/7_sun.png" width=100% height=100% alt="Sunday"></div> - </script> - </div> - </div> - </body> -</html>
\ No newline at end of file |