article-default-view.component.ts
1.83 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
import { bundle, Input, Inject, Component, Directive } from 'ng-forward';
import {ArticleBlogComponent} from "./types/blog/blog.component";
import {CommentsComponent} from "./comment/comments.component";
/**
* @ngdoc controller
* @name ArticleDefaultView
* @description
* A default view for Noosfero Articles. If the specific article view is
* not implemented, then this view is used.
*/
@Component({
selector: 'noosfero-default-article',
templateUrl: 'app/article/article.html'
})
export class ArticleDefaultViewComponent {
@Input() article: noosfero.Article;
@Input() profile: noosfero.Profile;
}
/**
* @ngdoc controller
* @name ArticleView
* @description
* A dynamic view for articles. It uses the article type to replace
* the default template with the custom article directive.
*/
@Component({
selector: 'noosfero-article',
template: 'not-used',
directives: [ArticleDefaultViewComponent, ArticleBlogComponent, CommentsComponent]
})
@Inject("$element", "$scope", "$injector", "$compile")
export class ArticleViewComponent {
@Input() article: noosfero.Article;
@Input() profile: noosfero.Profile;
directiveName: string;
ngOnInit() {
let specificDirective = 'noosfero' + this.article.type;
this.directiveName = "noosfero-default-article";
if (this.$injector.has(specificDirective + 'Directive')) {
this.directiveName = specificDirective.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
}
this.$element.replaceWith(this.$compile('<' + this.directiveName + ' [article]="ctrl.article" [profile]="ctrl.profile"></' + this.directiveName + '>')(this.$scope));
}
constructor(
private $element: any,
private $scope: ng.IScope,
private $injector: ng.auto.IInjectorService,
private $compile: ng.ICompileService) {
}
}