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

extends ../layout

block content
	//- We need to do .replace(/\//g, '\\/') do that '</script>' -> '<\/script>'
	//- and doesn't prematurely end the script tag.



	script(type="text/javascript").
		window.data = {
			projects: !{JSON.stringify(projects).replace(/\//g, '\\/')},
			tags: !{JSON.stringify(tags).replace(/\//g, '\\/')},
			notifications: !{JSON.stringify(notifications).replace(/\//g, '\\/')}
		};
		window.algolia = {
			institutions: {
				app_id:  '#{algolia_app_id}',
				api_key: '#{algolia_api_key}'
			}
		};

	.content.content-alt.project-list-page(ng-controller="ProjectPageController")
		.container
			
			div(
				ng-controller="AnnouncementsController"
				ng-cloak
			)
				.announcements-backdrop(ng-if="ui.isOpen")
				a.announcements-btn(
					href
					ng-if="announcements.length"
					ng-click="ui.isOpen = !ui.isOpen"
					ng-class="{ 'announcements-btn-open': ui.isOpen, 'announcements-btn-has-new': ui.hasNew }"
				)
					span.announcements-badge(ng-if="ui.hasNew") {{ announcements.length }}
				.announcements-body(
					ng-if="ui.isOpen"
				)
					.announcement(
						ng-repeat="announcement in announcements"
					)
						h2.announcement-header {{ announcement.title }}
						p.announcement-date {{ announcement.date | date:"longDate" }}
						p.announcement-description {{ announcement.excerpt }}
						a(
							ng-href="{{ announcement.url }}"
							target="_blank"
						) Read more
				//- .card.card-thin(ng-show="dataReceived")
				//- 	a.announcement-title(href, ng-click="openLink()") {{ title }}
				//- 	p.announcement-description {{ excerpt }}

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

					.col-md-10.col-xs-9
						include ./list/notifications
						include ./list/project-list
				
				span(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