fernando/luos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Revert "Add interfaz list Inbox"

Browse Source 
This reverts commit c326dc43c37047faf54f9a6bfa2774722f45e33d.
This commit is contained in:
Dante
2015-05-29 11:45:06 -04:00
parent a5322a97a2
commit 535d11a41b
5 changed files with 372 additions and 436 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
workflow/engine/classes/class.indicatorsCalculator.php
View File

@@ -550,14 +550,6 @@ class indicatorsCalculator
$response = array(); $response = array();
$result = $this->statusIndicatorGeneral($usrUid); $result = $this->statusIndicatorGeneral($usrUid);
$list = new \ListInbox();
$filters = array();
$filters['sort'] = "LIST_INBOX.APP_UPDATE_DATE";
$filters['dir'] = "ASC";
$filters['action'] = "to_do";
$filters['paged'] = 0;
$response['data'] = $list->loadList($usrUid, $filters);
$response['overdue'] = 0; $response['overdue'] = 0;
$response['atRisk'] = 0; $response['atRisk'] = 0;
$response['onTime'] = 0; $response['onTime'] = 0;

1
workflow/engine/controllers/strategicDashboard.php
View File

@@ -197,7 +197,6 @@ class StrategicDashboard extends Controller
$translation['ID_TIME_HOURS'] = G::LoadTranslation( 'ID_TIME_HOURS'); $translation['ID_TIME_HOURS'] = G::LoadTranslation( 'ID_TIME_HOURS');
$translation['ID_GROUPS'] = G::LoadTranslation( 'ID_GROUPS'); $translation['ID_GROUPS'] = G::LoadTranslation( 'ID_GROUPS');
$translation['ID_COSTS'] = G::LoadTranslation( 'ID_COSTS'); $translation['ID_COSTS'] = G::LoadTranslation( 'ID_COSTS');
$translation['ID_PROCESS'] = G::LoadTranslation( 'ID_PROCESS');
$translation['ID_TASK'] = G::LoadTranslation( 'ID_TASK'); $translation['ID_TASK'] = G::LoadTranslation( 'ID_TASK');
$translation['ID_USER'] = G::LoadTranslation( 'ID_USER'); $translation['ID_USER'] = G::LoadTranslation( 'ID_USER');
$translation['ID_YEAR'] = G::LoadTranslation( 'ID_YEAR'); $translation['ID_YEAR'] = G::LoadTranslation( 'ID_YEAR');

57
workflow/engine/js/strategicDashboard/viewDashboardView.js
View File

@@ -88,23 +88,15 @@ WidgetBuilder.prototype.buildSpecialIndicatorFirstViewDetail = function (oneItem
//detailData = {indicatorId, uid, name, averateTime...} //detailData = {indicatorId, uid, name, averateTime...}
if (oneItemDetail == null){throw new Error("oneItemDetail is null ");} if (oneItemDetail == null){throw new Error("oneItemDetail is null ");}
if (!typeof(oneItemDetail) === 'object'){throw new Error( "detailData is not and object ->" + oneItemDetail);} if (!typeof(oneItemDetail) === 'object'){throw new Error( "detailData is not and object ->" + oneItemDetail);}
if (window.currentIndicator.type != '1050' && !oneItemDetail.hasOwnProperty("name")){throw new Error("buildSpecialIndicatorFirstViewDetail -> detailData has not the name param. Has it the correct Type? ->" + oneItemDetail);} if (!oneItemDetail.hasOwnProperty("name")){throw new Error("buildSpecialIndicatorFirstViewDetail -> detailData has not the name param. Has it the correct Type? ->" + oneItemDetail);}
_.templateSettings.variable = "detailData"; _.templateSettings.variable = "detailData";
var template = _.template ($("script.specialIndicatorDetail").html()); var template = _.template ($("script.specialIndicatorDetail").html());
if (window.currentIndicator.type == '1050') { var $retval = $(template(oneItemDetail));
template = _.template ($("script.statusInboxDetail").html()); $retval.find(".detail-efficiency-selector").text(G_STRING.ID_EFFICIENCY_INDEX);
} $retval.find(".detail-cost-selector").text(G_STRING.ID_INEFFICIENCY_COST);
var $retval = $(template(oneItemDetail)); this.setColorForInefficiency($retval.find(".detail-cost-number-selector"), oneItemDetail);
$retval.find(".detail-efficiency-selector").text(G_STRING.ID_EFFICIENCY_INDEX); return $retval;
$retval.find(".detail-cost-selector").text(G_STRING.ID_INEFFICIENCY_COST);
if (window.currentIndicator.type == '1050') {
$retval.find(".detail-pro-title").text(G_STRING.ID_PROCESS);
$retval.find(".detail-tas-title").text(G_STRING.ID_TASK);
}
this.setColorForInefficiency($retval.find(".detail-cost-number-selector"), oneItemDetail);
return $retval;
} }
WidgetBuilder.prototype.buildStatusIndicatorFirstView = function (indicatorData) { WidgetBuilder.prototype.buildStatusIndicatorFirstView = function (indicatorData) {
@@ -382,7 +374,6 @@ $(document).ready(function() {
$('#indicatorsGridStack').on('click','.ind-button-selector', function() { $('#indicatorsGridStack').on('click','.ind-button-selector', function() {
var indicatorId = $(this).data('indicator-id'); var indicatorId = $(this).data('indicator-id');
loadIndicator(indicatorId, defaultInitDate(), defaultEndDate()); loadIndicator(indicatorId, defaultInitDate(), defaultEndDate());
}); });
$('body').on('click','.bread-back-selector', function() { $('body').on('click','.bread-back-selector', function() {
@@ -628,8 +619,7 @@ var fillStatusIndicatorFirstView = function (presenterData) {
var graph3 = new PieChart(presenterData.graph3Data, graphParams3, null, null); var graph3 = new PieChart(presenterData.graph3Data, graphParams3, null, null);
graph3.drawChart(); graph3.drawChart();
var indicatorPrincipalData = widgetBuilder.getIndicatorLoadedById(presenterData.id); var indicatorPrincipalData = widgetBuilder.getIndicatorLoadedById(presenterData.id)
this.fillSpecialIndicatorFirstViewDetail(presenter.orderDataList(presenterData.data, selectedOrderOfDetailList()));
setIndicatorActiveMarker(); setIndicatorActiveMarker();
} }
@@ -704,7 +694,7 @@ var fillSpecialIndicatorFirstView = function(presenterData) {
} }
}; };
var indicatorPrincipalData = widgetBuilder.getIndicatorLoadedById(presenterData.id); var indicatorPrincipalData = widgetBuilder.getIndicatorLoadedById(presenterData.id)
if (indicatorPrincipalData.type == "1010") { if (indicatorPrincipalData.type == "1010") {
var graph = new Pie3DChart(presenterData.dataToDraw, peiParams, null, null); var graph = new Pie3DChart(presenterData.dataToDraw, peiParams, null, null);
@@ -731,7 +721,7 @@ var fillSpecialIndicatorFirstViewDetail = function (list) {
var gridDetail = $('#relatedDetailGridStack').data('gridstack'); var gridDetail = $('#relatedDetailGridStack').data('gridstack');
gridDetail.remove_all(); gridDetail.remove_all();
window.currentDetailList = list; window.currentDetailList = list;
window.currentDetailFunction = fillSpecialIndicatorFirstViewDetail; window.currentDetailFunction = fillSpecialIndicatorFirstViewDetail;
$.each(list, function(index, dataItem) { $.each(list, function(index, dataItem) {
@@ -743,20 +733,13 @@ var fillSpecialIndicatorFirstViewDetail = function (list) {
} }
gridDetail.add_widget($widget, x, 15, 6, 2, true); gridDetail.add_widget($widget, x, 15, 6, 2, true);
}); });
var label = ''; if (window.currentIndicator.type == "1010") {
switch (window.currentIndicator.type) { $('#relatedLabel').find('h3').text(G_STRING['ID_RELATED_PROCESS']);
case '1010': }
label = G_STRING['ID_RELATED_PROCESS']; if (window.currentIndicator.type == "1030") {
break; $('#relatedLabel').find('h3').text(G_STRING['ID_RELATED_GROUPS']);
case '1030': }
label = G_STRING['ID_RELATED_GROUPS']; hideScrollIfAllDivsAreVisible();
break;
case '1050':
label = G_STRING['ID_RELATED_TASKS'];
break;
}
$('#relatedLabel').find('h3').text(label);
hideScrollIfAllDivsAreVisible();
} }
var fillSpecialIndicatorSecondView = function(presenterData) { var fillSpecialIndicatorSecondView = function(presenterData) {
@@ -971,7 +954,7 @@ var fillGeneralIndicatorFirstView = function (presenterData) {
setIndicatorActiveMarker(); setIndicatorActiveMarker();
} }
/*var animateProgress = function (indicatorItem, widget){ var animateProgress = function (indicatorItem, widget){
var getRequestAnimationFrame = function () { var getRequestAnimationFrame = function () {
return window.requestAnimationFrame || return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame || window.webkitRequestAnimationFrame ||
@@ -1015,7 +998,7 @@ var fillGeneralIndicatorFirstView = function (presenterData) {
} }
fpAnimationFrame(animacion); fpAnimationFrame(animacion);
};*/ };
/*var dashboardButtonTemplate = ' <div class="btn-group pull-left"> \ /*var dashboardButtonTemplate = ' <div class="btn-group pull-left"> \
<button id="favorite" type="button" class="btn btn-success"><i class="fa fa-star fa-1x"></i></button> \ <button id="favorite" type="button" class="btn btn-success"><i class="fa fa-star fa-1x"></i></button> \

738
workflow/engine/templates/strategicDashboard/viewDashboard.html
View File

@@ -4,7 +4,6 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />
<title>Dashboards</title> <title>Dashboards</title>
<link rel="stylesheet" href="/lib/pmdynaform/libs/bootstrap-3.1.1/css/bootstrap.min.css"> <link rel="stylesheet" href="/lib/pmdynaform/libs/bootstrap-3.1.1/css/bootstrap.min.css">
@@ -34,7 +33,7 @@
{/foreach} {/foreach}
</script> </script>
<!-- View Dashboard Files--> <!-- View Dashboard Files-->
<script type="text/javascript" src="/jscore/strategicDashboard/viewDashboardHelper.js"></script> <script type="text/javascript" src="/jscore/strategicDashboard/viewDashboardHelper.js"></script>
<script type="text/javascript" src="/jscore/strategicDashboard/viewDashboardModel.js"></script> <script type="text/javascript" src="/jscore/strategicDashboard/viewDashboardModel.js"></script>
<script type="text/javascript" src="/jscore/strategicDashboard/viewDashboardPresenter.js"></script> <script type="text/javascript" src="/jscore/strategicDashboard/viewDashboardPresenter.js"></script>
@@ -42,304 +41,271 @@
<script type="text/template" class="specialIndicatorButtonTemplate"> <script type="text/template" class="specialIndicatorButtonTemplate">
<div class="col-lg-3 col-md-6 dashPro ind-button-selector" <div class="col-lg-3 col-md-6 dashPro ind-button-selector"
id="indicatorButton-<%- indicator.id %>" id="indicatorButton-<%- indicator.id %>"
data-indicator-id="<%- indicator.id %>" data-indicator-id="<%- indicator.id %>"
data-indicator-type="<%- indicator.type %>" data-indicator-type="<%- indicator.type %>"
data-gs-min-width="3" data-gs-min-height="2" data-gs-max-height="2"> data-gs-min-width="3" data-gs-min-height="2" data-gs-max-height="2">
<div class="ind-container-selector panel panel-green grid-stack-item-content" style="min-width:200px;"> <div class="ind-container-selector panel panel-green grid-stack-item-content" style="min-width:200px;">
<a data-toggle="collapse" href="#efficiencyindex" aria-expanded="false" aria-controls="efficiencyindex"> <a data-toggle="collapse" href="#efficiencyindex" aria-expanded="false" aria-controls="efficiencyindex">
<div class="panel-heading" > <div class="panel-heading" >
<div class="row"> <div class="row">
<div class="col-xs-3"> <div class="col-xs-3">
<div class="huge ind-value-selector"><%- indicator.value %></div> <div class="huge ind-value-selector"><%- indicator.value %></div>
<div><%- indicator.oldValue %> </div> <div><%- indicator.oldValue %> </div>
</div> </div>
<div class="col-xs-9 text-right"><i class="ind-symbol-selector fa fa-chevron-up fa-3x"></i> <div class="col-xs-9 text-right"><i class="ind-symbol-selector fa fa-chevron-up fa-3x"></i>
<div class="small ind-comparative-selector"> <div class="small ind-comparative-selector">
<%- indicator.oldValue %> <%- indicator.comparative %> <%- indicator.percentComparative %> <%- indicator.oldValue %> <%- indicator.comparative %> <%- indicator.percentComparative %>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="panel-footer text-center ind-title-selector"> <div class="panel-footer text-center ind-title-selector">
<div class="ellipsis"><%- indicator.title %></div> <div class="ellipsis"><%- indicator.title %></div>
</div> </div>
</a> </a>
</div> </div>
</div> </div>
</script> </script>
<script type="text/template" class="statusIndicatorButtonTemplate"> <script type="text/template" class="statusIndicatorButtonTemplate">
<div class="col-lg-3 col-md-6 dashPro ind-button-selector" <div class="col-lg-3 col-md-6 dashPro ind-button-selector"
id="indicatorButton-<%- indicator.id %>" id="indicatorButton-<%- indicator.id %>"
data-indicator-id="<%- indicator.id %>" data-indicator-id="<%- indicator.id %>"
data-indicator-type="<%- indicator.type %>" data-indicator-type="<%- indicator.type %>"
data-gs-min-width="3" data-gs-min-height="2" data-gs-max-height="2"> data-gs-min-width="3" data-gs-min-height="2" data-gs-max-height="2">
<div class="ind-container-selector panel grid-stack-item-content" style="min-width:200px;"> <div class="ind-container-selector panel grid-stack-item-content" style="min-width:200px;">
<a data-toggle="collapse" href="#efficiencyindex" aria-expanded="false" aria-controls="efficiencyindex"> <a data-toggle="collapse" href="#efficiencyindex" aria-expanded="false" aria-controls="efficiencyindex">
<div class="panel-heading status-indicator-low" <div class="panel-heading status-indicator-low"
style=" width:<%- indicator.percentageOverdueWidth %>%; style=" width:<%- indicator.percentageOverdueWidth %>%;
visibility: <%- indicator.overdueVisibility %>;overflow:hidden;" > visibility: <%- indicator.overdueVisibility %>;overflow:hidden;" >
<div class="row"> <div class="row">
<div class="col-xs-12"> <div class="col-xs-12">
<div class="small ind-comparative-selector"><%- indicator.percentageOverdueToShow %></div> <div class="small ind-comparative-selector"><%- indicator.percentageOverdueToShow %></div>
</div> </div>
</div> </div>
</div> </div>
<div class="panel-heading status-indicator-medium" <div class="panel-heading status-indicator-medium"
style=" width:<%- indicator.percentageAtRiskWidth %>%; style=" width:<%- indicator.percentageAtRiskWidth %>%;
visibility: <%- indicator.atRiskVisibility %>;overflow:hidden;" > visibility: <%- indicator.atRiskVisibility %>;overflow:hidden;" >
<div class="row"> <div class="row">
<div class="col-xs-12"> <div class="col-xs-12">
<div class="small ind-comparative-selector"><%- indicator.percentageAtRiskToShow %></div> <div class="small ind-comparative-selector"><%- indicator.percentageAtRiskToShow %></div>
</div> </div>
</div> </div>
</div> </div>
<div class="panel-heading status-indicator-high" <div class="panel-heading status-indicator-high"
style=" width:<%- indicator.percentageOnTimeWidth %>%; style=" width:<%- indicator.percentageOnTimeWidth %>%;
visibility: <%- indicator.onTimeVisibility %>; overflow:hidden;"> visibility: <%- indicator.onTimeVisibility %>; overflow:hidden;">
<div class="row"> <div class="row">
<div class="col-xs-12"> <div class="col-xs-12">
<div class="small ind-comparative-selector"><%- indicator.percentageOnTimeToShow %></div> <div class="small ind-comparative-selector"><%- indicator.percentageOnTimeToShow %></div>
</div> </div>
</div> </div>
</div> </div>
<div class="panel-footer text-center ind-title-selector" style="clear:both; color:#606368;"> <div class="panel-footer text-center ind-title-selector" style="clear:both; color:#606368;">
<div class="ellipsis"><%- indicator.title %></div> <div class="ellipsis"><%- indicator.title %></div>
</div> </div>
</a> </a>
</div> </div>
</div> </div>
</script> </script>
<script type="text/template" class="indicatorButtonTemplate"> <script type="text/template" class="indicatorButtonTemplate">
<div class="col-lg-3 col-md-6 ind-button-selector" id="generalLowItem" <div class="col-lg-3 col-md-6 ind-button-selector" id="generalLowItem"
id="indicatorButton-<%- indicator.id %>" id="indicatorButton-<%- indicator.id %>"
data-indicator-id="<%- indicator.id %>" data-indicator-id="<%- indicator.id %>"
data-indicator-type="<%- indicator.type %>" data-indicator-type="<%- indicator.type %>"
data-gs-min-width="3" data-gs-min-height="2" data-gs-max-height="2" > data-gs-min-width="3" data-gs-min-height="2" data-gs-max-height="2" >
<div class="panel ie-panel panel-low grid-stack-item-content ind-container-selector" style="min-width: 200px;"> <div class="panel ie-panel panel-low grid-stack-item-content ind-container-selector" style="min-width: 200px;">
<a data-toggle="collapse" href="#completedcases" aria-expanded="false" aria-controls="completedcases"> <a data-toggle="collapse" href="#completedcases" aria-expanded="false" aria-controls="completedcases">
<div class="panel-heading"> <div class="row"> <div class="col-xs-3"> <div class="panel-heading"> <div class="row"> <div class="col-xs-3">
<div class="huge ind-value-selector">X</div> <div class="huge ind-value-selector">X</div>
</div> </div>
<div class="col-xs-9 text-right"><i class="fa fa-file-text-o fa-3x"></i> <div class="col-xs-9 text-right"><i class="fa fa-file-text-o fa-3x"></i>
<div class="small ind-comparative-selector ellipsis"><%- indicator.comparative %></div> <div class="small ind-comparative-selector ellipsis"><%- indicator.comparative %></div>
</div> </div>
</div> </div>
</div> </div>
<div class="progress progress-xs progress-dark-base ie-progress-dark-base mar-no"> <div class="progress progress-xs progress-dark-base ie-progress-dark-base mar-no">
<div role="progressbar" <div role="progressbar"
aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"
class="progress-bar progress-bar-light ind-progress-selector" class="progress-bar progress-bar-light ind-progress-selector"
style="width: 0%"> style="width: 0%">
</div> </div>
</div> </div>
<div class="panel-footer text-center ind-title-selector"> <div class="panel-footer text-center ind-title-selector">
<div class="ellipsis"><%- indicator.title %></div> <div class="ellipsis"><%- indicator.title %></div>
</div> </div>
</a> </a>
</div> </div>
</div> </div>
</script> </script>
<script type="text/template" class="specialIndicatorMainPanel"> <script type="text/template" class="specialIndicatorMainPanel">
<div class="process-div well" id="specialIndicatorMainPanel" <div class="process-div well" id="specialIndicatorMainPanel"
data-gs-no-resize="true" data-gs-no-resize="true"
style="clear:both;position:relative;height:auto;"> style="clear:both;position:relative;height:auto;">
<div class="panel-heading bluebg sind-title-selector""> <div class="panel-heading bluebg sind-title-selector"">
<ol class="breadcrumb"> <ol class="breadcrumb">
</ol> </ol>
</div> </div>
<div class="text-center huge"> <div class="text-center huge">
<div class="col-xs-3 vcenter"> <div class="col-xs-3 vcenter">
<div class="blue"><%- indicator.efficiencyIndexToShow %></div> <div class="blue"><%- indicator.efficiencyIndexToShow %></div>
<div class="small grey sind-index-selector ellipsis"></div> <div class="small grey sind-index-selector ellipsis"></div>
</div> </div>
<div class="col-xs-3 vcenter" style="margin-right:40px"> <div class="col-xs-3 vcenter" style="margin-right:40px">
<div class="red sind-cost-number-selector">{$unitCost} <%- indicator.inefficiencyCostToShow %></div> <div class="red sind-cost-number-selector">{$unitCost} <%- indicator.inefficiencyCostToShow %></div>
<div class="small grey sind-cost-selector ellipsis"></div> <div class="small grey sind-cost-selector ellipsis"></div>
</div> </div>
<div class="col-xs-6" id="specialIndicatorGraph" style="width:540px;height:300px;"> <div class="col-xs-6" id="specialIndicatorGraph" style="width:540px;height:300px;">
</div> </div>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
</script> </script>
<script type="text/template" class="specialIndicatorDetail"> <script type="text/template" class="specialIndicatorDetail">
<div class="process-div well hideme detail-button-selector" <div class="process-div well hideme detail-button-selector"
data-gs-no-resize="true" data-gs-no-resize="true"
style="cursor:pointer;" style="cursor:pointer;"
id="detailData-<%- detailData.uid %>" id="detailData-<%- detailData.uid %>"
data-indicator-id="<%- detailData.indicatorId %>" data-indicator-id="<%- detailData.indicatorId %>"
data-detail-id="<%- detailData.uid %>" data-detail-id="<%- detailData.uid %>"
data-detail-index="<%- detailData.efficiencyIndexToShow %>" data-detail-index="<%- detailData.efficiencyIndexToShow %>"
data-detail-cost-to-show="<%- detailData.inefficiencyCostToShow %>" data-detail-cost-to-show="<%- detailData.inefficiencyCostToShow %>"
data-detail-cost="<%- detailData.inefficiencyCost%>" data-detail-cost="<%- detailData.inefficiencyCost%>"
data-detail-name="<%- detailData.name %>" data-detail-name="<%- detailData.name %>"
> >
<div class="panel-heading greenbg"> <div class="panel-heading greenbg">
<div class="col-xs-11 text-center detail-title-selector"> <div class="col-xs-11 text-center detail-title-selector">
<div class="ellipsis"><%- detailData.name %> </div> <div class="ellipsis"><%- detailData.name %> </div>
</div> </div>
<div class="col-xs-1 text-center detail-title-selector"> <div class="col-xs-1 text-center detail-title-selector">
<i class="fa fa-chevron-right fa-fw"></i> <i class="fa fa-chevron-right fa-fw"></i>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
<div class="text-center huge"> <div class="text-center huge">
<div class="col-xs-12 vcenter-task"> <div class="col-xs-12 vcenter-task">
<div class="col-xs-6 "> <div class="col-xs-6 ">
<div class="blue small"><%- detailData.efficiencyIndexToShow%></div> <div class="blue small"><%- detailData.efficiencyIndexToShow%></div>
<div class="smallB grey detail-efficiency-selector ellipsis"></div> <div class="smallB grey detail-efficiency-selector ellipsis"></div>
</div> </div>
<div class="col-xs-6 "> <div class="col-xs-6 ">
<div class="small detail-cost-number-selector">{$unitCost}&nbsp;<%- detailData.inefficiencyCostToShow%></div> <div class="small detail-cost-number-selector">{$unitCost}&nbsp;<%- detailData.inefficiencyCostToShow%></div>
<div class="smallB grey detail-cost-selector ellipsis"></div> <div class="smallB grey detail-cost-selector ellipsis"></div>
</div> </div>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
</div> </div>
</script> </script>
<script type="text/template" class="specialIndicatorSecondViewDetailUei"> <script type="text/template" class="specialIndicatorSecondViewDetailUei">
<div class="process-div well hideme detail-button-selector-uei" data-gs-no-resize="true" <div class="process-div well hideme detail-button-selector-uei" data-gs-no-resize="true"
id="detailData-<%- detailData.uid %>" id="detailData-<%- detailData.uid %>"
data-indicator-id="<%- detailData.indicatorId %>" data-indicator-id="<%- detailData.indicatorId %>"
data-detail-id="<%- detailData.uid %>"> data-detail-id="<%- detailData.uid %>">
<div class="panel-heading greenbg"> <div class="panel-heading greenbg">
<div class="col-xs-12 text-center detail-title-selector ellipsis"> <div class="col-xs-12 text-center detail-title-selector ellipsis">
<span id="usrName"><%- detailData.name %> </span> <span id="usrName"><%- detailData.name %> </span>
(Ranking: <%- detailData.rankToShow %>) (Ranking: <%- detailData.rankToShow %>)
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
<div class="text-center huge"> <div class="text-center huge">
<div class="col-xs-12 vcenter-task"> <div class="col-xs-12 vcenter-task">
<div class="col-xs-6 "> <div class="col-xs-6 ">
<div class="blue small"><%- detailData.efficiencyIndexToShow%></div> <div class="blue small"><%- detailData.efficiencyIndexToShow%></div>
<div class="smallB grey detail-efficiency-selector ellipsis"></div> <div class="smallB grey detail-efficiency-selector ellipsis"></div>
</div> </div>
<div class="col-xs-6 "> <div class="col-xs-6 ">
<div class="small detail-cost-number-selector">{$unitCost}&nbsp;<%- detailData.inefficiencyCostToShow%></div> <div class="small detail-cost-number-selector">{$unitCost}&nbsp;<%- detailData.inefficiencyCostToShow%></div>
<div class="smallB grey detail-cost-selector ellipsis"></div> <div class="smallB grey detail-cost-selector ellipsis"></div>
</div> </div>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
</div> </div>
</script> </script>
<script type="text/template" class="specialIndicatorSecondViewDetailPei"> <script type="text/template" class="specialIndicatorSecondViewDetailPei">
<div class="process-div well hideme detail-button-selector-pei" data-gs-no-resize="true" <div class="process-div well hideme detail-button-selector-pei" data-gs-no-resize="true"
id="detailData-<%- detailData.uid %>" id="detailData-<%- detailData.uid %>"
data-indicator-id="<%- detailData.indicatorId %>" data-indicator-id="<%- detailData.indicatorId %>"
data-detail-id="<%- detailData.uid %>"> data-detail-id="<%- detailData.uid %>">
<div class="panel-heading greenbg"> <div class="panel-heading greenbg">
<div class="col-xs-12 text-center detail-title-selector ellipsis"> <div class="col-xs-12 text-center detail-title-selector ellipsis">
<i class="fa fa-tasks fa-fw"></i> <i class="fa fa-tasks fa-fw"></i>
<span id="usrName"><%- detailData.name %> </span> <span id="usrName"><%- detailData.name %> </span>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
<div class="text-center huge"> <div class="text-center huge">
<div class="col-xs-12 vcenter-task"> <div class="col-xs-12 vcenter-task">
<div class="col-xs-6 "> <div class="col-xs-6 ">
<div class="blue small"><%- detailData.efficiencyIndexToShow%></div> <div class="blue small"><%- detailData.efficiencyIndexToShow%></div>
<div class="smallB grey detail-efficiency-selector ellipsis"></div> <div class="smallB grey detail-efficiency-selector ellipsis"></div>
</div> </div>
<div class="col-xs-6 "> <div class="col-xs-6 ">
<div class="small detail-cost-number-selector">{$unitCost}&nbsp;<%- detailData.inefficiencyCostToShow%></div> <div class="small detail-cost-number-selector">{$unitCost}&nbsp;<%- detailData.inefficiencyCostToShow%></div>
<div class="smallB grey detail-cost-selector ellipsis"></div> <div class="smallB grey detail-cost-selector ellipsis"></div>
</div> </div>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
</div> </div>
</script> </script>
<script type="text/template" class="statusDetail"> <script type="text/template" class="statusDetail">
<div class="process-div well hideme detail-button-selector" data-gs-no-resize="true" <div class="process-div well hideme detail-button-selector" data-gs-no-resize="true"
id="detailData-<%- detailData.uid %>" id="detailData-<%- detailData.uid %>"
data-indicator-id="<%- detailData.indicatorId %>" data-indicator-id="<%- detailData.indicatorId %>"
data-detail-id="<%- detailData.uid %>"> data-detail-id="<%- detailData.uid %>">
<div class="panel-heading greenbg"> <div class="panel-heading greenbg">
<div class="col-xs-12 text-center detail-title-selector"><i class="fa fa-tasks fa-fw"></i> <span id="usrName"><%- detailData.taskTitle %></span> </div> <div class="col-xs-12 text-center detail-title-selector"><i class="fa fa-tasks fa-fw"></i> <span id="usrName"><%- detailData.taskTitle %></span> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
<div class="text-center huge"> <div class="text-center huge">
<div class="col-xs-12 vcenter-task"> <div class="col-xs-12 vcenter-task">
<div class="col-xs-4 "> <div class="col-xs-4 ">
<div class="blue small"><%- detailData.percentageOverdue%> %</div> <div class="blue small"><%- detailData.percentageOverdue%> %</div>
<div class="smallB grey fontMedium detail-efficiency-selector">{translate label="ID_OVERDUE"}</div> <div class="smallB grey fontMedium detail-efficiency-selector">{translate label="ID_OVERDUE"}</div>
</div> </div>
<div class="col-xs-4"> <div class="col-xs-4">
<div class="blue small"><%- detailData.percentageAtRisk%> %</div> <div class="blue small"><%- detailData.percentageAtRisk%> %</div>
<div class="smallB grey fontMedium detail-efficiency-selector">{translate label="ID_AT_RISK"}</div> <div class="smallB grey fontMedium detail-efficiency-selector">{translate label="ID_AT_RISK"}</div>
</div> </div>
<div class="col-xs-4 "> <div class="col-xs-4 ">
<div class="blue small"><%- detailData.percentageOnTime%> %</div> <div class="blue small"><%- detailData.percentageOnTime%> %</div>
<div class="smallB grey fontMedium detail-efficiency-selector">{translate label="ID_ON_TIME"}</div> <div class="smallB grey fontMedium detail-efficiency-selector">{translate label="ID_ON_TIME"}</div>
</div> </div>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
</div> </div>
</script> </script>
<script type="text/template" class="statusInboxDetail"> <script type="text/template" class="dashboardButtonTemplate">
<div class="process-div well hideme detail-button-selector" <div id="dashboardButton-<%- dashboard.id %>" class="btn-group pull-left"
data-gs-no-resize="true" data-dashboard-id="<%- dashboard.id %>" >
style="cursor:pointer;" <button type="button" class="btn btn-success das-icon-selector">
id="detailData-<%- detailData.APP_UID %>" <i class="fa fa-star fa-1x"></i>
data-detail-tas-uid="<%- detailData.TAS_UID %>" </button>
> <button type="button" class="btn btn-success das-title-selector" >
<div class="panel-heading greenbg"> <%- dashboard.title %>
<div class="col-xs-11 text-center detail-title-selector"> </button>
<div class="blue small">#<%- detailData.APP_NUMBER %></div> </div>
<div class="ellipsis"><%- detailData.APP_TAS_TITLE%> </div> </script>
</div>
<div class="col-xs-1 text-center detail-title-selector">
<i class="fa fa-chevron-right fa-fw"></i>
</div>
<div class="clearfix"></div>
</div>
<div class="text-center huge">
<div class="col-xs-12 vcenter-task">
<div class="col-xs-6 ">
<div class="blue small"><%- detailData.APP_PRO_TITLE %></div>
<div class="smallB grey detail-pro-title ellipsis"></div>
</div>
<div class="col-xs-6 ">
<div class="blue small"><%- detailData.APP_TAS_TITLE%></div>
<div class="smallB grey detail-tas-title ellipsis"></div>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</script>
<script type="text/template" class="dashboardButtonTemplate"> <script type="text/template" class="generalIndicatorMainPanel">
<div id="dashboardButton-<%- dashboard.id %>" class="btn-group pull-left"
data-dashboard-id="<%- dashboard.id %>" >
<button type="button" class="btn btn-success das-icon-selector">
<i class="fa fa-star fa-1x"></i>
</button>
<button type="button" class="btn btn-success das-title-selector" >
<%- dashboard.title %>
</button>
</div>
</script>
<script type="text/template" class="generalIndicatorMainPanel">
<div class="process-div well" data-gs-no-resize="true" style="clear:both;position:relative;height:auto;"> <div class="process-div well" data-gs-no-resize="true" style="clear:both;position:relative;height:auto;">
<div class="panel-heading bluebg"> <div class="panel-heading bluebg">
<ol class="breadcrumb"> <ol class="breadcrumb">
@@ -354,35 +320,35 @@
</div> </div>
</script> </script>
<script type="text/template" class="statusIndicatorMainPanel"> <script type="text/template" class="statusIndicatorMainPanel">
<div class="process-div well" data-gs-no-resize="true" style="clear:both;position:relative;height:auto;"> <div class="process-div well" data-gs-no-resize="true" style="clear:both;position:relative;height:auto;">
<div class="panel-heading bluebg"> <div class="panel-heading bluebg">
<ol class="breadcrumb"> <ol class="breadcrumb">
<li class="ind-title-selector"></li> <li class="ind-title-selector"></li>
</ol> </ol>
</div> </div>
<div class="text-center huge" style="margin:0 auto; width:100%; text-align:center;"> <div class="text-center huge" style="margin:0 auto; width:100%; text-align:center;">
<div class="row" style="width:auto; margin:0 auto; display:inline-block;"> <div class="row" style="width:auto; margin:0 auto; display:inline-block;">
<div class="col-xs-4" style="width:auto;"> <div class="col-xs-4" style="width:auto;">
<div class="status-graph-title-low">{translate label="ID_OVERDUE"}:</div> <div class="status-graph-title-low">{translate label="ID_OVERDUE"}:</div>
<div id="graph1" style="width:380px; height:300px;"></div> <div id="graph1" style="width:380px; height:300px;"></div>
</div> </div>
<div class="col-xs-4" style="width:auto;"> <div class="col-xs-4" style="width:auto;">
<div class="status-graph-title-medium">{translate label="ID_AT_RISK"}:</div> <div class="status-graph-title-medium">{translate label="ID_AT_RISK"}:</div>
<div id="graph2" style="width:380px; height:300px;"></div> <div id="graph2" style="width:380px; height:300px;"></div>
</div> </div>
<div class="col-xs-4" style="width:auto;"> <div class="col-xs-4" style="width:auto;">
<div class="status-graph-title-high">{translate label="ID_ON_TIME"}:</div> <div class="status-graph-title-high">{translate label="ID_ON_TIME"}:</div>
<div id="graph3" style="width:380px; height:300px;"></div> <div id="graph3" style="width:380px; height:300px;"></div>
</div> </div>
</div> </div>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
</script> </script>
</head> </head>
<body id="page-top" class="index"> <body id="page-top" class="index">
<img id="scrollImg" class="floating" src="/images/scrolldown.gif" width="80" height="80" style="border-radius:85px; visibility:hidden;"/> <img id="scrollImg" class="floating" src="/images/scrolldown.gif" width="80" height="80" style="border-radius:85px; visibility:hidden;"/>
@@ -400,76 +366,76 @@
<h4 id="titleH4" class="header-dashboard"></h4> <h4 id="titleH4" class="header-dashboard"></h4>
<div class="pull-right dashboard-right container-fluid"> <div class="pull-right dashboard-right container-fluid">
<div id="compareIndicators" class="row pull-left"> <div id="compareIndicators" class="row pull-left">
<div class="span4 pull-left"> <div class="span4 pull-left">
<h5 class="pull-left">{translate label="ID_DASH_COMPARE_INIT_PERIOD"}:</h5> <h5 class="pull-left">{translate label="ID_DASH_COMPARE_INIT_PERIOD"}:</h5>
</div> </div>
<div class="span4 pull-left"> <div class="span4 pull-left">
<select id="yearInit" class="form-control pull-right "> <select id="yearInit" class="form-control pull-right ">
{literal} {literal}
<script> <script>
now = new Date(); now = new Date();
anio = now.getFullYear(); anio = now.getFullYear();
for(a=anio;a>=anio-10;a--){ for(a=anio;a>=anio-10;a--){
document.write('<option value="'+a+'">'+a+'</option>'); document.write('<option value="'+a+'">'+a+'</option>');
} }
</script> </script>
{/literal} {/literal}
</select> </select>
<select id="monthInit" class="form-control pull-right "> <select id="monthInit" class="form-control pull-right ">
<option value="1">{translate label="ID_MONTH_ABB_1"}</option> <option value="1">{translate label="ID_MONTH_ABB_1"}</option>
<option value="2">{translate label="ID_MONTH_ABB_2"}</option> <option value="2">{translate label="ID_MONTH_ABB_2"}</option>
<option value="3">{translate label="ID_MONTH_ABB_3"}</option> <option value="3">{translate label="ID_MONTH_ABB_3"}</option>
<option value="4">{translate label="ID_MONTH_ABB_4"}</option> <option value="4">{translate label="ID_MONTH_ABB_4"}</option>
<option value="5">{translate label="ID_MONTH_ABB_5"}</option> <option value="5">{translate label="ID_MONTH_ABB_5"}</option>
<option value="6">{translate label="ID_MONTH_ABB_6"}</option> <option value="6">{translate label="ID_MONTH_ABB_6"}</option>
<option value="7">{translate label="ID_MONTH_ABB_7"}</option> <option value="7">{translate label="ID_MONTH_ABB_7"}</option>
<option value="8">{translate label="ID_MONTH_ABB_8"}</option> <option value="8">{translate label="ID_MONTH_ABB_8"}</option>
<option value="9">{translate label="ID_MONTH_ABB_9"}</option> <option value="9">{translate label="ID_MONTH_ABB_9"}</option>
<option value="10">{translate label="ID_MONTH_ABB_10"}</option> <option value="10">{translate label="ID_MONTH_ABB_10"}</option>
<option value="11">{translate label="ID_MONTH_ABB_11"}</option> <option value="11">{translate label="ID_MONTH_ABB_11"}</option>
<option value="12">{translate label="ID_MONTH_ABB_12"}</option> <option value="12">{translate label="ID_MONTH_ABB_12"}</option>
</select> </select>
</div> </div>
<div class="span4 pull-left"> <div class="span4 pull-left">
<h5 class="pull-left">{translate label="ID_DASH_COMPARE_END_PERIOD"}:</h5> <h5 class="pull-left">{translate label="ID_DASH_COMPARE_END_PERIOD"}:</h5>
</div> </div>
<div class="span4 pull-left"> <div class="span4 pull-left">
<select id="year" class="form-control pull-right "> <select id="year" class="form-control pull-right ">
{literal} {literal}
<script> <script>
now = new Date(); now = new Date();
anio = now.getFullYear(); anio = now.getFullYear();
for(a=anio;a>=anio-10;a--){ for(a=anio;a>=anio-10;a--){
document.write('<option value="'+a+'">'+a+'</option>'); document.write('<option value="'+a+'">'+a+'</option>');
} }
</script> </script>
{/literal} {/literal}
</select> </select>
<select id="month" class="form-control pull-right "> <select id="month" class="form-control pull-right ">
<option value="1">{translate label="ID_MONTH_ABB_1"}</option> <option value="1">{translate label="ID_MONTH_ABB_1"}</option>
<option value="2">{translate label="ID_MONTH_ABB_2"}</option> <option value="2">{translate label="ID_MONTH_ABB_2"}</option>
<option value="3">{translate label="ID_MONTH_ABB_3"}</option> <option value="3">{translate label="ID_MONTH_ABB_3"}</option>
<option value="4">{translate label="ID_MONTH_ABB_4"}</option> <option value="4">{translate label="ID_MONTH_ABB_4"}</option>
<option value="5">{translate label="ID_MONTH_ABB_5"}</option> <option value="5">{translate label="ID_MONTH_ABB_5"}</option>
<option value="6">{translate label="ID_MONTH_ABB_6"}</option> <option value="6">{translate label="ID_MONTH_ABB_6"}</option>
<option value="7">{translate label="ID_MONTH_ABB_7"}</option> <option value="7">{translate label="ID_MONTH_ABB_7"}</option>
<option value="8">{translate label="ID_MONTH_ABB_8"}</option> <option value="8">{translate label="ID_MONTH_ABB_8"}</option>
<option value="9">{translate label="ID_MONTH_ABB_9"}</option> <option value="9">{translate label="ID_MONTH_ABB_9"}</option>
<option value="10">{translate label="ID_MONTH_ABB_10"}</option> <option value="10">{translate label="ID_MONTH_ABB_10"}</option>
<option value="11">{translate label="ID_MONTH_ABB_11"}</option> <option value="11">{translate label="ID_MONTH_ABB_11"}</option>
<option value="12">{translate label="ID_MONTH_ABB_12"}</option> <option value="12">{translate label="ID_MONTH_ABB_12"}</option>
</select> </select>
</div> </div>
<div class="span4 pull-left"> <div class="span4 pull-left">
<button type="button" class="btn btn-compare btn-success pull-right btn-date">{translate label="ID_DASH_COMPARE"}</button> <button type="button" class="btn btn-compare btn-success pull-right btn-date">{translate label="ID_DASH_COMPARE"}</button>
</div> </div>
</div> </div>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
<div class="collapse" id="collapseExample"> <div class="collapse" id="collapseExample">
@@ -502,18 +468,18 @@
</div> </div>
</div> </div>
<div id="relatedLabel" class="col-lg-12 col-md-12 bottom" style="clear:both; visibility:hidden;"> <div id="relatedLabel" class="col-lg-12 col-md-12 bottom" style="clear:both; visibility:hidden;">
<div> <div>
<center><h3></h3></center> <center><h3></h3></center>
</div> </div>
<div id="sortby"> <div id="sortby">
{translate label="ID_SORT_BY"} {translate label="ID_COSTS"} : &nbsp; <a id="sortListButton" class="fa fa-chevron-up fa-1x" style="color:#000;" href="#"></a> {translate label="ID_SORT_BY"} {translate label="ID_COSTS"} : &nbsp; <a id="sortListButton" class="fa fa-chevron-up fa-1x" style="color:#000;" href="#"></a>
</div> </div>
</div> </div>
<div class="col-lg-12 col-md-12"> <div class="col-lg-12 col-md-12">
<div id="relatedDetailGridStack" class="grid-stack" data-gs-width="12" <div id="relatedDetailGridStack" class="grid-stack" data-gs-width="12"
data-gs-animate="no" style="clear:both;"> data-gs-animate="no" style="clear:both;">
</div> </div>
</div> </div>
</div> </div>

4
workflow/public_html/css/sb-admin-2.css
View File

@@ -545,10 +545,6 @@ table.dataTable thead .sorting:after {
margin: 11px 17px 0 0; margin: 11px 17px 0 0;
} }
.dashboard-right {
margin: 5px;
}
.dashboard-right h5{ .dashboard-right h5{
margin: 20px 12px 0 0; margin: 20px 12px 0 0;
} }