Skip to content

Commit c73dd9f

Browse files
SpliiTSpliiT
committed
Merge branch 'feat_refacto_components' of https://github.com/Geode-solutions/OpenGeodeWeb-Front into feat_refacto_components
2 parents 847c28b + 85f319a commit c73dd9f

File tree

10 files changed

+516
-512
lines changed

10 files changed

+516
-512
lines changed

‎components/HybridRenderingView.vue‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -21,21 +21,21 @@
2121
</template>
2222

2323
<script setup>
24-
const container = useTemplateRef("viewer");
25-
const hybridViewerStore = useHybridViewerStore();
24+
const container = useTemplateRef("viewer")
25+
const hybridViewerStore = useHybridViewerStore()
2626
27-
const { windowWidth, windowHeight } = useWindowSize();
28-
const { width, height } = useElementSize(container);
27+
const { windowWidth, windowHeight } = useWindowSize()
28+
const { width, height } = useElementSize(container)
2929
30-
watch([windowWidth, windowHeight, height, width], () => {
31-
hybridViewerStore.resize(width.value, height.value);
32-
});
30+
watch([windowWidth, windowHeight, height, width], () => {
31+
hybridViewerStore.resize(width.value, height.value)
32+
})
3333
34-
onMounted(async () => {
35-
if (import.meta.client) {
36-
await hybridViewerStore.initHybridViewer();
37-
await nextTick();
38-
hybridViewerStore.setContainer(container);
39-
}
40-
});
34+
onMounted(async () => {
35+
if (import.meta.client) {
36+
await hybridViewerStore.initHybridViewer()
37+
await nextTick()
38+
hybridViewerStore.setContainer(container)
39+
}
40+
})
4141
</script>

‎components/VeaseViewToolbar.vue‎

Lines changed: 64 additions & 64 deletions
Original file line numberDiff line numberDiff line change
@@ -27,81 +27,81 @@
2727
</template>
2828

2929
<script setup>
30-
import schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
30+
import schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
3131
32-
const hybridViewerStore = useHybridViewerStore();
33-
const take_screenshot = ref(false);
34-
const showZScaling = ref(false);
35-
const grid_scale = ref(false);
36-
const zScale = ref(hybridViewerStore.zScale);
32+
const hybridViewerStore = useHybridViewerStore()
33+
const take_screenshot = ref(false)
34+
const showZScaling = ref(false)
35+
const grid_scale = ref(false)
36+
const zScale = ref(hybridViewerStore.zScale)
3737
38-
watch(
39-
() => hybridViewerStore.zScale,
40-
(newVal) => {
41-
zScale.value = newVal;
42-
}
43-
);
38+
watch(
39+
() => hybridViewerStore.zScale,
40+
(newVal) => {
41+
zScale.value = newVal
42+
},
43+
)
4444
45-
const handleZScalingClose = async () => {
46-
await hybridViewerStore.setZScaling(zScale.value);
47-
showZScaling.value = false;
48-
};
45+
const handleZScalingClose = async () => {
46+
await hybridViewerStore.setZScaling(zScale.value)
47+
showZScaling.value = false
48+
}
4949
50-
const camera_options = [
51-
{
52-
tooltip: "Reset camera",
53-
icon: "mdi-cube-scan",
54-
action: () => {
55-
const { genericRenderWindow } = storeToRefs(hybridViewerStore);
56-
const renderWindow = genericRenderWindow.value.value.getRenderWindow();
57-
const renderer = renderWindow.getRenderers()[0];
58-
renderer.resetCamera();
59-
renderWindow.render();
60-
hybridViewerStore.syncRemoteCamera();
50+
const camera_options = [
51+
{
52+
tooltip: "Reset camera",
53+
icon: "mdi-cube-scan",
54+
action: () => {
55+
const { genericRenderWindow } = storeToRefs(hybridViewerStore)
56+
const renderWindow = genericRenderWindow.value.value.getRenderWindow()
57+
const renderer = renderWindow.getRenderers()[0]
58+
renderer.resetCamera()
59+
renderWindow.render()
60+
hybridViewerStore.syncRemoteCamera()
61+
},
6162
},
62-
},
63-
{
64-
tooltip: "Take a screenshot",
65-
icon: "mdi-camera",
66-
action: () => {
67-
take_screenshot.value = !take_screenshot.value;
63+
{
64+
tooltip: "Take a screenshot",
65+
icon: "mdi-camera",
66+
action: () => {
67+
take_screenshot.value = !take_screenshot.value
68+
},
6869
},
69-
},
70-
{
71-
tooltip: "Toggle grid scale",
72-
icon: "mdi-ruler-square",
73-
action: () => {
74-
viewer_call(
75-
{
76-
schema: schemas.opengeodeweb_viewer.viewer.grid_scale,
77-
params: {
78-
visibility: !grid_scale.value,
70+
{
71+
tooltip: "Toggle grid scale",
72+
icon: "mdi-ruler-square",
73+
action: () => {
74+
viewer_call(
75+
{
76+
schema: schemas.opengeodeweb_viewer.viewer.grid_scale,
77+
params: {
78+
visibility: !grid_scale.value,
79+
},
7980
},
80-
},
81-
{
82-
response_function: () => {
83-
grid_scale.value = !grid_scale.value;
81+
{
82+
response_function: () => {
83+
grid_scale.value = !grid_scale.value
84+
},
8485
},
85-
}
86-
);
86+
)
87+
},
8788
},
88-
},
89-
{
90-
tooltip: "Z Scaling Control",
91-
icon: "mdi-sort",
92-
action: () => {
93-
showZScaling.value = !showZScaling.value;
89+
{
90+
tooltip: "Z Scaling Control",
91+
icon: "mdi-sort",
92+
action: () => {
93+
showZScaling.value = !showZScaling.value
94+
},
9495
},
95-
},
96-
];
96+
]
9797
</script>
9898

9999
<style module>
100-
.floatToolbar {
101-
position: absolute;
102-
z-index: 2;
103-
right: 20px;
104-
top: 20px;
105-
background-color: rgba(0, 0, 0, 0);
106-
}
100+
.floatToolbar {
101+
position: absolute;
102+
z-index: 2;
103+
right: 20px;
104+
top: 20px;
105+
background-color: rgba(0, 0, 0, 0);
106+
}
107107
</style>

‎components/Viewer/BreadCrumb.vue‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -37,25 +37,25 @@
3737
</template>
3838

3939
<script setup>
40-
const treeviewStore = use_treeview_store();
40+
const treeviewStore = use_treeview_store()
4141
42-
const selectedTree = computed(() => treeviewStore.selectedTree);
42+
const selectedTree = computed(() => treeviewStore.selectedTree)
4343
44-
const goBackToFileTree = () => {
45-
treeviewStore.displayFileTree();
46-
};
44+
const goBackToFileTree = () => {
45+
treeviewStore.displayFileTree()
46+
}
4747
48-
const model_id = computed(() => treeviewStore.model_id);
48+
const model_id = computed(() => treeviewStore.model_id)
4949
50-
const metaDatas = computed(() =>
51-
useDataBaseStore().itemMetaDatas(model_id.value)
52-
);
50+
const metaDatas = computed(() =>
51+
useDataBaseStore().itemMetaDatas(model_id.value),
52+
)
5353
</script>
5454

5555
<style scoped>
56-
.breadcrumb-container {
57-
max-width: 100%;
58-
overflow: hidden;
59-
white-space: nowrap;
60-
}
56+
.breadcrumb-container {
57+
max-width: 100%;
58+
overflow: hidden;
59+
white-space: nowrap;
60+
}
6161
</style>

0 commit comments

Comments
 (0)