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

if hasFeature('v2-banner')
	.userNotifications
		ul.list-unstyled.notifications-list(ng-controller="OverleafV2NotificationController", ng-show="visible")
			li.notification_entry
				.row
					.col-xs-12
						.alert.alert-info
							.notification_inner
								.notification_body(event-tracking="sees_v2_banner" event-tracking-mb="true" event-segmentation="{location: 'welcome', v2_onboard: true}" event-tracking-trigger="load" event-tracking-send-once="true")
									a.btn.btn-info.btn-sm.pull-right(event-tracking="go_to_v2" event-tracking-mb="true" event-segmentation="{location: 'welcome', v2_onboard: true}" event-tracking-trigger="click" href="/user/login_to_ol_v2") Try Overleaf v2
									| ShareLaTeX is joining Overleaf and will become <em>Overleaf v2</em> in late 2018 (<a event-tracking="click_v2_read_more" event-tracking-mb="true" event-segmentation="{location: 'welcome', v2_onboard: true}" event-tracking-trigger="click" href="https://www.overleaf.com/help/342-overleaf-v2-faq">read more</a>).
									<br/>
									| We’re beta testing Overleaf v2 now and you can try it out with your ShareLaTeX account.
								.notification_close
									button(ng-click="dismiss()" event-tracking="closes_v2_banner" event-tracking-mb="true" event-segmentation="{location: 'welcome', v2_onboard: true}"  event-tracking-trigger="click").close.pull-right
										span(aria-hidden="true") &times;
										span.sr-only #{translate("close")}

span(ng-controller="NotificationsController").userNotifications
	ul.list-unstyled.notifications-list(
		ng-if="notifications.length > 0",
		ng-cloak
	)
		li.notification_entry(
			ng-repeat="notification in notifications",
		)
			.row(ng-hide="notification.hide")
				.col-xs-12
					.alert.alert-info(ng-if="notification.templateKey == 'notification_project_invite'", ng-controller="ProjectInviteNotificationController")
						div.notification_inner
							.notification_body(ng-show="!notification.accepted")
								| !{translate("notification_project_invite_message")}
								a.pull-right.btn.btn-sm.btn-info(href, ng-click="accept()", ng-disabled="notification.inflight")
									span(ng-show="!notification.inflight") #{translate("join_project")}
									span(ng-show="notification.inflight")
										i.fa.fa-fw.fa-spinner.fa-spin
										| &nbsp;
										| #{translate("joining")}...
							.notification_body(ng-show="notification.accepted")
								| !{translate("notification_project_invite_accepted_message")}
								a.pull-right.btn.btn-sm.btn-info(href="/project/{{ notification.messageOpts.projectId }}") #{translate("open_project")}
							span().notification_close
								button(ng-click="dismiss(notification)").close.pull-right
									span(aria-hidden="true") &times;
									span.sr-only #{translate("close")}
					.alert.alert-info(ng-if="notification.templateKey != 'notification_project_invite'")
						div.notification_inner
							span(ng-bind-html="notification.html").notification_body
							span().notification_close
								button(ng-click="dismiss(notification)").close.pull-right
									span(aria-hidden="true") &times;
									span.sr-only #{translate("close")}