[explore-v2] setup, basic layout, control panels, v2 url (#1233)

* Explore control panel - Chart control, TimeFilter, GroupBy, Filters (#1205) * create structure for new forked explore view (#1099) * create structure for new forked explore view * update component name * add bootstrap data pattern * remove console.log * Associate version to entry files (#1060) * Associate version to entry files * Modified path joins for configs * Made changes based on comments * Created store and reducers (#1108) * Created store and reducers * Added spec * Modifications based on comments * Explore control panel components: Chart control, Time filter, SQL, GroupBy and Filters * Modifications based on comments * accommodate old and new explore urls * move bootstrap data up in scope * fix code climate issues * fix long lines * fix syntax error
2026-04-23 01:55:09 +00:00 · 2016-10-03 22:47:39 -07:00
parent d8638dbcf3
commit e6e902e8df
20 changed files with 1292 additions and 1 deletions
--- a/caravel/assets/javascripts/explorev2/reducers/exploreReducer.js
+++ b/caravel/assets/javascripts/explorev2/reducers/exploreReducer.js
@@ -0,0 +1,111 @@
+import { defaultFormData, defaultOpts } from '../stores/store';
+import * as actions from '../actions/exploreActions';
+import { addToArr, removeFromArr, alterInArr } from '../../../utils/reducerUtils';
+
+export const exploreReducer = function (state, action) {
+  const actionHandlers = {
+    [actions.SET_DATASOURCE]() {
+      return Object.assign({}, state, { datasourceId: action.datasourceId });
+    },
+    [actions.SET_VIZTYPE]() {
+      return Object.assign({}, state, { vizType: action.vizType });
+    },
+    [actions.SET_TIME_COLUMN_OPTS]() {
+      return Object.assign({}, state, { timeColumnOpts: action.timeColumnOpts });
+    },
+    [actions.SET_TIME_GRAIN_OPTS]() {
+      return Object.assign({}, state, { timeGrainOpts: action.timeGrainOpts });
+    },
+    [actions.SET_TIME_COLUMN]() {
+      return Object.assign({}, state, { timeColumn: action.timeColumn });
+    },
+    [actions.SET_TIME_GRAIN]() {
+      return Object.assign({}, state, { timeGrain: action.timeGrain });
+    },
+    [actions.SET_SINCE]() {
+      return Object.assign({}, state, { since: action.since });
+    },
+    [actions.SET_UNTIL]() {
+      return Object.assign({}, state, { until: action.until });
+    },
+    [actions.SET_GROUPBY_COLUMN_OPTS]() {
+      return Object.assign({}, state, { groupByColumnOpts: action.groupByColumnOpts });
+    },
+    [actions.SET_GROUPBY_COLUMNS]() {
+      return Object.assign({}, state, { groupByColumns: action.groupByColumns });
+    },
+    [actions.SET_METRICS_OPTS]() {
+      return Object.assign({}, state, { metricsOpts: action.metricsOpts });
+    },
+    [actions.SET_METRICS]() {
+      return Object.assign({}, state, { metrics: action.metrics });
+    },
+    [actions.ADD_COLUMN]() {
+      return Object.assign({}, state, { columns: [...state.columns, action.column] });
+    },
+    [actions.REMOVE_COLUMN]() {
+      const newColumns = [];
+      state.columns.forEach((c) => {
+        if (c !== action.column) {
+          newColumns.push(c);
+        }
+      });
+      return Object.assign({}, state, { columns: newColumns });
+    },
+    [actions.ADD_ORDERING]() {
+      return Object.assign({}, state, { orderings: [...state.orderings, action.ordering] });
+    },
+    [actions.REMOVE_ORDERING]() {
+      const newOrderings = [];
+      state.orderings.forEach((o) => {
+        if (o !== action.ordering) {
+          newOrderings.push(o);
+        }
+      });
+      return Object.assign({}, state, { orderings: newOrderings });
+    },
+    [actions.SET_TIME_STAMP]() {
+      return Object.assign({}, state, { timeStampFormat: action.timeStampFormat });
+    },
+    [actions.SET_ROW_LIMIT]() {
+      return Object.assign({}, state, { rowLimit: action.rowLimit });
+    },
+    [actions.TOGGLE_SEARCHBOX]() {
+      return Object.assign({}, state, { searchBox: action.searchBox });
+    },
+    [actions.SET_WHERE_CLAUSE]() {
+      return Object.assign({}, state, { whereClause: action.whereClause });
+    },
+    [actions.SET_HAVING_CLAUSE]() {
+      return Object.assign({}, state, { havingClause: action.havingClause });
+    },
+    [actions.SET_FILTER_COLUMN_OPTS]() {
+      return Object.assign({}, state, { filterColumnOpts: action.filterColumnOpts });
+    },
+    [actions.ADD_FILTER]() {
+      return addToArr(state, 'filters', action.filter);
+    },
+    [actions.REMOVE_FILTER]() {
+      return removeFromArr(state, 'filters', action.filter);
+    },
+    [actions.CHANGE_FILTER_FIELD]() {
+      return alterInArr(state, 'filters', action.filter, { field: action.field });
+    },
+    [actions.CHANGE_FILTER_OP]() {
+      return alterInArr(state, 'filters', action.filter, { op: action.op });
+    },
+    [actions.CHANGE_FILTER_VALUE]() {
+      return alterInArr(state, 'filters', action.filter, { value: action.value });
+    },
+    [actions.RESET_FORM_DATA]() {
+      return Object.assign({}, state, defaultFormData);
+    },
+    [actions.CLEAR_ALL_OPTS]() {
+      return Object.assign({}, state, defaultOpts);
+    },
+  };
+  if (action.type in actionHandlers) {
+    return actionHandlers[action.type]();
+  }
+  return state;
+};