summaryrefslogtreecommitdiffstats
path: root/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-controllers/ds2-reports/report-chart-controller.js
diff options
context:
space:
mode:
Diffstat (limited to 'ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-controllers/ds2-reports/report-chart-controller.js')
-rw-r--r--ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-controllers/ds2-reports/report-chart-controller.js499
1 files changed, 0 insertions, 499 deletions
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-controllers/ds2-reports/report-chart-controller.js b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-controllers/ds2-reports/report-chart-controller.js
deleted file mode 100644
index b15205fc..00000000
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-controllers/ds2-reports/report-chart-controller.js
+++ /dev/null
@@ -1,499 +0,0 @@
-appDS2.controller('reportChartController', function ($scope, $rootScope, $timeout, $window, $modal, $http, $routeParams,modalService) {
- $scope.showLoader = true;
- $scope.commonOptionOpen = false;
- $scope.additionalOptionOpen = false;
- $scope.barChartOptionOpen = false;
- $scope.timeSeriesChartOptionOpen = false;
- $scope.selectedChartType = {value:""};
- $scope.chartTypeOptions = [
- {value: 'BarChart3D', text: 'Bar Chart'},
- {value: 'TimeSeriesChart', text: 'Time Series/Area Chart'},
- {value: 'PieChart', text: 'Pie Chart'},
- {value: 'AnnotationChart', text: 'Annotation Chart'},
- {value: 'FlexTimeChart', text: 'Flexible Time Chart'}
- ];
-
- $scope.populateChrtWzdFields = function() {
- $scope.reportRunJson = {};
- $scope.showLoader=true;
- $http.get("raptor.htm?action=chart.json&c_master="+$routeParams.reportId).then(function (response) {
- $scope.showLoader=false;
- $scope.reportRunJson = response.data;
- //Set chart type
- if($scope.reportRunJson.commonChartOptions!=null){
- $scope.reportRunJson.commonChartOptions.animateAnimatedChart = $scope.reportRunJson.commonChartOptions.animateAnimatedChart+"";
- $scope.reportRunJson.commonChartOptions.hideLegend = $scope.reportRunJson.commonChartOptions.hideLegend + "";
- }
-
- $scope.reportRunJson.showTitle = $scope.reportRunJson.showTitle + "";
-
- // if barChartOptions is not null
- if ($scope.reportRunJson.barChartOptions) {
- $scope.reportRunJson.barChartOptions.displayBarControls = $scope.reportRunJson.barChartOptions.displayBarControls+"";
- $scope.reportRunJson.barChartOptions.minimizeXAxisTickers = $scope.reportRunJson.barChartOptions.minimizeXAxisTickers+"";
- $scope.reportRunJson.barChartOptions.stackedChart = $scope.reportRunJson.barChartOptions.stackedChart+"";
- $scope.reportRunJson.barChartOptions.timeAxis =$scope.reportRunJson.barChartOptions.timeAxis+"";
- $scope.reportRunJson.barChartOptions.verticalOrientation = $scope.reportRunJson.barChartOptions.verticalOrientation +"";
- $scope.reportRunJson.barChartOptions.xAxisDateType = $scope.reportRunJson.barChartOptions.xAxisDateType +"";
- }
-
- if ($scope.reportRunJson.chartTypeJSON) {
- var chrtTypeValue = $scope.reportRunJson.chartType;
- for(var i = 0; i < $scope.chartTypes.length; i++) {
- if ($scope.chartTypes[i].value==chrtTypeValue) {
- $scope.reportRunJson.chartTypeJSON.index=$scope.chartTypes[i].index;
- $scope.reportRunJson.chartTypeJSON.value=$scope.chartTypes[i].value;
- $scope.reportRunJson.chartTypeJSON.title=$scope.chartTypes[i].title;
- }
-
- }
- }
-
- //Set Domain Axis
- if ($scope.reportRunJson.domainAxisJSON) {
- var domaninAxisValue = $scope.reportRunJson.domainAxisJSON.value;
- for(var i = 0; i < $scope.reportRunJson.chartColumnJSONList.length; i++) {
- if ($scope.reportRunJson.chartColumnJSONList[i].value==domaninAxisValue) {
- $scope.reportRunJson.domainAxisJSON.index=$scope.reportRunJson.chartColumnJSONList[i].index;
- $scope.reportRunJson.domainAxisJSON.title=$scope.reportRunJson.chartColumnJSONList[i].title;
- }
-
- }
- }
-
- //Set Category
- if ($scope.reportRunJson.categoryAxisJSON) {
- var categoryAxisValue = $scope.reportRunJson.categoryAxisJSON.value;
- for(var i = 0; i < $scope.reportRunJson.chartColumnJSONList.length; i++) {
- if ($scope.reportRunJson.chartColumnJSONList[i].value==categoryAxisValue) {
- $scope.reportRunJson.categoryAxisJSON.index=$scope.reportRunJson.chartColumnJSONList[i].index;
- $scope.reportRunJson.categoryAxisJSON.title=$scope.reportRunJson.chartColumnJSONList[i].title;
- }
- }
- }
-
- //Set range axis label
- if ($scope.reportRunJson.rangeAxisList) {
- for(var j = 0; j < $scope.reportRunJson.rangeAxisList.length; j++) {
-
- if ($scope.reportRunJson.rangeAxisList[j].rangeAxisLabelJSON) {
- var rangeAxisLabelValue = $scope.reportRunJson.rangeAxisList[j].rangeAxisLabelJSON.value;
- for(var i = 0; i < $scope.reportRunJson.chartColumnJSONList.length; i++) {
- if ($scope.reportRunJson.chartColumnJSONList[i].value==rangeAxisLabelValue) {
- $scope.reportRunJson.rangeAxisList[j].rangeAxisLabelJSON.index=$scope.reportRunJson.chartColumnJSONList[i].index;
- $scope.reportRunJson.rangeAxisList[j].rangeAxisLabelJSON.title=$scope.reportRunJson.chartColumnJSONList[i].title;
- }
- }
- }
- }
- }
-
-
- //set range linetype
- if ($scope.reportRunJson.rangeAxisList) {
- for(var j = 0; j < $scope.reportRunJson.rangeAxisList.length; j++) {
- if ($scope.reportRunJson.rangeAxisList[j].rangeLineTypeJSON != null && $scope.reportRunJson.rangeAxisList[j].rangeLineTypeJSON.value != ""
- && $scope.reportRunJson.rangeAxisList[j].rangeLineTypeJSON.value != null) {
- var lineTypeValue = $scope.reportRunJson.rangeAxisList[j].rangeLineTypeJSON.value;
- for(var i = 0; i < $scope.lineTypes.length; i++) {
- if ($scope.lineTypes[i].value==lineTypeValue) {
- $scope.reportRunJson.rangeAxisList[j].rangeLineTypeJSON.index=$scope.lineTypes[i].index;
- $scope.reportRunJson.rangeAxisList[j].rangeLineTypeJSON.title=$scope.lineTypes[i].title;
- }
- }
- } else {
- $scope.reportRunJson.rangeAxisList[j].rangeLineTypeJSON = null;
- }
- }
- }
- //set range color
- if ($scope.reportRunJson.rangeAxisList) {
- for(var j = 0; j < $scope.reportRunJson.rangeAxisList.length; j++) {
- if ($scope.reportRunJson.rangeAxisList[j].rangeColorJSON != null && $scope.reportRunJson.rangeAxisList[j].rangeColorJSON.value != ""
- && $scope.reportRunJson.rangeAxisList[j].rangeColorJSON.value != null) {
- var colorValue = $scope.reportRunJson.rangeAxisList[j].rangeColorJSON.value;
- for(var i = 0; i < $scope.rangeColors.length; i++) {
- if ($scope.rangeColors[i].value==colorValue) {
- $scope.reportRunJson.rangeAxisList[j].rangeColorJSON.index=$scope.rangeColors[i].index;
- $scope.reportRunJson.rangeAxisList[j].rangeColorJSON.title=$scope.rangeColors[i].title;
- }
- }
- }else {
- $scope.reportRunJson.rangeAxisList[j].rangeColorJSON = null;
- }
- }
- }
- $scope.showLoader = false;
- });
-
- $scope.legend = "true";
- }
-
- $scope.saveChartData = function() {
- $scope.showLoader = true;
- if($scope.reportRunJson.commonChartOptions){
- $scope.reportRunJson.commonChartOptions.animateAnimatedChart = ($scope.reportRunJson.commonChartOptions.animateAnimatedChart=="true")
- $scope.reportRunJson.commonChartOptions.hideLegend = ($scope.reportRunJson.commonChartOptions.hideLegend=="true");
- }
-
- $scope.reportRunJson.showTitle = ($scope.reportRunJson.showTitle=="true");
-
- $scope.reportRunJson.chartTypeJSON = {
- 'index':0,'title':'','value':''};
-
-
- if (($scope.reportRunJson.chartType == "BarChart3D")&&($scope.reportRunJson.barChartOptions)) {
- $scope.reportRunJson.barChartOptions.displayBarControls = ($scope.reportRunJson.barChartOptions.displayBarControls=="true") ;
- $scope.reportRunJson.barChartOptions.minimizeXAxisTickers = ($scope.reportRunJson.barChartOptions.minimizeXAxisTickers=="true") ;
- $scope.reportRunJson.barChartOptions.stackedChart = ($scope.reportRunJson.barChartOptions.stackedChart=="true") ;
- $scope.reportRunJson.barChartOptions.timeAxis= ($scope.reportRunJson.barChartOptions.timeAxi=="true") ;
- $scope.reportRunJson.barChartOptions.verticalOrientation = ($scope.reportRunJson.barChartOptions.verticalOrientation=="true") ;
- $scope.reportRunJson.barChartOptions.xAxisDateType = ($scope.reportRunJson.barChartOptions.xAxisDateType=="true") ;
- }
-
- for (var i=0;i<$scope.chartTypes.length;i++) {
- if ($scope.reportRunJson.chartType==$scope.chartTypes[i].value) {
- $scope.reportRunJson.chartTypeJSON = {
- 'index':$scope.chartTypes[i].index,
- 'title':$scope.chartTypes[i].title,
- 'value':$scope.chartTypes[i].value
- }
- }
- }
-
- $scope.reportRunJson.domainAxisJSON = {
- "index":0,"value":$scope.reportRunJson.domainAxis,"title": $scope.reportRunJson.domainAxis
- };
- $scope.reportRunJson.categoryAxisJSON = {
- "index":0,"value":$scope.reportRunJson.categoryAxis,"title": $scope.reportRunJson.categoryAxis
- };
-
- // Specifically for DS2 for color
- for (var i=0; i<$scope.reportRunJson.rangeAxisList.length; i ++) {
- $scope.reportRunJson.rangeAxisList[i].rangeColorJSON =
- {"index":0, "value": $scope.reportRunJson.rangeAxisList[i].rangeColor, "title": ""};
-
- $scope.reportRunJson.rangeAxisList[i].rangeLineTypeJSON =
- {"index":0, "value": "", "title": ""};
- for (var j=0;j<$scope.lineTypes.length;j++) {
- if ($scope.reportRunJson.rangeAxisList[i].rangeLineType ==$scope.lineTypes[j].value) {
- $scope.reportRunJson.rangeAxisList[i].rangeLineTypeJSON =
- {"index":$scope.lineTypes[j].index, "value": $scope.lineTypes[j].value, "title": $scope.lineTypes[j].title};
- }
- }
-
- }
-
- //Converting string variables to numbers
- $scope.reportRunJson.commonChartOptions.rightMargin = Number($scope.reportRunJson.commonChartOptions.rightMargin);
- $scope.reportRunJson.commonChartOptions.topMargin = Number($scope.reportRunJson.commonChartOptions.topMargin);
- $scope.reportRunJson.commonChartOptions.bottomMargin = Number($scope.reportRunJson.commonChartOptions.bottomMargin);
- $scope.reportRunJson.commonChartOptions.leftMargin = Number($scope.reportRunJson.commonChartOptions.leftMargin);
-
- if ($scope.reportRunJson.categoryAxisJSON == "") {
- $scope.reportRunJson.categoryAxisJSON = {};
- $scope.reportRunJson.categoryAxisJSON.value = -1;
- }
- //add the remove list to the json
- $scope.reportRunJson.rangeAxisRemoveList= $scope.rangeAxisRemoveList;
- $http.post("save_chart", JSON.stringify($scope.reportRunJson)).success(function(data, status) {
- $scope.successSubmit=true;
- $scope.showLoader = false;
- $scope.reportRunJson.commonChartOptions.animateAnimatedChart = $scope.reportRunJson.commonChartOptions.animateAnimatedChart+"";
- $scope.reportRunJson.commonChartOptions.hideLegend = $scope.reportRunJson.commonChartOptions.hideLegend + "";
- $scope.reportRunJson.showTitle = $scope.reportRunJson.showTitle + "";
- if ($scope.reportRunJson.chartType == "BarChart3D" && $scope.reportRunJson.barChartOptions) {
- $scope.reportRunJson.barChartOptions.displayBarControls = $scope.reportRunJson.barChartOptions.displayBarControls+"";
- $scope.reportRunJson.barChartOptions.minimizeXAxisTickers = $scope.reportRunJson.barChartOptions.minimizeXAxisTickers+"";
- $scope.reportRunJson.barChartOptions.stackedChart = $scope.reportRunJson.barChartOptions.stackedChart+"";
- $scope.reportRunJson.barChartOptions.timeAxis =$scope.reportRunJson.barChartOptions.timeAxis+"";
- $scope.reportRunJson.barChartOptions.verticalOrientation = $scope.reportRunJson.barChartOptions.verticalOrientation +"";
- $scope.reportRunJson.barChartOptions.xAxisDateType = $scope.reportRunJson.barChartOptions.xAxisDateType +"";
- }
- $scope.successPopUp();
- $scope.populateChrtWzdFields();
- })
- }
-
-
- $scope.addRangeAxisRow = function (rangeaxisitem) {
- $scope.reportRunJson.rangeAxisList.push({
- });
- };
-
- $scope.rangeAxisRemoveList= [];
- $scope.removeRangeAxisRow = function (index) {
- $scope.rangeAxisRemoveList.push($scope.reportRunJson.rangeAxisList[index]);
- $scope.reportRunJson.rangeAxisList[index].removed="true";
- };
-
-
- $scope.init = function () {
- if ($scope) {
- $scope.populateChrtWzdFields();
- $scope.reportRunJson.rangeAxisRemoveList= [];
- }
- };
-
-
-
- $scope.domainItems = [{title:"Domain Axis1", content:"Test1", open: false},{title:"Domain Axis2", content:"Test2", open: false}];
-
- $scope.chartTypes = [
- {index: 0, value: 'BarChart3D', title: 'Bar Chart'},
- {index: 1, value: 'TimeSeriesChart', title: 'Time Series/Area Chart'},
- {index: 2, value: 'PieChart', title: 'Pie Chart'},
- {index: 3, value: 'AnnotationChart', title: 'Annotation Chart'},
- {index: 4, value: 'FlexTimeChart', title: 'Flexible Time Chart'}
- ];
-
- $scope.categories = [
- {index: 0, value: 'scenario_name', title: 'scenario_name'},
- {index: 1, value: 'total_traffic_in_PB', title: 'Total Traffic in PB'},
- {index: 2, value: 'Avg Utilization Day', title: 'Avg Utilization Day'}
- ];
-
- $scope.rangeColors = [
- {index: 0, value: "#1f77b4",title: "Dodger Blue"},
- {index: 1, value: "#ff7f0e",title: "Vivid orange"},
- {index: 2, value: "#2ca02c",title: "Forest Green"},
- {index: 3, value: "#8c864b",title: "Greenish Red"},
- {index: 4, value: "#9467bd",title: "Desaturated violet"},
- {index: 5, value: "#8c564b",title: "Dark moderate red"},
- {index: 6, value: "#e377c2",title: "Soft pink"},
- {index: 7, value: "#7f7f7f",title: "Dark gray"},
- {index: 8, value: "#bcbd22",title: "Strong yellow"},
- {index: 9, value: "#17becf",title: "Strong cyan"},
- {index: 10, value: "#dc143c",title: "Vivid red"},
- {index: 11, value: "#800080",title: "Dark magenta"},
- {index: 12, value: "#0000FF",title: "Blue"},
- {index: 13, value: "#008000",title: "Dark lime green"},
- {index: 14, value: "#D2691E",title: "Reddish Orange"},
- {index: 15, value: "#FF0000",title: "Red"},
- {index: 16, value: "#000000",title: "Black"},
- {index: 17, value: "#DB7093",title: "Pink"},
- {index: 18, value: "#FF00FF",title: "Pure Magenta"},
- {index: 19, value: "#7B68EE",title: "Soft blue"},
- {index: 20, value: "#1f77b6",title: "Strong blue"},
- {index: 21, value: "#9edae5",title: "Very soft cyan"},
- {index: 22, value: "#393b79",title: "Dark Blue"},
- {index: 23, value: "#5254a3",title: "Dark moderate Blue"},
- {index: 24, value: "#6b6ecf",title: "Slightly desaturated blue"},
- {index: 25, value: "#9c9ede",title: "Very soft blue"},
- {index: 26, value: "#637939",title: "Dark Green"},
- {index: 27, value: "#8ca252",title: "Dark moderate green"},
- {index: 28, value: "#b5cf6b",title: "Slightly desaturated green"},
- {index: 29, value: "#cedb9c",title: "Desaturated Green"},
-
- /* Old Colors */
- {index: 30, value: "#00FFFF",title: "Aqua"},
- {index: 31, value: "#000000",title: "Black"},
- {index: 32, value: "#0000FF",title: "Blue"},
- {index: 33, value: "#FF00FF",title: "Fuchsia"},
- {index: 34, value: "#808080",title: "Gray"},
- {index: 35, value: "#008000",title: "Green"},
- {index: 36, value: "#00FF00",title: "Lime"},
- {index: 37, value: "#800000",title: "Maroon"},
- {index: 38, value: "#000080",title: "Navy"},
- {index: 39, value: "#808000",title: "Olive"},
- {index: 40, value: "#FF9900",title: "Orange"},
- {index: 41, value: "#800080",title: "Purple"},
- {index: 42, value: "#FF0000",title: "Red"},
- {index: 43, value: "#C0C0C0",title: "Silver"},
- {index: 44, value: "#008080",title: "Teal"},
- {index: 45, value: "#FFFFFF",title: "White"},
- {index: 46, value: "#FFFF00",title: "Yellow"}
- ];
-
-
- $scope.lineTypes = [
- {index: 0, value: 'default', title: 'Default'},
- {index: 1, value: 'dotted_lines', title: 'Dotted Lines'},
- {index: 2, value: 'dashed_lines', title: 'Dashed Lines'}
- ];
-
- $scope.hardCodeReport= {
- "reportID":"3356",
- "reportName":"Test: Line Chart",
- "reportDescr":"",
- "reportTitle":"",
- "reportSubTitle":"",
- "formFieldList":[
- ],
- "chartColumnJSONList":[
- {
- "index":0,
- "value":"tr0",
- "title":"traffic_date",
- "$$hashKey":"056"
- },
- {
- "index":1,
- "value":"ut1",
- "title":"util_perc",
- "$$hashKey":"057"
- }
- ],
- "formfield_comments":null,
- "totalRows":0,
- "chartSqlWhole":"SELECT traffic_date tr0, traffic_date tr0_1,util_perc ut1, 1 FROM portal.demo_util_chart ORDER BY 1",
- "chartAvailable":true,
- "chartType":{"index": "", "value": "Bar Chart", "title": ""},
- "width":"700",
- "height":"420",
- "animation":false,
- "rotateLabels":"90",
- "staggerLabels":false,
- "showTitle":"false",
- "domainAxis":{
- "index":0,
- "value":"tr0",
- "title":"traffic_date",
- "$$hashKey":"11H"
- },
-
- "categoryAxis":{
- "index":1,
- "value":"ut1",
- "title":"util_perc",
- "$$hashKey":"11I"
- },
-
- "hasCategoryAxis":false,
- "rangeAxisList":[
- {
-
- "rangeColor":{
- "index":"",
- "value":"#bcbd22",
- "title":""
- },
-
- "rangeLineType":{
- "index":"",
- "value":"dotted_lines",
- "title":""
- },
- "rangeAxisLabel":{
- "index":0,
- "value":"tr0",
- "title":"traffic_date",
- "$$hashKey":"056"
- },
- "YAxis":"10",
- "chartTitle":"test"
- },
- {
- "rangeColor":{
- "index":"",
- "value":"#2ca02c",
- "title":""
- },
-
- "rangeLineType":{
- "index":"",
- "value":"dashed_lines",
- "title":""
-
-
- },
-
- "rangeAxisLabel":{
- "index":0,
- "value":"tr0",
- "title":"traffic_date",
- "$$hashKey":"056"
- },
- "YAxis":"10",
- "chartTitle":"test"
- }
-
-
- ],
-
- "primaryAxisLabel":"testlabel",
- "secondaryAxisLabel":"testseclabel",
- "minRange":"10",
- "maxRange":"20",
- "topMargin":"6",
- "bottomMargin":"5",
- "leftMargin":"4",
- "rightMargin":"3"
- };
-
- var colorValue = $scope.hardCodeReport.rangeAxisList[0].rangeColor.value;
-
- $timeout(function() {
- $rootScope.isViewRendering = false;
- });
-
- $scope.successPopUp = function (msg) {
- var modalInstance = $modal.open({
- templateUrl: 'app/fusion/scripts/DS2-modal/success_modal.html',
- controller: ModalInstanceCtrl,
- sizeClass: 'modal-small',
- resolve: {
- msg: function () {
- var message = {
- title: '',
- text: msg
- };
- return message;
- }
- }
- });
- };
-
- $scope.errorPopUp = function (msg) {
- var modalInstance = $modal.open({
- templateUrl: 'app/fusion/scripts/DS2-modal/error_modal.html',
- controller: ModalInstanceCtrl,
- sizeClass: 'modal-small',
- resolve: {
- msg: function () {
- return msg;
- }
- }
- });
- };
- var ModalInstanceCtrl = function ($scope, $modalInstance, msg,$rootScope) {
- $scope.msg=msg;
- }
-
-});
-
-appDS2.directive('onlyDigits', function () {
-
- return {
- restrict: 'A',
- require: '?ngModel',
- link: function (scope, element, attrs, ngModel) {
- if (!ngModel) return;
- ngModel.$parsers.unshift(function (inputValue) {
- var digits = inputValue.split('').filter(function (s) { return (!isNaN(s) && s != ' '); }).join('');
- ngModel.$viewValue = digits;
- ngModel.$render();
- return digits;
- });
- }
- };
-});
-
-appDS2.directive('onlyCharacters', function () {
- return {
- restrict: 'A',
- require: '?ngModel',
- link: function (scope, element, attrs, ngModel) {
- if (!ngModel) return;
- ngModel.$parsers.unshift(function (inputValue) {
- var digits = inputValue.split('').filter(function (s) { return (isNaN(s) && s != ' '); }).join('');
- ngModel.$viewValue = digits;
- ngModel.$render();
- return digits;
- });
- }
- };
-});
-
-
-