@geode/opengeodeweb-front 2.0.0 → 2.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div style="position: relative;">
|
|
2
|
+
<div style="position: relative; ">
|
|
3
3
|
<view-toolbar />
|
|
4
4
|
<v-col style="overflow: hidden; position: relative; z-index: 0; height: 100%; width: 100%" ref="viewer"
|
|
5
|
-
@click="get_x_y" @keydown.esc="app_store.toggle_picking_mode(false)">
|
|
5
|
+
@click="get_x_y" @keydown.esc="app_store.toggle_picking_mode(false)" class="pa-0">
|
|
6
6
|
</v-col>
|
|
7
7
|
</div>
|
|
8
8
|
</template>
|
|
@@ -16,7 +16,7 @@ const { picking_mode } = storeToRefs(viewer_store)
|
|
|
16
16
|
const websocket_store = use_websocket_store()
|
|
17
17
|
const { client, is_client_created } = storeToRefs(websocket_store)
|
|
18
18
|
|
|
19
|
-
function get_x_y(event) {
|
|
19
|
+
function get_x_y (event) {
|
|
20
20
|
if (picking_mode.value === true) {
|
|
21
21
|
const { offsetX, offsetY } = event
|
|
22
22
|
viewer_store.set_picked_point(offsetX, offsetY)
|
|
@@ -30,8 +30,8 @@ const props = defineProps({
|
|
|
30
30
|
const viewer = ref(null)
|
|
31
31
|
const { width, height } = useElementSize(viewer)
|
|
32
32
|
|
|
33
|
-
function resize() {
|
|
34
|
-
view.getCanvasView().setSize(
|
|
33
|
+
function resize () {
|
|
34
|
+
view.getCanvasView().setSize(0, 0)
|
|
35
35
|
view.resize();
|
|
36
36
|
}
|
|
37
37
|
|
|
@@ -76,7 +76,7 @@ onMounted(async () => {
|
|
|
76
76
|
}
|
|
77
77
|
})
|
|
78
78
|
|
|
79
|
-
function connect() {
|
|
79
|
+
function connect () {
|
|
80
80
|
if (!is_client_created.value) { return }
|
|
81
81
|
console.log('connecting', client.value)
|
|
82
82
|
const session = client.value.getConnection().getSession()
|
package/package.json
CHANGED
package/stores/viewer.js
CHANGED
|
@@ -6,17 +6,17 @@ export const use_viewer_store = defineStore('viewer', {
|
|
|
6
6
|
picked_point: { x: null, y: null }
|
|
7
7
|
}),
|
|
8
8
|
actions: {
|
|
9
|
-
toggle_picking_mode(value) {
|
|
9
|
+
toggle_picking_mode (value) {
|
|
10
10
|
this.picking_mode = value
|
|
11
11
|
},
|
|
12
|
-
async set_picked_point(x, y) {
|
|
12
|
+
async set_picked_point (x, y) {
|
|
13
13
|
const response = await get_point_position({ x, y })
|
|
14
14
|
const { x: world_x, y: world_y } = response
|
|
15
15
|
this.picked_point.x = world_x
|
|
16
16
|
this.picked_point.y = world_y
|
|
17
17
|
this.picking_mode = false
|
|
18
18
|
},
|
|
19
|
-
async create_object_pipeline(params) {
|
|
19
|
+
async create_object_pipeline (params) {
|
|
20
20
|
const websocket_store = use_websocket_store()
|
|
21
21
|
if (websocket_store.client) {
|
|
22
22
|
use_websocket_store().client
|
|
@@ -25,7 +25,16 @@ export const use_viewer_store = defineStore('viewer', {
|
|
|
25
25
|
.catch(console.error);
|
|
26
26
|
}
|
|
27
27
|
},
|
|
28
|
-
async
|
|
28
|
+
async delete_object_pipeline (params) {
|
|
29
|
+
const websocket_store = use_websocket_store()
|
|
30
|
+
if (websocket_store.client) {
|
|
31
|
+
use_websocket_store().client
|
|
32
|
+
.getRemote()
|
|
33
|
+
.vtk.delete_object_pipeline(params)
|
|
34
|
+
.catch(console.error);
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
async reset_camera () {
|
|
29
38
|
const websocket_store = use_websocket_store()
|
|
30
39
|
if (websocket_store.client) {
|
|
31
40
|
use_websocket_store().client
|
|
@@ -34,7 +43,7 @@ export const use_viewer_store = defineStore('viewer', {
|
|
|
34
43
|
.catch(console.error);
|
|
35
44
|
}
|
|
36
45
|
},
|
|
37
|
-
async toggle_object_visibility(params) {
|
|
46
|
+
async toggle_object_visibility (params) {
|
|
38
47
|
const websocket_store = use_websocket_store()
|
|
39
48
|
if (websocket_store.client) {
|
|
40
49
|
use_websocket_store().client
|
|
@@ -43,7 +52,7 @@ export const use_viewer_store = defineStore('viewer', {
|
|
|
43
52
|
.catch(console.error);
|
|
44
53
|
}
|
|
45
54
|
},
|
|
46
|
-
async toggle_edge_visibility(params) {
|
|
55
|
+
async toggle_edge_visibility (params) {
|
|
47
56
|
const websocket_store = use_websocket_store()
|
|
48
57
|
if (websocket_store.client) {
|
|
49
58
|
use_websocket_store().client
|
|
@@ -52,7 +61,7 @@ export const use_viewer_store = defineStore('viewer', {
|
|
|
52
61
|
.catch(console.error);
|
|
53
62
|
}
|
|
54
63
|
},
|
|
55
|
-
async toggle_point_visibility(params) {
|
|
64
|
+
async toggle_point_visibility (params) {
|
|
56
65
|
const websocket_store = use_websocket_store()
|
|
57
66
|
if (websocket_store.client) {
|
|
58
67
|
use_websocket_store().client
|
|
@@ -61,7 +70,7 @@ export const use_viewer_store = defineStore('viewer', {
|
|
|
61
70
|
.catch(console.error);
|
|
62
71
|
}
|
|
63
72
|
},
|
|
64
|
-
async point_size(params) {
|
|
73
|
+
async point_size (params) {
|
|
65
74
|
const websocket_store = use_websocket_store()
|
|
66
75
|
if (websocket_store.client) {
|
|
67
76
|
use_websocket_store().client
|
|
@@ -70,7 +79,7 @@ export const use_viewer_store = defineStore('viewer', {
|
|
|
70
79
|
.catch(console.error);
|
|
71
80
|
}
|
|
72
81
|
},
|
|
73
|
-
async set_color(params) {
|
|
82
|
+
async set_color (params) {
|
|
74
83
|
const websocket_store = use_websocket_store()
|
|
75
84
|
if (websocket_store.client) {
|
|
76
85
|
use_websocket_store().client
|
|
@@ -79,7 +88,7 @@ export const use_viewer_store = defineStore('viewer', {
|
|
|
79
88
|
.catch(console.error);
|
|
80
89
|
}
|
|
81
90
|
},
|
|
82
|
-
async set_vertex_attribute(params) {
|
|
91
|
+
async set_vertex_attribute (params) {
|
|
83
92
|
const websocket_store = use_websocket_store()
|
|
84
93
|
if (websocket_store.client) {
|
|
85
94
|
use_websocket_store().client
|
|
@@ -88,7 +97,7 @@ export const use_viewer_store = defineStore('viewer', {
|
|
|
88
97
|
.catch(console.error);
|
|
89
98
|
}
|
|
90
99
|
},
|
|
91
|
-
async apply_textures(params) {
|
|
100
|
+
async apply_textures (params) {
|
|
92
101
|
const websocket_store = use_websocket_store()
|
|
93
102
|
if (websocket_store.client) {
|
|
94
103
|
websocket_store.$patch({ busy: true })
|
|
@@ -99,7 +108,7 @@ export const use_viewer_store = defineStore('viewer', {
|
|
|
99
108
|
websocket_store.$patch({ busy: false })
|
|
100
109
|
}
|
|
101
110
|
},
|
|
102
|
-
async get_point_position(params) {
|
|
111
|
+
async get_point_position (params) {
|
|
103
112
|
const websocket_store = use_websocket_store()
|
|
104
113
|
if (websocket_store.client) {
|
|
105
114
|
websocket_store.$patch({ busy: true })
|
|
@@ -111,7 +120,7 @@ export const use_viewer_store = defineStore('viewer', {
|
|
|
111
120
|
return response
|
|
112
121
|
}
|
|
113
122
|
},
|
|
114
|
-
async update_data(params) {
|
|
123
|
+
async update_data (params) {
|
|
115
124
|
const websocket_store = use_websocket_store()
|
|
116
125
|
if (websocket_store.client) {
|
|
117
126
|
websocket_store.$patch({ busy: true })
|
|
@@ -123,7 +132,7 @@ export const use_viewer_store = defineStore('viewer', {
|
|
|
123
132
|
return response
|
|
124
133
|
}
|
|
125
134
|
},
|
|
126
|
-
async reset() {
|
|
135
|
+
async reset () {
|
|
127
136
|
const websocket_store = use_websocket_store()
|
|
128
137
|
if (websocket_store.client) {
|
|
129
138
|
websocket_store.$patch({ busy: true })
|