Update annotation import

[hudson-newey]

Update annotation import

Following breaking changes to the annotation import API, I have restructured the annotation import API and UI to reflect these changes.

Changes

• Adds AnnotationImportFile models & services
• Adds error card component
• Adds bawVirtualDatatablePagination directive so that we can use table pagination without an API backing
• Adds new typeaheadCallback method to the tags.service
• Adds handling of edge case where the typeahead input doesn't have a callback instantiated
• Updates AnnotationImport model
• Updates ImportedAudioEvent model
• AbstractModel getJsonAttributes(opts: Xor<{ create: boolean} | { update: boolean }>) has been updated to getJsonAttributesForCreate and getJsonAttributesForUpdate
• The baw-api service create and update methods now accept a params object for unscoped form data
• Updates BawApiErrors to provide the responses data
• Removes AnnotationImportFileRead and AnnotationImportFileWrite models (models returned for reading / writing used to be different. This was fixed in the API refactor)

Issues

Fixes: #2200

Potential future changes

• When clicking on the "Add annotations" button, it should take you to a combined page to create a new annotation import and add files
• Users might want to edit their annotation before they commit them. (have input boxes so that they can change the values)

Visual Changes

Annotation import details page (events)

Annotation import details page (files)

Add new annotations page (with no uploaded files)

Add new annotations page (with errors)

(note: with the new columns, the table is now horizontally scrollable)

Final Checklist

• Assign reviewers if you have permission
• Assign labels if you have permission
• Link issues related to PR
• Ensure project linter is not producing any warnings (npm run lint)
• Ensure build is passing on all browsers (npm run test:all)
• Ensure CI build is passing
• Ensure docker container is passing (docs)

[github-actions]

Size Change: +7.83 kB (+0.2%)

Total Size: 3.92 MB

Filename	Size	Change
dist/workbench-client/browser/index.html	4.81 kB	+1 B (+0.02%)
dist/workbench-client/browser/main-DFLLPEEW.js	0 B	-1.13 MB (removed)	🏆
dist/workbench-client/server/main.js	1.95 MB	+4.36 kB (+0.22%)
dist/workbench-client/browser/main-PBOGZX2Q.js	1.14 MB	+1.14 MB (new file)	🆕

ℹ️ View Unchanged

Filename	Size
dist/workbench-client/browser/assets/buffer-builder-processor-BhnxGUx8.js	1.16 kB
dist/workbench-client/browser/assets/environment.json	555 B
dist/workbench-client/browser/assets/high-accuracy-time-processor-BevUJNwo.js	354 B
dist/workbench-client/browser/assets/test-assets/index.html	21 B
dist/workbench-client/browser/chunk-NPDQGTTA.js	1.17 kB
dist/workbench-client/browser/chunk-U5EWAFH4.js	379 kB
dist/workbench-client/browser/manifest.json	147 B
dist/workbench-client/browser/polyfills-C5CKP5CH.js	12.4 kB
dist/workbench-client/browser/styles-ETV6J7SM.css	39.6 kB
dist/workbench-client/server/267.js	390 kB
dist/workbench-client/server/327.js	4.21 kB

_{compressed-size-action}

[github-actions]

Unit Test Results

         6 files           6 suites   11m 11s ⏱️
24 564 tests 23 808 ✔️ 756 💤 0 ❌
24 804 runs  24 048 ✔️ 756 💤 0 ❌

Results for commit 175a87a.

♻️ This comment has been updated with latest results.

[atruskie]

can this data table show events from more than one file? If so, we need a file column.

Probably need an index column too.

Maybe this could be combined:

ID (tooltip: "file index and even index in each file")
0:0
1:0
1:1234

[hudson-newey]

Yes it can, I like the idea

[atruskie]

Also just realized, these are the fields that are parsed:

So they should all appear in the grid

[atruskie]

import annotations button should be flushed right

[atruskie]

Shorten "no associated tags" (empty tags template) to just "none" or "empty". Use a style to indicate it's a special value (maybe italics, and grey color)

[atruskie]

Since we support importing multiple files, we should

1. list out each file being imported
2. make it possible to add additional tags to each individual file.

Something like this:

<index>. <remove button> <name> <error> <add tags> <additional_tags_to_be_added>