{namespace notes=TYPO3\CMS\SysNote\ViewHelpers}

<f:layout name="Default" />

<f:section name="Content">
	<f:if condition="{notes}">

		<div id="typo3-dblist-sysnotes">
			<f:for each="{notes}" as="note">
				<div class="single-note category-{note.category}">
					<div class="header">
						<span class="typeicon" oncontextmenu="showClickmenu('sys_note', '{note.uid}', '1', '', '', ''); return false;" onclick="showClickmenu('sys_note', '{note.uid}', '1', '','', ''); return false;"></span>
						<span><f:translate key="author" /></span>
						<f:if condition="{note.author.realName}">
							<f:then>{note.author.realName}</f:then>
							<f:else>{note.author.userName}</f:else>
						</f:if>
						&middot;

						<span><f:translate key="date" /></span>
						<f:format.date>{note.modificationDate}</f:format.date>

						<f:if condition="{note.personal}">
							&middot;
							<span><f:translate key="personal" /></span>&nbsp;<f:translate key="yes" />
						</f:if>

						<div class="right icons">
							<f:be.buttons.icon uri="{notes:editLink(id:note.uid)}" icon="actions-document-open" />
						</div>
					</div>
					<div class="content">
						<div class="title">
							<f:if condition="{note.category}"><f:translate key="category.{note.category}" />:</f:if>
							{note.subject}
						</div>
						<f:format.nl2br>{note.message}</f:format.nl2br>
					</div>
				</div>
			</f:for>
		</div>

	</f:if>
</f:section>