Merge pull request #417 from BrentWMiller/Message-log-updates

Message log updates

Author: BrentWMiller

source/components/messageLog/messageLog.component.html

@@ -1,7 +1,7 @@
 <rlBusy [loading]="loading" size="2x"></rlBusy>
-<div class="content-group"
+<div class="rl-messages"
 		*ngFor="let entry of messages"
-		[class.system-note]="entry.isSystemNote">
+		[class.rl-message-system]="entry.isSystemNote">
 	<span *ngIf="template">
 		<template [ngTemplateOutlet]="newTemplate()" [ngOutletContext]="{ $implicit: entry }"></template>
 	</span>

source/components/messageLog/ng1/messageLog.html

@@ -7,25 +7,22 @@
 
 <div>
 	<rl-busy loading="log.loadingInitial" size="2x"></rl-busy>
-	<div class="content-group" ng-repeat="entry in log.messages" rl-alias="entry as {{log.messageAs}}" ng-class="{ 'system-note': entry.isSystemNote }">
+	<div ng-repeat="entry in log.messages" rl-alias="entry as {{log.messageAs}}" ng-class="{ 'rl-message-system': entry.isSystemNote }">
 		<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 class="rl-message">
+					<div class="rl-message-content">
+						<div class="rl-message-description" ng-bind-html="entry.message"></div>
+						<div class="rl-message-byline">
+							{{entry.createdBy.name}}<br>
+							{{ entry.createdDate | rlDate:true }}
+							<span  ng-if="entry.edited" class="edited-note" rl-popover="log.tooltipTemplate" popover-trigger="mouseenter">(edited)</span>
+						</div>
+					</div>
+					<div class="rl-message-buttons">
+						<rl-button-async class="rl-message-button" type="danger flat" action="log.messageLog.deleteMessage(entry)" ng-if="log.canDeleteEntry(entry)"><i class="fa fa-remove"></i></rl-button-async>
+						<rl-button-async class="rl-message-button" type="default flat" action="log.editMessage(entry)" ng-if="log.canEditEntry(entry)"><i class="fa fa-edit"></i></rl-button-async>
 					</div>
-					<span class="message-button" ng-if="log.canEditEntry(entry)">
-						<rl-button-async type="message-default flat" action="log.editMessage(entry)" size="xs"><i class="fa fa-edit"></i></rl-button-async>
-					</span>
-					<span class="message-button" ng-if="log.canDeleteEntry(entry)">
-						<rl-button-async type="message-danger flat" action="log.messageLog.deleteMessage(entry)" size="xs"><i class="fa fa-remove"></i></rl-button-async>
-					</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>