Skip to content

Commit 87ba6ea

Browse files
cugarteblaircugarteblair
authored
Merge pull request #793 from SlideRuleEarth/carlos-dev4
Carlos dev4
2 parents 7911b14 + f6f4027 commit 87ba6ea

38 files changed

+3259
-1472
lines changed

‎web-client/src/components/SrAdvancedConfig.vue‎

Lines changed: 175 additions & 153 deletions
Original file line numberDiff line numberDiff line change
@@ -1,176 +1,198 @@
11
<template>
2-
<div class="sr-advanced-config">
3-
<Fieldset
4-
legend="Advanced Config"
5-
class="sr-advanced-config-content"
6-
:toggleable="true"
7-
:collapsed="false"
2+
<div class="sr-advanced-config">
3+
<Fieldset
4+
legend="Advanced Config"
5+
class="sr-advanced-config-content"
6+
:toggleable="true"
7+
:collapsed="false"
88
>
9-
<SrPlotCfgEdit />
10-
<label for="chunkSizeToRead">SQL Query Chunk Size</label>
11-
<InputNumber
12-
v-model="srParquetCfgStore.chunkSizeToRead"
13-
inputId="chunkSizeToRead"
14-
label="SQL Query Chunk Size"
15-
size="small"
16-
:step="1000"
17-
:min="1000"
18-
:max="100000"
19-
:defaultValue="10000"
20-
showButtons
21-
:decimalPlaces=0
22-
/>
23-
<br>
24-
<label for="maxNumPntsToDisplay">Max Num El Pnts to Display on Map</label>
25-
<InputNumber
26-
v-model="srParquetCfgStore.maxNumPntsToDisplay"
27-
inputId="maxNumPntsToDisplay"
28-
class="sr-max-num-pnts-to-display"
29-
size="small"
30-
:min="10000"
31-
:max="5000000"
32-
:step="10000"
33-
showButtons
34-
:defaultValue="50000"
35-
:decimalPlaces=0
36-
/>
37-
<br>
38-
<label for="maxNumPntsToDisplay">Max Num El Pnts to Display on Plot</label>
39-
<InputNumber
40-
v-model="globalChartStore.max_pnts_on_plot"
41-
inputId="maxNumPntsToDisplay"
42-
class="sr-max-num-pnts-to-display"
43-
size="small"
44-
:min="10000"
45-
:max="5000000"
46-
:step="10000"
47-
showButtons
48-
:defaultValue="50000"
49-
:decimalPlaces=0
50-
/>
51-
<SrToggleButton
52-
:value="reqParamsStore.useChecksum"
53-
:getValue="reqParamsStore.getUseChecksum"
54-
:setValue="reqParamsStore.setUseChecksum"
55-
label="Use Checksum"
56-
tooltipUrl='https://slideruleearth.io/web/rtd/user_guide/ICESat-2.html#parameters'
57-
tooltipText='Use Checksum to verify the integrity of the data'
58-
/>
59-
<SrToggleButton
60-
:value="debugStore.enableSpotPatternDetails"
61-
:getValue="debugStore.getEnableSpotPatternDetails"
62-
:setValue="debugStore.setEnableSpotPatternDetails"
63-
label="Enable Spot Pattern Details"
64-
/>
65-
<SrGraticuleSelect/>
66-
<label for ="pointSize">Elevation map Plot point size</label>
67-
<InputNumber
68-
v-model="deckStore.pointSize"
69-
inputId="pointSize"
70-
size="small"
71-
:step="1"
72-
:min="1"
73-
:max="20"
74-
showButtons
75-
:defaultValue="deckStore.pointSize"
76-
:decimalPlaces=0
77-
/>
78-
<br>
79-
<!-- <SrMenuNumberInput
9+
<SrPlotCfgEdit />
10+
<label for="chunkSizeToRead">SQL Query Chunk Size</label>
11+
<InputNumber
12+
v-model="srParquetCfgStore.chunkSizeToRead"
13+
inputId="chunkSizeToRead"
14+
label="SQL Query Chunk Size"
15+
size="small"
16+
:step="1000"
17+
:min="1000"
18+
:max="100000"
19+
:defaultValue="10000"
20+
showButtons
21+
:decimalPlaces="0"
22+
/>
23+
<br />
24+
<label for="maxNumPntsToDisplay">Max Num El Pnts to Display on Map</label>
25+
<InputNumber
26+
v-model="srParquetCfgStore.maxNumPntsToDisplay"
27+
inputId="maxNumPntsToDisplay"
28+
class="sr-max-num-pnts-to-display"
29+
size="small"
30+
:min="10000"
31+
:max="5000000"
32+
:step="10000"
33+
showButtons
34+
:defaultValue="50000"
35+
:decimalPlaces="0"
36+
/>
37+
<br />
38+
<label for="maxNumPntsToDisplay">Max Num El Pnts to Display on Plot</label>
39+
<InputNumber
40+
v-model="globalChartStore.max_pnts_on_plot"
41+
inputId="maxNumPntsToDisplay"
42+
class="sr-max-num-pnts-to-display"
43+
size="small"
44+
:min="10000"
45+
:max="5000000"
46+
:step="10000"
47+
showButtons
48+
:defaultValue="50000"
49+
:decimalPlaces="0"
50+
/>
51+
<SrToggleButton
52+
:value="reqParamsStore.useChecksum"
53+
:getValue="reqParamsStore.getUseChecksum"
54+
:setValue="reqParamsStore.setUseChecksum"
55+
label="Use Checksum"
56+
tooltipUrl="https://slideruleearth.io/web/rtd/user_guide/ICESat-2.html#parameters"
57+
tooltipText="Use Checksum to verify the integrity of the data"
58+
/>
59+
<SrToggleButton
60+
:value="debugStore.enableSpotPatternDetails"
61+
:getValue="debugStore.getEnableSpotPatternDetails"
62+
:setValue="debugStore.setEnableSpotPatternDetails"
63+
label="Enable Spot Pattern Details"
64+
/>
65+
<SrGraticuleSelect />
66+
<SrToggleButton
67+
:value="debugStore.showZoomDebug"
68+
:getValue="debugStore.getShowZoomDebug"
69+
:setValue="debugStore.setShowZoomDebug"
70+
label="Debug Analysis Map"
71+
tooltipText="Show zoom level in Analysis Map"
72+
/>
73+
<SrToggleButton
74+
:value="debugStore.showDebugPanel"
75+
:getValue="debugStore.getShowDebugPanel"
76+
:setValue="debugStore.setShowDebugPanel"
77+
label="Debug Request Map"
78+
tooltipText="Show debug info panel in Request Map"
79+
/>
80+
<label for="pointSize">Elevation map Plot point size</label>
81+
<InputNumber
82+
v-model="deckPointSize"
83+
inputId="pointSize"
84+
size="small"
85+
:step="1"
86+
:min="1"
87+
:max="20"
88+
showButtons
89+
:defaultValue="deckPointSize"
90+
:decimalPlaces="0"
91+
/>
92+
<br />
93+
<!-- <SrMenuNumberInput
8094
label="Num of Shades for Elevation Plot"
8195
:menuOptions="colorMapStore.getNumOfElevationShadesOptions()"
8296
v-model="selectedNumOfElevationShadesOption"
8397
tooltipText="Number of shades for elevation plot"
8498
/> -->
85-
<label for="ThresholdForHelpfulAdvice">Threshold for Helpful Advice</label>
86-
<InputNumber
87-
v-model="requestsStore.helpfulReqAdviceCnt"
88-
inputId="ThresholdForHelpfulAdvice"
89-
size="small"
90-
:step="1"
91-
:min="1"
92-
:max="1000"
93-
showButtons
94-
:defaultValue="4"
95-
:decimalPlaces=0
96-
/>
97-
<br>
98-
<Button
99-
icon="pi pi-refresh"
100-
label="Reset Quick Tour"
101-
class="sr-glow-button"
102-
@click="tourStore.resetTour()"
103-
variant="text"
104-
rounded
105-
></Button>
106-
<SrCheckbox
107-
v-model="debugStore.useMetersForMousePosition"
108-
label="Use Meters for mouse position"
109-
></SrCheckbox>
99+
<label for="ThresholdForHelpfulAdvice">Threshold for Helpful Advice</label>
100+
<InputNumber
101+
v-model="requestsStore.helpfulReqAdviceCnt"
102+
inputId="ThresholdForHelpfulAdvice"
103+
size="small"
104+
:step="1"
105+
:min="1"
106+
:max="1000"
107+
showButtons
108+
:defaultValue="4"
109+
:decimalPlaces="0"
110+
/>
111+
<br />
112+
<Button
113+
icon="pi pi-refresh"
114+
label="Reset Quick Tour"
115+
class="sr-glow-button"
116+
@click="tourStore.resetTour()"
117+
variant="text"
118+
rounded
119+
></Button>
120+
<SrCheckbox
121+
v-model="debugStore.useMetersForMousePosition"
122+
label="Use Meters for mouse position"
123+
></SrCheckbox>
110124
</Fieldset>
111-
</div>
125+
</div>
112126
</template>
113127
<script setup lang="ts">
114-
import Fieldset from 'primevue/fieldset';
115-
import SrToggleButton from './SrToggleButton.vue';
116-
import SrGraticuleSelect from './SrGraticuleSelect.vue';
117-
import { useReqParamsStore } from '@/stores/reqParamsStore';
118-
import { useSrParquetCfgStore } from '@/stores/srParquetCfgStore';
119-
import { useDebugStore } from '@/stores/debugStore';
120-
import { useDeckStore } from '@/stores/deckStore';
121-
import { useRequestsStore } from '@/stores/requestsStore';
122-
import SrCheckbox from './SrCheckbox.vue';
123-
import InputNumber from 'primevue/inputnumber';
124-
import { useGlobalChartStore } from '@/stores/globalChartStore';
125-
import SrPlotCfgEdit from '@/components/SrPlotCfgEdit.vue';
126-
import { useTourStore } from '@/stores/tourStore';
127-
import Button from 'primevue/button';
128+
import { computed } from 'vue'
129+
import Fieldset from 'primevue/fieldset'
130+
import SrToggleButton from './SrToggleButton.vue'
131+
import SrGraticuleSelect from './SrGraticuleSelect.vue'
132+
import { useReqParamsStore } from '@/stores/reqParamsStore'
133+
import { useSrParquetCfgStore } from '@/stores/srParquetCfgStore'
134+
import { useDebugStore } from '@/stores/debugStore'
135+
import { useDeckStore } from '@/stores/deckStore'
136+
import { useRequestsStore } from '@/stores/requestsStore'
137+
import SrCheckbox from './SrCheckbox.vue'
138+
import InputNumber from 'primevue/inputnumber'
139+
import { useGlobalChartStore } from '@/stores/globalChartStore'
140+
import SrPlotCfgEdit from '@/components/SrPlotCfgEdit.vue'
141+
import { useTourStore } from '@/stores/tourStore'
142+
import Button from 'primevue/button'
128143
129-
const debugStore = useDebugStore();
130-
const srParquetCfgStore = useSrParquetCfgStore();
131-
const reqParamsStore = useReqParamsStore();
132-
const deckStore = useDeckStore();
133-
const requestsStore = useRequestsStore();
134-
const globalChartStore = useGlobalChartStore();
135-
const tourStore = useTourStore();
144+
const debugStore = useDebugStore()
145+
const srParquetCfgStore = useSrParquetCfgStore()
146+
const reqParamsStore = useReqParamsStore()
147+
const deckStore = useDeckStore()
148+
const requestsStore = useRequestsStore()
149+
const globalChartStore = useGlobalChartStore()
150+
const tourStore = useTourStore()
136151
152+
const deckPointSize = computed({
153+
get: () => deckStore.getPointSize(),
154+
set: (value: number | null) => {
155+
if (typeof value === 'number') {
156+
deckStore.setPointSize(value)
157+
}
158+
}
159+
})
137160
</script>
138161
<style scoped>
139-
140162
.sr-advanced-config {
141-
display: flex;
142-
flex-direction: column;
143-
justify-content:space-evenly;
144-
align-items:flex-start;
145-
font-size: smaller;
146-
padding: 0rem;
147-
margin:0.125rem;
148-
max-width: 25rem;
163+
display: flex;
164+
flex-direction: column;
165+
justify-content: space-evenly;
166+
align-items: flex-start;
167+
font-size: smaller;
168+
padding: 0rem;
169+
margin: 0.125rem;
170+
max-width: 25rem;
149171
}
150172
151173
.sr-advanced-config-content {
152-
display: flex;
153-
flex-direction: column;
154-
justify-content:space-evenly;
155-
align-items:flex-start;
156-
font-size: smaller;
157-
padding: 0.25rem;
174+
display: flex;
175+
flex-direction: column;
176+
justify-content: space-evenly;
177+
align-items: flex-start;
178+
font-size: smaller;
179+
padding: 0.25rem;
158180
}
159181
160-
:deep(.sr-toggle-row){
161-
display: flex;
162-
flex-direction: row;
163-
justify-content:flex-start;
164-
align-items: center;
165-
padding: 0.25rem;
182+
:deep(.sr-toggle-row) {
183+
display: flex;
184+
flex-direction: row;
185+
justify-content: flex-start;
186+
align-items: center;
187+
padding: 0.25rem;
166188
}
167189
168-
:deep(.sr-graticule-panel){
169-
display: flex;
170-
flex-direction: row;
171-
justify-content:flex-start;
172-
align-items: center;
173-
padding: 0rem;
174-
margin:0rem;
190+
:deep(.sr-graticule-panel) {
191+
display: flex;
192+
flex-direction: row;
193+
justify-content: flex-start;
194+
align-items: center;
195+
padding: 0rem;
196+
margin: 0rem;
175197
}
176-
</style>
198+
</style>

0 commit comments

Comments
 (0)