Commit c046c510dd0df43719d26e55b36d076c2bfee021
1 parent
a68fcd7a
Exists in
master
and in
26 other branches
Display period for discussions in comment paragraph plugin
Showing
6 changed files
with
49 additions
and
3 deletions
Show diff stats
src/plugins/comment_paragraph/hotspot/article-content/article-content.component.ts
0 → 100644
... | ... | @@ -0,0 +1,12 @@ |
1 | +import { Input, Inject, Component } from "ng-forward"; | |
2 | +import {Hotspot} from "../../../../app/hotspot/hotspot.decorator"; | |
3 | + | |
4 | +@Component({ | |
5 | + selector: "comment-paragraph-article-content-hotspot", | |
6 | + templateUrl: "plugins/comment_paragraph/hotspot/article-content/article-content.html", | |
7 | +}) | |
8 | +@Hotspot("article_extra_content") | |
9 | +export class CommentParagraphArticleContentHotspotComponent { | |
10 | + | |
11 | + @Input() article: noosfero.Article; | |
12 | +} | ... | ... |
src/plugins/comment_paragraph/hotspot/article-content/article-content.html
0 → 100644
... | ... | @@ -0,0 +1,11 @@ |
1 | +<div class="discussion-header"> | |
2 | + <span class="description">{{"comment-paragraph-plugin.discussion.header" | translate}}</span> | |
3 | + <span class="start-date date" ng-if="ctrl.article.start_date"> | |
4 | + <span class="description">{{"comment-paragraph-plugin.discussion.editor.start_date.label" | translate}}</span> | |
5 | + <span class="value">{{ctrl.article.start_date | amDateFormat:'DD/MM/YYYY'}}</span> | |
6 | + </span> | |
7 | + <span class="end-date date" ng-if="ctrl.article.end_date"> | |
8 | + <span class="description">{{"comment-paragraph-plugin.discussion.editor.end_date.label" | translate}}</span> | |
9 | + <span class="value">{{ctrl.article.end_date | amDateFormat:'DD/MM/YYYY'}}</span> | |
10 | + </span> | |
11 | +</div> | ... | ... |
src/plugins/comment_paragraph/hotspot/article-content/article-content.scss
0 → 100644
... | ... | @@ -0,0 +1,20 @@ |
1 | +.discussion-header { | |
2 | + @extend .pull-right; | |
3 | + margin-bottom: 20px; | |
4 | + .date { | |
5 | + text-transform: lowercase; | |
6 | + font-size: 16px; | |
7 | + .description { | |
8 | + font-weight: bold; | |
9 | + color: #BFBFBF; | |
10 | + } | |
11 | + .value { | |
12 | + font-size: 15px; | |
13 | + color: #969696; | |
14 | + } | |
15 | + } | |
16 | + .description { | |
17 | + font-weight: bold; | |
18 | + color: #BFBFBF; | |
19 | + } | |
20 | +} | ... | ... |
src/plugins/comment_paragraph/index.ts
... | ... | @@ -2,6 +2,7 @@ import {AllowCommentComponent} from "./allow-comment/allow-comment.component"; |
2 | 2 | import {CommentParagraphArticleButtonHotspotComponent} from "./hotspot/comment-paragraph-article-button.component"; |
3 | 3 | import {CommentParagraphFormHotspotComponent} from "./hotspot/comment-paragraph-form.component"; |
4 | 4 | import {DiscussionEditorComponent} from "./article/cms/discussion-editor/discussion-editor.component"; |
5 | +import {CommentParagraphArticleContentHotspotComponent} from "./hotspot/article-content/article-content.component"; | |
5 | 6 | |
6 | 7 | export let mainComponents: any = [AllowCommentComponent, DiscussionEditorComponent]; |
7 | -export let hotspots: any = [CommentParagraphArticleButtonHotspotComponent, CommentParagraphFormHotspotComponent]; | |
8 | +export let hotspots: any = [CommentParagraphArticleButtonHotspotComponent, CommentParagraphFormHotspotComponent, CommentParagraphArticleContentHotspotComponent]; | ... | ... |
src/plugins/comment_paragraph/languages/en.json
1 | 1 | { |
2 | 2 | "comment-paragraph-plugin.title": "Paragraph Comments", |
3 | 3 | "comment-paragraph-plugin.discussion.editor.start_date.label": "From", |
4 | - "comment-paragraph-plugin.discussion.editor.end_date.label": "To" | |
4 | + "comment-paragraph-plugin.discussion.editor.end_date.label": "To", | |
5 | + "comment-paragraph-plugin.discussion.header": "Open for comments" | |
5 | 6 | } | ... | ... |
src/plugins/comment_paragraph/languages/pt.json
1 | 1 | { |
2 | 2 | "comment-paragraph-plugin.title": "Comentários por Parágrafo", |
3 | 3 | "comment-paragraph-plugin.discussion.editor.start_date.label": "De", |
4 | - "comment-paragraph-plugin.discussion.editor.end_date.label": "Até" | |
4 | + "comment-paragraph-plugin.discussion.editor.end_date.label": "Até", | |
5 | + "comment-paragraph-plugin.discussion.header": "Aberto para comentários" | |
5 | 6 | } | ... | ... |