Add action buttons to project list

This commit is contained in:
Alasdair Smith 2018-05-16 16:53:33 +01:00
parent a747480425
commit 20cca0fcd4
3 changed files with 27 additions and 6 deletions

View file

@ -1,4 +1,4 @@
.col-xs-6 .col-xs-6.col-sm-4.col-md-6
input.select-item( input.select-item(
select-individual, select-individual,
type="checkbox", type="checkbox",
@ -37,8 +37,27 @@
tooltip-placement="right" tooltip-placement="right"
tooltip-append-to-body="true" tooltip-append-to-body="true"
) )
.col-xs-4 .col-xs-4.col-sm-3.col-md-2
if settings.overleaf if settings.overleaf
span.last-modified(tooltip="{{project.lastUpdated | formatDate}}") {{project.lastUpdated | fromNowDate}} span.last-modified(tooltip="{{project.lastUpdated | formatDate}}") {{project.lastUpdated | fromNowDate}}
else else
span.last-modified {{project.lastUpdated | formatDate}} 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

View file

@ -131,7 +131,7 @@
) )
li.container-fluid li.container-fluid
.row .row
.col-xs-6 .col-xs-6.col-sm-4.col-md-6
input.select-all( input.select-all(
select-all, select-all,
type="checkbox" type="checkbox"
@ -142,9 +142,11 @@
.col-xs-2 .col-xs-2
span.header.clickable(ng-click="changePredicate('accessLevel')") #{translate("owner")} span.header.clickable(ng-click="changePredicate('accessLevel')") #{translate("owner")}
i.tablesort.fa(ng-class="getSortIconClass('accessLevel')") 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")} span.header.clickable(ng-click="changePredicate('lastUpdated')") #{translate("last_modified")}
i.tablesort.fa(ng-class="getSortIconClass('lastUpdated')") i.tablesort.fa(ng-class="getSortIconClass('lastUpdated')")
.hidden-xs.col-sm-3.col-md-2
span.header #{translate("actions")}
li.project_entry.container-fluid( li.project_entry.container-fluid(
ng-repeat="project in visibleProjects | orderBy:predicate:reverse", ng-repeat="project in visibleProjects | orderBy:predicate:reverse",
ng-controller="ProjectListItemController" ng-controller="ProjectListItemController"

View file

@ -1,4 +1,4 @@
.col-xs-6 .col-xs-6.col-sm-4.col-md-6
.select-item .select-item
span.v1-badge( span.v1-badge(
aria-label=translate("v1_badge") aria-label=translate("v1_badge")
@ -21,5 +21,5 @@
.col-xs-2 .col-xs-2
span.owner {{ownerName()}} 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}} span.last-modified(tooltip="{{project.lastUpdated | formatDate}}") {{project.lastUpdated | fromNowDate}}