Overleaf/services/web/app/views/project/list.pug

extends ../layout

block content
	//- We need to do .replace(/\//g, '\\/') do that '</script>' -> '<\/script>'
	//- and doesn't prematurely end the script tag.
	script#data(type="application/json").
		!{JSON.stringify({ projects: projects, tags: tags, notifications: notifications }).replace(/\//g, '\\/')}

	script(type="text/javascript").
		window.data = JSON.parse($("#data").text());
		window.algolia = {
			institutions: {
				app_id:  '#{algolia_app_id}',
				api_key: '#{algolia_api_key}'
			}
		};

	.announcements(
		ng-controller="AnnouncementsController"
		ng-class="{ 'announcements-open': ui.isOpen }"
		ng-cloak
	)
		.announcements-backdrop(
			ng-if="ui.isOpen"
			ng-click="toggleAnnouncementsUI();"
		)
		a.announcements-btn(
			href
			ng-if="announcements.length"
			ng-click="toggleAnnouncementsUI();"
			ng-class="{ 'announcements-btn-open': ui.isOpen, 'announcements-btn-has-new': ui.newItems }"
		)
			span.announcements-badge(ng-if="ui.newItems") {{ ui.newItems }}
		.announcements-body(
			ng-if="ui.isOpen"
		)
			.announcements-scroller
				.announcement(
					ng-repeat="announcement in announcements | filter:(ui.newItems ? { read: false } : '') track by announcement.id"
				)
					h2.announcement-header {{ announcement.title }}
					p.announcement-description(ng-bind-html="announcement.excerpt")
					.announcement-meta
						p.announcement-date {{ announcement.date | date:"longDate" }}
						a.announcement-link(
							ng-href="{{ announcement.url }}"
							ng-click="logAnnouncementClick()",
							target="_blank"
						) Read more
				div.text-center(
					ng-if="ui.newItems > 0 && ui.newItems < announcements.length"
				)
					a.btn.btn-default.btn-sm(
						href
						ng-click="showAll();"
					) Show all
	.content.content-alt.project-list-page(ng-controller="ProjectPageController")
		.project-list-content

			.row.project-list-row(ng-cloak)
				.project-list-container(ng-if="projects.length > 0")
					aside.project-list-sidebar.col-md-2.col-xs-3
						include ./list/side-bar

					.project-list-main.col-md-10.col-xs-9
						include ./list/notifications
						include ./list/project-list
				
				.project-list-empty(ng-if="projects.length === 0")
					.col-md-offset-2.col-md-8.col-md-offset-2.col-xs-8
						include ./list/empty-project-list

		include ./list/modals