Add date formatter WIP

cortezaproject · May 13, 2024 · 31be819 · 31be819
1 parent afd07a2
commit 31be819
Show file tree

Hide file tree

Showing 6 changed files with 53 additions and 0 deletions.
diff --git a/client/web/compose/src/components/Chart/Report/FunnelChart.vue b/client/web/compose/src/components/Chart/Report/FunnelChart.vue
@@ -26,6 +26,21 @@
           @update:value="setOptions(index, field, $event)"
         />
       </b-form-group>
+      <b-row>
+        <b-col
+          cols="12"
+          lg="6"
+        >
+          <b-form-group
+            label="Format data type values"
+            label-class="text-primary"
+          >
+            <b-input
+              v-model="dimension.dateFormatter"
+            />
+          </b-form-group>
+        </b-col>
+      </b-row>
     </template>
 
     <template #metric-options="{ metric, presetFormattedOptions }">

diff --git a/client/web/compose/src/components/Chart/Report/GenericChart.vue b/client/web/compose/src/components/Chart/Report/GenericChart.vue
@@ -30,6 +30,20 @@
             />
           </b-form-group>
         </b-col>
+
+        <b-col
+          cols="12"
+          lg="6"
+        >
+          <b-form-group
+            label="Format data type values"
+            label-class="text-primary"
+          >
+            <b-input
+              v-model="dimension.dateFormatter"
+            />
+          </b-form-group>
+        </b-col>
       </b-row>
     </template>
 

diff --git a/client/web/compose/src/components/Chart/Report/RadarChart.vue b/client/web/compose/src/components/Chart/Report/RadarChart.vue
@@ -123,6 +123,20 @@
             />
           </b-form-group>
         </b-col>
+
+        <b-col
+          cols="12"
+          lg="6"
+        >
+          <b-form-group
+            label="Format data type values"
+            label-class="text-primary"
+          >
+            <b-input
+              v-model="dimension.dateFormatter"
+            />
+          </b-form-group>
+        </b-col>
       </b-row>
     </template>
   </report-edit>

diff --git a/lib/js/src/compose/types/chart/base.ts b/lib/js/src/compose/types/chart/base.ts
@@ -330,6 +330,7 @@ export class BaseChart {
       conditions: {},
       meta: {},
       rotateLabel: 0,
+      dateFormatter: '',
     })
   }
 

diff --git a/lib/js/src/compose/types/chart/util.ts b/lib/js/src/compose/types/chart/util.ts
@@ -57,6 +57,7 @@ export interface Dimension {
   timeLabels?: boolean;
   autoSkip?: boolean;
   rotateLabel?: number;
+  dateFormatter?: string;
 }
 
 export interface Metric {
@@ -317,6 +318,10 @@ export function formatChartValueAsAccountingNumber (value: number): string {
   return result
 }
 
+export function dateFormatter (): Date {
+  return new Date()
+}
+
 const chartUtil = {
   dimensionFunctions,
   hasRelativeDisplay,

diff --git a/lib/js/src/compose/types/module-field/base.ts b/lib/js/src/compose/types/module-field/base.ts
@@ -236,3 +236,7 @@ export class ModuleField {
 }
 
 export const Registry = new Map<string, typeof ModuleField>()
+
+export function getFieldType (fields:any, field: any): string {
+  return fields[field].kind
+}