From 127d1981c81b2687e173ecf106dabb2e6fbb93f5 Mon Sep 17 00:00:00 2001 From: Dante Date: Fri, 17 Apr 2015 15:17:24 -0400 Subject: [PATCH] addition of javascript files for view dashboard --- .../strategicDashboard/viewDashboardHelper.js | 180 ++++ .../strategicDashboard/viewDashboardModel.js | 157 ++++ .../viewDashboardPresenter.js | 359 ++++++++ .../strategicDashboard/viewDashboardView.js | 836 ++++++++++++++++++ 4 files changed, 1532 insertions(+) create mode 100644 workflow/engine/js/strategicDashboard/viewDashboardHelper.js create mode 100644 workflow/engine/js/strategicDashboard/viewDashboardModel.js create mode 100644 workflow/engine/js/strategicDashboard/viewDashboardPresenter.js create mode 100644 workflow/engine/js/strategicDashboard/viewDashboardView.js diff --git a/workflow/engine/js/strategicDashboard/viewDashboardHelper.js b/workflow/engine/js/strategicDashboard/viewDashboardHelper.js new file mode 100644 index 000000000..ff4d2a465 --- /dev/null +++ b/workflow/engine/js/strategicDashboard/viewDashboardHelper.js @@ -0,0 +1,180 @@ + +var ViewDashboardHelper = function () { + +}; + +ViewDashboardHelper.prototype.userDashboards = function(userId, callBack) { +}; + +ViewDashboardHelper.prototype.stringIfNull = function (val){ + if(val === null || val == undefined || val == "?"){ + val = "?"; + } else { + val = (parseFloat(val)).toFixed(2); + } + return val; +}; + +ViewDashboardHelper.prototype.assert = function (condition, message) { + if (!condition) { + message = message || "Assertion failed"; + if (typeof Error !== "undefined") { + throw new Error(message); + } + throw message; // Fallback + } +} + +ViewDashboardHelper.prototype.truncateString = function (string, len) { + this.assert(len != null && len > 0, "Var len not valid. String must by truncated to a positive non zero length."); + this.assert(string != null, "var string can't be null."); + + var retval = ""; + if(string.length > len){ + retval = string.substring(0, len ) + "..."; + } + else{ + retval = string; + } + return retval; +} + +ViewDashboardHelper.prototype.getKeyValue = function (obj, key, undefined) { + var reg = /\./gi + , subKey + , keys + , context + , x + ; + + if (reg.test(key)) { + keys = key.split(reg); + context = obj; + + for (x = 0; x < keys.length; x++) { + subKey = keys[x]; + + //the values of all keys except for + //the last one should be objects + if (x < keys.length -1) { + if (!context.hasOwnProperty(subKey)) { + return undefined; + } + + context = context[subKey]; + } + else { + return context[subKey]; + } + } + } + else { + return obj[key]; + } +}; + +ViewDashboardHelper.prototype.setKeyValue = function (obj, key, value) { + var reg = /\./gi + , subKey + , keys + , context + , x + ; + + //check to see if we need to process + //multiple levels of objects + if (reg.test(key)) { + keys = key.split(reg); + context = obj; + + for (x = 0; x < keys.length; x++) { + subKey = keys[x]; + + //the values of all keys except for + //the last one should be objects + if (x < keys.length -1) { + if (!context[subKey]) { + context[subKey] = {}; + } + + context = context[subKey]; + } + else { + context[subKey] = value; + } + } + } + else { + obj[key] = value; + } +}; + +ViewDashboardHelper.prototype.merge = function (objFrom, objTo, propMap) { + var toKey + , fromKey + , x + , value + , def + , transform + , key + , keyIsArray + ; + + if (!objTo) { + objTo = {}; + } + + for(fromKey in propMap) { + if (propMap.hasOwnProperty(fromKey)) { + toKey = propMap[fromKey]; + + //force toKey to an array of toKeys + if (!Array.isArray(toKey)) { + toKey = [toKey]; + } + + for(x = 0; x < toKey.length; x++) { + def = null; + transform = null; + key = toKey[x]; + keyIsArray = Array.isArray(key); + + if (typeof(key) === "object" && !keyIsArray) { + def = key.default || null; + transform = key.transform || null; + key = key.key; + //evaluate if the new key is an array + keyIsArray = Array.isArray(key); + } + + if (keyIsArray) { + //key[toKeyName,transform,default] + def = key[2] || null; + transform = key[1] || null; + key = key[0]; + } + + if (def && typeof(def) === "function" ) { + def = def(objFrom, objTo); + } + + value = this.getKeyValue(objFrom, fromKey); + + if (transform) { + value = transform(value, objFrom, objTo); + } + + if (typeof value !== 'undefined') { + this.setKeyValue(objTo, key, value); + } + else if (typeof def !== 'undefined') { + this.setKeyValue(objTo, key, def); + } + } + } + } + + return objTo; +}; + + diff --git a/workflow/engine/js/strategicDashboard/viewDashboardModel.js b/workflow/engine/js/strategicDashboard/viewDashboardModel.js new file mode 100644 index 000000000..a07e4ca9c --- /dev/null +++ b/workflow/engine/js/strategicDashboard/viewDashboardModel.js @@ -0,0 +1,157 @@ + +var ViewDashboardModel = function (oauthToken, server, workspace) { + this.server = server; + this.workspace = workspace; + this.baseUrl = "/api/1.0/" + workspace + "/"; + this.oauthToken = oauthToken; + this.helper = new ViewDashboardHelper(); +}; + +ViewDashboardModel.prototype.userDashboards = function(userId) { + return this.getJson('dashboard/ownerData/' + userId); +}; + +ViewDashboardModel.prototype.dashboardIndicators = function(dashboardId, initDate, endDate) { + return this.getJson('dashboard/' + dashboardId + '/indicator?dateIni=' + initDate + '&dateFin=' + endDate); +}; + +ViewDashboardModel.prototype.peiData = function(indicatorId, measureDate, compareDate) { + var endPoint = "ReportingIndicators/process-efficiency-data?" + + "indicator_uid=" + indicatorId + + "&measure_date=" + measureDate + + "&compare_date=" + compareDate + + "&language=en"; + return this.getJson(endPoint); +} + +ViewDashboardModel.prototype.statusData = function(indicatorId, measureDate, compareDate) { + var endPoint = "ReportingIndicators/status-indicator"; + return this.getJson(endPoint); +} + +ViewDashboardModel.prototype.peiDetailData = function(process, initDate, endDate) { + var endPoint = "ReportingIndicators/process-tasks?" + + "process_list=" + process + + "&init_date=" + initDate + + "&end_date=" + endDate + + "&language=en"; + return this.getJson(endPoint); +} + +ViewDashboardModel.prototype.ueiData = function(indicatorId, measureDate, compareDate) { + var endPoint = "ReportingIndicators/employee-efficiency-data?" + + "indicator_uid=" + indicatorId + + "&measure_date=" + measureDate + + "&compare_date=" + compareDate + + "&language=en"; + return this.getJson(endPoint); +} + +ViewDashboardModel.prototype.ueiDetailData = function(groupId, initDate, endDate) { + var endPoint = "ReportingIndicators/group-employee-data?" + + "group_uid=" + groupId + + "&init_date=" + initDate + + "&end_date=" + endDate + + "&language=en"; + return this.getJson(endPoint); +} + +ViewDashboardModel.prototype.generalIndicatorData = function(indicatorId, initDate, endDate) { + var method = ""; + var endPoint = "ReportingIndicators/general-indicator-data?" + + "indicator_uid=" + indicatorId + + "&init_date=" + initDate + + "&end_date=" + endDate + + "&language=en"; + return this.getJson(endPoint); +} + +ViewDashboardModel.prototype.getPositionIndicator = function(callBack) { + this.getJson('dashboard/config').done(function (r) { + var graphData = []; + $.each(r, function(index, originalObject) { + var map = { + "widgetId" : originalObject.widgetId, + "x" : originalObject.x, + "y" : originalObject.y, + "width" : originalObject.width, + "height" : originalObject.height + + }; + graphData.push(map); + }); + callBack(graphData); + }); +}; + +ViewDashboardModel.prototype.setPositionIndicator = function(data) { + var that = this; + + this.getPositionIndicator( + function(response){ + if (response.length != 0) { + that.putJson('dashboard/config', data); + } else { + that.postJson('dashboard/config', data); + } + } + ); +}; + +ViewDashboardModel.prototype.getJson = function (endPoint) { + var that = this; + var callUrl = this.baseUrl + endPoint + return $.ajax({ + url: callUrl, + type: 'GET', + datatype: 'json', + error: function(jqXHR, textStatus, errorThrown) { + throw new Error(callUrl + ' -- ' + errorThrown); + }, + beforeSend: function (xhr) { + xhr.setRequestHeader('Authorization', 'Bearer ' + that.oauthToken); + //xhr.setRequestHeader('Access-Control-Allow-Origin', '*'); + } + }); +} + +ViewDashboardModel.prototype.postJson = function (endPoint, data) { + var that = this; + return $.ajax({ + url : this.baseUrl + endPoint, + type : 'POST', + datatype : 'json', + contentType: "application/json; charset=utf-8", + data: JSON.stringify(data), + error: function(jqXHR, textStatus, errorThrown) { + throw new Error(errorThrown); + }, + beforeSend: function (xhr) { + xhr.setRequestHeader('Authorization', 'Bearer ' + that.oauthToken); + xhr.setRequestHeader('Access-Control-Allow-Origin', '*'); + } + }).fail(function () { + throw new Error('Fail server'); + }); +}; + +ViewDashboardModel.prototype.putJson = function (endPoint, data) { + var that = this; + return $.ajax({ + url : this.baseUrl + endPoint, + type : 'PUT', + datatype : 'json', + contentType: "application/json; charset=utf-8", + data: JSON.stringify(data), + error: function(jqXHR, textStatus, errorThrown) { + throw new Error(errorThrown); + }, + beforeSend: function (xhr) { + xhr.setRequestHeader('Authorization', 'Bearer ' + that.oauthToken); + //xhr.setRequestHeader('Access-Control-Allow-Origin', '*'); + } + }).fail(function () { + throw new Error('Fail server'); + }); +}; + diff --git a/workflow/engine/js/strategicDashboard/viewDashboardPresenter.js b/workflow/engine/js/strategicDashboard/viewDashboardPresenter.js new file mode 100644 index 000000000..277a7bec9 --- /dev/null +++ b/workflow/engine/js/strategicDashboard/viewDashboardPresenter.js @@ -0,0 +1,359 @@ + + +var ViewDashboardPresenter = function (model) { + this.helper = new ViewDashboardHelper(); + this.helper.assert(model != null, "A model must be passed for the presenter work.") + this.model = model; +}; + +ViewDashboardPresenter.prototype.getUserDashboards = function (userId) { + var that = this; + var requestFinished = $.Deferred(); + this.model.userDashboards(userId) + .done(function(modelData){ + var viewModel = that.userDashboardsViewModel(modelData) + requestFinished.resolve(viewModel); + }); + return requestFinished.promise(); +}; + +ViewDashboardPresenter.prototype.userDashboardsViewModel = function(data) { + var that = this; + //if null data is returned we default to an empty array + if (data == null) { data = []; } + var returnList = []; + $.each(data, function(index, originalObject) { + var map = { + "DAS_TITLE" : "title", + "DAS_UID" : "id", + "DAS_FAVORITE" : "isFavorite" + }; + var newObject = that.helper.merge(originalObject, {}, map); + returnList.push(newObject); + }); + return returnList; +}; + +ViewDashboardPresenter.prototype.getDashboardIndicators = function (dashboardId,initDate, endDate) { + if (dashboardId == null) {throw new Error ("getDashboardIndicators -> dashboardId can't be null");}; + var that = this; + var requestFinished = $.Deferred(); + this.model.dashboardIndicators (dashboardId, initDate, endDate) + .done(function (modelData) { + var viewModel = that.dashboardIndicatorsViewModel(modelData) + requestFinished.resolve(viewModel); + }); + return requestFinished.promise(); +}; + +ViewDashboardPresenter.prototype.dashboardIndicatorsViewModel = function(data) { + var that = this; + var returnList = []; + var i = 1; + $.each(data, function(index, originalObject) { + var map = { + "DAS_IND_UID" : "id", + "DAS_IND_TITLE" : "title", + "DAS_IND_TYPE" : "type", + "DAS_IND_VARIATION" : "comparative", + "DAS_IND_DIRECTION" : "direction", + "DAS_IND_VALUE" : "value", + "DAS_IND_X" : "x", + "DAS_IND_Y" : "y", + "DAS_IND_WIDTH" : "width", + "DAS_IND_HEIGHT" : "height", + "DAS_UID_PROCESS" : "process", + "PERCENTAGE_OVERDUE" : "percentageOverdue", + "PERCENTAGE_AT_RISK" : "percentageAtRisk", + "PERCENTAGE_ON_TIME" : "percentageOnTime" + }; + + var newObject = that.helper.merge(originalObject, {}, map); + newObject.toDrawX = newObject.x; + //newObject.toDrawX = (newObject.x == 0) ? 12 - 12/i : newObject.x; + + newObject.toDrawY = (newObject.y == 0) ? 6 : newObject.y; + newObject.toDrawHeight = (newObject.y == 0) ? 2 : newObject.height; + newObject.toDrawWidth = (newObject.y == 0) ? 12 / data.length : newObject.width; + newObject.comparative = ((newObject.comparative > 0)? "+": "") + that.helper.stringIfNull(newObject.comparative); + newObject.directionSymbol = (newObject.direction == "1") ? "<" : ">"; + newObject.isWellDone = (newObject.direction == "1") + ? parseFloat(newObject.value) <= parseFloat(newObject.comparative) + : parseFloat(newObject.value) >= parseFloat(newObject.comparative); + + newObject.category = (newObject.type == "1010" || newObject.type == "1030") + ? "special" + : "normal"; + + //round goals for normal indicators + newObject.comparative = (newObject.category == "normal") + ? Math.round(newObject.comparative) + "" + : newObject.comparative; + + newObject.value = (newObject.category == "normal") + ? Math.round(newObject.value) + "" + : Math.round(newObject.value*100)/100 + "" + + newObject.favorite = 0; + newObject.percentageOverdue = Math.round(newObject.percentageOverdue); + newObject.percentageAtRisk = Math.round(newObject.percentageAtRisk); + //to be sure that percentages sum up to 100 (the rounding will lost decimals)% + newObject.percentageOnTime = 100 - newObject.percentageOverdue - newObject.percentageAtRisk; + newObject.overdueVisibility = (newObject.percentageOverdue > 0)? "visible" : "hidden"; + newObject.atRiskVisiblity = (newObject.percentageAtRisk > 0)? "visible" : "hidden"; + newObject.onTimeVisibility = (newObject.percentageOnTime > 0)? "visible" : "hidden"; + returnList.push(newObject); + i++; + }); + + //sort the array for drawing in toDrawX order + returnList.sort(function (a, b) { + return ((a.toDrawX <= b.toDrawX) ? -1 : 1); + }); + if (returnList.length > 0) { + returnList[0].favorite = 1; + } + return returnList; +}; + +/*++++++++ FIRST LEVEL INDICATOR DATA +++++++++++++*/ +ViewDashboardPresenter.prototype.getIndicatorData = function (indicatorId, indicatorType, initDate, endDate) { + var that = this; + var requestFinished = $.Deferred(); + switch (indicatorType) { + case "1010": + this.model.peiData(indicatorId, initDate, endDate) + .done(function(modelData) { + var viewModel = that.peiViewModel(modelData) + requestFinished.resolve(viewModel); + }); + break; + case "1030": + this.model.ueiData(indicatorId, initDate, endDate) + .done(function(modelData) { + var viewModel = that.ueiViewModel(modelData) + requestFinished.resolve(viewModel); + }); + break; + case "1050": + this.model.statusData(indicatorId) + .done(function(modelData) { + var viewModel = that.statusViewModel(indicatorId, modelData) + requestFinished.resolve(viewModel); + }); + break; + default: + this.model.generalIndicatorData(indicatorId, initDate, endDate) + .done(function(modelData) { + var viewModel = that.indicatorViewModel(modelData) + requestFinished.resolve(viewModel); + }); + break; + } + return requestFinished.promise(); +}; + +ViewDashboardPresenter.prototype.peiViewModel = function(data) { + var that = this; + var graphData = []; + $.each(data.data, function(index, originalObject) { + var map = { + "name" : "datalabel", + "efficiencyIndex" : "value" + }; + var newObject = that.helper.merge(originalObject, {}, map); + var shortLabel = (newObject.datalabel == null) + ? "" + : newObject.datalabel.substring(0,15); + + newObject.datalabel = shortLabel; + graphData.push(newObject); + originalObject.inefficiencyCostToShow = Math.round(originalObject.inefficiencyCost); + originalObject.efficiencyIndexToShow = Math.round(originalObject.efficiencyIndex * 100) / 100; + originalObject.indicatorId = data.id; + originalObject.json = JSON.stringify(originalObject); + }); + + var retval = {}; + //TODO selecte de 7 worst cases no the first 7 + retval = data; + retval.dataToDraw = graphData.splice(0,7); + //TODO aumentar el símbolo de moneda $ + retval.inefficiencyCostToShow = Math.round(retval.inefficiencyCost); + retval.efficiencyIndexToShow = Math.round(retval.efficiencyIndex * 100) / 100; + return retval; +}; + +ViewDashboardPresenter.prototype.ueiViewModel = function(data) { + var that = this; + var graphData = []; + $.each(data.data, function(index, originalObject) { + var map = { + "name" : "datalabel", + "averageTime" : "value", + "deviationTime" : "dispersion" + }; + var newObject = that.helper.merge(originalObject, {}, map); + var shortLabel = (newObject.datalabel == null) + ? "" + : newObject.datalabel.substring(0,7); + + newObject.datalabel = shortLabel; + graphData.push(newObject); + originalObject.inefficiencyCostToShow = Math.round(originalObject.inefficiencyCost); + originalObject.efficiencyIndexToShow = Math.round(originalObject.efficiencyIndex * 100) / 100; + originalObject.indicatorId = data.id; + originalObject.json = JSON.stringify(originalObject); + }); + + var retval = {}; + //TODO selecte de 7 worst cases no the first 7 + retval = data; + retval.dataToDraw = graphData.splice(0,7); + //TODO aumentar el símbolo de moneda $ + retval.inefficiencyCostToShow = Math.round(retval.inefficiencyCost); + retval.efficiencyIndexToShow = Math.round(retval.efficiencyIndex * 100) / 100; + return retval; +}; + +ViewDashboardPresenter.prototype.statusViewModel = function(indicatorId, data) { + var that = this; + data.id = indicatorId; + var graph1Data = []; + var graph2Data = []; + var graph3Data = []; + $.each(data.dataList, function(index, originalObject) { + var title = (originalObject.taskTitle == null) + ? "" + : originalObject.taskTitle.substring(0,15); + var newObject1 = { + datalabel : title, + value : originalObject.percentageTotalOverdue + }; + var newObject2 = { + datalabel : title, + value : originalObject.percentageTotalAtRisk + }; + var newObject3 = { + datalabel : title, + value : originalObject.percentageTotalOnTime + }; + + graph1Data.push(newObject1); + graph2Data.push(newObject2); + graph3Data.push(newObject3); + //we add the indicator id for reference + originalObject.indicatorId = indicatorId; + }); + + var retval = data; + //TODO selecte de 7 worst cases no the first 7 + retval.graph1Data = graph1Data.splice(0,7) + retval.graph2Data = graph2Data.splice(0,7) + retval.graph3Data = graph3Data.splice(0,7) + + return retval; +}; + +ViewDashboardPresenter.prototype.indicatorViewModel = function(data) { + var that = this; + $.each(data.graph1Data, function(index, originalObject) { + var label = (('YEAR' in originalObject) ? originalObject.YEAR : "") ; + label += (('MONTH' in originalObject) ? "/" + originalObject.MONTH : "") ; + label += (('QUARTER' in originalObject) ? "/" + originalObject.QUARTER : ""); + label += (('SEMESTER' in originalObject) ? "/" + originalObject.SEMESTER : ""); + originalObject.datalabel = label; + }); + + $.each(data.graph2Data, function(index, originalObject) { + var label = (('YEAR' in originalObject) ? originalObject.YEAR : "") ; + label += (('MONTH' in originalObject) ? "/" + originalObject.MONTH : "") ; + label += (('QUARTER' in originalObject) ? "/" + originalObject.QUARTER : ""); + label += (('SEMESTER' in originalObject) ? "/" + originalObject.SEMESTER : "") ; + originalObject.datalabel = label; + }); + return data; +}; +/*-------FIRST LEVEL INDICATOR DATA */ + +/*++++++++ SECOND LEVEL INDICATOR DATA +++++++++++++*/ +ViewDashboardPresenter.prototype.getSpecialIndicatorSecondLevel = function (entityId, indicatorType, initDate, endDate) { + var that = this; + var requestFinished = $.Deferred(); + //entityid is the process id or group id + switch (indicatorType) { + case "1010": + this.model.peiDetailData(entityId, initDate, endDate) + .done(function (modelData) { + var viewModel = that.returnIndicatorSecondLevelPei(modelData); + requestFinished.resolve(viewModel); + }); + break; + case "1030": + this.model.ueiDetailData(entityId, initDate, endDate) + .done(function (modelData) { + var viewModel = that.returnIndicatorSecondLevelUei(modelData); + requestFinished.resolve(viewModel); + }); + break; + default: + throw new Error("Indicator type " + indicatorType + " has not detail data implemented of special indicator kind."); + } + return requestFinished.promise(); +}; + +ViewDashboardPresenter.prototype.returnIndicatorSecondLevelPei = function(modelData) { + //modelData arrives in format [{users/tasks}] + //returns object {dataToDraw[], entityData[] //user/tasks data} + var that = this; + var graphData = []; + $.each(modelData, function(index, originalObject) { + var map = { + "name" : "datalabel", + "averageTime" : "value", + "deviationTime" : "dispersion" + }; + var newObject = that.helper.merge(originalObject, {}, map); + newObject.datalabel = newObject.datalabel.substring(0, 7); + originalObject.inefficiencyCostToShow = Math.round(originalObject.inefficiencyCost); + originalObject.efficiencyIndexToShow = Math.round(originalObject.efficiencyIndex * 100) / 100; + graphData.push(newObject); + }); + var retval = {}; + retval.dataToDraw = graphData.splice(0,7); + retval.entityData = modelData; + return retval; +}; + +ViewDashboardPresenter.prototype.returnIndicatorSecondLevelUei = function(modelData) { + //modelData arrives in format [{users/tasks}] + //returns object {dataToDraw[], entityData[] //user/tasks data} + var that = this; + var graphData = []; + $.each(modelData, function(index, originalObject) { + var map = { + "name" : "datalabel", + "averageTime" : "value", + "deviationTime" : "dispersion" + }; + var newObject = that.helper.merge(originalObject, {}, map); + newObject.datalabel = ((newObject.datalabel == null) ? "" : newObject.datalabel.substring(0, 7)); + originalObject.inefficiencyCostToShow = Math.round(originalObject.inefficiencyCost); + originalObject.efficiencyIndexToShow = Math.round(originalObject.efficiencyIndex * 100) / 100; + graphData.push(newObject); + }); + var retval = {}; + retval.dataToDraw = graphData.splice(0,7); + retval.entityData = modelData; + return retval; +}; +/*-------SECOND LEVEL INDICATOR DATA*/ + + + + + + + + + diff --git a/workflow/engine/js/strategicDashboard/viewDashboardView.js b/workflow/engine/js/strategicDashboard/viewDashboardView.js new file mode 100644 index 000000000..cb707c766 --- /dev/null +++ b/workflow/engine/js/strategicDashboard/viewDashboardView.js @@ -0,0 +1,836 @@ +/**************************************************************/ +var WidgetBuilder = function () { + this.helper = new ViewDashboardHelper(); +} + +WidgetBuilder.prototype.getIndicatorWidget = function (indicator) { + var retval = null; + switch(indicator.type) { + case "1010": retval = this.buildSpecialIndicatorButton(indicator); break; + case "1030": retval = this.buildSpecialIndicatorButton(indicator); break; + case "1050": retval = this.buildStatusIndicatorButton(indicator); break; + case "1020": + case "1040": + case "1060": + case "1070": + case "1080": + retval = this.buildIndicatorButton(indicator); break; + } + if(retval == null) {throw new Error(indicator.type + " has not associated a widget.");} + return retval; +}; + +WidgetBuilder.prototype.buildSpecialIndicatorButton = function (indicator) { + _.templateSettings.variable = "indicator"; + var template = _.template ($("script.specialIndicatorButtonTemplate").html()); + var $retval = $(template(indicator)); + + if(indicator.comparative < 0){ + $retval.find(".ind-container-selector").removeClass("panel-green").addClass("panel-red"); + $retval.find(".ind-symbol-selector").removeClass("fa-chevron-up").addClass("fa-chevron-down"); + } + + if(indicator.comparative > 0){ + $retval.find(".ind-container-selector").removeClass("panel-red").addClass("panel-green"); + $retval.find(".ind-symbol-selector").removeClass("fa-chevron-down").addClass("fa-chevron-up"); + } + + if(indicator.comparative == 0){ + $retval.find(".ind-symbol-selector").removeClass("fa-chevron-up"); + $retval.find(".ind-symbol-selector").removeClass("fa-chevron-down"); + $retval.find(".ind-symbol-selector").addClass("fa-circle-o"); + $retval.find(".ind-container-selector").removeClass("panel-red").addClass("panel-green"); + } + return $retval; +} + +WidgetBuilder.prototype.buildStatusIndicatorButton = function (indicator) { + _.templateSettings.variable = "indicator"; + var template = _.template ($("script.statusIndicatorButtonTemplate").html()); + var $retval = $(template(indicator)); + return $retval; +} + +WidgetBuilder.prototype.buildIndicatorButton = function (indicator) { + _.templateSettings.variable = "indicator"; + var template = _.template ($("script.statusIndicatorButtonTemplate").html()); + var $retval = $(template(indicator)); + var $comparative = $retval.find('.ind-comparative-selector'); + var $title = $retval.find('.ind-title-selector'); + if (indicator.isWellDone) { + $comparative.text("(" + indicator.directionSymbol + " " + indicator.comparative + "%)-"+ G_STRING.ID_WELL_DONE); + $retval.find(".ind-container-selector").removeClass("panel-low").addClass("panel-high"); + } + else { + $comparative.text("Goal: " + indicator.directionSymbol + " " + indicator.comparative + "%"); + $retval.find(".ind-container-selector").removeClass("panel-high").addClass("panel-low"); + } + return $retval; +} + +WidgetBuilder.prototype.buildSpecialIndicatorFirstView = function (indicatorData) { + if (indicatorData == null) { throw new Error ("indicatorData is null."); } + if (!indicatorData.hasOwnProperty("id")) { throw new Error ("indicatorData has no id."); } + + _.templateSettings.variable = "indicator"; + var template = _.template ($("script.specialIndicatorMainPanel").html()); + var $retval = $(template(indicatorData)); + var indicatorPrincipalData = this.getIndicatorLoadedById(indicatorData.id) + $retval.find('.breadcrumb').find('li').remove() + $retval.find('.breadcrumb').append ('
  • '+indicatorPrincipalData.title+'
    • ') + $retval.find(".sind-index-selector").text(G_STRING.ID_EFFICIENCY_INDEX); + $retval.find(".sind-cost-selector").text(G_STRING.ID_INEFFICIENCY_COST); + return $retval; +} + +WidgetBuilder.prototype.buildSpecialIndicatorFirstViewDetail = function (oneItemDetail) { + //detailData = {indicatorId, uid, name, averateTime...} + if (oneItemDetail == null){throw new Error("oneItemDetail is null ");} + if (!typeof(oneItemDetail) === 'object'){throw new Error( "detailData is not and object ->" + oneItemDetail);} + if (!oneItemDetail.hasOwnProperty("name")){throw new Error("buildSpecialIndicatorFirstViewDetail -> detailData has not the name param. Has it the correct Type? ->" + oneItemDetail);} + + _.templateSettings.variable = "detailData"; + var template = _.template ($("script.specialIndicatorDetail").html()); + var $retval = $(template(oneItemDetail)); + $retval.find(".detail-efficiency-selector").text(G_STRING.ID_EFFICIENCY_INDEX); + $retval.find(".detail-cost-selector").text(G_STRING.ID_EFFICIENCY_COST); + return $retval; +} + +WidgetBuilder.prototype.buildStatusIndicatorFirstView = function (indicatorData) { + if (indicatorData == null) { throw new Error ("indicatorData is null."); } + if (!indicatorData.hasOwnProperty("id")) { throw new Error ("indicatorData has no id."); } + + _.templateSettings.variable = "indicator"; + var template = _.template ($("script.statusIndicatorMainPanel").html()); + var $retval = $(template(indicatorData)); + var indicatorPrincipalData = this.getIndicatorLoadedById(indicatorData.id) + $retval.find('.breadcrumb').find('li').remove() + $retval.find('.breadcrumb').append ('
  • '+indicatorPrincipalData.title+'
    • ') + return $retval; +} + +WidgetBuilder.prototype.buildStatusIndicatorFirstViewDetail = function (oneItemDetail) { + //detailData = {indicatorId, uid, name, averateTime...} + if (oneItemDetail == null){throw new Error("oneItemDetail is null ");} + if (!typeof(oneItemDetail) === 'object'){throw new Error( "detailData is not and object ->" + oneItemDetail);} + if (!oneItemDetail.hasOwnProperty("taskTitle")){throw new Error("detailData has not the name param. Has it the correct Type? ->" + oneItemDetail);} + + _.templateSettings.variable = "detailData"; + var template = _.template ($("script.statusDetail").html()); + var $retval = $(template(oneItemDetail)); + return $retval; +} + +WidgetBuilder.prototype.buildSpecialIndicatorSecondView = function (secondViewData) { + //presenterData= object {dataToDraw[], entityData[] //user/tasks data} + _.templateSettings.variable = "indicator"; + var template = _.template ($("script.specialIndicatorMainPanel").html()); + var $retval = $(template(window.currentEntityData)); + //var indicatorPrincipalData = this.getIndicatorLoadedById(indicatorId); + //$retval.find(".sind-title-selector").text(indicatorPrincipalData.title); + $retval.find(".sind-index-selector").text(G_STRING.ID_EFFICIENCY_INDEX); + $retval.find(".sind-cost-selector").text(G_STRING.ID_INEFFICIENCY_COST); + + + $retval.find('.breadcrumb').find('li').remove(); + $retval.find('.breadcrumb').append ('
  • ' + window.currentIndicator.title + '
    • '); + $retval.find('.breadcrumb').append ('
  • ' + window.currentEntityData.name + '
    • '); + return $retval; +}; + +WidgetBuilder.prototype.buildSpecialIndicatorSecondViewDetail = function (oneItemDetail) { + if (oneItemDetail == null){throw new Error("oneItemDetail is null ");} + if (!typeof(oneItemDetail) === 'object'){throw new Error( "detailData is not and object ->" + oneItemDetail);} + if (!oneItemDetail.hasOwnProperty("name")){throw new Error("buildSpecialIndicatorFirstViewDetail -> detailData has not the name param. Has it the correct Type? ->" + oneItemDetail);} + + _.templateSettings.variable = "detailData"; + var template = _.template ($("script.ueiDetail").html()); + var $retval = $(template(oneItemDetail)); + $retval.find(".detail-efficiency-selector").text(G_STRING.ID_EFFICIENCY_INDEX); + $retval.find(".detail-cost-selector").text(G_STRING.ID_EFFICIENCY_COST); + return $retval; +} + +WidgetBuilder.prototype.getIndicatorLoadedById = function (searchedIndicatorId) { + var retval = null; + for (key in window.loadedIndicators) { + var indicator = window.loadedIndicators[key]; + if (indicator.id == searchedIndicatorId) { + retval = indicator; + } + } + if (retval == null) { throw new Error(searchedIndicatorId + " was not found in the loaded indicators.");} + return retval; +} + +WidgetBuilder.prototype.buildGeneralIndicatorFirstView = function (indicatorData) { + _.templateSettings.variable = "indicator"; + var template = _.template ($("script.generalIndicatorMainPanel").html()); + var $retval = $(template(indicatorData)); + $retval.find(".ind-title-selector").text(window.currentIndicator.title); + return $retval; +} + +/**********************************************************************/ +helper = new ViewDashboardHelper(); +var ws = urlProxy.split('/'); +console.log(urlProxy); +console.log(ws); +model = new ViewDashboardModel(token, urlProxy, ws[3]); +presenter = new ViewDashboardPresenter(model); + +window.loadedIndicators = []; //updated in das-title-selector.click->fillIndicatorWidgets, ready->fillIndicatorWidgets +window.currentEntityData = null; +window.currentIndicator = null;//updated in ind-button-selector.click ->loadIndicator, ready->loadIndicator +window.currentDashboardId = null; + + +function hideScrollIfAllDivsAreVisible(){ + if ($('.hideme').length <= 0) { + $('#scrollImg').hide(); + } + else { + $('#scrollImg').show(); + } +} + +$(document).ready(function() { + $('#indicatorsGridStack').gridstack(); + $('#indicatorsDataGridStack').gridstack(); + $('#relatedDetailGridStack').gridstack(); + + + /* Show on scroll functionality... */ + $(window).scroll( function() { + /* Check the location of each desired element */ + $('.hideme').each( function(i){ + var bottom_of_object = $(this).offset().top + $(this).outerHeight(); + var bottom_of_window = $(window).scrollTop() + $(window).height(); + /* If the object is completely visible in the window, fade it in */ + if (bottom_of_window + 100 > bottom_of_object) { + $(this).animate({'opacity':'1'}, 500); + $(this).removeClass('hideme'); + } + }); + hideScrollIfAllDivsAreVisible(); + }); + + var isHover = false; + $('#scrollImg').mouseover(function() { + isHover = true; + var interval = window.setInterval(function () { + var newPos = $(window).scrollTop() + 200; + $(window).scrollTop(newPos); + if (isHover == false) { + window.clearInterval(interval); + } + }, 100); + }); + + $('#scrollImg').mouseleave(function() { + isHover = false; + }); + + + //When some item is moved + $('.grid-stack').on('change', function (e, items) { + var widgets = []; + _.map($('.grid-stack .grid-stack-item:visible'), function (el) { + el = $(el); + var item = el.data('_gridstack_node'); + var idWidGet = el.data("indicator-id"); + /*if(favorite == actualDashId){ + favoriteData = 1; + } else { + favoriteData = 0; + }*/ + if (typeof idWidGet != "undefined") { + var widgetsObj = { + 'indicatorId': idWidGet, + 'x': item.x, + 'y': item.y, + 'width': item.width, + 'height': item.height <= 1 ? 2 : item.height + } + widgets.push(widgetsObj); + } + }); + + var favoriteDasbhoardId = $('.das-icon-selector.selected').parent().data('dashboard-id'); + if (favoriteDasbhoardId == null || favoriteDasbhoardId == 'undefined') {throw new Error ('No favorite dashboard detected');} + + if (widgets.length != 0) { + var dashboard = { + 'dashId': window.currentDashboardId, + 'dashFavorite': ((window.currentDashboardId == favoriteDasbhoardId) ? 1 : 0), + 'dashData': widgets + } + model.setPositionIndicator(dashboard); + } + }); + + $('body').on('click', '.das-icon-selector', function() { + var dashboardId = $(this).parent().data('dashboard-id'); + $('.das-icon-selector').removeClass("selected"); + $(this).addClass('selected'); + var dashboard = { + 'dashId': dashboardId, + 'dashFavorite': 1, + 'dashData': '' + } + model.setPositionIndicator(dashboard); + }); + + + /*-------------------------------clicks----------------------------*/ + $('#dashboardsList').on('click','.das-title-selector', function() { + var dashboardId = $(this).parent().data('dashboard-id'); + window.currentDashboardId = dashboardId; + presenter.getDashboardIndicators(dashboardId, defaultInitDate(), defaultEndDate()) + .done(function(indicatorsVM) { + fillIndicatorWidgets(indicatorsVM); + //TODO use real data + loadIndicator(getFavoriteIndicator().id, '2010-01-01' , '2016-12-31'); + }); + }); + + $('#indicatorsGridStack').on('click','.ind-button-selector', function() { + var indicatorId = $(this).data('indicator-id'); + //TODO use real data + loadIndicator(indicatorId, '2012-01-01', '2016-01-01'); + }); + + $('body').on('click','.bread-back-selector', function() { + var indicatorId = window.currentIndicator.id; + //TODO use real data + loadIndicator(indicatorId, '2011-01-01', '2017-01-01'); + return false; + }); + + $('#relatedDetailGridStack').on('click','.detail-button-selector', function() { + var detailId = $(this).data('detail-id'); + window.currentEntityData = {"entityId":$(this).data('detail-id'), + "indicatorId":$(this).data('indicator-id'), + "efficiencyIndexToShow":$(this).data('detail-index'), + "inefficiencyCostToShow":$(this).data('detail-cost'), + "name":$(this).data('detail-name') + }; + //TODO PASS REAL VALUES + presenter.getSpecialIndicatorSecondLevel(detailId, '1030', '2012-11-01', '2019-11-05') + .done(function (viewModel) { + fillSpecialIndicatorSecondView(viewModel); + }); + $('.breadcrum').find('ol').append('
  • lalal
    • '); + }); + initialDraw(); +}); + +function initialDraw() { + presenter.getUserDashboards(pageUserId) + .then(function(dashboardsVM) { + fillDashboardsList(dashboardsVM); + /**** window initialization with favorite dashboard*****/ + presenter.getDashboardIndicators(window.currentDashboardId, defaultInitDate(), defaultEndDate()) + .done(function(indicatorsVM) { + fillIndicatorWidgets(indicatorsVM); + loadIndicator(getFavoriteIndicator().id, defaultInitDate(), defaultEndDate()); + }); + }); +} + +function loadIndicator(indicatorId, initDate, endDate) { + var builder = new WidgetBuilder(); + window.currentIndicator = builder.getIndicatorLoadedById(indicatorId); + presenter.getIndicatorData(indicatorId, window.currentIndicator.type, initDate, endDate) + .done(function (viewModel) { + switch (window.currentIndicator.type) { + case "1010": + case "1030": + fillSpecialIndicatorFirstView(viewModel); + break; + case "1050": + fillStatusIndicatorFirstView(viewModel); + break; + default: + fillGeneralIndicatorFirstView(viewModel); + break; + } + }); +} + +function setIndicatorActiveMarker () { + $('.panel-footer').each (function () { + $(this).removeClass('panel-active'); + var indicatorId = $(this).parents('.ind-button-selector').data('indicator-id'); + if (window.currentIndicator.id == indicatorId) { + $(this).addClass('panel-active'); + } + }); +} + +function getFavoriteIndicator() { + var retval = (window.loadedIndicators.length > 0) + ? window.loadedIndicators[0] + : null; + for (key in window.loadedIndicators) { + var indicator = window.loadedIndicators[key]; + if (indicator.favorite == 1) { + retval = indicator; + } + } + if (retval==null) {throw new Error ('No favorites found.');} + return retval; +} + +function defaultInitDate() { + var date = new Date(); + var dateMonth = date.getMonth(); + var dateYear = date.getFullYear(); + return "01-"+(dateMonth+1)+"-"+dateYear; +} + +function defaultEndDate() { + var date = new Date(); + var dateMonth = date.getMonth(); + var dateYear = date.getFullYear(); + return "30-"+(dateMonth)+"-"+dateYear; +} + +function fillDashboardsList (presenterData) { + if (presenterData == null || presenterData.length == 0) { + $('#dashboardsList').append(G_STRING['ID_NO_DATA_TO_DISPLAY']); + } + _.templateSettings.variable = "dashboard"; + var template = _.template ($("script.dashboardButtonTemplate").html()) + for (key in presenterData) { + var dashboard = presenterData[key]; + $('#dashboardsList').append(template(dashboard)); + if (dashboard.isFavorite == 1) { + window.currentDashboardId = dashboard.id; + $('#dashboardButton-' + dashboard.id) + .find('.das-icon-selector') + .addClass('selected'); + } + } + +}; + +function fillIndicatorWidgets (presenterData) { + var widgetBuilder = new WidgetBuilder(); + var grid = $('#indicatorsGridStack').data('gridstack'); + grid.remove_all(); + window.loadedIndicators = presenterData; + $.each(presenterData, function(key, indicator) { + var $widget = widgetBuilder.getIndicatorWidget(indicator); + grid.add_widget($widget, indicator.toDrawX, indicator.toDrawY, indicator.toDrawWidth, indicator.toDrawHeight, true); + //TODO will exist animation? + /*if (indicator.category == "normal") { + animateProgress(indicator, $widget); + }*/ + var $title = $widget.find('.ind-title-selector'); + if (indicator.favorite == "1") { + $title.addClass("panel-active"); + } + }); +} + +function fillStatusIndicatorFirstView (presenterData) { + var widgetBuilder = new WidgetBuilder(); + var panel = $('#indicatorsDataGridStack').data('gridstack'); + panel.remove_all(); + $('#relatedDetailGridStack').data('gridstack').remove_all(); + + var $widget = widgetBuilder.buildStatusIndicatorFirstView(presenterData); + panel.add_widget($widget, 0, 15, 20, 4.7, true); + + var graphParams1 = { + canvas : { + containerId:'graph1', + width:300, + height:300, + stretch:true + }, + graph: { + allowDrillDown:false, + allowTransition:true, + showTip: true, + allowZoom: false, + gapWidth:0.2, + useShadows: true, + thickness: 30, + showLabels: true, + colorPalette: ['#5486bf','#bf8d54','#acb30c','#7a0c0c','#bc0000','#906090','#007efb','#62284a','#0c7a7a'] + } + }; + + var graph1 = new PieChart(presenterData.graph1Data, graphParams1, null, null); + graph1.drawChart(); + + var graphParams2 = graphParams1; + graphParams2.canvas.containerId = "graph2"; + var graph2 = new PieChart(presenterData.graph2Data, graphParams2, null, null); + graph2.drawChart(); + var graphParams3 = graphParams1; + graphParams3.canvas.containerId = "graph3"; + var graph3 = new PieChart(presenterData.graph3Data, graphParams3, null, null); + graph3.drawChart(); + + var indicatorPrincipalData = widgetBuilder.getIndicatorLoadedById(presenterData.id) + //this.fillStatusIndicatorFirstViewDetail(presenterData); + setIndicatorActiveMarker(); +} + +function fillStatusIndicatorFirstViewDetail (presenterData) { + var widgetBuilder = new WidgetBuilder(); + var gridDetail = $('#relatedDetailGridStack').data('gridstack'); + //gridDetail.remove_all(); + $.each(presenterData.dataList, function(index, dataItem) { + var $widget = widgetBuilder.buildStatusIndicatorFirstViewDetail(dataItem); + var x = (index % 2 == 0) ? 6 : 0; + gridDetail.add_widget($widget, x, 15, 6, 2, true); + }); + if (window.currentIndicator.type == "1010") { + $('#relatedLabel').find('h3').text(G_STRING['ID_RELATED_PROCESS']); + } + if (window.currentIndicator.type == "1030") { + $('#relatedLabel').find('h3').text(G_STRING['ID_RELATED_GROUPS']); + } + if (window.currentIndicator.type == "1050") { + $('#relatedLabel').find('h3').text(G_STRING['ID_RELATED_PROCESS']); + } +} + +function fillSpecialIndicatorFirstView (presenterData) { + var widgetBuilder = new WidgetBuilder(); + var panel = $('#indicatorsDataGridStack').data('gridstack'); + panel.remove_all(); + $('#relatedDetailGridStack').data('gridstack').remove_all(); + + var $widget = widgetBuilder.buildSpecialIndicatorFirstView(presenterData); + panel.add_widget($widget, 0, 15, 20, 4.7, true); + var peiParams = { + canvas : { + containerId:'specialIndicatorGraph', + width:300, + height:300, + stretch:true + }, + graph: { + allowDrillDown:false, + allowTransition:true, + showTip: true, + allowZoom: false, + gapWidth:0.2, + useShadows: true, + thickness: 30, + showLabels: true, + colorPalette: ['#5486bf','#bf8d54','#acb30c','#7a0c0c','#bc0000','#906090','#007efb','#62284a','#0c7a7a'] + } + }; + + var ueiParams = { + canvas : { + containerId:'specialIndicatorGraph', + width:500, + height:300, + stretch:true + }, + graph: { + allowDrillDown:false, + allowTransition:true, + axisX:{ showAxis: true, label: G_STRING.ID_YEAR }, + axisY:{ showAxis: true, label: "Q" }, + gridLinesX:false, + gridLinesY:true, + showTip: true, + allowZoom: false, + useShadows: true, + paddingTop: 50, + colorPalette: ['#5486bf','#bf8d54','#acb30c','#7a0c0c','#bc0000','#906090','#007efb','#62284a','#0c7a7a','#74a9a9'] + } + }; + + var indicatorPrincipalData = widgetBuilder.getIndicatorLoadedById(presenterData.id) + + if (indicatorPrincipalData.type == "1010") { + var graph = new Pie3DChart(presenterData.dataToDraw, peiParams, null, null); + graph.drawChart(); + } + + if (indicatorPrincipalData.type == "1030") { + var graph = new BarChart(presenterData.dataToDraw, ueiParams, null, null); + graph.drawChart(); + } + + this.fillSpecialIndicatorFirstViewDetail(presenterData); + setIndicatorActiveMarker(); +} + +function fillSpecialIndicatorFirstViewDetail (presenterData) { + //presenterData = { id: "indId", efficiencyIndex: "0.11764706", efficiencyVariation: -0.08235294, + // inefficiencyCost: "-127.5000", inefficiencyCostToShow: -127, efficiencyIndexToShow: 0.12 + // data: {indicatorId, uid, name, averateTime...}, dataToDraw: [{datalabe, value}] } + var widgetBuilder = new WidgetBuilder(); + var gridDetail = $('#relatedDetailGridStack').data('gridstack'); + //gridDetail.remove_all(); + + $.each(presenterData.data, function(index, dataItem) { + var $widget = widgetBuilder.buildSpecialIndicatorFirstViewDetail(dataItem); + var x = (index % 2 == 0) ? 6 : 0; + gridDetail.add_widget($widget, x, 15, 6, 2, true); + }); + if (window.currentIndicator.type == "1010") { + $('#relatedLabel').find('h3').text(G_STRING['ID_RELATED_PROCESS']); + } + if (window.currentIndicator.type == "1030") { + $('#relatedLabel').find('h3').text(G_STRING['ID_RELATED_GROUPS']); + } +} + +function fillSpecialIndicatorSecondView (presenterData) { + //presenterData= object {dataToDraw[], entityData[] //user/tasks data} + var widgetBuilder = new WidgetBuilder(); + var panel = $('#indicatorsDataGridStack').data('gridstack'); + panel.remove_all(); + var $widget = widgetBuilder.buildSpecialIndicatorSecondView(presenterData); + panel.add_widget($widget, 0, 15, 20, 4.7, true); + var detailParams = { + canvas : { + containerId:'specialIndicatorGraph', + width:300, + height:300, + stretch:true + }, + graph: { + allowTransition: false, + allowDrillDown: true, + showTip: true, + allowZoom: false, + useShadows: false, + gridLinesX: true, + gridLinesY: true, + area: {visible: false, css:"area"}, + axisX:{ showAxis: true, label: G_STRING.ID_USERS }, + axisY:{ showAxis: true, label: G_STRING.ID_TIME_HOURS }, + showErrorBars: true + + } + }; + + var indicatorPrincipalData = widgetBuilder.getIndicatorLoadedById(window.currentEntityData.indicatorId); + + if (window.currentIndicator.type == "1010") { + var graph = new Pie3DChart(presenterData.dataToDraw, detailParams, null, null); + graph.drawChart(); + } + + if (window.currentIndicator.type == "1030") { + var graph = new BarChart(presenterData.dataToDraw, detailParams, null, null); + graph.drawChart(); + } + this.fillSpecialIndicatorSecondViewDetail(presenterData); +} + +function fillSpecialIndicatorSecondViewDetail (presenterData) { + //presenterData = { entityData: Array[{name,uid,inefficiencyCost, + // inefficiencyIndex, deviationTime, + // averageTime}], + // dataToDraw: Array[{datalabel, value}] } + var widgetBuilder = new WidgetBuilder(); + var gridDetail = $('#relatedDetailGridStack').data('gridstack'); + gridDetail.remove_all(); + + $.each(presenterData.entityData, function(index, dataItem) { + var $widget = widgetBuilder.buildSpecialIndicatorSecondViewDetail(dataItem); + var x = (index % 2 == 0) ? 6 : 0; + gridDetail.add_widget($widget, x, 15, 6, 2, true); + }); + + if (window.currentIndicator.type == "1010") { + $('#relatedLabel').find('h3').text(G_STRING['ID_RELATED_TASKS']); + } + if (window.currentIndicator.type == "1030") { + $('#relatedLabel').find('h3').text(G_STRING['ID_RELATED_USERS']); + } +} + +function fillGeneralIndicatorFirstView (presenterData) { + var widgetBuilder = new WidgetBuilder(); + var panel = $('#indicatorsDataGridStack').data('gridstack'); + panel.remove_all(); + $('#relatedDetailGridStack').data('gridstack').remove_all(); + + var $widget = widgetBuilder.buildGeneralIndicatorFirstView(presenterData); + panel.add_widget($widget, 0, 15, 20, 4.7, true); + + $('#relatedLabel').find('h3').text(''); + + var generalLineParams1 = { + canvas : { + containerId:'generalGraph1', + width:300, + height:300, + stretch:true + }, + graph: { + allowTransition: false, + allowDrillDown: true, + showTip: true, + allowZoom: false, + useShadows: false, + gridLinesX: true, + gridLinesY: true, + area: {visible: false, css:"area"}, + axisX:{ showAxis: true, label: G_STRING.ID_PROCESS_TASKS }, + axisY:{ showAxis: true, label: G_STRING.ID_TIME_HOURS }, + showErrorBars: false + } + }; + + var generalLineParams2 = { + canvas : { + containerId:'generalGraph2', + width:300, + height:300, + stretch:true + }, + graph: { + allowTransition: false, + allowDrillDown: true, + showTip: true, + allowZoom: false, + useShadows: false, + gridLinesX: true, + gridLinesY: true, + area: {visible: false, css:"area"}, + axisX:{ showAxis: true, label: G_STRING.ID_PROCESS_TASKS }, + axisY:{ showAxis: true, label: G_STRING.ID_TIME_HOURS }, + showErrorBars: false + } + }; + + var generalBarParams1 = { + canvas : { + containerId:'generalGraph1', + width:300, + height:300, + stretch:true + }, + graph: { + allowDrillDown:false, + allowTransition:true, + axisX:{ showAxis: true, label: G_STRING.ID_YEAR }, + axisY:{ showAxis: true, label: "Q" }, + gridLinesX:false, + gridLinesY:true, + showTip: true, + allowZoom: false, + useShadows: true, + paddingTop: 50, + colorPalette: ['#5486bf','#bf8d54','#acb30c','#7a0c0c','#bc0000','#906090','#007efb','#62284a','#0c7a7a','#74a9a9'] + } + }; + + var generalBarParams2 = { + canvas : { + containerId:'generalGraph2', + width:300, + height:300, + stretch:true + }, + graph: { + allowDrillDown:false, + allowTransition:true, + axisX:{ showAxis: true, label: G_STRING.ID_YEAR }, + axisY:{ showAxis: true, label: "Q" }, + gridLinesX:false, + gridLinesY:true, + showTip: true, + allowZoom: false, + useShadows: true, + paddingTop: 50, + colorPalette: ['#5486bf','#bf8d54','#acb30c','#7a0c0c','#bc0000','#906090','#007efb','#62284a','#0c7a7a','#74a9a9'] + } + }; + + var graph1 = null; + if (presenterData.graph1Type == '10') { + generalBarParams1.graph.axisX.label = presenterData.graph1XLabel; + generalBarParams1.graph.axisY.label = presenterData.graph1YLabel; + graph1 = new BarChart(presenterData.graph1Data, generalBarParams1, null, null); + } else { + generalLineParams1.graph.axisX.label = presenterData.graph1XLabel; + generalLineParams1.graph.axisY.label = presenterData.graph1YLabel; + graph1 = new LineChart(presenterData.graph1Data, generalLineParams1, null, null); + } + graph1.drawChart(); + + var graph2 = null; + if (presenterData.graph2Type == '10') { + generalBarParams2.graph.axisX.label = presenterData.graph2XLabel; + generalBarParams2.graph.axisY.label = presenterData.graph2YLabel; + graph2 = new BarChart(presenterData.graph2Data, generalBarParams2, null, null); + } else { + generalLineParams2.graph.axisX.label = presenterData.graph2XLabel; + generalLineParams2.graph.axisY.label = presenterData.graph2YLabel; + graph2 = new LineChart(presenterData.graph2Data, generalLineParams2, null, null); + } + graph2.drawChart(); + + setIndicatorActiveMarker(); +} + +function animateProgress (indicatorItem, widget){ + var getRequestAnimationFrame = function () { + return window.requestAnimationFrame || + window.webkitRequestAnimationFrame || + window.mozRequestAnimationFrame || + window.oRequestAnimationFrame || + window.msRequestAnimationFrame || + function ( callback ){ + window.setTimeout(enroute, 1 / 60 * 1000); + }; + }; + + var fpAnimationFrame = getRequestAnimationFrame(); + var i = 0; + var j = 0; + + var indicator = indicatorItem; + var animacion = function () { + var intComparative = parseInt(indicator.comparative); + var divId = "#indicatorButton" + indicator.id; + var $valueLabel = widget + .find('.ind-value-selector'); + var $progressBar = widget + .find('.ind-progress-selector'); + + if (!($valueLabel.length > 0)) {throw new Error ('"No ind-value-selector found for " + divId');} + this.helper.assert($progressBar.length > 0, "No ind-progress-selector found for " + divId); + $progressBar.attr('aria-valuemax', intComparative); + var indexToPaint = Math.min(indicator.value * 100 / intComparative, 100); + + if (i <= indexToPaint) { + $progressBar.css('width', i+'%').attr('aria-valuenow', i); + i++; + fpAnimationFrame(animacion); + } + + if(j <= indicator.value){ + $valueLabel.text(j + "%"); + j++; + fpAnimationFrame(animacion); + } + + } + fpAnimationFrame(animacion); +}; + +/*var dashboardButtonTemplate = '
    \ + \ + \ +
    ';*/ + + +