overleaf/services/web/app/views/project/list.jade

337 lines
10 KiB
Text
Raw Normal View History

2014-02-12 05:23:40 -05:00
extends ../layout
2014-06-11 09:52:23 -04:00
block scripts
script(type="text/javascript").
2014-06-11 11:32:56 -04:00
window.data = {
2014-06-16 08:34:38 -04:00
projects: !{JSON.stringify(projects)},
tags: !{JSON.stringify(tags)}
2014-06-11 11:32:56 -04:00
};
2014-06-04 12:46:22 -04:00
2014-06-13 12:11:36 -04:00
script(src=jsPath+'libs/fineuploader.js')
script(src=jsPath+'project-list.js')
block content
.content.content-alt(ng-app="ProjectPageApp", ng-controller="ProjectPageController")
.container
2014-06-11 09:52:23 -04:00
.row
.col-md-2
#newProject.dropdown
a.btn.btn-primary.dropdown-toggle(data-toggle="dropdown", href="#") New Project
ul.dropdown-menu(role="menu")
li
2014-06-13 11:05:44 -04:00
a(
href="#",
ng-click="openCreateProjectModal()"
) Blank Project
li
2014-06-13 11:05:44 -04:00
a(
href="#",
ng-click="openCreateProjectModal('example')"
2014-06-13 12:11:36 -04:00
) Example Project
li
2014-06-13 12:11:36 -04:00
a(
href="#",
ng-click="openUploadProjectModal()"
) Upload Project
li.divider
li.dropdown-header Templates
li
a.menu-indent(href="/templates/cv") CV or Resume
li
a.menu-indent(href="/templates/cover-letters") Cover Letter
li
a.menu-indent(href="/templates/journals") Journal Article
li
a.menu-indent(href="/templates/presentations") Presentation
li
a.menu-indent(href="/templates/thesis") Thesis
li
a.menu-indent(href="/templates/bibliographies") Bibliographies
li
a.menu-indent(href="/templates") View All »
.row-spaced
2014-06-12 11:21:12 -04:00
ul.list-unstyled.folders-menu.js-folders-menu(ng-controller="TagListController")
2014-06-16 09:45:47 -04:00
li(ng-class="{active: (filter == 'all')}")
2014-06-16 10:06:58 -04:00
a.menu-indent(href, ng-click="filterProjects('all')") All projects
2014-06-16 09:45:47 -04:00
li(ng-class="{active: (filter == 'owned')}")
2014-06-16 10:06:58 -04:00
a.menu-indent(href, ng-click="filterProjects('owned')") Your projects
2014-06-16 09:45:47 -04:00
li(ng-class="{active: (filter == 'shared')}")
2014-06-16 10:06:58 -04:00
a.menu-indent(href, ng-click="filterProjects('shared')") Shared projects
li(ng-class="{active: (filter == 'archived')}")
a.menu-indent(href, ng-click="filterProjects('archived')") Deleted projects
li
h2 Folders
2014-06-13 08:55:55 -04:00
li(
ng-repeat="tag in tags",
ng-controller="TagListItemController",
ng-class="{active: tag.selected}"
)
2014-06-12 11:21:12 -04:00
a.menu-indent(href="#", ng-click="selectTag()")
2014-06-13 08:55:55 -04:00
i.icon.fa(
2014-06-13 12:11:36 -04:00
ng-class="{\
'fa-folder-open-o': tag.selected,\
'fa-folder-o': !tag.selected\
}"
2014-06-13 08:55:55 -04:00
)
2014-06-12 11:21:12 -04:00
| {{tag.name}}
span.small ({{tag.project_ids.length}})
2014-02-12 05:23:40 -05:00
-if (settings.enableSubscriptions)
2014-06-09 03:54:14 -04:00
.row-spaced
a(href="/user/bonus").btn.btn-info Upgrade Account
2014-06-04 12:46:22 -04:00
2014-06-12 11:21:12 -04:00
.col-md-10
.container-fluid
.row
.col-md-12
form.project-search.form-horizontal(role="form")
.form-group.has-feedback.col-md-7
2014-06-13 08:55:55 -04:00
input.form-control.col-md-7(
placeholder='Search projects…',
autofocus='autofocus',
ng-model="searchText"
)
i.fa.fa-search.form-control-feedback
//- i.fa.fa-remove
2014-02-12 05:23:40 -05:00
.project-tools.js-toggle-tools
2014-06-16 10:06:58 -04:00
.btn-toolbar(ng-show="filter != 'archived'")
.btn-group(ng-hide="selectedProjects.length < 1")
2014-06-13 08:55:55 -04:00
a.btn.btn-default(
href='#',
data-original-title="Download",
data-toggle="tooltip",
data-placement="bottom",
title=""
)
i.fa.fa-cloud-download
2014-06-13 08:55:55 -04:00
a.btn.btn-default(
href='#',
data-original-title="Delete",
data-toggle="tooltip",
data-placement="bottom",
2014-06-16 11:13:09 -04:00
ng-click="openArchiveProjectsModal()"
2014-06-13 08:55:55 -04:00
)
i.fa.fa-trash-o
2014-06-06 14:37:04 -04:00
2014-06-16 09:45:47 -04:00
.btn-group.dropdown(ng-hide="selectedProjects.length < 1")
2014-06-13 08:55:55 -04:00
a.btn.btn-default.dropdown-toggle(
href="#",
data-toggle="dropdown"
)
i.fa.fa-folder-open-o
|
span.caret
2014-06-13 08:55:55 -04:00
ul.dropdown-menu.dropdown-menu-right.js-tags-dropdown-menu(
role="menu"
)
li.dropdown-header Add to folder
2014-06-13 08:55:55 -04:00
li(
ng-repeat="tag in tags | orderBy:'name'",
ng-controller="TagDropdownItemController"
)
a(href="#", ng-click="addOrRemoveProjectsFromTag()")
i.fa(
ng-class="{\
2014-06-16 09:45:47 -04:00
'fa-check-square-o': areSelectedProjectsInTag == true,\
'fa-square-o': areSelectedProjectsInTag == false,\
'fa-minus-square-o': areSelectedProjectsInTag == 'partial'\
2014-06-13 08:55:55 -04:00
}"
)
| {{tag.name}}
2014-06-13 08:55:55 -04:00
li.divider
li
a(href="#", ng-click="openNewTagModal()") Create New Folder
2014-06-06 14:37:04 -04:00
.btn-group(ng-hide="selectedProjects.length != 1").dropdown
2014-06-13 10:24:20 -04:00
a.btn.btn-default.dropdown-toggle(
href='#',
data-toggle="dropdown"
) More
span.caret
ul.dropdown-menu.dropdown-menu-right(role="menu")
li(ng-show="getFirstSelectedProject().accessLevel == 'owner'")
2014-06-13 10:24:20 -04:00
a(
href='#',
ng-click="openRenameProjectModal()"
) Rename
2014-06-16 10:32:20 -04:00
li
a(
href='#',
ng-click="openCloneProjectModal()"
) Make a copy
2014-06-16 10:06:58 -04:00
.btn-toolbar(ng-show="filter == 'archived'")
.btn-group(ng-hide="selectedProjects.length < 1")
a.btn.btn-default(
href='#',
data-original-title="Restore",
data-toggle="tooltip",
data-placement="bottom",
ng-click="restoreSelectedProjects()"
) Restore
.btn-group(ng-hide="selectedProjects.length < 1")
a.btn.btn-danger(
href='#',
data-original-title="Delete Forever",
data-toggle="tooltip",
data-placement="bottom",
ng-click="deleteSelectedProjects()"
) Delete Forever
.row.row-spaced
.col-md-12
.card.card-thin
- if (projects.length > 0)
ul.list-unstyled.project-list
li.container-fluid
.row
.col-md-6
2014-06-16 09:45:47 -04:00
input.select-all(
type="checkbox",
ng-model="allSelected",
ng-change="onSelectAllChange()"
)
span.title TITLE
.col-md-2
span.owner OWNER
.col-md-4
span.last-modified LAST MODIFIED
2014-06-13 08:55:55 -04:00
li.project_entry.container-fluid(
ng-repeat="project in visibleProjects | orderBy:'lastUpdated':true",
ng-controller="ProjectListItemController"
)
.row
.col-md-6
input.select-item(type="checkbox", ng-model="project.selected", ng-change="onSelectedChange()")
span.title
a.projectName(href="/project/{{project.id}}") {{project.name}}
span
span.label.label-default(ng-repeat='tag in project.tags')
| {{tag.name}}
.col-md-2
2014-06-16 09:45:47 -04:00
span.owner {{ownerName()}}
.col-md-4
span.last-modified.isoDate {{project.lastUpdated | formatDate}}
- else
.row
.span12
.welcome
h1
i.fa.fa-arrow-left
| Welcome! Follow the arrow to get started
p New to LaTeX? Start by having a look at our
a(href="/templates") templates
| or
a(href="/learn") help guides
| .
2014-06-13 08:55:55 -04:00
script(type='text/ng-template', id='newTagModalTemplate')
.modal-header
h3 Create New Folder
.modal-body
input.form-control(
type="text",
placeholder="New Folder Name",
ng-model="inputs.newTagName",
ng-enter="create()",
ng-focus-on="open"
)
.modal-footer
button.btn.btn-default(ng-click="cancel()") Cancel
2014-06-13 10:24:20 -04:00
button.btn.btn-primary(ng-click="create()") Create
script(type='text/ng-template', id='renameProjectModalTemplate')
.modal-header
h3 Rename Project
.modal-body
input.form-control(
type="text",
placeholder="Project Name",
ng-model="inputs.projectName",
ng-enter="rename()",
ng-focus-on="open"
)
.modal-footer
button.btn.btn-default(ng-click="cancel()") Cancel
button.btn.btn-primary(ng-click="rename()") Rename
2014-06-13 11:05:44 -04:00
2014-06-16 10:32:20 -04:00
script(type='text/ng-template', id='cloneProjectModalTemplate')
.modal-header
h3 Copy Project
.modal-body
.form-group
label New Name
input.form-control(
type="text",
placeholder="New Project Name",
ng-model="inputs.projectName",
ng-enter="clone()",
ng-focus-on="open"
)
.modal-footer
button.btn.btn-default(
ng-disabled="state.inflight"
ng-click="cancel()"
) Cancel
button.btn.btn-primary(
ng-disabled="state.inflight"
ng-click="clone()"
)
span(ng-hide="state.inflight") Copy
span(ng-show="state.inflight") Copying...
2014-06-13 11:05:44 -04:00
script(type='text/ng-template', id='newProjectModalTemplate')
.modal-header
h3 New Project
.modal-body
input.form-control(
type="text",
placeholder="Project Name",
ng-model="inputs.projectName",
ng-enter="create()",
ng-focus-on="open"
)
.modal-footer
button.btn.btn-default(
ng-disabled="state.inflight"
ng-click="cancel()"
) Cancel
button.btn.btn-primary(
ng-disabled="state.inflight"
ng-click="create()"
)
span(ng-hide="state.inflight") Create
span(ng-show="state.inflight") Creating...
2014-06-13 12:11:36 -04:00
2014-06-16 11:13:09 -04:00
script(type='text/ng-template', id='deleteProjectsModalTemplate')
.modal-header
h3 {{action}} Projects
.modal-body
div(ng-show="projectsToDelete.length > 0")
p You are about to delete the following projects:
ul
li(ng-repeat="project in projectsToDelete | orderBy:'name'")
strong {{project.name}}
div(ng-show="projectsToLeave.length > 0")
p You are about to leave the following projects:
ul
li(ng-repeat="project in projectsToLeave | orderBy:'name'")
strong {{project.name}}
.modal-footer
button.btn.btn-default(
ng-click="cancel()"
) Cancel
button.btn.btn-danger(
ng-click="delete()"
) {{action}}
2014-06-13 12:11:36 -04:00
script(type="text/ng-template", id="uploadProjectModalTemplate")
.modal-header
h3 Upload Zipped Project
.modal-body(ng-fine-upload)
span Upload a zipped project
.modal-footer
2014-06-16 11:13:09 -04:00
button.btn.btn-default(ng-click="cancel()") Cancel