Add activity list to sidebars

Signed-off-by: Julius Härtl <jus@bitgrid.net>

templates/main.php

@@ -23,6 +23,9 @@
 
 use OCP\Util;
 
+Util::addScript('activity', 'richObjectStringParser');
+Util::addStyle('activity', 'style');
+
 Util::addStyle('deck', '../js/build/vendor');
 Util::addScript('deck', 'build/vendor');
 

templates/part.board.sidebarView.php

@@ -16,6 +16,8 @@
     <li class="tabHeader" ng-class="{'selected': (params.tab==1)}" ui-sref="{tab: 1}"><a><?php p($l->t('Tags')); ?></a></li>
     <li class="tabHeader" ng-class="{'selected': (params.tab==2)}" ui-sref="{tab: 2}"><a><?php p($l->t('Deleted Stacks')); ?></a></li>
     <li class="tabHeader" ng-class="{'selected': (params.tab==3)}" ui-sref="{tab: 3}"><a><?php p($l->t('Deleted Cards')); ?></a></li>
+	<li class="tabHeader" ng-class="{'selected': (params.tab==4)}" ui-sref="{tab: 4}"><a><?php p($l->t('Activity')); ?></a></li>
+
 </ul>
 <div class="tabsContainer">
     <div id="tabBoardShare" class="tab" ng-if="params.tab==0 || !params.tab">
@@ -147,4 +149,10 @@
     	   </li>
     	</ul>
     </div>
+
+	<div id="board-detail-activity" class="tab" ng-if="params.tab==4">
+		<activity-component ng-if="boardservice.getCurrent()" type="deck_board" element="boardservice.getCurrent()"></activity-component>
+	</div>
+
+
 </div>

templates/part.card.activity.html

@@ -0,0 +1,12 @@
+<ul class="activities" infinite-scroll="$ctrl.page()" infinite-scroll-container="'#app-sidebar'">
+	<li class="activity box" ng-repeat="activity in $ctrl.getData($ctrl.element.id)">
+		<div class="activity-icon">
+			<img src="{{activity.icon}}" alt="">
+		</div>
+		<div class="activitysubject"
+			 ng-bind-html="$ctrl.parseMessage(activity.subject_rich[0], activity.subject_rich[1])"></div>
+		<span class="activitytime has-tooltip live-relative-timestamp"
+			  data-timestamp="{{ activity.timestamp }}">{{ activity.timestamp/1000 | relativeDateFilter }}</span>
+		<div class="activitymessage">{{ activity.activity_id }}</div>
+	</li>
+</ul>

templates/part.card.php

@@ -92,6 +92,8 @@
 		<ul class="tabHeaders ng-scope">
 			<li class="tabHeader selected" ng-class="{'selected': (params.tab==0 || !params.tab)}" ui-sref="{tab: 0}"><a><?php p($l->t('Description')); ?></a></li>
 			<li class="tabHeader" ng-class="{'selected': (params.tab==1)}" ui-sref="{tab: 1}"><a><?php p($l->t('Attachments')); ?></a></li>
+			<li class="tabHeader" ng-class="{'selected': (params.tab==2)}" ui-sref="{tab: 2}"><a><?php p($l->t('Activity')); ?></a></li>
+
 		</ul>
 		<div class="tabDetails">
 			<span class="save-indicator saved"><?php p($l->t('Saved')); ?></span>
@@ -128,4 +130,10 @@
 				 ng-if="!description()"><?php p($l->t('Add a card description…')); ?></div>
 		</div>
 	</div>
+
+	<div class="section-content card-activity" ng-if="params.tab === 2">
+		<activity-component type="deck_card" element="cardservice.getCurrent()"></activity-component>
+	</div>
+
+
 </div>