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

extends ../layout

block content
	mixin formatAccessLevel(accessLevel)
		-if (accessLevel == "owner")
			span Owner
		-else if (accessLevel == "readWrite")
			span Read and Write
		-else if (accessLevel == "readOnly")
			span Read Only
		-else
			span Unknown?

	mixin formatOwnerText(level, publicLevel)
		-if (level == "owner")
			span Me
		-else
			span #{formatProjectPublicAccessLevel()}  
				mixin formatAccessLevel(project.accessLevel)

	mixin tag(project_id, tagName, showDeleteIcon)
		span.label.label-info.tag-label(data-project-id=project_id, data-tag=tagName)
			span.text #{tagName}  
			- if (showDeleteIcon)
				i.fa.fa-times.delete-tag(data-project-id=project_id, data-tag=tagName)

	mixin projectList(projects)
		-each project in projects
			- project_id = project._id.toString()
			li.project_entry(id=project_id)
				label.checkbox.select-item
					input(type="checkbox")
				span.title
					a.projectName(href="/project/#{project._id}") #{project.name}
					span.project-tags(data-project-id=project_id)
						- each tag in project.tags
							mixin tag(project_id, tag.name, true)
				span.owner
					mixin formatOwnerText(project.accessLevel, project.publicAccesLevel)
				span.last-modified.isoDate #{project.lastUpdated.toISOString()}

	.content.content-alt
		.container
			.row
				.col-md-2
					#newProject.dropdown
						a.btn.btn-primary.dropdown-toggle(data-toggle="dropdown", href="#") New Project 
							span.caret
						ul.dropdown-menu(role="menu")
							li
								a#blankNewProject(href="#", data-csrf=csrfToken) Blank Project
							li
								a#newProjectExample(href="#", data-csrf=csrfToken) Example Project
							li
								a#uploadNewProject(href="#", data-csrf=csrfToken) Upload Project
							li.divider
							li.dropdown-submenu
								a(tabindex="-1", href="#", data-toggle="dropdown") Templates
								ul.dropdown-menu
									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 »

					ul.list-unstyled.folders-menu.js-folders-menu
						li
							a.normalText.menu-indent(href="#") All projects
						li
							a.normalText.menu-indent(href="#") Your projects
						li
							a.normalText.menu-indent(href="#") Shared with you
						li Folders
						li
							a.normalText.menu-indent(href="#")
								i.icon.fa.fa-folder-o
								|  PhD work
							span.normalText  (5)
						li
							a.normalText.menu-indent(href="#")
								i.icon.fa.fa-folder-o
								|  Notes
							span.normalText  (2)
						li
							a.normalText.menu-indent(href="#")
								i.icon.fa.fa-folder-o
								|  Papers
							span.normalText  (1)

					ul.list-unstyled.folders-menu
						li
							a.normalText.menu-indent(href="#")
								i.icon.fa.fa-plus
								|  New Folder

					-if (tags.length > 0)
						hr.soften
						ul#allProjectTagsArea.unstyled.menu
							li Tags
							- each tag in tags
								-if (tag.project_ids.length > 0)
									li
										mixin tag("", tag.name, false)
										span.number x #{tag.project_ids.length}

					-if (settings.enableSubscriptions)
						p
							a(href="/user/bonus").btn.btn-info Upgrade Account

				.col-md-10
					.container-fluid
						.row
							.col-md-12
								form.form-horizontal(role="form")
									.form-group.has-feedback.col-md-7
										input(placeholder='Search projects…', autofocus='autofocus').form-control.col-md-7
										i.fa.fa-search.form-control-feedback
									//- i.fa.fa-remove

								.cold-md6
									.project-tools.js-toggle-tools.hidden
										.btn-toolbar
											.btn-group
												a(href='/project/'+"5369c5737fc6b47f048da1f5"+'/download/zip', data-toggle="tooltip", data-placement="bottom", title="", data-original-title="Download .zip File").btn.downloadZip
													i.fa.fa-cloud-download
												-if ("owner" == "owner")
													a(href='/project/'+"5369c5737fc6b47f048da1f5", data-name="the project", data-id="5369c5737fc6b47f048da1f5", data-csrf=csrfToken, data-toggle="tooltip", data-placement="bottom", title="", data-original-title="Remove").btn.deleteProject
														i.fa.fa-trash-o
												a.btn.dropdown-toggle
													i.fa.fa-folder-open-o
											.btn-group.project-actions
												a.btn.dropdown-toggle(data-toggle="dropdown", href="#") More
													span.caret
												ul.dropdown-menu.pull-right(role="menu")
													li
														a(href='/project/'+"5369c5737fc6b47f048da1f5"+'/clone', data-csrf=csrfToken).cloneProject Make a Copy...
													-if ("owner" == "owner")
														li
															a(href='/project/'+"5369c5737fc6b47f048da1f5"+'/rename', data-name="the project", data-id="5369c5737fc6b47f048da1f5", data-csrf=csrfToken).renameProject Rename...
													-else
														li
															a(href='/project/'+"5369c5737fc6b47f048da1f5"+'/leave', data-name="the project", data-id="5369c5737fc6b47f048da1f5", data-csrf=csrfToken).leaveProject Leave Project
						.row
							.col-md-12
								.card.card-thin
									- if (projects.length > 0)
										ul#projectList
											li
												label.checkbox.select-all
													input(type="checkbox")
												span.title TITLE
												span.owner OWNER
												span.last-modified LAST MODIFIED
											mixin projectList(projects)
									- 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
														| .

	script(type="text/template")#tagTemplate
		mixin tag('{{ project_id }}', '{{ tagName }}', true)

	- locals.supressDefaultJs = true
	script(type="text/javascript").
		window.requirejs = {
			"paths" : {
				"moment": "libs/moment"
			}
		};
	script(
		data-main=jsPath+'list.js?fingerprint='+fingerprint(jsPath + 'list.js'),
		baseurl=jsPath,
		src=jsPath+'libs/require.js?fingerprint='+fingerprint(jsPath + 'libs/require.js')
	)