Skip to content

Commit f26fe76

Browse files
SpliiTSpliiT
committed
Added json files + edit vue files
1 parent bfb23bb commit f26fe76

25 files changed

+613
-559
lines changed

‎components/CrsSelector.json‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
{
2+
"$id": "/workflows/crs_selection",
3+
"type": "object",
4+
"properties": {
5+
"search": {
6+
"type": "string"
7+
},
8+
"data_table_loading": {
9+
"type": "boolean"
10+
},
11+
"crs_list": {
12+
"type": "array",
13+
"items": {
14+
"$id": "/workflows/crs",
15+
"type": "object",
16+
"properties": {
17+
"authority": {
18+
"type": "string"
19+
},
20+
"code": {
21+
"type": "string"
22+
},
23+
"name": {
24+
"type": "string"
25+
}
26+
},
27+
"required": ["authority", "code", "name"]
28+
}
29+
},
30+
"selected_crs": {
31+
"type": "array",
32+
"items": {
33+
"type": "string"
34+
}
35+
}
36+
},
37+
"required": ["search", "data_table_loading", "crs_list", "selected_crs"]
38+
}

‎components/CrsSelector.vue‎

Lines changed: 62 additions & 81 deletions
Original file line numberDiff line numberDiff line change
@@ -1,98 +1,79 @@
11
<template>
2-
<v-text-field
3-
v-model="search"
4-
append-icon="mdi-magnify"
5-
label="Search"
6-
single-line
7-
hide-details
8-
></v-text-field>
9-
<v-data-table
10-
v-model="selected_crs"
11-
:v-model:items-per-page="10"
12-
:headers="headers"
13-
:items="crs_list"
14-
item-value="code"
15-
class="elevation-1"
16-
density="compact"
17-
fixed-header
18-
select-strategy="single"
19-
show-select
20-
:search="search"
21-
:loading="data_table_loading"
22-
loading-text="Loading... Please wait"
23-
></v-data-table>
2+
<v-text-field v-model="search" append-icon="mdi-magnify" label="Search" single-line hide-details></v-text-field>
3+
<v-data-table v-model="selected_crs" :v-model:items-per-page="10" :headers="headers" :items="crs_list" item-value="code"
4+
class="elevation-1" density='compact' fixed-header select-strategy='single' show-select :search="search"
5+
:loading="data_table_loading" loading-text="Loading... Please wait"></v-data-table>
246
</template>
257

268
<script setup>
27-
import { useToggle } from "@vueuse/core"
9+
import { useToggle } from '@vueuse/core'
2810
29-
const stepper_tree = inject("stepper_tree")
30-
const { geode_object, route_prefix } = stepper_tree
11+
const stepper_tree = inject('stepper_tree')
12+
const { geode_object, route_prefix } = stepper_tree
3113
32-
const props = defineProps({
33-
variable_to_update: { type: String, required: true },
34-
variable_to_increment: { type: String, required: true },
35-
})
14+
const props = defineProps({
15+
variable_to_update: { type: String, required: true },
16+
variable_to_increment: { type: String, required: true },
17+
})
3618
37-
const { variable_to_update, variable_to_increment } = props
19+
const { variable_to_update, variable_to_increment } = props
3820
39-
const search = ref("")
40-
const data_table_loading = ref(false)
41-
const crs_list = ref([])
42-
const selected_crs = ref([])
43-
const toggle_loading = useToggle(data_table_loading)
21+
const search = ref('')
22+
const data_table_loading = ref(false)
23+
const crs_list = ref([])
24+
const selected_crs = ref([])
25+
const toggle_loading = useToggle(data_table_loading)
4426
45-
watch(selected_crs, (new_value) => {
46-
const crs = get_selected_crs(new_value[0])
47-
set_crs(crs)
48-
})
27+
watch(selected_crs, (new_value) => {
28+
const crs = get_selected_crs(new_value[0])
29+
set_crs(crs)
30+
})
4931
50-
function set_crs(crs_value) {
51-
stepper_tree[variable_to_update] = crs_value
52-
stepper_tree[variable_to_increment]++
53-
}
32+
function set_crs(crs_value) {
33+
stepper_tree[variable_to_update] = crs_value
34+
stepper_tree[variable_to_increment]++
35+
}
5436
55-
function get_selected_crs(crs_code) {
56-
for (let i = 0; i <= crs_list.value.length; i++) {
57-
if (crs_list.value[i]["code"] == crs_code) {
58-
return crs_list.value[i]
59-
}
37+
function get_selected_crs(crs_code) {
38+
for (let i = 0; i <= crs_list.value.length; i++) {
39+
if (crs_list.value[i]['code'] == crs_code) {
40+
return crs_list.value[i]
6041
}
6142
}
43+
}
6244
63-
async function get_crs_table() {
64-
let params = new FormData()
65-
params.append("geode_object", geode_object)
66-
toggle_loading()
67-
await api_fetch(
68-
`${route_prefix}/geographic_coordinate_systems`,
69-
{ method: "POST", body: params },
70-
{
71-
request_error_function: () => {
72-
toggle_loading()
73-
},
74-
response_function: (response) => {
75-
toggle_loading()
76-
crs_list.value = response._data.crs_list
77-
},
78-
response_error_function: () => {
79-
toggle_loading()
80-
},
81-
},
82-
)
45+
async function get_crs_table() {
46+
let params = {
47+
'geode_object': geode_object
8348
}
84-
const headers = [
49+
toggle_loading()
50+
await api_fetch(CrsSelector_json.id, params,
8551
{
86-
title: "Authority",
87-
align: "start",
88-
sortable: true,
89-
key: "authority",
90-
},
91-
{ title: "Code", align: "end", key: "code" },
92-
{ title: "Name", align: "end", key: "name" },
93-
]
52+
'request_error_function': () => { toggle_loading() },
53+
'response_function': (response) => {
54+
toggle_loading()
55+
crs_list.value = response._data.crs_list
56+
},
57+
'response_error_function': () => { toggle_loading() }
58+
}
59+
)
60+
}
61+
62+
const headers = [
63+
{
64+
title: 'Authority',
65+
align: 'start',
66+
sortable: true,
67+
key: 'authority',
68+
69+
},
70+
{ title: 'Code', align: 'end', key: 'code' },
71+
{ title: 'Name', align: 'end', key: 'name' }
72+
]
73+
74+
75+
onMounted(() => {
76+
get_crs_table()
77+
})
9478
95-
onMounted(() => {
96-
get_crs_table()
97-
})
98-
</script>
79+
</script>

‎components/Errors/Banner.vue‎

Lines changed: 17 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,5 @@
11
<template>
2-
<v-banner
3-
v-if="server_error"
4-
elevation="2"
5-
style="background-color: grey; z-index: 100"
6-
position="fixed"
7-
>
2+
<v-banner v-if="server_error" elevation="2" style="background-color: grey; z-index:100;" position="fixed">
83
<v-row>
94
<v-col cols="auto" class="white--text text-center">
105
<v-tooltip location="end">
@@ -18,23 +13,18 @@
1813
</template>
1914
</v-tooltip>
2015
</v-col>
21-
<v-col cols="auto" class="text-white font-weight-bold"
22-
>Server timed out due to inactivity, please reload this page or click
23-
here:
16+
<v-col cols="auto" class="text-white font-weight-bold">Server timed out due to inactivity,
17+
please reload this page
18+
or click here:
2419
</v-col>
2520
<v-col cols="auto" align-items="center">
26-
<v-btn @click="reload()" color="grey" density="compact"> Reload </v-btn>
21+
<v-btn @click="reload()" color="grey" density='compact'>
22+
Reload
23+
</v-btn>
2724
</v-col>
2825
<v-spacer />
2926
<v-col cols="auto">
30-
<v-btn
31-
icon
32-
flat
33-
size="20"
34-
@click="errors_store.delete_server_error()"
35-
color="grey"
36-
class=".align-center"
37-
>
27+
<v-btn icon flat size="20" @click="errors_store.delete_server_error()" color="grey" class=".align-center">
3828
<v-icon icon="mdi-close" size="20" color="white" />
3929
</v-btn>
4030
</v-col>
@@ -43,16 +33,16 @@
4333
</template>
4434

4535
<script setup>
46-
const errors_store = use_errors_store()
47-
const { server_error } = storeToRefs(errors_store)
36+
const errors_store = use_errors_store()
37+
const { server_error } = storeToRefs(errors_store)
4838
49-
function reload() {
50-
window.location.reload()
51-
}
39+
function reload () {
40+
window.location.reload()
41+
}
5242
</script>
5343

5444
<style scoped>
55-
.v-btn {
56-
text-transform: unset !important;
57-
}
58-
</style>
45+
.v-btn {
46+
text-transform: unset !important;
47+
}
48+
</style>

‎components/Errors/Snackers.vue‎

Lines changed: 15 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,14 @@
11
<template>
2-
<v-snackbar
3-
:style="{ 'margin-bottom': calc_margin(index) }"
4-
v-for="(error, index) in errors"
5-
:key="index"
6-
v-model="show"
7-
color="error"
8-
location="bottom right"
9-
transition="slide-x-reverse-transition"
10-
max-width="30%"
11-
height="20px"
12-
>
2+
<v-snackbar :style="{ 'margin-bottom': calc_margin(index) }" v-for="(error, index) in errors" :key="index"
3+
v-model="show" color="error" location="bottom right" transition="slide-x-reverse-transition" max-width="30%"
4+
height="20px">
135
<v-row dense class="flex-nowrap">
146
<v-col cols="auto">
157
<v-tooltip location="left">
168
<span>
179
error: {{ error.code }} {{ error.name }}<br />
1810
ressource: {{ error.route }}
19-
<br />
11+
<br>
2012
</span>
2113
<template #activator="{ props }">
2214
<v-icon v-bind="props" color="white" class="justify-right">
@@ -29,7 +21,7 @@
2921
<v-tooltip location="top">
3022
<span>
3123
{{ error.description }}
32-
<br />
24+
<br>
3325
</span>
3426
<template #activator="{ props }">
3527
<div v-bind="props">
@@ -40,13 +32,7 @@
4032
</v-col>
4133
<v-spacer />
4234
<v-col cols="auto">
43-
<v-btn
44-
icon
45-
flat
46-
size="20"
47-
@click="errors_store.delete_error(index)"
48-
color="error"
49-
>
35+
<v-btn icon flat size="20" @click="errors_store.delete_error(index)" color="error">
5036
<v-icon icon="mdi-close" size="20" color="white" />
5137
</v-btn>
5238
</v-col>
@@ -55,18 +41,18 @@
5541
</template>
5642

5743
<script setup>
58-
const errors_store = use_errors_store()
59-
const { errors } = storeToRefs(errors_store)
44+
const errors_store = use_errors_store()
45+
const { errors } = storeToRefs(errors_store)
6046
61-
const show = true
47+
const show = true
6248
63-
function calc_margin(index) {
64-
return index * 60 + 8 + "px"
65-
}
49+
function calc_margin (index) {
50+
return (index * 60) + 8 + 'px'
51+
}
6652
</script>
6753

6854
<style scoped>
69-
.v-snackbar :deep(.v-snackbar__content) {
70-
width: 100%;
71-
}
55+
.v-snackbar :deep(.v-snackbar__content) {
56+
width: 100%;
57+
}
7258
</style>

‎components/ExtensionSelector.json‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
{
2+
"$id": "/workflows/file_extension_selection",
3+
"type": "object",
4+
"properties": {
5+
"file_extensions": {
6+
"type": "array",
7+
"items": {
8+
"type": "string"
9+
}
10+
}
11+
},
12+
"required": ["file_extensions"]
13+
}

0 commit comments

Comments
 (0)