programa.directive.js
2.41 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
(function() {
'use strict';
angular
.module('dialoga')
.directive('programaBox', programaBox);
/** @ngInject */
function programaBox($rootScope, api) {
/** @ngInject */
function ProgramaController($state, Slug, $log) {
$log.debug('ProgramaController');
var vm = this;
vm.$state = $state;
vm.Slug = Slug;
vm.$log = $log;
vm.init();
}
ProgramaController.prototype.init = function () {
var vm = this;
if(!vm.program.slug){
vm.program.slug = vm.Slug.slugify(vm.program.title);
}
// if(vm.program.color && !vm.program.bgColor){
// // 15% more darker
// vm.program.colorDarker = window.ColorLuminance(vm.program.color, 0.15);
// }
};
ProgramaController.prototype.getCategory = function () {
var vm = this;
return vm.program.categories[0];
};
ProgramaController.prototype.getCategoryName = function () {
return this.getCategory().name;
};
ProgramaController.prototype.getCategorySlug = function () {
return this.getCategory().slug;
};
ProgramaController.prototype.getImageUrl = function () {
var vm = this;
return $rootScope.basePath + vm.program.image.url;
};
ProgramaController.prototype.getImageAlt = function () {
var vm = this;
vm.$log.warn('image is not accessible.');
return 'TODO: create image alt on server-side.';
};
ProgramaController.prototype.isDisplay = function (display) {
return this.display === display;
};
ProgramaController.prototype.isDisplayBox = function () {
return this.isDisplay('box');
};
ProgramaController.prototype.isDisplayPreview = function () {
return this.isDisplay('preview');
};
ProgramaController.prototype.isDisplayContent = function () {
return this.isDisplay('content');
};
ProgramaController.prototype.showContent = function () {
var vm = this;
vm.$log.info('showContent');
vm.$state.go('programa', {
slug: vm.program.slug,
program: vm.program
}, {
location: true
});
};
var directive = {
restrict: 'E',
templateUrl: 'app/components/programa/programa.html',
scope: {
program: '=',
display: '='
},
controller: ProgramaController,
controllerAs: 'vm',
bindToController: true
};
return directive;
}
})();