isolated event history frontend

README.md

@@ -4,7 +4,7 @@
 
 ## DOCUMENTATION
 
-[Visits docs.querqy.org/smui/ for a detailled documentation on SMUI.](https://querqy.org/docs/smui/)
+[Visit https://docs.querqy.org/smui/ for a detailed documentation on SMUI.](https://querqy.org/docs/smui/)
 
 ## LICENSE
 

app/assets/app/components/details/activity-log/activity-log.component.css

@@ -0,0 +1,18 @@
+.smui-activity-log-toggle {
+	width: 100%;
+}
+
+.smui-activity-log-table {
+	width: 100%;
+	margin-top: 5px;
+	margin-bottom: 10px;
+	font-size: smaller;
+}
+
+.smui-activity-log-entry>td {
+	padding-top: 5px;
+}
+
+.smui-activity-log-detail-row {
+	padding-left: 20px;
+}

app/assets/app/components/details/activity-log/activity-log.component.html

@@ -0,0 +1,39 @@
+<div class="card">
+    <div class="card-body smui-no-bottom-padding">
+        <div class="row">
+            <div class="col">
+                <small class="smui-activity-log-toggle">
+                    <i class="fa fa-chevron-down" aria-hidden="true"></i> RULE ACTIVITY LOG
+                </small>
+                <button (click)="loadInputRuleActivityLog()">LOAD</button>
+                <ng-container *ngIf="inputRuleActivityLog !== null">
+                    <table class="smui-activity-log-table">
+                        <ng-container *ngFor="let logEntry of inputRuleActivityLog">
+                            <tr class="smui-activity-log-entry">
+                                <td width="25%">
+                                    {{ logEntry.dateTime }}
+                                </td>
+                                <td width="40%">
+                                    {{ logEntry.inputSummary }}
+                                </td>
+                                <td width="35%">
+                                    <i class="fa fa-user-o" aria-hidden="true"></i> {{ logEntry.hasOwnProperty('userInfo') ? logEntry.userInfo : '' }}
+                                </td>
+                            </tr>
+                            <tr *ngIf="logEntry.hasOwnProperty('rulesSummary')">
+                                <td colspan="3" width="100%" class="smui-activity-log-detail-row">
+                                    <i class="fa fa-database" aria-hidden="true"></i> RULES: {{ logEntry.rulesSummary }}
+                                </td>
+                            </tr>
+                            <tr *ngIf="logEntry.hasOwnProperty('commentSummary')">
+                                <td colspan="3" width="100%" class="smui-activity-log-detail-row">
+                                    <i class="fa fa-commenting-o" aria-hidden="true"></i> {{ logEntry.commentSummary }}
+                                </td>
+                            </tr>
+                        </ng-container>
+                    </table>
+                </ng-container>
+            </div>
+        </div>
+    </div>
+</div>

app/assets/app/components/details/activity-log/activity-log.component.ts

@@ -0,0 +1,9 @@
+import { Component, Input, EventEmitter } from '@angular/core';
+
+@Component({
+  selector: 'smui-activity-log',
+  templateUrl: './activity-log.component.html',
+  styleUrls: ['./activity-log.component.css']
+})
+export class DetailActivityLog {
+}

app/assets/app/components/details/index.ts

@@ -7,3 +7,4 @@ export * from './input-row/input-row-container.component'
 export * from './input-row/input-row.component'
 export * from './rule-management/rule-management.component'
 export * from './spellings/spellings.component'
+export * from './activity-log/activity-log.component'

app/assets/app/models/activity-log.model.ts

@@ -0,0 +1,7 @@
+export class ActivityLogEntry {
+  dateTime: string;
+  userInfo?: string;
+  inputSummary: string;
+  rulesSummary?: string;
+  commentSummary?: string;
+}

app/assets/app/models/index.ts

@@ -4,3 +4,4 @@ export * from './rules.model'
 export * from './solr.model'
 export * from './spellings.model'
 export * from './tags.model'
+export * from './activity-log.model'

app/assets/app/services/activity-log.service.ts

@@ -0,0 +1,21 @@
+import { Injectable } from '@angular/core';
+import { Http } from '@angular/http';
+import 'rxjs/add/operator/toPromise';
+
+import { ActivityLogEntry } from '../models/index';
+
+@Injectable()
+export class ActivityLogService {
+  private readonly baseUrl = 'api/v1';
+
+  constructor(public http: Http) { }
+
+  getInputRuleActivityLog(searchInputId: string): Promise<Array<ActivityLogEntry>> {
+    return this.http
+      .get(baseUrl + '/log/rule-activity-log?searchInputId=' + searchInputId)
+      .toPromise()
+      .then(res => {
+        return res.json() as ActivityLogEntry[];
+      })
+  }
+}

app/assets/app/services/index.ts

@@ -4,3 +4,4 @@ export * from './rule-management.service'
 export * from './spellings.service'
 export * from './solr.service'
 export * from './tags.service'
+export * from './activity-log.service'

app/assets/app/services/solr.service.ts

@@ -2,8 +2,8 @@ import { Injectable } from '@angular/core';
 import { Headers, Http } from '@angular/http';
 import 'rxjs/add/operator/toPromise';
 
-import {DeploymentLogInfo, SolrIndex, SuggestedSolrField} from '../models/solr.model';
-import {ApiResult} from '../models/results.model';
+import { DeploymentLogInfo, SolrIndex, SuggestedSolrField } from '../models/solr.model';
+import { ApiResult } from '../models/results.model';
 
 
 @Injectable()