Describe the bug, issue or concern

When the user finishes with the tests a dialog gives access to the results.json file and provides further details.

We need to prepare the final copy for this dialog with detailed and accurate instructions

In these two cases the app should require the use to share comments

https://github.com/settings/applications/1816898

Work in progress

• https://github.com/skounis/eu-dcc-validation/blob/main/results.schema.json

The schema is generated by the provide sample using the jsonschema.net online tool.

We will prepare a static snapshot of our API Data and will store them in GitHub

Describe the bug, issue or concern

Use the github.service.ts service and display actual response in the sidebar/dcc navigation

Make the application need less real estate and reduce the need for scrolling

1. Use less space. Take out the noise.
2. Use Grid layout and keep the panel in the same place, if possible.

• https://raw.githubusercontent.com/ryanbnl/dcc-quality-assurance/test-json-generator/qa.json

As per

• #2 (comment)

For unpacking a DCC we could use PathCheck

• https://github.com/Path-Check/dcc-sdk.js

Improve and update the copy in the dialog for downloading and submitting the results

When a test result is submitted the application should capture it and store it in the local storage.

Mock JSON data:

[
  {
    "country": "EL",
    "title": "Vaccination",
    "qrcode": "https://raw.githubusercontent.com/eu-digital-green-certificates/dcc-quality-assurance/main/EL/1.3.0/VAC.png"
  },
  {
    "country": "EL",
    "title": "Recovery",
    "qrcode": "https://raw.githubusercontent.com/eu-digital-green-certificates/dcc-quality-assurance/main/EL/1.3.0/VAC.png"
  },
  {
    "country": "EL",
    "title": "Test",
    "qrcode": "https://raw.githubusercontent.com/eu-digital-green-certificates/dcc-quality-assurance/main/EL/1.3.0/VAC.png"
  }
]

Underneath the tree showing the countries is displayed the paths to all of the QR codes.

When the application start should request from the user mandatory details as

1. Platform
2. Country
3. Advanced
   • GitHub API auth credentials

The "delete" command should purge the local storage completely

Clean up and format

Keep the lines trimmed. Display the whole name in a tooltip

Intercept the request and keep and server the responses from the local storage

The user will receive a token and they should submit the results.json by using the related to this form.

In this application we should provide all the related instructions.

Identify and implement the components of the main interface

An animation will grab the attention of the user and communication a visual confirmation that the content displayed it is updated

References

• https://williamjuan027.github.io/angular-animations-explorer/home

Prepare a central infrastructure for broadcasting and displaying informative messages. Use toasts

The downloaded file should have a name following the pattern: [2-digit country code]_[OS type]_[timestamp].json.

Based on the discussion in the PR: #24

Cc @ryanbnl @dslmeinte @chrloch

Input

3. Identify the meta data for supporting the collected results

Task

1. Improve the Schema #27
   According https://github.com/skounis/eu-dcc-validation#result-format
2. Align the interfaces

When the QR code is clicked it should one in its original size. Use a dialog

Use a more relative name eg CacheInterceptor

Study the following

1. Study the excel file that is currently used for the same purpose
2. Study the alternative mockup prepared by TSI
   http://demo.dtrd.de/validation-cycle/#/main

And validate the work done in

• #13

Provide a screen where users can upload completed test results + submit them to the backend over the API, together with their authentication token.

Display and scaffold the call for an upload button

1. Use fewer interfaces.
2. Refactor

When a result is submitted, the app should display the following available QR code for testing.

Tasks

1. Keep the results field in sync with the selected
2. Display the selected item in the navigation

A couple of comments more

1. The script should force the user to select the platform (iOS, Android, other) before starting the test and fix it
   Alternatively: Does it make sense to include for each entry the platform since a user may want to change in between (intentionally or accidentally)? - #66
2. A user shall be forced to enter a comment in case of an error or in case of invalidity - #72
3. In case the browser is closed accidentally results are not stored(?) so a user needs to start from scratch. Any chance to automatically store the current status and allow users to continue when the browser has been closed? - #73

https://european-union.europa.eu/profiles/contrib/ewcms/themes/ewcms_theme/favicon.ico

The user should be able to provide/set the country and the platform for which the test results are captured.

The details should make it to the generated results.json

The title of the tree elements in not displayed.

In case the browser is closed accidentally results are not stored(?) so a user needs to start from scratch. Any chance to automatically store the current status and allow users to continue when the browser has been closed?

While users are browsing and validating QR codes, the application should communicate the status of each and the overall progress:

1. Number of validations pending
2. Number of validations submitted
3. QR outcome submitted.

Tasks

1. Scaffold the UX
2. Implement and apply a decorator to the QR Codes displayed
3. Provide summary and progress details.

Display a confirmation and purge the data.

Until we unpack it.

Scaffold the connection of the components with the store

• Prepare the interface
• Scaffold the methods
• Wire the calls

As per #2 (comment)

• ITestResultMetadata has completedOn field while schema has dateCompleted field.
• Corresponding dateCompleted field doesn't have a format in the schema.
• Corresponding platform field has an enum type in TS, but not in the schema.
• result field (corresponding to ITestResultEntry) has an enum type in TS, but not in the schema.

Describe the bug, issue or concern

We need to query the dcc-quality-assurance repository and get all the DCC uploaded for QA

Snippet:

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
​
export interface MyTree {
  path: string;
  mode: string;
  type: string;
  size: number;
  url: string;
}
​
@Injectable({
  providedIn: 'root'
})
export class GithubService {
​
  githubApiUrl = "https://api.github.com/repos/eu-digital-green-certificates/dcc-quality-assurance/git/trees/main?recursive=1";
​
  constructor(private http: HttpClient) { }
  
  getTree() {
    return this.http.get<MyTree>(this.githubApiUrl, {
      headers: {
        "Accept": "application/vnd.github.v3+json"
      }
    });
  }
​
  getImage() {
    // https://api.github.com/repos/eu-digital-green-certificates/dcc-quality-assurance/git/blobs/07984193650c3aa1a3f4ad16208cf7829f833b0c
  }
}

Introduce Basic authentication and move the details in the environment