OZG-530 -> OZG-566 create file-shared lib; impl loading Attachments after vorgang loaded

goofy-client/angular.json

@@ -512,6 +512,31 @@
           }
         }
       }
+    },
+    "file-shared": {
+      "projectType": "library",
+      "root": "libs/file-shared",
+      "sourceRoot": "libs/file-shared/src",
+      "prefix": "goofy-client",
+      "architect": {
+        "lint": {
+          "builder": "@nrwl/linter:eslint",
+          "options": {
+            "lintFilePatterns": [
+              "libs/file-shared/src/**/*.ts",
+              "libs/file-shared/src/**/*.html"
+            ]
+          }
+        },
+        "test": {
+          "builder": "@nrwl/jest:jest",
+          "outputs": ["coverage/libs/file-shared"],
+          "options": {
+            "jestConfig": "libs/file-shared/jest.config.js",
+            "passWithNoTests": true
+          }
+        }
+      }
     }
   },
   "cli": {

goofy-client/jest.config.js

@@ -14,5 +14,6 @@ module.exports = {
     '<rootDir>/libs/command-shared',
     '<rootDir>/libs/wiedervorlage-shared',
     '<rootDir>/libs/wiedervorlage',
+    '<rootDir>/libs/file-shared',
   ],
 };

goofy-client/libs/file-shared/.eslintrc.json

+{
+  "extends": ["../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts"],
+      "extends": [
+        "plugin:@nrwl/nx/angular",
+        "plugin:@angular-eslint/template/process-inline-templates"
+      ],
+      "parserOptions": { "project": ["libs/file-shared/tsconfig.*?.json"] },
+      "rules": {
+        "@angular-eslint/directive-selector": [
+          "error",
+          {
+            "type": "attribute",
+            "prefix": "goofy-client",
+            "style": "camelCase"
+          }
+        ],
+        "@angular-eslint/component-selector": [
+          "error",
+          { "type": "element", "prefix": "goofy-client", "style": "kebab-case" }
+        ]
+      }
+    },
+    {
+      "files": ["*.html"],
+      "extends": ["plugin:@nrwl/nx/angular-template"],
+      "rules": {}
+    }
+  ]
+}

goofy-client/libs/file-shared/README.md

+# file-shared
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test file-shared` to execute the unit tests.

goofy-client/libs/file-shared/jest.config.js

+module.exports = {
+  displayName: 'file-shared',
+  preset: '../../jest.preset.js',
+  setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
+  globals: {
+    'ts-jest': {
+      tsConfig: '<rootDir>/tsconfig.spec.json',
+      stringifyContentPathRegex: '\\.(html|svg)$',
+      astTransformers: {
+        before: [
+          'jest-preset-angular/build/InlineFilesTransformer',
+          'jest-preset-angular/build/StripStylesTransformer',
+        ],
+      },
+    },
+  },
+  coverageDirectory: '../../coverage/libs/file-shared',
+  snapshotSerializers: [
+    'jest-preset-angular/build/AngularNoNgAttributesSnapshotSerializer.js',
+    'jest-preset-angular/build/AngularSnapshotSerializer.js',
+    'jest-preset-angular/build/HTMLCommentSerializer.js',
+  ],
+};

goofy-client/libs/file-shared/src/index.ts

+export * from './lib/file-shared.module';
+export * from './lib/file.linkrel';
+export * from './lib/file.model';

goofy-client/libs/file-shared/src/lib/file-shared.module.spec.ts

+import { TestBed } from '@angular/core/testing';
+import { FileSharedModule } from './file-shared.module';
+
+describe('FileSharedModule', () => {
+	beforeEach(() => {
+		TestBed.configureTestingModule({
+			imports: [FileSharedModule],
+		}).compileComponents();
+	});
+
+	it('should create', () => {
+		expect(FileSharedModule).toBeDefined();
+	});
+});
\ No newline at end of file

goofy-client/libs/file-shared/src/lib/file-shared.module.ts

+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+@NgModule({
+  imports: [CommonModule],
+})
+export class FileSharedModule {}

goofy-client/libs/file-shared/src/lib/file.linkrel.ts

+export enum FileLinkRel {
+	DOWNLOAD = 'download'
+}
+
+export enum FileListLinkRel {
+	FILE_LIST = 'fileList'
+}
\ No newline at end of file

goofy-client/libs/file-shared/src/lib/file.model.ts

+import { ListResource } from '@goofy-client/tech-shared';
+import { Resource } from '@ngxp/rest';
+
+export interface File {
+	name: string,
+	size: number
+}
+
+export interface FileResource extends File, Resource { }
+
+export interface FileListResource extends ListResource { }
\ No newline at end of file

goofy-client/libs/file-shared/src/test-setup.ts

+import 'jest-preset-angular';

goofy-client/libs/tech-shared/test/file.ts → goofy-client/libs/file-shared/test/file.ts

+import { FileListLinkRel } from '@goofy-client/file-shared';
 import * as faker from 'faker';
-import { File, FileResource } from '../src/lib/tech.model';
-import { toResource } from './resource';
+import { toResource } from 'libs/tech-shared/test/resource';
 import { times } from 'lodash-es';
+import { File, FileListResource, FileResource } from '../src/lib/file.model';
 
 export function createFile(): File {
 	return {
@@ -17,3 +18,9 @@ export function createFileResource(linkRelations: string[] = []): FileResource {
 export function createFileResources(linkRelations: string[] = []): FileResource[] {
 	return times(10, () => toResource(createFileResource(), [...linkRelations]));
 }
+
+export function createFileListResource(linkRelations: string[] = []): FileListResource {
+	return toResource({}, [...linkRelations], {
+		[FileListLinkRel.FILE_LIST]: createFileResources()
+	})
+}
\ No newline at end of file

goofy-client/libs/file-shared/tsconfig.json

+{
+  "extends": "../../tsconfig.base.json",
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ]
+}

goofy-client/libs/file-shared/tsconfig.lib.json

+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "target": "es2015",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": [],
+    "lib": ["dom", "es2018"]
+  },
+  "angularCompilerOptions": {
+    "skipTemplateCodegen": true,
+    "strictMetadataEmit": true,
+    "enableResourceInlining": true
+  },
+  "exclude": ["src/test-setup.ts", "**/*.spec.ts"],
+  "include": ["**/*.ts"]
+}

goofy-client/libs/file-shared/tsconfig.spec.json

+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "module": "commonjs",
+    "types": ["jest", "node"]
+  },
+  "files": ["src/test-setup.ts"],
+  "include": ["**/*.spec.ts", "**/*.d.ts"]
+}

goofy-client/libs/tech-shared/src/lib/tech.model.ts

-import { Resource } from '@ngxp/rest';
-
 export interface ApiError {
 	issues: Issue[]
 }
@@ -15,14 +13,3 @@ export interface IssueParam {
 	name: string,
 	value: string;
 }
-
-export interface File {
-	name: string,
-	size: number
-}
-
-export enum FileLinkRel {
-	DOWNLOAD = 'download'
-}
-
-export interface FileResource extends File, Resource { }

goofy-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/anhaenge/anhaenge.component.html

-<div class="files" *ngIf="vorgangWithEingang | hasLink: linkRel.ATTACHMENTS; else emptyAnhaenge">
-	<goofy-client-file *ngFor="let file of files" [fileResource]="file"></goofy-client-file>
-</div>
-
-<ng-template #emptyAnhaenge>
-	<p>keine Anhänge vorhanden</p>
-</ng-template>

goofy-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/anhaenge/file/file.component.html

-<div class="file" [matTooltip]="fileResource.name">
-	<mat-icon>file_present</mat-icon>
-	<span class="name">{{ fileResource.name }}</span>
-	<span class="size" [innerHTML]="fileResource.size | fileSize"></span>
-</div>

goofy-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/anhang-list-container/anhaenge/anhaenge.component.html

+<goofy-client-file *ngFor="let file of (attachmentList | toEmbeddedResources: fileListRel.FILE_LIST)" [file]="file"></goofy-client-file>
\ No newline at end of file