Work/duge/92 (#140)

* before merging with default vanilla project

* working version bug outdated

* working version with ng8, ag-grid and netcore3.1

* adding database location and themes to aggrid

* tests with wsl2

* adding new docker commands for wsl

* adding babel to let ng build complete, bug documented here: angular/angular-cli#17262

* working version with vscode debugger

* adding objects and shares controller

* adding contact controller

* remove item controller, new tables

* working objects FE and BE

* adding generic crud historical, missing generic service layer

* adding release notes and breaking changes

* merge conflict

Co-authored-by: lonesomegeek <[email protected]>

Author: lonesomegeek

LSG.GenericCrud.Samples/.gitignore

@@ -229,3 +229,5 @@ _Pvt_Extensions
 
 # FAKE - F# Make
 .fake/
+
+Databases/docker_data/*

LSG.GenericCrud.Samples/.vscode/launch.json

@@ -0,0 +1,36 @@
+{
+   // Use IntelliSense to find out which attributes exist for C# debugging
+   // Use hover for the description of the existing attributes
+   // For further information visit https://github.com/OmniSharp/omnisharp-vscode/blob/master/debugger-launchjson.md
+   "version": "0.2.0",
+   "configurations": [
+        {
+            "name": ".NET Core Launch (web)",
+            "type": "coreclr",
+            "request": "launch",
+            "preLaunchTask": "build",
+            // If you have changed target frameworks, make sure to update the program path.
+            "program": "${workspaceFolder}/bin/Debug/netcoreapp3.1/LSG.GenericCrud.Samples.dll",
+            "args": [],
+            "cwd": "${workspaceFolder}",
+            "stopAtEntry": false,
+            // Enable launching a web browser when ASP.NET Core starts. For more information: https://aka.ms/VSCode-CS-LaunchJson-WebBrowser
+            "serverReadyAction": {
+                "action": "openExternally",
+                "pattern": "^\\s*Now listening on:\\s+(https?://\\S+)"
+            },
+            "env": {
+                "ASPNETCORE_ENVIRONMENT": "Development"
+            },
+            "sourceFileMap": {
+                "/Views": "${workspaceFolder}/Views"
+            }
+        },
+        {
+            "name": ".NET Core Attach",
+            "type": "coreclr",
+            "request": "attach",
+            "processId": "${command:pickProcess}"
+        }
+    ]
+}

LSG.GenericCrud.Samples/.vscode/tasks.json

@@ -0,0 +1,42 @@
+{
+    "version": "2.0.0",
+    "tasks": [
+        {
+            "label": "build",
+            "command": "dotnet",
+            "type": "process",
+            "args": [
+                "build",
+                "${workspaceFolder}/LSG.GenericCrud.Samples.csproj",
+                "/property:GenerateFullPaths=true",
+                "/consoleloggerparameters:NoSummary"
+            ],
+            "problemMatcher": "$msCompile"
+        },
+        {
+            "label": "publish",
+            "command": "dotnet",
+            "type": "process",
+            "args": [
+                "publish",
+                "${workspaceFolder}/LSG.GenericCrud.Samples.csproj",
+                "/property:GenerateFullPaths=true",
+                "/consoleloggerparameters:NoSummary"
+            ],
+            "problemMatcher": "$msCompile"
+        },
+        {
+            "label": "watch",
+            "command": "dotnet",
+            "type": "process",
+            "args": [
+                "watch",
+                "run",
+                "${workspaceFolder}/LSG.GenericCrud.Samples.csproj",
+                "/property:GenerateFullPaths=true",
+                "/consoleloggerparameters:NoSummary"
+            ],
+            "problemMatcher": "$msCompile"
+        }
+    ]
+}

LSG.GenericCrud.Samples/ClientApp/package-lock.json

@@ -22,6 +22,8 @@
     "@angular/platform-server": "8.2.12",
     "@angular/router": "8.2.12",
     "@nguniversal/module-map-ngfactory-loader": "8.1.1",
+    "ag-grid-angular": "^23.0.2",
+    "ag-grid-community": "^23.0.2",
     "aspnet-prerendering": "^3.0.1",
     "bootstrap": "^4.3.1",
     "core-js": "^3.3.3",

LSG.GenericCrud.Samples/ClientApp/package.json

@@ -0,0 +1 @@
+<p>crud works!</p>

LSG.GenericCrud.Samples/ClientApp/src/app/@crud/crud/crud.component.css

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CrudComponent } from './crud.component';
+
+describe('CrudComponent', () => {
+  let component: CrudComponent;
+  let fixture: ComponentFixture<CrudComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ CrudComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(CrudComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

LSG.GenericCrud.Samples/ClientApp/src/app/@crud/crud/crud.component.html

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-crud',
+  templateUrl: './crud.component.html',
+  styleUrls: ['./crud.component.css']
+})
+export class CrudComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

LSG.GenericCrud.Samples/ClientApp/src/app/@crud/crud/crud.component.spec.ts

@@ -0,0 +1,10 @@
+<p>historical-crud works!</p>
+
+<button [routerLink]="['/objects/create']">Create</button>
+
+<ag-grid-angular style="width: 500px; height: 500px;"
+                 #agGrid
+                 class="ag-theme-balham"
+                 [rowData]="rows | async"
+                 [columnDefs]="columnDefs">
+</ag-grid-angular>

LSG.GenericCrud.Samples/ClientApp/src/app/@crud/crud/crud.component.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HistoricalCrudComponent } from './historical-crud.component';
+
+describe('HistoricalCrudComponent', () => {
+  let component: HistoricalCrudComponent;
+  let fixture: ComponentFixture<HistoricalCrudComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ HistoricalCrudComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(HistoricalCrudComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

LSG.GenericCrud.Samples/ClientApp/src/app/@crud/historical-crud/historical-crud/historical-crud.component.css

@@ -0,0 +1,33 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Observable } from 'rxjs';
+import { Router } from '@angular/router';
+import { ItemService } from 'src/app/items/item.service';
+import { AgGridAngular } from 'ag-grid-angular';
+
+@Component({
+  selector: 'app-historical-crud',
+  templateUrl: './historical-crud.component.html',
+  styleUrls: ['./historical-crud.component.css']
+})
+export class HistoricalCrudComponent implements OnInit {
+  @ViewChild('agGrid', undefined) agGrid: AgGridAngular;
+
+  public rows: Observable<any[]>;
+  public columnDefs: any[];
+
+  public baseRoute: string;
+
+  constructor(
+    private router: Router,
+    private service: ItemService
+  ) { }
+
+  ngOnInit() {
+    this.rows = this.service.getAll();
+    this.agGrid.rowDoubleClicked.subscribe(row => this.rowDoubleClicked(row));
+  }
+
+  rowDoubleClicked(row: any) {
+    this.router.navigate(['/objects/' + row.data.id]);
+  }
+}

LSG.GenericCrud.Samples/ClientApp/src/app/@crud/historical-crud/historical-crud/historical-crud.component.html

@@ -0,0 +1,36 @@
+<p>historical-detail works!</p>
+
+Mode: {{mode}}
+<h1>Items</h1>
+
+<p>This component demonstrates fetching data from the server.</p>
+
+<p *ngIf="!row"><em>Loading...</em></p>
+<button *ngIf="mode=='read'" (click)="editActivate()">Edit</button>
+
+<button *ngIf="mode=='edit'" (click)="save()">Save</button>
+<button *ngIf="mode=='create'" (click)="create()">Create</button>
+<button *ngIf="mode=='edit'" (click)="editDeactivate()">Cancel</button>
+<button *ngIf="mode=='edit'" (click)="delete()">Delete</button>
+<table class='table table-striped' *ngIf="row">
+  <thead>
+    <tr>
+      <th>Name</th>      
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td *ngIf="mode=='read'">{{ row.name }}</td> 
+      <td *ngIf="mode!='read'"><input required [(ngModel)]="row.name" name="name"></td> 
+    </tr>
+  </tbody>
+</table>
+<div *ngIf="mode=='read'">
+  <h1>History</h1>
+  <p *ngIf="!history"><em>Loading...</em></p>
+  <ag-grid-angular style="width: 500px; height: 500px;"
+                   class="ag-theme-balham"
+                   [rowData]="history | async"
+                   [columnDefs]="historyColumnDefs">
+  </ag-grid-angular>
+</div>

LSG.GenericCrud.Samples/ClientApp/src/app/@crud/historical-crud/historical-crud/historical-crud.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HistoricalDetailComponent } from './historical-detail.component';
+
+describe('HistoricalDetailComponent', () => {
+  let component: HistoricalDetailComponent;
+  let fixture: ComponentFixture<HistoricalDetailComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ HistoricalDetailComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(HistoricalDetailComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

LSG.GenericCrud.Samples/ClientApp/src/app/@crud/historical-crud/historical-crud/historical-crud.component.ts

@@ -0,0 +1,67 @@
+import { Component, OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { ItemService } from 'src/app/items/item.service';
+import { Router, ActivatedRoute } from '@angular/router';
+
+@Component({
+  selector: 'app-historical-detail',
+  templateUrl: './historical-detail.component.html',
+  styleUrls: ['./historical-detail.component.css']
+})
+export class HistoricalDetailComponent implements OnInit {
+  row: any;
+  selectedId: string;
+  mode: string = "read";
+  isEditing: boolean = false;
+  history: Observable<History[]>;
+  historyColumnDefs: any[] = [
+    { headerName: 'Action', field: 'action', sortable: true },
+    { headerName: 'By', field: 'createdBy', sortable: true },
+    { headerName: 'At', field: 'createdDate', sortable: true }];
+
+  constructor(
+    private service: ItemService,
+    private router: Router,
+    route: ActivatedRoute
+  ) {
+    this.selectedId = route.snapshot.params["id"];
+    if (this.selectedId == "create") this.mode = "create";
+  }
+
+  ngOnInit() {
+    if (this.mode != "create") {
+      this.service.getOne(this.selectedId).subscribe(e => { this.row = e; });
+      this.service.makeRead(this.selectedId).subscribe();
+      this.history = this.service.getOneHistory(this.selectedId);
+    } else {
+      this.row = {};
+    }
+  }
+
+  editActivate() {
+    this.mode = "edit";
+  }
+
+  editDeactivate() {
+    this.mode = "read";
+  }
+
+  create() {
+    this.service.postOne(this.row).subscribe(result => {
+      this.router.navigate(['/objects']);
+    })
+  }
+
+  delete() {
+    this.service.deleteOne(this.selectedId).subscribe(result => {
+      this.router.navigate(['/objects']);
+
+    });
+  }
+
+  save() {
+    this.service.putOne(this.selectedId, this.row).subscribe(result => {
+      this.editDeactivate();
+    });
+  }
+}