From e547a5d2b9389b3202aae7e0aa33aa490680f0dc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Thu, 4 Oct 2018 17:49:52 +0200
Subject: [PATCH] Add comment action menu
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
 css/style.scss                    | 11 +++++++++++
 templates/part.card.activity.html | 23 +++++++++++++++--------
 2 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/css/style.scss b/css/style.scss
index 448adfa50..b20f97b3f 100644
--- a/css/style.scss
+++ b/css/style.scss
@@ -941,6 +941,17 @@ input.input-inline {
 	opacity: 1 !important;
 }
 
+.activitysubject .app-popover-menu-utils {
+	display: inline-block;
+	position: absolute;
+	top: -5px;
+	right: 0;
+	button {
+		opacity: .5;
+		padding: 14px 19px;
+	}
+}
+
 .card-attachments {
 	.error {
 		padding-left: 38px;
diff --git a/templates/part.card.activity.html b/templates/part.card.activity.html
index 8d53ce5a7..5fafa5a5e 100644
--- a/templates/part.card.activity.html
+++ b/templates/part.card.activity.html
@@ -18,18 +18,25 @@
 	<li ng-if="$ctrl.loadingNewer()"><div class="icon-loading-small"></div></li>
 	<li class="activity box" ng-repeat="activity in $ctrl.getActivityStream() track by $index">
 		<div class="activity-icon">
-			<img ng-if="activity.timelineType == 'activity'" src="{{activity.icon}}" alt="">
-			<div ng-if="activity.timelineType == 'comment'" avatar ng-attr-size="16" ng-attr-user="{{ activity.actorId }}" ng-attr-displayname="{{ activity.actorDisplayName }}"></div>
+			<img ng-if="!activity.commentModel" src="{{activity.icon}}" alt="">
+			<div ng-if="activity.commentModel" avatar ng-attr-size="16" ng-attr-user="{{ activity.commentModel.get('actorId') }}" ng-attr-displayname="{{ activity.actorDisplayName }}"></div>
+		</div>
+		<div class="activitysubject" ng-if="!activity.commentModel" bind-html-compile="$ctrl.parseMessage(activity.subject_rich[0], activity.subject_rich[1])"></div>
+		<div class="activitysubject" ng-if="activity.commentModel">
+			{{ activity.subject_rich[1].user.name }}
+			<div class="app-popover-menu-utils">
+				<button class="button-inline icon-more ng-pristine ng-valid ng-empty ng-touched" aria-label="Actions"></button>
+				<div class="popovermenu hidden">
+					<ul>
+						<li><a ng-click="$ctrl.updateComment(activity)" class="menuitem action edit permanent" data-action="edit"><span class="icon icon-rename"></span><span>Edit comment</span></a></li>
+						<li><a ng-click="$ctrl.deleteComment(activity)" class="menuitem action delete permanent" data-action="delete"><span class="icon icon-delete"></span><span>Delete comment</span></a></li>
+					</ul>
+				</div>
+			</div>
 		</div>
-		<div class="activitysubject"
-			 ng-if="activity.timelineType == 'activity'"
-			 bind-html-compile="$ctrl.parseMessage(activity.subject_rich[0], activity.subject_rich[1])"></div>
-		<div class="activitysubject"
-			 ng-if="activity.timelineType == 'comment'">{{ activity.subject_rich[1].user.name }}</div>
 		<span class="activitytime has-tooltip live-relative-timestamp"
 			  data-timestamp="{{ activity.timelineTimestamp }}">{{ activity.timelineTimestamp/1000 | relativeDateFilter }}</span>
 		<div class="activitymessage" ng-bind-html="activity.message"></div>
-		<div id="foobar" ng-click="$ctrl.updateComment(activity)">{{ activity.commentModel }}</div>
 	</li>
 
 	<li ng-if="$ctrl.loading"><div class="icon-loading-small"></div></li>