diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index e17a583..e4fffe7 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -8,6 +8,7 @@ import {DocumentationComponent} from './documentation/documentation.component';
import {TemplatesComponent} from './templates/templates.component';
import {SettingsComponent} from './settings/settings.component';
import {UsersComponent} from './users/users.component';
+import {ChangelogComponent} from './changelog/changelog.component';
const routes: Routes = [
@@ -17,6 +18,7 @@ const routes: Routes = [
{path: 'samples/new', component: SampleComponent, canActivate: [LoginService]},
{path: 'samples/edit/:id', component: SampleComponent, canActivate: [LoginService]},
{path: 'templates', component: TemplatesComponent, canActivate: [LoginService]},
+ {path: 'changelog', component: ChangelogComponent, canActivate: [LoginService]},
{path: 'users', component: UsersComponent, canActivate: [LoginService]},
{path: 'settings', component: SettingsComponent, canActivate: [LoginService]},
{path: 'documentation', component: DocumentationComponent},
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 6899d22..648446a 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -5,6 +5,7 @@
Templates
+ Changelog
Users
Documentation
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 18590d1..79a2602 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -25,6 +25,7 @@ import { TemplatesComponent } from './templates/templates.component';
import { ParametersPipe } from './parameters.pipe';
import { SettingsComponent } from './settings/settings.component';
import { UsersComponent } from './users/users.component';
+import { ChangelogComponent } from './changelog/changelog.component';
@NgModule({
declarations: [
@@ -42,7 +43,8 @@ import { UsersComponent } from './users/users.component';
TemplatesComponent,
ParametersPipe,
SettingsComponent,
- UsersComponent
+ UsersComponent,
+ ChangelogComponent
],
imports: [
LocalStorageModule.forRoot({
diff --git a/src/app/changelog/changelog.component.html b/src/app/changelog/changelog.component.html
new file mode 100644
index 0000000..9d59d0c
--- /dev/null
+++ b/src/app/changelog/changelog.component.html
@@ -0,0 +1,35 @@
+Changelog
+
+
+
+
+
+ | Date |
+ Action |
+ Data |
+
+
+ | {{entry.date}} |
+ {{entry.action}} |
+ {{entry.data | json}} |
+
+
diff --git a/src/app/changelog/changelog.component.scss b/src/app/changelog/changelog.component.scss
new file mode 100644
index 0000000..c36c6b1
--- /dev/null
+++ b/src/app/changelog/changelog.component.scss
@@ -0,0 +1,10 @@
+.header {
+
+ & > * {
+ float: left;
+ }
+
+ button {
+ float: right;
+ }
+}
diff --git a/src/app/changelog/changelog.component.spec.ts b/src/app/changelog/changelog.component.spec.ts
new file mode 100644
index 0000000..a9ebfb6
--- /dev/null
+++ b/src/app/changelog/changelog.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ChangelogComponent } from './changelog.component';
+
+describe('ChangelogComponent', () => {
+ let component: ChangelogComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ ChangelogComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(ChangelogComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/changelog/changelog.component.ts b/src/app/changelog/changelog.component.ts
new file mode 100644
index 0000000..55da828
--- /dev/null
+++ b/src/app/changelog/changelog.component.ts
@@ -0,0 +1,32 @@
+import { Component, OnInit } from '@angular/core';
+import {ChangelogModel} from '../models/changelog.model';
+import {ApiService} from '../services/api.service';
+
+@Component({
+ selector: 'app-changelog',
+ templateUrl: './changelog.component.html',
+ styleUrls: ['./changelog.component.scss']
+})
+export class ChangelogComponent implements OnInit {
+
+ timestamp = new Date();
+ pageSize = 25;
+ changelog: ChangelogModel[] = [];
+
+ constructor(
+ private api: ApiService
+ ) { }
+
+ ngOnInit(): void {
+ this.loadChangelog();
+ }
+
+ loadChangelog(page = 0) {
+ this.api.get(`/changelog/${this.timestamp.toISOString()}/${page}/${this.pageSize}`, data => {
+ this.changelog = data.map(e => new ChangelogModel().deserialize(e));
+ this.timestamp = new Date(this.changelog[0].date);
+ console.log(this.changelog);
+ });
+ }
+
+}
diff --git a/src/app/models/changelog.model.spec.ts b/src/app/models/changelog.model.spec.ts
new file mode 100644
index 0000000..49eea17
--- /dev/null
+++ b/src/app/models/changelog.model.spec.ts
@@ -0,0 +1,7 @@
+import { ChangelogModel } from './changelog.model';
+
+describe('ChangelogModel', () => {
+ it('should create an instance', () => {
+ expect(new ChangelogModel()).toBeTruthy();
+ });
+});
diff --git a/src/app/models/changelog.model.ts b/src/app/models/changelog.model.ts
new file mode 100644
index 0000000..3ed5c21
--- /dev/null
+++ b/src/app/models/changelog.model.ts
@@ -0,0 +1,9 @@
+import {BaseModel} from './base.model';
+
+export class ChangelogModel extends BaseModel {
+ date: Date;
+ action: string;
+ collection: string;
+ conditions: {[key: string]: any};
+ data: {[key: string]: any};
+}
diff --git a/src/app/sample/sample.component.html b/src/app/sample/sample.component.html
index c5b484a..017fa35 100644
--- a/src/app/sample/sample.component.html
+++ b/src/app/sample/sample.component.html
@@ -45,7 +45,7 @@
-
+
-
+
-
+