Commit 60a919fad74bb47452e562c3aa65a1300e8300a1

Authored by Victor Costa
1 parent 5a647c97

Add specific classes for discussion period

src/plugins/comment_paragraph/hotspot/article-content/article-content.html
@@ -3,18 +3,18 @@ @@ -3,18 +3,18 @@
3 <i class="fa fa-calendar fa-fw fa-lg"></i> 3 <i class="fa fa-calendar fa-fw fa-lg"></i>
4 </div> 4 </div>
5 <div class="period"> 5 <div class="period">
6 - <div ng-if="ctrl.notOpened()" class="description"> 6 + <div ng-if="ctrl.notOpened()" class="description not-opened">
7 {{"comment-paragraph-plugin.discussion.notOpened.header" | translate:{date: (ctrl.article.start_date | dateFormat | amTimeAgo)} }} 7 {{"comment-paragraph-plugin.discussion.notOpened.header" | translate:{date: (ctrl.article.start_date | dateFormat | amTimeAgo)} }}
8 </div> 8 </div>
9 - <div ng-if="ctrl.available()" class="description">  
10 - <div ng-if="ctrl.article.end_date"> 9 + <div ng-if="ctrl.available()" class="description available">
  10 + <div ng-if="ctrl.article.end_date" class="with-end-date">
11 {{"comment-paragraph-plugin.discussion.available.header" | translate:{date: (ctrl.article.end_date | dateFormat | amTimeAgo)} }} 11 {{"comment-paragraph-plugin.discussion.available.header" | translate:{date: (ctrl.article.end_date | dateFormat | amTimeAgo)} }}
12 </div> 12 </div>
13 - <div ng-if="!ctrl.article.end_date" class="description"> 13 + <div ng-if="!ctrl.article.end_date" class="without-end-date">
14 {{"comment-paragraph-plugin.discussion.available.without-end.header" | translate}} 14 {{"comment-paragraph-plugin.discussion.available.without-end.header" | translate}}
15 </div> 15 </div>
16 </div> 16 </div>
17 - <div ng-if="ctrl.closed()" class="description"> 17 + <div ng-if="ctrl.closed()" class="description closed">
18 {{"comment-paragraph-plugin.discussion.closed.header" | translate:{date: (ctrl.article.end_date | dateFormat | amTimeAgo)} }} 18 {{"comment-paragraph-plugin.discussion.closed.header" | translate:{date: (ctrl.article.end_date | dateFormat | amTimeAgo)} }}
19 </div> 19 </div>
20 </div> 20 </div>