Initial commit

2025-10-14 03:13:43 +08:00 · 2023-06-27 15:53:29 +08:00
parent 219f2582bf
commit f8882d4eea
118 changed files with 14251 additions and 2 deletions
--- a/frontend/src/components/dialogs/SetTtlDialog.vue
+++ b/frontend/src/components/dialogs/SetTtlDialog.vue
@@ -0,0 +1,115 @@
+<script setup>
+import { reactive, ref, watch } from 'vue'
+import useDialog from '../../stores/dialog'
+import useTabStore from '../../stores/tab.js'
+import useConnectionStore from '../../stores/connection.js'
+import { useMessage } from 'naive-ui'
+
+const ttlForm = reactive({
+    ttl: -1,
+})
+
+const formLabelWidth = '80px'
+const dialogStore = useDialog()
+const connectionStore = useConnectionStore()
+const tabStore = useTabStore()
+
+const currentServer = ref('')
+const currentKey = ref('')
+const currentDB = ref(0)
+watch(
+    () => dialogStore.ttlDialogVisible,
+    (visible) => {
+        if (visible) {
+            // get ttl from current tab
+            const tab = tabStore.currentTab
+            if (tab != null) {
+                ttlForm.key = tab.key
+                if (tab.ttl < 0) {
+                    // forever
+                } else {
+                    ttlForm.ttl = tab.ttl
+                }
+                currentServer.value = tab.name
+                currentDB.value = tab.db
+                currentKey.value = tab.key
+            }
+        }
+    }
+)
+
+const onClose = () => {
+    dialogStore.closeTTLDialog()
+}
+
+const message = useMessage()
+const onConfirm = async () => {
+    try {
+        const tab = tabStore.currentTab
+        if (tab == null) {
+            return
+        }
+        const success = await connectionStore.setTTL(tab.name, tab.db, tab.key, ttlForm.ttl)
+        if (success) {
+            tabStore.updateTTL({
+                server: currentServer.value,
+                db: currentDB.value,
+                key: currentKey.value,
+                ttl: ttlForm.ttl,
+            })
+        }
+    } catch (e) {
+    } finally {
+        dialogStore.closeTTLDialog()
+    }
+}
+</script>
+
+<template>
+    <n-modal
+        v-model:show="dialogStore.ttlDialogVisible"
+        :closable="false"
+        :close-on-esc="false"
+        :mask-closable="false"
+        :show-icon="false"
+        :title="$t('set_ttl')"
+        preset="dialog"
+        transform-origin="center"
+    >
+        <n-form
+            :label-width="formLabelWidth"
+            :model="ttlForm"
+            :show-require-mark="false"
+            label-align="right"
+            label-placement="left"
+        >
+            <n-form-item :label="$t('key')">
+                <n-input :value="currentKey" readonly />
+            </n-form-item>
+            <n-form-item :label="$t('ttl')" required>
+                <n-input-number
+                    v-model:value="ttlForm.ttl"
+                    :max="Number.MAX_SAFE_INTEGER"
+                    :min="-1"
+                    style="width: 100%"
+                >
+                    <template #suffix>
+                        {{ $t('second') }}
+                    </template>
+                </n-input-number>
+            </n-form-item>
+        </n-form>
+
+        <template #action>
+            <div class="flex-item-expand">
+                <n-button @click="ttlForm.ttl = -1">{{ $t('persist_key') }}</n-button>
+            </div>
+            <div class="flex-item n-dialog__action">
+                <n-button @click="onClose">{{ $t('cancel') }}</n-button>
+                <n-button type="primary" @click="onConfirm">{{ $t('save') }}</n-button>
+            </div>
+        </template>
+    </n-modal>
+</template>
+
+<style lang="scss" scoped></style>