From 20cca0fcd4d303e1813dae8a3979e4723044968f Mon Sep 17 00:00:00 2001
From: Alasdair Smith <ali@alasdairsmith.co.uk>
Date: Wed, 16 May 2018 16:53:33 +0100
Subject: [PATCH] Add action buttons to project list

---
 services/web/app/views/project/list/item.pug  | 23 +++++++++++++++++--
 .../app/views/project/list/project-list.pug   |  6 +++--
 .../web/app/views/project/list/v1-item.pug    |  4 ++--
 3 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/services/web/app/views/project/list/item.pug b/services/web/app/views/project/list/item.pug
index bfc53a8360..b2fc9390de 100644
--- a/services/web/app/views/project/list/item.pug
+++ b/services/web/app/views/project/list/item.pug
@@ -1,4 +1,4 @@
-.col-xs-6
+.col-xs-6.col-sm-4.col-md-6
 	input.select-item(
 		select-individual,
 		type="checkbox",
@@ -37,8 +37,27 @@
 			tooltip-placement="right"
 			tooltip-append-to-body="true"
 		)
-.col-xs-4
+.col-xs-4.col-sm-3.col-md-2
 	if settings.overleaf
 		span.last-modified(tooltip="{{project.lastUpdated | formatDate}}") {{project.lastUpdated | fromNowDate}}
 	else
 		span.last-modified {{project.lastUpdated | formatDate}}
+.hidden-xs.col-sm-3.col-md-2
+	button.btn.btn-link.action-btn(
+		tooltip=translate('copy'),
+		tooltip-placement="top",
+		tooltip-append-to-body="true",
+	)
+		i.icon.fa.fa-files-o
+	button.btn.btn-link.action-btn(
+		tooltip=translate('download'),
+		tooltip-placement="top",
+		tooltip-append-to-body="true",
+	)
+		i.icon.fa.fa-cloud-download
+	button.btn.btn-link.action-btn(
+		tooltip=translate('archive'),
+		tooltip-placement="top",
+		tooltip-append-to-body="true",
+	)
+		i.icon.fa.fa-inbox
\ No newline at end of file
diff --git a/services/web/app/views/project/list/project-list.pug b/services/web/app/views/project/list/project-list.pug
index df3c2bf681..6e1732ad63 100644
--- a/services/web/app/views/project/list/project-list.pug
+++ b/services/web/app/views/project/list/project-list.pug
@@ -131,7 +131,7 @@
 			)
 				li.container-fluid
 					.row
-						.col-xs-6
+						.col-xs-6.col-sm-4.col-md-6
 							input.select-all(
 								select-all,
 								type="checkbox"
@@ -142,9 +142,11 @@
 						.col-xs-2
 							span.header.clickable(ng-click="changePredicate('accessLevel')") #{translate("owner")}
 								i.tablesort.fa(ng-class="getSortIconClass('accessLevel')")
-						.col-xs-4
+						.col-xs-4.col-sm-3.col-md-2
 							span.header.clickable(ng-click="changePredicate('lastUpdated')") #{translate("last_modified")}
 								i.tablesort.fa(ng-class="getSortIconClass('lastUpdated')")
+						.hidden-xs.col-sm-3.col-md-2
+							span.header #{translate("actions")}
 				li.project_entry.container-fluid(
 					ng-repeat="project in visibleProjects | orderBy:predicate:reverse",
 					ng-controller="ProjectListItemController"
diff --git a/services/web/app/views/project/list/v1-item.pug b/services/web/app/views/project/list/v1-item.pug
index b4a3ccb99d..5a8e37bca0 100644
--- a/services/web/app/views/project/list/v1-item.pug
+++ b/services/web/app/views/project/list/v1-item.pug
@@ -1,4 +1,4 @@
-.col-xs-6
+.col-xs-6.col-sm-4.col-md-6
 	.select-item
 		span.v1-badge(
 			aria-label=translate("v1_badge")
@@ -21,5 +21,5 @@
 .col-xs-2
 	span.owner {{ownerName()}}
 
-.col-xs-4
+.col-xs-4.col-sm-3.col-md-2
 	span.last-modified(tooltip="{{project.lastUpdated | formatDate}}") {{project.lastUpdated | fromNowDate}}
\ No newline at end of file