Просмотр исходного кода

Add action buttons to project list

Alasdair Smith 8 лет назад
Родитель
Сommit
20cca0fcd4

+ 21 - 2
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

+ 4 - 2
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"

+ 2 - 2
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}}