angular-gantt
Version:
Gantt chart component for AngularJS
138 lines (118 loc) • 5.54 kB
JavaScript
/*
Project: angular-gantt v1.2.9 - Gantt chart component for AngularJS
Authors: Marco Schweighauser, Rémi Alvergnat
License: MIT
Homepage: https://www.angular-gantt.com
Github: https://github.com/angular-gantt/angular-gantt.git
*/
(function(){
'use strict';
angular.module('gantt.progress', ['gantt', 'gantt.progress.templates']).directive('ganttProgress', ['moment', '$compile', '$document', function(moment, $compile, $document) {
return {
restrict: 'E',
require: '^gantt',
scope: {
enabled: '=?'
},
link: function(scope, element, attrs, ganttCtrl) {
var api = ganttCtrl.gantt.api;
// Load options from global options attribute.
if (scope.options && typeof(scope.options.progress) === 'object') {
for (var option in scope.options.progress) {
scope[option] = scope.options[option];
}
}
if (scope.enabled === undefined) {
scope.enabled = true;
}
api.directives.on.new(scope, function(directiveName, taskScope, taskElement) {
if (directiveName === 'ganttTaskBackground') {
var progressScope = taskScope.$new();
progressScope.pluginScope = scope;
var ifElement = $document[0].createElement('div');
angular.element(ifElement).attr('data-ng-if', 'task.model.progress !== undefined && pluginScope.enabled');
var progressElement = $document[0].createElement('gantt-task-progress');
if (attrs.templateUrl !== undefined) {
angular.element(progressElement).attr('data-template-url', attrs.templateUrl);
}
if (attrs.template !== undefined) {
angular.element(progressElement).attr('data-template', attrs.template);
}
angular.element(ifElement).append(progressElement);
taskElement.append($compile(ifElement)(progressScope));
}
});
api.tasks.on.clean(scope, function(model) {
if (model.est !== undefined && !moment.isMoment(model.est)) {
model.est = moment(model.est); //Earliest Start Time
}
if (model.lct !== undefined && !moment.isMoment(model.lct)) {
model.lct = moment(model.lct); //Latest Completion Time
}
});
}
};
}]);
}());
(function(){
'use strict';
angular.module('gantt.progress').directive('ganttTaskProgress', ['$templateCache', function($templateCache) {
return {
restrict: 'E',
requires: '^ganttTask',
templateUrl: function(tElement, tAttrs) {
var templateUrl;
if (tAttrs.templateUrl === undefined) {
templateUrl = 'plugins/progress/taskProgress.tmpl.html';
} else {
templateUrl = tAttrs.templateUrl;
}
if (tAttrs.template !== undefined) {
$templateCache.put(templateUrl, tAttrs.template);
}
return templateUrl;
},
replace: true,
scope: true,
controller: ['$scope', '$element', function($scope, $element) {
$scope.getClasses = function() {
var classes = [];
if (typeof($scope.task.model.progress) === 'object') {
classes = $scope.task.model.progress.classes;
}
return classes;
};
$scope.getCss = function() {
var css = {};
var progress;
if ($scope.task.model.progress !== undefined) {
if (typeof($scope.task.model.progress) === 'object') {
progress = $scope.task.model.progress;
} else {
progress = {percent: $scope.task.model.progress};
}
}
if (progress) {
if (progress.color) {
css['background-color'] = progress.color;
} else {
css['background-color'] = '#6BC443';
}
css.width = progress.percent + '%';
}
return css;
};
$scope.task.rowsManager.gantt.api.directives.raise.new('ganttTaskProgress', $scope, $element);
$scope.$on('$destroy', function() {
$scope.task.rowsManager.gantt.api.directives.raise.destroy('ganttTaskProgress', $scope, $element);
});
}]
};
}]);
}());
angular.module('gantt.progress.templates', []).run(['$templateCache', function($templateCache) {
$templateCache.put('plugins/progress/taskProgress.tmpl.html',
'<div ng-cloak class="gantt-task-progress" ng-style="getCss()" ng-class="getClasses()"></div>\n' +
'');
}]);
//# sourceMappingURL=angular-gantt-progress-plugin.js.map