Spaces:
Runtime error
Runtime error
File size: 4,185 Bytes
1882b75 9696318 1882b75 9696318 1882b75 9696318 1882b75 9a85cb5 1882b75 9a85cb5 1882b75 9a85cb5 1882b75 9696318 1882b75 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 |
<script lang="ts">
import Dialog, { Title, Content, Actions } from "@smui/dialog";
import Button, { Label } from "@smui/button";
import Textfield from "@smui/textfield";
import CircularProgress from '@smui/circular-progress';
export let open;
export let cur_user;
export let all_reports;
let name = "";
let email = "";
let promise_submit = Promise.resolve(null);
function handleSubmitReport() {
promise_submit = submitReport();
}
async function submitReport() {
let req_params = {
cur_user: cur_user,
reports: JSON.stringify(all_reports),
name: name,
email: email,
};
let params = new URLSearchParams(req_params).toString();
const response = await fetch("./submit_avid_report?" + params);
const text = await response.text();
const data = JSON.parse(text);
return data;
}
</script>
<div>
<Dialog
bind:open
aria-labelledby="simple-title"
aria-describedby="simple-content"
>
<!-- Title cannot contain leading whitespace due to mdc-typography-baseline-top() -->
<Title id="simple-title">Send All Audit Reports</Title>
<Content id="simple-content">
<!-- Description -->
<div>
<b>When you are ready to send all of your audit reports to the <a href="https://avidml.org/" target="_blank">AI Vulnerability Database</a> (AVID), please fill out the following information.</b>
Only your submitted reports will be stored in the database for further analysis. While you can submit reports anonymously, we encourage you to provide your name and/or email so that we can contact you if we have any questions.
</div>
<!-- Summary of complete reports -->
<div>
<p><b>Summary of Reports to Send</b> (Reports that include all fields and are marked as complete)</p>
<ul>
{#each all_reports as report}
{#if report["complete_status"] && (report["evidence"].length > 0) && (report["text_entry"] != "") && (report["sep_selection"])}
<li>{report["title"]}</li>
<ul>
<li>Error Type: {report["error_type"]}</li>
<li>Evidence: Includes {report["evidence"].length} example{(report["evidence"].length > 1) ? 's' : ''}</li>
<li>Summary/Suggestions: {report["text_entry"]}</li>
<li>Audit Category: {report["sep_selection"] || ''}</li>
</ul>
{/if}
{/each}
</ul>
</div>
<!-- Form fields -->
<div>
<Textfield bind:value={name} label="(Optional) Name" style="width: 90%" />
</div>
<div>
<Textfield bind:value={email} label="(Optional) Contact email" style="width: 90%" />
</div>
<!-- Submission and status message -->
<div class="dialog_footer">
<Button on:click={handleSubmitReport} variant="outlined">
<Label>Submit Report to AVID</Label>
</Button>
<div>
<span style="color: grey"><i>
{#await promise_submit}
<CircularProgress style="height: 32px; width: 32px;" indeterminate />
{:then result}
{#if result}
Successfully sent reports! You may close this window.
{/if}
{:catch error}
<p style="color: red">{error.message}</p>
{/await}
</i></span>
</div>
</div>
</Content>
</Dialog>
</div>
<style>
:global(.mdc-dialog__surface) {
min-width: 50%;
min-height: 50%;
margin-left: 30%;
}
.dialog_footer {
padding: 20px 0px;
}
</style>
|