Added a message template

We won't bother providing a default for the moment. If we need one later, we can add it.

Author: KorinaGraber

source/components/messageLog/messageLog.component.html

@@ -2,29 +2,9 @@
 <div class="content-group"
 		*ngFor="let entry of messages"
 		[class.system-note]="entry.isSystemNote">
-		<!--rl-alias="entry as {{log.messageAs}}"-->
-		{{entry | json}}
-	<!--<rl-generic-container selector="log.getEntrySelector(entry)" templates="log.templates">
-		<template default>
-			<div class="message-body">
-				<div class="message-content">
-					<div ng-bind-html="entry.message"></div>
-				</div>
-				<span class="message-button" ng-if="log.canEditEntry(entry)">
-					<rlButtonAsync type="message-default flat" action="log.editMessage(entry)" size="xs"><i class="fa fa-edit"></i></rlButtonAsync>
-				</span>
-				<span class="message-button" ng-if="log.canDeleteEntry(entry)">
-					<rlButtonAsync type="message-danger flat" action="log.messageLog.deleteMessage(entry)" size="xs"><i class="fa fa-remove"></i></rlButtonAsync>
-				</span>
-			</div>
-			<div class="message-byline">
-				<div class="byline">{{entry.createdBy.name}}</div>
-				<div class="byline">
-					{{ entry.createdDate | rlDate:true }}
-					<span  ng-if="entry.edited" class="edited-note" rl-popover="log.tooltipTemplate" popover-trigger="mouseenter">(edited)</span></div>
-			</div>
-		</template>
-	</rl-generic-container>-->
+	<span *ngIf="template">
+		<template [ngTemplateOutlet]="newTemplate()" [ngOutletContext]="{ $implicit: entry }"></template>
+	</span>
 </div>
 <div class="alert alert-info" *ngIf="!(messages && messages.length) && !loading">No existing messages</div>
 <div class="row">

source/components/messageLog/messageLog.component.ts

@@ -1,4 +1,5 @@
-import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { Component, Input, Output, EventEmitter, ContentChild, TemplateRef } from '@angular/core';
+import { clone } from 'lodash';
 
 export interface ILogPage {
 	pageNumber: number;
@@ -18,6 +19,8 @@ export class MessageLogComponent {
 
 	@Output() page: EventEmitter<ILogPage> = new EventEmitter<ILogPage>();
 
+	@ContentChild(TemplateRef) template: TemplateRef<any>;
+
 	get hasPreviousPage(): boolean {
 		return this.pageNumber > 1;
 	}
@@ -37,4 +40,8 @@ export class MessageLogComponent {
 			pageSize: this.pageSize,
 		});
 	}
+
+	newTemplate(): TemplateRef<any> {
+		return clone(this.template);
+	}
 }