+
{{::vm.getCategoryName()}}
+
{{::vm.program.title}}
+
diff --git a/src/app/components/programa/programa.scss b/src/app/components/programa/programa.scss
index eb43d5d..262365c 100644
--- a/src/app/components/programa/programa.scss
+++ b/src/app/components/programa/programa.scss
@@ -3,15 +3,20 @@ $scale: 1.1;
$time: 0.3s;
// sandbox
-.programa-box {
+.program-box {
cursor: pointer;
+ .category {
+ display: block;
+ height: 30px;
+ line-height: 30px;
+ }
+
.image-wrapper {
position: relative;
// width: 100%;
// width: 370px;
// height: 170px;
- background-color: red;
overflow: hidden;
text-align: center;
}
diff --git a/src/app/components/programas/programas.directive.js b/src/app/components/programas/programas.directive.js
index c0e1f6d..01c5e61 100644
--- a/src/app/components/programas/programas.directive.js
+++ b/src/app/components/programas/programas.directive.js
@@ -3,62 +3,162 @@
angular
.module('dialoga')
+ .filter('filterByCategory', filterByCategory)
+ .filter('filterByCriteria', filterByCriteria)
.directive('programaList', programaList);
/** @ngInject */
- function programaList($log) {
+ function programaList() {
/** @ngInject */
- function ProgramaListController() {
+ function ProgramaListController($scope, $log) {
$log.debug('ProgramaListController');
+ // alias
var vm = this;
- vm.filter = false;
- vm.categories = [
- {
- name: 'Saúde',
- slug: 'saude'
- },
- {
- name: 'Educação',
- slug: 'educacao'
- }
+
+ // dependencies
+ vm.$scope = $scope;
+ vm.$log = $log;
+
+ // initialization
+ vm.init();
+ }
+
+ ProgramaListController.prototype.init = function () {
+ var vm = this;
+
+ vm.query = null;
+ vm.categoryFilter = null;
+ vm.orderCriteries = [
+ { label: 'Título', name: 'title' },
+ { label: 'Tema', name: 'category' },
+ { label: 'Mais participações', name: 'more_participants' }
];
- for (var i = vm.categories.length - 1; i >= 0; i--) {
- var category = vm.categories[i];
- category.iconClass = vm.getIconClasses(category);
+ if(!vm.article){
+ vm.$log.warn('no article to display. Tip: use a ng-if before use this directive');
+ return;
}
- }
- ProgramaListController.prototype.getIconClasses = function (tema) {
- $log.debug('[TODO] getIconClasses of tema:', tema);
+ vm.categories = vm.article.categories;
+ vm.programs = vm.article.children;
+ vm.filtredProgramList = [];
+ };
+
+ ProgramaListController.prototype.getIconClasses = function (category) {
+ var vm = this;
+
+ vm.$log.debug('[TODO] getIconClasses of category:', category);
return 'glyphicon glyphicon-exclamation-sign';
};
- ProgramaListController.prototype.filterByTema = function (tema) {
- this.filter = tema.slug;
- $log.debug('[TODO] Filterting by tema:', this.filter);
+ ProgramaListController.prototype.filterByCategory = function (category) {
+ var vm = this;
+
+ if(category !== vm.categoryFilter){
+ // selected new filter
+ vm.categoryFilter = category;
+ }else{
+ // already selected. Unselect.
+ vm.showAll();
+ }
};
+
ProgramaListController.prototype.showAll = function () {
- this.filter = null;
- $log.debug('[TODO] Filterting by tema:', this.filter);
+ var vm = this;
+
+ vm.query = null;
+ vm.categoryFilter = null;
+ vm.$log.debug('[TODO] showAll, no filter? ', vm.categoryFilter);
};
+ // function ProgramaListLinker (scope, element, attrs) {
+
+ // scope.$watch('article', function(newValue, oldValue){
+ // if(!newValue){
+ // return;
+ // }
+ // scope.vm.categories = scope.vm.article.categories;
+ // scope.vm.programs = scope.vm.article.children;
+ // });
+ // }
+
var directive = {
restrict: 'E',
templateUrl: 'app/components/programas/programas.html',
scope: {
- programas: '=programas',
- temas: '=temas'
+ article: '='
},
controller: ProgramaListController,
controllerAs: 'vm',
- bindToController: true
+ bindToController: true,
+ // link: ProgramaListLinker
};
return directive;
}
+ function filterByCategory(){
+ return function (input, category){
+ input = input || [];
+
+ if(!category){
+ // no filter
+ return input;
+ }
+
+ var out = [];
+ for (var i = 0; i < input.length; i++) {
+ var program = input[i];
+ if(program.categories[0].slug === category.slug){
+ out.push(program);
+ }
+ }
+
+ return out;
+ };
+ }
+
+ /** @ngInject */
+ function filterByCriteria($filter, $log){
+ var orderBy = $filter('orderBy');
+
+ return function (input, criteria, reverse){
+ input = input || [];
+ reverse = reverse || false;
+
+ if( !criteria ){
+ return input;
+ }
+
+ var out = [];
+ // for (var i = 0; i < input.length; i++) {
+ // var program = input[i];
+
+ // // todo ordering
+ // out.push(program);
+ // }
+
+ switch(criteria.name){
+ case 'title':
+ out = orderBy(input, 'title', reverse);
+ break;
+ case 'category':
+ out = orderBy(input, 'categories[0].name', reverse);
+ break;
+ case 'more_participants':
+ // break;
+ default:
+ $log.info('Criteria not handled yet: ', criteria);
+ out = input;
+ break;
+ }
+
+ return out;
+ };
+ }
+
+
})();
diff --git a/src/app/components/programas/programas.html b/src/app/components/programas/programas.html
index 880d833..8528730 100644
--- a/src/app/components/programas/programas.html
+++ b/src/app/components/programas/programas.html
@@ -4,10 +4,15 @@
@@ -18,15 +23,40 @@
-
-
-
-
-
+
+
+
+
+ Nenhum programa encontrado.
+
diff --git a/src/app/partials/inicio/inicio.html b/src/app/partials/inicio/inicio.html
index ab0b0d0..4fc8da2 100644
--- a/src/app/partials/inicio/inicio.html
+++ b/src/app/partials/inicio/inicio.html
@@ -12,5 +12,5 @@