diff --git a/package-lock.json b/package-lock.json index 3bf9224b8d..44264e1ad5 100644 --- a/package-lock.json +++ b/package-lock.json @@ -18,7 +18,7 @@ "@angular/platform-browser-dynamic": "^11.2.9", "@angular/router": "^11.2.9", "@ckeditor/ckeditor5-angular": "^1.2.3", - "@dasch-swiss/dsp-js": "^2.5.0", + "@dasch-swiss/dsp-js": "^2.6.0", "@dasch-swiss/dsp-ui": "^1.6.0", "@ngx-translate/core": "^12.1.2", "@ngx-translate/http-loader": "5.0.0", @@ -2257,9 +2257,9 @@ } }, "node_modules/@dasch-swiss/dsp-js": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/@dasch-swiss/dsp-js/-/dsp-js-2.5.0.tgz", - "integrity": "sha512-Zd13732lmd/yS/LrfkJj2KJ1TnGWOuXsvffTMXMYpiYtTxdWl90GyFtgbt7IVtdcPyOaGrg8gZpTVssslUSMBw==", + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@dasch-swiss/dsp-js/-/dsp-js-2.6.0.tgz", + "integrity": "sha512-l6Aa5jsD8on/QHwH4egom8V9o0bgf2LbibMqpZxw4vgcY/pbxSuCSnOnJw+DwIS+cDUvrDI4GU1eT8TyV1hylw==", "dependencies": { "@types/jsonld": "^1.5.0", "json2typescript": "1.4.1", @@ -22060,9 +22060,9 @@ } }, "@dasch-swiss/dsp-js": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/@dasch-swiss/dsp-js/-/dsp-js-2.5.0.tgz", - "integrity": "sha512-Zd13732lmd/yS/LrfkJj2KJ1TnGWOuXsvffTMXMYpiYtTxdWl90GyFtgbt7IVtdcPyOaGrg8gZpTVssslUSMBw==", + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@dasch-swiss/dsp-js/-/dsp-js-2.6.0.tgz", + "integrity": "sha512-l6Aa5jsD8on/QHwH4egom8V9o0bgf2LbibMqpZxw4vgcY/pbxSuCSnOnJw+DwIS+cDUvrDI4GU1eT8TyV1hylw==", "requires": { "@types/jsonld": "^1.5.0", "json2typescript": "1.4.1", diff --git a/package.json b/package.json index e55da0dbcb..7648f8c2ab 100644 --- a/package.json +++ b/package.json @@ -34,7 +34,7 @@ "@angular/platform-browser-dynamic": "^11.2.9", "@angular/router": "^11.2.9", "@ckeditor/ckeditor5-angular": "^1.2.3", - "@dasch-swiss/dsp-js": "^2.5.0", + "@dasch-swiss/dsp-js": "^2.6.0", "@dasch-swiss/dsp-ui": "^1.6.0", "@ngx-translate/core": "^12.1.2", "@ngx-translate/http-loader": "5.0.0", diff --git a/src/app/app.module.ts b/src/app/app.module.ts index fcd35e5a44..463fba1dab 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -92,6 +92,7 @@ import { UsersComponent } from './system/users/users.component'; import { UsersListComponent } from './system/users/users-list/users-list.component'; import { VisualizerComponent } from './project/ontology/ontology-visualizer/visualizer/visualizer.component'; import { UploadComponent } from './workspace/resource/representation/upload/upload.component'; +import { SplitPipe } from './main/pipes/split.pipe'; // translate: AoT requires an exported function for factories export function httpLoaderFactory(httpClient: HttpClient) { @@ -171,6 +172,7 @@ export function httpLoaderFactory(httpClient: HttpClient) { UsersListComponent, VisualizerComponent, UploadComponent, + SplitPipe, ], imports: [ AppRoutingModule, diff --git a/src/app/main/pipes/split.pipe.spec.ts b/src/app/main/pipes/split.pipe.spec.ts new file mode 100644 index 0000000000..b540bbe597 --- /dev/null +++ b/src/app/main/pipes/split.pipe.spec.ts @@ -0,0 +1,8 @@ +import { SplitPipe } from './split.pipe'; + +describe('SplitPipe', () => { + it('create an instance', () => { + const pipe = new SplitPipe(); + expect(pipe).toBeTruthy(); + }); +}); diff --git a/src/app/main/pipes/split.pipe.ts b/src/app/main/pipes/split.pipe.ts new file mode 100644 index 0000000000..a11135cc04 --- /dev/null +++ b/src/app/main/pipes/split.pipe.ts @@ -0,0 +1,22 @@ +import { Pipe, PipeTransform } from '@angular/core'; + +/** + * splits by first argument and returns element from position (second argument) + * + * mystr = application/pdf + * {{ mystr | split: '/':1 }} --> returns 'pdf' + */ +@Pipe({ + name: 'split' +}) +export class SplitPipe implements PipeTransform { + + transform(val: string, separator: string, position: number): string { + return val.split(separator)[position]; + } + + // transform(value: unknown, ...args: unknown[]): unknown { + // return null; + // } + +} diff --git a/src/app/workspace/resource/representation/upload/upload.component.html b/src/app/workspace/resource/representation/upload/upload.component.html index 63d0a7d317..98a29eb584 100644 --- a/src/app/workspace/resource/representation/upload/upload.component.html +++ b/src/app/workspace/resource/representation/upload/upload.component.html @@ -1,33 +1,27 @@