mirror of
https://github.com/overleaf/overleaf.git
synced 2024-10-31 21:21:03 -04:00
c35ae7024f
Add aria labels to close buttons ("X" on modal)
GitOrigin-RevId: 4255844e29d4b0eedb0acb36bb2356337c543bcd
143 lines
4.3 KiB
Text
143 lines
4.3 KiB
Text
td.project-list-table-name-cell(ng-if-start="!project.isV1Project")
|
||
.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(ng-if-end)
|
||
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")
|