wip: storage

src/components/newtab/app/AppSidebar.vue

@@ -115,6 +115,12 @@ const tabs = [
     path: '/schedule',
     shortcut: getShortcut('page:schedule', '/triggers'),
   },
+  {
+    id: 'storage',
+    icon: 'riHardDrive2Line',
+    path: '/storage',
+    shortcut: getShortcut('page:storage', '/storage'),
+  },
   {
     id: 'collection',
     icon: 'riFolderLine',

src/composable/shortcut.js

@@ -24,6 +24,10 @@ const defaultShortcut = {
     id: 'page:logs',
     combo: 'option+l',
   },
+  'page:storage': {
+    id: 'page:storage',
+    combo: 'option+a',
+  },
   'page:settings': {
     id: 'page:settings',
     combo: 'option+s',

src/lib/vRemixicon.js

@@ -88,6 +88,7 @@ import {
   riStrikethrough2,
   riFileUploadLine,
   riCodeSSlashLine,
+  riHardDrive2Line,
   riDeleteBin7Line,
   riArrowLeftSLine,
   riFullscreenLine,
@@ -202,6 +203,7 @@ export const icons = {
   riStrikethrough2,
   riFileUploadLine,
   riCodeSSlashLine,
+  riHardDrive2Line,
   riDeleteBin7Line,
   riArrowLeftSLine,
   riFullscreenLine,

src/locales/en/common.json

@@ -26,6 +26,7 @@
     "save": "Save",
     "data": "data",
     "stop": "Stop",
+    "storage": "Storage",
     "editor": "Editor",
     "running": "Running",
     "globalData": "Global data",

src/locales/en/newtab.json

@@ -44,6 +44,9 @@
     "start": "Started on {date}",
     "message": "This only display the last 5 logs"
   },
+  "storage": {
+    "title": "Storage"
+  },
   "settings": {
     "theme": "Theme",
     "shortcuts": {
@@ -199,7 +202,7 @@
       "executeBy": "Executed by: \"{name}\""
     },
     "table": {
-      "title": "Table",
+      "title": "Table | Tables",
       "placeholder": "Search or add column",
       "select": "Select column",
       "column": {

src/newtab/pages/Storage.vue

@@ -0,0 +1,22 @@
+<template>
+  <div class="container py-8 pb-4">
+    <h1 class="text-2xl font-semibold">
+      {{ t('common.storage') }}
+    </h1>
+    <ui-tabs v-model="state.activeTab" class="mt-5">
+      <ui-tab value="tables">
+        {{ t('workflow.table.title', 2) }}
+      </ui-tab>
+    </ui-tabs>
+  </div>
+</template>
+<script setup>
+import { reactive } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
+
+const state = reactive({
+  activeTab: 'tables',
+});
+</script>

src/newtab/router.js

@@ -7,6 +7,7 @@ import ScheduledWorkflow from './pages/ScheduledWorkflow.vue';
 import Collections from './pages/Collections.vue';
 import CollectionsDetails from './pages/collections/[id].vue';
 import Logs from './pages/Logs.vue';
+import Storage from './pages/Storage.vue';
 import LogsDetails from './pages/logs/[id].vue';
 import LogsRunning from './pages/logs/Running.vue';
 import Settings from './pages/Settings.vue';
@@ -32,6 +33,11 @@ const routes = [
     path: '/workflows',
     component: Workflows,
   },
+  {
+    name: 'storage',
+    path: '/storage',
+    component: Storage,
+  },
   {
     name: 'schedule',
     path: '/schedule',