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

205 lines
6.2 KiB
Text
Raw Normal View History

2014-07-16 09:59:52 -04:00
.row
.col-xs-12(ng-cloak)
2014-07-16 09:59:52 -04:00
form.project-search.form-horizontal(role="form")
2014-07-23 06:12:12 -04:00
.form-group.has-feedback.has-feedback-left.col-md-7.col-xs-12
input.form-control.col-md-7.col-xs-12(
2017-01-31 09:57:22 -05:00
placeholder=translate('search_projects')+"…",
aria-label=translate('search_projects')+"…",
2014-07-16 09:59:52 -04:00
autofocus='autofocus',
ng-model="searchText.value",
focus-on='search:clear',
ng-keyup="searchProjects()"
2014-07-16 09:59:52 -04:00
)
i.fa.fa-search.form-control-feedback-left
i.fa.fa-times.form-control-feedback(
ng-click="clearSearchText()",
style="cursor: pointer;",
ng-show="searchText.value.length > 0"
2014-07-16 09:59:52 -04:00
)
//- i.fa.fa-remove
.project-tools(ng-cloak)
.btn-toolbar(ng-show="filter != 'archived'")
.btn-group(ng-hide="selectedProjects.length < 1")
a.btn.btn-default(
href,
2017-01-31 09:57:22 -05:00
tooltip=translate('download'),
2014-07-16 09:59:52 -04:00
tooltip-placement="bottom",
2014-07-16 12:04:17 -04:00
tooltip-append-to-body="true",
2014-07-16 09:59:52 -04:00
ng-click="downloadSelectedProjects()"
)
i.fa.fa-cloud-download
a.btn.btn-default(
href,
2017-01-31 09:57:22 -05:00
tooltip=translate('delete'),
2014-07-16 09:59:52 -04:00
tooltip-placement="bottom",
2014-07-16 12:04:17 -04:00
tooltip-append-to-body="true",
2014-07-16 09:59:52 -04:00
ng-click="openArchiveProjectsModal()"
)
i.fa.fa-trash-o
.btn-group.dropdown(ng-hide="selectedProjects.length < 1", dropdown)
2014-07-16 09:59:52 -04:00
a.btn.btn-default.dropdown-toggle(
href,
2014-07-16 09:59:52 -04:00
data-toggle="dropdown",
dropdown-toggle,
2017-01-31 09:57:22 -05:00
tooltip=translate('add_to_folders'),
2014-07-16 12:04:17 -04:00
tooltip-append-to-body="true",
2014-07-16 09:59:52 -04:00
tooltip-placement="bottom"
)
i.fa.fa-folder-open-o
|
span.caret
ul.dropdown-menu.dropdown-menu-right.js-tags-dropdown-menu.tags-dropdown-menu(
2014-07-16 09:59:52 -04:00
role="menu"
ng-controller="TagListController"
)
li.dropdown-header #{translate("add_to_folder")}
2014-07-16 09:59:52 -04:00
li(
2016-01-28 10:11:57 -05:00
ng-repeat="tag in tags | orderBy:'name'",
2014-07-16 09:59:52 -04:00
ng-controller="TagDropdownItemController"
)
a(href="#", ng-click="addOrRemoveProjectsFromTag()", stop-propagation="click")
i.fa(
ng-class="{\
'fa-check-square-o': areSelectedProjectsInTag == true,\
'fa-square-o': areSelectedProjectsInTag == false,\
'fa-minus-square-o': areSelectedProjectsInTag == 'partial'\
}"
)
| {{tag.name}}
li.divider
li
a(href, ng-click="openNewTagModal()", stop-propagation="click") #{translate("create_new_folder")}
2014-07-16 09:59:52 -04:00
.btn-group(ng-hide="selectedProjects.length != 1", dropdown).dropdown
2014-07-16 09:59:52 -04:00
a.btn.btn-default.dropdown-toggle(
href,
data-toggle="dropdown",
dropdown-toggle
2016-01-28 10:11:57 -05:00
) #{translate("more")}
2014-07-16 09:59:52 -04:00
span.caret
ul.dropdown-menu.dropdown-menu-right(role="menu")
li(ng-show="getFirstSelectedProject().accessLevel == 'owner'")
a(
href,
2014-07-16 09:59:52 -04:00
ng-click="openRenameProjectModal()"
) #{translate("rename")}
2014-07-16 09:59:52 -04:00
li
a(
href,
2014-07-16 09:59:52 -04:00
ng-click="openCloneProjectModal()"
) #{translate("make_copy")}
2014-07-16 09:59:52 -04:00
.btn-toolbar(ng-show="filter == 'archived'")
.btn-group(ng-hide="selectedProjects.length < 1")
a.btn.btn-default(
href,
2014-07-16 09:59:52 -04:00
data-original-title="Restore",
data-toggle="tooltip",
data-placement="bottom",
ng-click="restoreSelectedProjects()"
) #{translate("restore")}
2014-07-16 09:59:52 -04:00
.btn-group(ng-hide="selectedProjects.length < 1")
a.btn.btn-danger(
href,
2014-07-16 09:59:52 -04:00
data-original-title="Delete Forever",
data-toggle="tooltip",
data-placement="bottom",
ng-click="openDeleteProjectsModal()"
) #{translate("delete_forever")}
2014-07-16 09:59:52 -04:00
.row.row-spaced
.col-xs-12
2014-07-24 09:00:01 -04:00
.card.card-thin.project-list-card
2014-07-16 09:59:52 -04:00
ul.list-unstyled.project-list.structured-list(
select-all-list,
ng-if="projects.length > 0",
2014-07-24 09:00:01 -04:00
max-height="projectListHeight - 25",
2014-07-16 09:59:52 -04:00
ng-cloak
)
li.container-fluid
.row
.col-xs-6
2014-07-16 09:59:52 -04:00
input.select-all(
select-all,
type="checkbox"
aria-label=translate('select_all_projects')
2014-07-16 09:59:52 -04:00
)
span.header.clickable(ng-click="changePredicate('name')") #{translate("title")}
i.tablesort.fa(ng-class="getSortIconClass('name')")
.col-xs-2
span.header.clickable(ng-click="changePredicate('accessLevel')") #{translate("owner")}
i.tablesort.fa(ng-class="getSortIconClass('accessLevel')")
.col-xs-4
span.header.clickable(ng-click="changePredicate('lastUpdated')") #{translate("last_modified")}
i.tablesort.fa(ng-class="getSortIconClass('lastUpdated')")
2014-07-16 09:59:52 -04:00
li.project_entry.container-fluid(
ng-repeat="project in visibleProjects | orderBy:predicate:reverse",
2014-07-16 09:59:52 -04:00
ng-controller="ProjectListItemController"
)
2017-05-01 12:11:03 -04:00
.row(select-row)
.col-xs-6
2014-07-16 09:59:52 -04:00
input.select-item(
select-individual,
type="checkbox",
ng-model="project.selected"
2017-05-01 12:11:03 -04:00
stop-propagation="click"
aria-label=translate('select_project') + " '{{ project.name }}'"
2014-07-16 09:59:52 -04:00
)
span
2017-05-01 12:11:03 -04:00
a.projectName(
ng-href="{{projectLink(project)}}"
2017-05-01 12:11:03 -04:00
stop-propagation="click"
) {{project.name}}
span(
ng-controller="TagListController"
)
.tag-label(
ng-repeat='tag in project.tags'
2017-05-01 12:11:03 -04:00
stop-propagation="click"
)
a.label.label-default.tag-label-name(
href,
ng-click="selectTag(tag)"
) {{tag.name}}
a.label.label-default.tag-label-remove(
href
ng-click="removeProjectFromTag(project, tag)"
) &times;
.col-xs-2
2014-07-16 09:59:52 -04:00
span.owner {{ownerName()}}
span(ng-if="isLinkSharingProject(project)")
| &nbsp;
i.fa.fa-link.small(
tooltip=translate("link_sharing")
tooltip-placement="right"
tooltip-append-to-body="true"
)
.col-xs-4
2014-07-16 09:59:52 -04:00
span.last-modified {{project.lastUpdated | formatDate}}
li(
ng-if="visibleProjects.length == 0",
ng-cloak
)
.row
.col-xs-12.text-centered
small #{translate("no_projects")}
2014-07-16 09:59:52 -04:00
div.welcome.text-centered(ng-if="projects.length == 0", ng-cloak)
h2 #{translate("welcome_to_sl")}
2014-09-01 15:14:49 -04:00
p #{translate("new_to_latex_look_at")}
a(href="/templates") #{translate("templates").toLowerCase()}
| #{translate("or")}
a(href="/learn") #{translate("latex_help_guide")}
2014-07-16 09:59:52 -04:00
| ,
br
| #{translate("or_create_project_left")}