From ed77a59b4247756f3e3ac220201044b6f452debd Mon Sep 17 00:00:00 2001 From: arabcoders Date: Tue, 8 Jul 2025 16:11:03 +0300 Subject: [PATCH 1/6] clean up language usage. --- ui/components/History.vue | 24 ++++++++++++++---------- 1 file changed, 14 insertions(+), 10 deletions(-) diff --git a/ui/components/History.vue b/ui/components/History.vue index 855b06f1..116f8cc5 100644 --- a/ui/components/History.vue +++ b/ui/components/History.vue @@ -601,9 +601,9 @@ const deleteSelectedItems = () => { return } - let msg = `Are you sure you want to delete '${selectedElms.value.length}' items?` + let msg = `${config.app.remove_files ? 'Remove' : 'Clear'} '${selectedElms.value.length}' items?` if (true === config.app.remove_files) { - msg += '\nThis will delete the files from the server if they exist.' + msg += ' This will remove any associated files if they exists.' } if (false === box.confirm(msg, config.app.remove_files)) { @@ -620,10 +620,11 @@ const deleteSelectedItems = () => { remove_file: config.app.remove_files, }) } + selectedElms.value = [] } const clearCompleted = () => { - let msg = 'Are you sure you want to clear all completed downloads?' + let msg = 'Clear all completed downloads?' if (false === box.confirm(msg)) { return } @@ -636,7 +637,7 @@ const clearCompleted = () => { } const clearIncomplete = () => { - if (false === box.confirm('Are you sure you want to clear all in-complete downloads?')) { + if (false === box.confirm('Clear all in-complete downloads?')) { return } @@ -731,7 +732,7 @@ const setStatus = item => { } const retryIncomplete = () => { - if (false === box.confirm('Are you sure you want to retry all incomplete downloads?')) { + if (false === box.confirm('Retry all incomplete downloads?')) { return false } @@ -781,11 +782,12 @@ const archiveItem = async (item, opts = {}) => { } const removeItem = item => { - let msg = `Remove '${item.title ?? item.id ?? item.url ?? '??'}'?` - if (item.status === 'finished' && item.filename && config.app.remove_files) { - msg += '\nThis will delete the file from the server if it exists.' + let msg = `${config.app.remove_files ? 'Remove' : 'Clear'} '${item.title ?? item.id ?? item.url ?? '??'}'?` + if (item.status === 'finished' && config.app.remove_files) { + msg += ' This will remove any associated files if they exists.' } - if (false === box.confirm(msg, config.app.remove_files)) { + + if (false === box.confirm(msg, item.filename && config.app.remove_files)) { return false } @@ -809,7 +811,7 @@ const retryItem = (item, re_add = false) => { socket.emit('item_delete', { id: item._id, remove_file: false }) if (true === re_add) { - toast.info('Removed the item from history, and added it to the new download form.') + toast.info('Cleared the item from history, and added it to the new download form.') emitter('add_new', item_req) return } @@ -851,6 +853,8 @@ const downloadSelected = async () => { files_list.push(item.folder ? item.folder + '/' + item.filename : item.filename) } + selectedElms.value = [] + try { const response = await request('/api/file/download', { method: 'POST', From e7dad280cd4b8fc7c35a902d2ab5e18736438777 Mon Sep 17 00:00:00 2001 From: arabcoders Date: Tue, 8 Jul 2025 16:12:28 +0300 Subject: [PATCH 2/6] change default opacity to 0.95 --- ui/components/History.vue | 2 +- ui/components/Queue.vue | 2 +- ui/components/Settings.vue | 2 +- ui/layouts/default.vue | 2 +- ui/pages/browser/[...slug].vue | 2 +- ui/pages/console.vue | 2 +- ui/pages/index.vue | 2 +- ui/pages/logs.vue | 2 +- 8 files changed, 8 insertions(+), 8 deletions(-) diff --git a/ui/components/History.vue b/ui/components/History.vue index 116f8cc5..6c6a276e 100644 --- a/ui/components/History.vue +++ b/ui/components/History.vue @@ -489,7 +489,7 @@ const hideThumbnail = useStorage('hideThumbnailHistory', false) const direction = useStorage('sortCompleted', 'desc') const display_style = useStorage('display_style', 'cards') const bg_enable = useStorage('random_bg', true) -const bg_opacity = useStorage('random_bg_opacity', 0.85) +const bg_opacity = useStorage('random_bg_opacity', 0.95) const selectedElms = ref([]) const masterSelectAll = ref(false) diff --git a/ui/components/Queue.vue b/ui/components/Queue.vue index 69950457..c62b65cd 100644 --- a/ui/components/Queue.vue +++ b/ui/components/Queue.vue @@ -294,7 +294,7 @@ const showQueue = useStorage('showQueue', true) const hideThumbnail = useStorage('hideThumbnailQueue', false) const display_style = useStorage('display_style', 'cards') const bg_enable = useStorage('random_bg', true) -const bg_opacity = useStorage('random_bg_opacity', 0.85) +const bg_opacity = useStorage('random_bg_opacity', 0.95) const selectedElms = ref([]) const masterSelectAll = ref(false) diff --git a/ui/components/Settings.vue b/ui/components/Settings.vue index 29ec989d..336b22d5 100644 --- a/ui/components/Settings.vue +++ b/ui/components/Settings.vue @@ -138,7 +138,7 @@ defineProps({ }) const bg_enable = useStorage('random_bg', true) -const bg_opacity = useStorage('random_bg_opacity', 0.85) +const bg_opacity = useStorage('random_bg_opacity', 0.95) const selectedTheme = useStorage('theme', 'auto') const allow_toasts = useStorage('allow_toasts', true) const reduce_confirm = useStorage('reduce_confirm', false) diff --git a/ui/layouts/default.vue b/ui/layouts/default.vue index 17b8ac26..f0e628e1 100644 --- a/ui/layouts/default.vue +++ b/ui/layouts/default.vue @@ -151,7 +151,7 @@ const loadedImage = ref() const show_settings = ref(false) const loadingImage = ref(false) const bg_enable = useStorage('random_bg', true) -const bg_opacity = useStorage('random_bg_opacity', 0.85) +const bg_opacity = useStorage('random_bg_opacity', 0.95) const showMenu = ref(false) const applyPreferredColorScheme = scheme => { diff --git a/ui/pages/browser/[...slug].vue b/ui/pages/browser/[...slug].vue index 4f7477d9..01b45e99 100644 --- a/ui/pages/browser/[...slug].vue +++ b/ui/pages/browser/[...slug].vue @@ -203,7 +203,7 @@ const config = useConfigStore() const socket = useSocketStore() const bg_enable = useStorage('random_bg', true) -const bg_opacity = useStorage('random_bg_opacity', 0.85) +const bg_opacity = useStorage('random_bg_opacity', 0.95) const sort_by = useStorage('sort_by', 'name') const sort_order = useStorage('sort_order', 'asc') diff --git a/ui/pages/console.vue b/ui/pages/console.vue index 2bfc89d3..696306f0 100644 --- a/ui/pages/console.vue +++ b/ui/pages/console.vue @@ -65,7 +65,7 @@ const config = useConfigStore() const socket = useSocketStore() const bg_enable = useStorage('random_bg', true) -const bg_opacity = useStorage('random_bg_opacity', 0.85) +const bg_opacity = useStorage('random_bg_opacity', 0.95) const terminal = ref() const terminalFit = ref() diff --git a/ui/pages/index.vue b/ui/pages/index.vue index b1b8c27b..72f005fd 100644 --- a/ui/pages/index.vue +++ b/ui/pages/index.vue @@ -81,7 +81,7 @@ const stateStore = useStateStore() const socket = useSocketStore() const box = useConfirm() const bg_enable = useStorage('random_bg', true) -const bg_opacity = useStorage('random_bg_opacity', 0.85) +const bg_opacity = useStorage('random_bg_opacity', 0.95) const display_style = useStorage('display_style', 'cards') const show_thumbnail = useStorage('show_thumbnail', true) diff --git a/ui/pages/logs.vue b/ui/pages/logs.vue index b1da8883..0bae88a0 100644 --- a/ui/pages/logs.vue +++ b/ui/pages/logs.vue @@ -127,7 +127,7 @@ const logContainer = useTemplateRef('logContainer') const bottomMarker = useTemplateRef('bottomMarker') const textWrap = useStorage('logs_wrap', true) const bg_enable = useStorage('random_bg', true) -const bg_opacity = useStorage('random_bg_opacity', 0.85) +const bg_opacity = useStorage('random_bg_opacity', 0.95) const logs = ref>([]) const offset = ref(0) From 61cbd4aec8e30bd07a9facce449d4eb9d354ead8 Mon Sep 17 00:00:00 2001 From: arabcoders Date: Tue, 8 Jul 2025 16:42:02 +0300 Subject: [PATCH 3/6] update default.vue to use ts --- ui/@types/config.d.ts | 2 + ui/layouts/default.vue | 135 ++++++++++++++++++++++++----------------- 2 files changed, 83 insertions(+), 54 deletions(-) diff --git a/ui/@types/config.d.ts b/ui/@types/config.d.ts index ae018cbb..fda67c28 100644 --- a/ui/@types/config.d.ts +++ b/ui/@types/config.d.ts @@ -42,6 +42,8 @@ type AppConfig = { app_build_date: string /** App branch name, e.g. "main" or "develop" */ app_branch: string + /** When the app started */ + started: number } type Preset = { diff --git a/ui/layouts/default.vue b/ui/layouts/default.vue index f0e628e1..ad18ecd7 100644 --- a/ui/layouts/default.vue +++ b/ui/layouts/default.vue @@ -3,7 +3,7 @@