Pivot implementation and redesign (#69)

- Pivot support implementation 
- Rename queries into inquiries
- Rename editor into workspace
- Change result set format
- New JSON format for inquiries
- Redesign panels

src/store/actions.js

@@ -5,16 +5,18 @@ export default {
     const tab = data ? JSON.parse(JSON.stringify(data)) : {}
     // If no data then create a new blank one...
     // No data.id means to create new tab, but not blank,
-    // e.g. with 'select * from csv_import' query after csv import
+    // e.g. with 'select * from csv_import' inquiry after csv import
     if (!data || !data.id) {
       tab.id = nanoid()
       tab.name = null
       tab.tempName = state.untitledLastIndex
         ? `Untitled ${state.untitledLastIndex}`
         : 'Untitled'
-      tab.isUnsaved = true
+      tab.viewType = 'chart'
+      tab.viewOptions = undefined
+      tab.isSaved = false
     } else {
-      tab.isUnsaved = false
+      tab.isSaved = true
     }
 
     // add new tab only if was not already opened

src/store/mutations.js

@@ -8,7 +8,7 @@ export default {
     state.db = db
   },
 
-  updateTab (state, { index, name, id, query, chart, isUnsaved }) {
+  updateTab (state, { index, name, id, query, viewType, viewOptions, isSaved }) {
     const tab = state.tabs[index]
     const oldId = tab.id
 
@@ -19,15 +19,17 @@ export default {
     if (id) { tab.id = id }
     if (name) { tab.name = name }
     if (query) { tab.query = query }
-    if (chart) { tab.chart = chart }
-    if (isUnsaved !== undefined) { tab.isUnsaved = isUnsaved }
-    if (!isUnsaved) {
-      // Saved query is not predefined
+    if (viewType) { tab.viewType = viewType }
+    if (viewOptions) { tab.viewOptions = viewOptions }
+    if (isSaved !== undefined) { tab.isSaved = isSaved }
+    if (isSaved) {
+      // Saved inquiry is not predefined
       delete tab.isPredefined
     }
 
     Vue.set(state.tabs, index, tab)
   },
+
   deleteTab (state, index) {
     // If closing tab is the current opened
     if (state.tabs[index].id === state.currentTabId) {
@@ -49,11 +51,7 @@ export default {
   setCurrentTab (state, tab) {
     state.currentTab = tab
   },
-  updatePredefinedQueries (state, queries) {
-    if (Array.isArray(queries)) {
-      state.predefinedQueries = queries
-    } else {
-      state.predefinedQueries = [queries]
-    }
+  updatePredefinedInquiries (state, inquiries) {
+    state.predefinedInquiries = Array.isArray(inquiries) ? inquiries : [inquiries]
   }
 }

src/store/state.js

@@ -3,6 +3,6 @@ export default {
   currentTab: null,
   currentTabId: null,
   untitledLastIndex: 0,
-  predefinedQueries: [],
+  predefinedInquiries: [],
   db: null
 }