stable
Clone or download
request #19263: Empty and error state illustrations of the taskboard are not displayed
The issue happens for two reasons: * since the v5.0 of file-loader everything is considered to be usable as a ES module by default. This does not work in this situation. * SVG loaded through `<use>` is a bit of grey area in the Content-Security-Policy specification [0][1] and a result it does not work on Firefox when `default-src` is set to none. In order to solve the issue while keeping the overall app not too big, the parts of the SVG have been splitted into individual components and are loaded asynchronously. The opportunity has also been taken to optimize the SVGs with SVGO [2]. [0] https://github.com/w3c/webappsec-csp/issues/199 [1] https://github.com/w3c/webappsec-csp/issues/198 [2] https://github.com/svg/svgo Change-Id: Ia66419a50e73eadaffdd31bf3b1b70a5328592d3
Modified Files
| Name | ||||
|---|---|---|---|---|
| M | plugins/scaled_agile/webpack.common.js | +0 | −1 | Go to diff View file |
| M | plugins/taskboard/scripts/taskboard/src/components/App.vue | +3 | −3 | Go to diff View file |
| M | plugins/taskboard/scripts/taskboard/src/components/EmptyState/NoContentEmptyState.vue | +10 | −9 | Go to diff View file |
| A | plugins/taskboard/scripts/taskboard/src/components/EmptyState/NoContentEmptyStateIllustration.vue | +160 | −0 | Go to diff View file |
| M | plugins/taskboard/scripts/taskboard/src/components/EmptyState/__snapshots__/NoContentEmptyState.test.ts.snap | +4 | −13 | Go to diff View file |
| M | plugins/taskboard/scripts/taskboard/src/components/GlobalError/BoardWithoutAnyColumnsErrorForAdmin.vue | +11 | −8 | Go to diff View file |
| A | plugins/taskboard/scripts/taskboard/src/components/GlobalError/BoardWithoutAnyColumnsErrorForAdminIllustration.vue | +108 | −0 | Go to diff View file |
| M | plugins/taskboard/scripts/taskboard/src/components/GlobalError/BoardWithoutAnyColumnsErrorForUsers.vue | +12 | −9 | Go to diff View file |
| A | plugins/taskboard/scripts/taskboard/src/components/GlobalError/BoardWithoutAnyColumnsErrorForUsersIllustration.vue | +199 | −0 | Go to diff View file |
| M | plugins/taskboard/scripts/taskboard/src/components/GlobalError/GlobalAppError.vue | +9 | −8 | Go to diff View file |
| A | plugins/taskboard/scripts/taskboard/src/components/GlobalError/GlobalAppErrorIllustration.vue | +97 | −0 | Go to diff View file |
| M | plugins/taskboard/scripts/taskboard/src/components/GlobalError/__snapshots__/BoardWithoutAnyColumnsErrorForAdmin.test.ts.snap | +1 | −11 | Go to diff View file |
| M | plugins/taskboard/scripts/taskboard/src/components/GlobalError/__snapshots__/BoardWithoutAnyColumnsErrorForUsers.test.ts.snap | +9 | −15 | Go to diff View file |
| M | plugins/taskboard/scripts/taskboard/src/components/GlobalError/__snapshots__/GlobalAppError.test.ts.snap | +1 | −11 | Go to diff View file |
| D | plugins/taskboard/scripts/taskboard/src/images/illustrations.svg | +0 | −269 | Go to diff View file |
| M | plugins/taskboard/webpack.common.js | +0 | −1 | Go to diff View file |
| M | tools/utils/scripts/webpack-rule-configs.js | +0 | −7 | Go to diff View file |
