Allow file downloading

src/api/internship.ts

@@ -21,20 +21,21 @@ export class ValidationError extends Error {
     }
 }
 
+interface ApiError {
+    key: string;
+    parameters: { [name: string]: string },
+}
+
 interface UpdateResponse {
     status: SubmissionState;
-    errors?: string[];
+    errors?: ApiError[];
 }
 
 export async function update(internship: Nullable<InternshipRegistrationUpdate>): Promise<SubmissionState> {
     const response = (await axios.put<UpdateResponse>(INTERNSHIP_REGISTRATION_ENDPOINT, internship)).data;
 
     if (response.status == SubmissionState.Draft) {
-        throw new ValidationError(
-            response.errors?.map(
-                msg => ({ key: msg, parameters: {} })
-            ) || []
-        );
+        throw new ValidationError(response.errors || []);
     }
 
     return response.status;

src/api/upload.ts

@@ -2,6 +2,7 @@ import { axios } from "@/api/index";
 import { InternshipDocument } from "@/api/dto/internship-registration";
 import { prepare } from "@/routing";
 import { Identifiable } from "@/data";
+import store from "@/state/store";
 
 export enum UploadType {
     Ipp = "IppScan",
@@ -17,6 +18,7 @@ export interface DocumentFileInfo extends Identifiable {
 
 const CREATE_DOCUMENT_ENDPOINT = '/document';
 const DOCUMENT_UPLOAD_ENDPOINT = '/document/:id/scan';
+const DOCUMENT_DOWNLOAD_ENDPOINT = 'document/:id/scan/download';
 
 export async function create(type: UploadType) {
     const response = await axios.post<InternshipDocument>(CREATE_DOCUMENT_ENDPOINT, { type });
@@ -35,3 +37,7 @@ export async function fileinfo(document: InternshipDocument): Promise<DocumentFi
     const response = await axios.get<DocumentFileInfo>(prepare(DOCUMENT_UPLOAD_ENDPOINT, { id: document.id as string }));
     return response.data;
 }
+
+export function link(document: InternshipDocument): string {
+    return axios.defaults.baseURL + prepare(DOCUMENT_DOWNLOAD_ENDPOINT, { id: document.id as string }) + "?auth=" + store.getState().user.token;
+}

src/components/fileinfo.tsx

@@ -84,7 +84,7 @@ export const FileInfo = ({ document, ...props }: FileInfoProps) => {
                     </Typography>
 
                     <Actions className={ classes.actions }>
-                        <Button className={ classes.download } startIcon={ <FileDownloadOutline /> }>{ t("download") }</Button>
+                        <Button className={ classes.download } startIcon={ <FileDownloadOutline /> } href={ api.upload.link(document) }>{ t("download") }</Button>
                     </Actions>
                 </aside>
             </div> }

src/forms/internship.tsx

@@ -387,7 +387,7 @@ export const InternshipForm: React.FunctionComponent = () => {
             { errors.length > 0 && <Alert severity="warning">
                 <AlertTitle>{ t('internship.validation.has-errors') }</AlertTitle>
                 <ul style={{ paddingLeft: 0 }}>
-                    { errors.map(message => <li key={ message.key }>{ t(`internship.validation.${message.key}`, message.parameters) }</li>) }
+                    { errors.map(message => <li key={ message.key }>{ t(`validation.api.${message.key}`, message.parameters) }</li>) }
                 </ul>
             </Alert> }
             <Typography variant="h3" className="section-header">{ t('internship.sections.intern-info') }</Typography>

translations/pl.yaml

@@ -212,6 +212,9 @@ steps:
       Należy zgłosić się do pełnomocnika ds. praktyk Twojego kierunku i podpisać umowę ubezpieczenia. (TODO)
 
 validation:
+  api:
+    GreaterThanOrEqualValidator: Wartość pola "{{ PropertyName }}" musi być większa bądź równa {{ ComparisonValue }}.
+    NotEmptyValidator: Wartosć pola "{{ PropertyName }}" nie może być pusta.
   required: "To pole jest wymagane"
   email: "Wprowadź poprawny adres e-mail"
   phone: "Wprowadź poprawny numer telefonu"