Factor upload requirements out into parent component
This commit is contained in:
parent
adcff5c5c8
commit
f4d0ce015d
2 changed files with 85 additions and 49 deletions
|
|
@ -4,7 +4,7 @@
|
|||
<h2 class="mb-4">Upload Pool Data</h2>
|
||||
|
||||
<div class="card mb-4">
|
||||
<TableUploadRequirements />
|
||||
<TableUploadRequirements :requirements="requirements" />
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
|
|
@ -30,10 +30,72 @@
|
|||
</div>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { ref } from "vue";
|
||||
import CSVUpload from "@/components/CSVUpload.vue";
|
||||
import TableUploadRequirements from "@/components/TableUploadRequirements.vue";
|
||||
import TableUploadRequirements, {
|
||||
UploadRequirement,
|
||||
} from "@/components/TableUploadRequirements.vue";
|
||||
import { router } from "@/router";
|
||||
|
||||
const requirements = ref<UploadRequirement[]>([
|
||||
{
|
||||
description: "The city portion of the address",
|
||||
example: "Visalia",
|
||||
field: "City",
|
||||
format: "Text",
|
||||
is_required: true,
|
||||
},
|
||||
{
|
||||
description: "The condition of the pool",
|
||||
example: '"blue", "dry", "false pool", "green", or "murky"',
|
||||
field: "Comment",
|
||||
format: "Text",
|
||||
is_required: true,
|
||||
},
|
||||
{
|
||||
description: "The house number portion of the address",
|
||||
example: "123",
|
||||
field: "HouseNo",
|
||||
format: "Text",
|
||||
is_required: true,
|
||||
},
|
||||
{
|
||||
description: "The state portion of the address",
|
||||
example: "California",
|
||||
field: "State",
|
||||
format: "Text",
|
||||
is_required: true,
|
||||
},
|
||||
{
|
||||
description: "The street portion of the address",
|
||||
example: "Main St",
|
||||
field: "Street",
|
||||
format: "Text",
|
||||
is_required: true,
|
||||
},
|
||||
{
|
||||
description: "The latitude of the target location",
|
||||
example: "36.56245379",
|
||||
field: "TargetLat",
|
||||
format: "Decimal Number",
|
||||
is_required: true,
|
||||
},
|
||||
{
|
||||
description: "The longitude of the target location",
|
||||
example: "-119.3948222",
|
||||
field: "TargetLon",
|
||||
format: "Decimal Number",
|
||||
is_required: true,
|
||||
},
|
||||
{
|
||||
description: "The postal code (ZIP) portion of the address",
|
||||
example: "93681",
|
||||
field: "ZIP",
|
||||
format: "Text",
|
||||
is_required: true,
|
||||
},
|
||||
]);
|
||||
|
||||
function onError(err: Error) {
|
||||
console.error("CSV upload error", err);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue