overleaf/services/web/app/views/project/list/item.pug

td.project-list-table-name-cell
	.project-list-table-name-container
		input.project-list-table-select-item(
			select-individual,
			type="checkbox",
			ng-model="project.selected"
			stop-propagation="click"
			aria-label=translate('select_project') + " '{{ project.name }}'"
		)
		span.project-list-table-name
			a.project-list-table-name-link(
				ng-href="{{projectLink(project)}}"
				stop-propagation="click"
			) {{project.name}}
			span(
				ng-controller="TagListController"
			)
				.tag-label(
					ng-repeat='tag in project.tags'
					stop-propagation="click"
				)
					button.label.label-default.tag-label-name(
						ng-click="selectTag(tag)"
						aria-label="Select tag {{ tag.name }}"
					)
						i.fa.fa-circle(
							aria-hidden="true"
							ng-style="{ 'color': 'hsl({{ getHueForTagId(tag._id) }}, 70%, 45%)' }"
						)
						| {{tag.name}}
					button.label.label-default.tag-label-remove(
						ng-click="removeProjectFromTag(project, tag)"
						aria-label="Remove tag {{ tag.name }}"
					)
						span(aria-hidden="true") ×

td.project-list-table-owner-cell
	span.owner(ng-if='project.owner') {{getOwnerName(project)}}
		|  
		i.fa.fa-question-circle.small(
			ng-if="hasGenericOwnerName()"
			tooltip="This project is owned by a user who hasn’t yet migrated their account to Overleaf v2"
			tooltip-append-to-body="true"
			aria-hidden="true"
		)
	span(ng-if="isLinkSharingProject(project)")
		|  
		i.fa.fa-link.small(
			tooltip=translate("link_sharing")
			tooltip-placement="right"
			tooltip-append-to-body="true"
			aria-label=translate("link_sharing")
		)

td.project-list-table-lastupdated-cell
	span.last-modified(tooltip="{{project.lastUpdated | formatDate}}")
		| {{project.lastUpdated | fromNowDate}}
	span(ng-show='project.lastUpdatedBy')
		|
		| #{translate('by')}
		| {{getUserName(project.lastUpdatedBy)}}


td.project-list-table-actions-cell
	div(
		ng-if="!project.isTableActionInflight"
	)
		button.btn.btn-link.action-btn(
			ng-if="!(project.archived || project.trashed)"
			aria-label=translate('copy'),
			tooltip=translate('copy'),
			tooltip-placement="top",
			tooltip-append-to-body="true",
			ng-click="clone($event)"
		)
			i.icon.fa.fa-files-o(aria-hidden="true")
		button.btn.btn-link.action-btn(
			aria-label=translate('download'),
			tooltip=translate('download'),
			tooltip-placement="top",
			tooltip-append-to-body="true",
			ng-click="download($event)"
		)
			i.icon.fa.fa-cloud-download(aria-hidden="true")
		button.btn.btn-link.action-btn(
			ng-if="!project.archived"
			aria-label=translate('archive'),
			tooltip=translate('archive'),
			tooltip-placement="top",
			tooltip-append-to-body="true",
			ng-click="archive($event)"
		)
			i.icon.fa.fa-inbox(aria-hidden="true")
		button.btn.btn-link.action-btn(
			ng-if="!project.trashed"
			aria-label=translate('trash'),
			tooltip=translate('trash'),
			tooltip-placement="top",
			tooltip-append-to-body="true",
			ng-click="trash($event)"
		)
			i.icon.fa.fa-trash(aria-hidden="true")
		button.btn.btn-link.action-btn(
			ng-if="project.archived && !project.trashed"
			aria-label=translate('unarchive'),
			tooltip=translate('unarchive'),
			tooltip-placement="top",
			tooltip-append-to-body="true",
			ng-click="unarchive($event)"
		)
			i.icon.fa.fa-reply(aria-hidden="true")
		button.btn.btn-link.action-btn(
			ng-if="project.trashed && !project.archived"
			aria-label=translate('untrash'),
			tooltip=translate('untrash'),
			tooltip-placement="top",
			tooltip-append-to-body="true",
			ng-click="untrash($event)"
		)
			i.icon.fa.fa-reply(aria-hidden="true")
		button.btn.btn-link.action-btn(
			ng-if="project.trashed && !project.archived && !isOwner()"
			aria-label=translate('leave'),
			tooltip=translate('leave'),
			tooltip-placement="top",
			tooltip-append-to-body="true",
			ng-click="leave($event)"
		)
			i.icon.fa.fa-sign-out(aria-hidden="true")
		button.btn.btn-link.action-btn(
			ng-if="project.trashed && !project.archived && isOwner()"
			aria-label=translate('delete'),
			tooltip=translate('delete'),
			tooltip-placement="top",
			tooltip-append-to-body="true",
			ng-click="delete($event)"
		)
			i.icon.fa.fa-ban(aria-hidden="true")
	div(
		ng-if="project.isTableActionInflight"
		aria-label=translate('processing')
	)
		i.fa.fa-spinner.fa-spin(aria-hidden="true")