WIP Map color ramp improvements #214

SlideRuleEarth · Jan 22, 2025 · 460b1cf · 460b1cf
1 parent c6f8295
commit 460b1cf
Show file tree

Hide file tree

Showing 7 changed files with 484 additions and 492 deletions.
diff --git a/web-client/src/components/SrScatterPlot.vue b/web-client/src/components/SrScatterPlot.vue
@@ -98,11 +98,6 @@ const messageClass = computed(() => {
   };
 });
 
-const computedYapcColorMap = computed(() => {
-  return atl03ColorMapStore.getSelectedAtl03YapcColorMapName();
-});
-
-
 watch (() => atlChartFilterStore.showPhotonCloud, async (newShowPhotonCloud, oldShowPhotonCloud) => {
     console.log('showPhotonCloud changed from:', oldShowPhotonCloud ,' to:', newShowPhotonCloud);
     if(!loadingComponent.value){

diff --git a/web-client/src/components/SrYapcColorLegend.vue b/web-client/src/components/SrYapcColorLegend.vue
@@ -66,7 +66,7 @@ const emit = defineEmits(['restore-yapc-color-defaults-click', 'yapc-color-chang
 const atl03ColorMapStore = useAtl03ColorMapStore();
 const gradientStyle = computed(() => {
     const style = atl03ColorMapStore.getColorGradientStyle();
-    //console.log('--> computed: colorMapStore.getColorGradientStyle() :', style);
+    console.log('--> computed: colorMapStore.getColorGradientStyle() :', style);
     return style || { background: 'linear-gradient(to right, #ccc, #ccc)', height: '1.25rem', width: '100%' };
   });
   
@@ -77,6 +77,8 @@ onMounted(async () => {
     if (!atl03ColorMapStore.isInitialized) {
         await atl03ColorMapStore.initializeAtl03ColorMapStore();
     }
+    atl03ColorMapStore.updateAtl03YapcColorMapValues();
+    console.log('Mounted SrYapcColors colors:', atl03ColorMapStore.getNamedColorPalette());
 });
 
 

diff --git a/web-client/src/components/SrYapcColors.vue b/web-client/src/components/SrYapcColors.vue
@@ -49,7 +49,6 @@ const emit = defineEmits(['yapc-selection-changed', 'yapc-defaults-changed']);
 
 // Initialize the store
 onMounted(async () => {
-    await atl03ColorMapStore.initializeAtl03ColorMapStore();
 });
 
 // Handle menu selection changes

diff --git a/web-client/src/composables/useChartData.ts b/web-client/src/composables/useChartData.ts
diff --git a/web-client/src/stores/atl03ColorMapStore.ts b/web-client/src/stores/atl03ColorMapStore.ts
@@ -74,6 +74,7 @@ export const useAtl03ColorMapStore = defineStore('atl03ColorMap', {
         },
         updateAtl03YapcColorMapValues()
         {
+            //console.log('updateAtl03YapcColorMapValues selectedColorMap:',this.selectedAtl03YapcColorMapName, ' numShadesForAtl03Yapc:',this.numShadesForAtl03Yapc);
             try{
                 this.atl03YapcColorMap = colormap({
                     colormap: this.selectedAtl03YapcColorMapName, // Use the selected colormap