overleaf/services/web/app/views/project/list/side-bar.jade

.dropdown(dropdown)
	a.btn.btn-primary.dropdown-toggle(
		href="#",
		data-toggle="dropdown",
		dropdown-toggle
	)
		| #{translate("new_project")}

	ul.dropdown-menu(role="menu")
		li
			a(
				href,
				ng-click="openCreateProjectModal()"
			) #{translate("blank_project")}
		li
			a(
				href,
				ng-click="openCreateProjectModal('example')"
			) #{translate("example_project")}
		li
			a(
				href,
				ng-click="openUploadProjectModal()"
			) #{translate("upload_project")}
		!= moduleIncludes("newProjectMenu", locals)
		if (templates)
			li.divider
			li.dropdown-header #{translate("templates")}
			each item in templates
				li
					a.menu-indent(href=item.url) #{translate(item.name)}

.row-spaced(ng-if="projects.length > 0", ng-cloak)
	ul.list-unstyled.folders-menu(
		ng-controller="TagListController"
	)
		li(ng-class="{active: (filter == 'all')}")
			a(href, ng-click="filterProjects('all')") #{translate("all_projects")}
		li(ng-class="{active: (filter == 'owned')}")
			a(href, ng-click="filterProjects('owned')") #{translate("your_projects")}
		li(ng-class="{active: (filter == 'shared')}")
			a(href, ng-click="filterProjects('shared')") #{translate("shared_with_you")}
		li(ng-class="{active: (filter == 'archived')}")
			a(href, ng-click="filterProjects('archived')") #{translate("deleted_projects")}
		li
			h2 #{translate("folders")}
		li(
			ng-repeat="tag in tags | filter:nonEmpty",
			ng-class="{active: tag.selected}",
			ng-cloak
		)
			a.tag(href, ng-click="selectTag(tag)")
				i.icon.fa.fa-fw(
					ng-class="{\
						'fa-folder-open-o': tag.selected,\
						'fa-folder-o': !tag.selected\
					}"
				)
				span.name {{tag.name}} 
					span.subdued  ({{tag.project_ids.length}})
		li(ng-cloak)
			a.tag(href, ng-click="openNewTagModal()")
				i.fa.fa-fw.fa-plus
				span.name #{translate("new_folder")}

.row-spaced(ng-if="projects.length == 0", ng-cloak)
	.first-project
		div
			i.fa.fa-arrow-up.fa-2x
		div
			strong #{translate("create_your_first_project")}

- if (showUserDetailsArea)
	- if (Math.random() < 0.5)
		.row-spaced
			hr
			.card.card-thin(ng-cloak)
				span(sixpack-switch="datajoy_promo_button")
					span(sixpack-default)
						p.text-center.small
							| <strong>Python</strong> or <strong>R</strong> user?
							p.text-center.small
								a(sixpack-convert="datajoy_promo_button", href="https://www.getdatajoy.com/", target="_blank").btn.btn-info.btn-small Try DataJoy
						p.text-center.small(style="font-size: 0.8em")
							a(href="https://www.getdatajoy.com/", target="_blank") DataJoy
							|  is a new online Python and R editor from ShareLaTeX.

					span(sixpack-when="learning")
						p.text-center.small
							| Learning <strong>Python</strong>?
							p.text-center.small
								a(sixpack-convert="datajoy_promo_button", href="https://www.getdatajoy.com/", target="_blank").btn.btn-info.btn-small Try DataJoy
						p.text-center.small(style="font-size: 0.8em")
							a(href="https://www.getdatajoy.com/", target="_blank") DataJoy
							|  is the easiest editor to use when learning Python.
							

					span(sixpack-when="try-now")
						p.text-center.small
							| <strong>Python</strong> or <strong>R</strong> user?
							p.text-center.small
								a(sixpack-convert="datajoy_promo_button", href="https://www.getdatajoy.com/", target="_blank").btn.btn-info.btn-small Try Now

						p.text-center.small(style="font-size: 0.8em")
							a(href="https://www.getdatajoy.com/", target="_blank") DataJoy 
							| lets work with Python & R in the browser.
	- else
		.row-spaced#userProfileInformation(ng-if="projects.length > 0", ng-cloak)
			div(ng-controller="UserProfileController")
				hr(ng-show="percentComplete < 100")
				.text-centered.user-profile(ng-show="percentComplete < 100")
					.progress
						.progress-bar.progress-bar-info(ng-style="{'width' : (percentComplete+'%')}")

					p.small #{translate("profile_complete_percentage", {percentval:"{{percentComplete}}"})}
					
					button#completeUserProfileInformation.btn.btn-info(
						ng-hide="formVisable",
						ng-click="openUserProfileModal()"
					) #{translate("complete")}

-if (settings.enableSubscriptions && !hasSubscription)
	.row-spaced(ng-if="projects.length > 0", ng-cloak).text-centered
		hr
		p.small #{translate("on_free_sl")}
		p
			a(href="/user/subscription/plans").btn.btn-primary #{translate("upgrade")}
		p.small
			| #{translate("or_unlock_features_bonus")} 
			a(href="/user/bonus") #{translate("sharing_sl")} .