haex/haex-hub-mirror
1
0
Fork 0
mirror of https://github.com/haexhub/haex-hub.git synced 2025-12-18 23:10:51 +01:00
Code Issues Packages Projects Releases Wiki Activity

zwischenstand

Browse Source
This commit is contained in:
haex
2025-05-28 11:35:02 +02:00
parent 07ff15aba0
commit 4774d3fdc1
105 changed files with 4129 additions and 1438 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/pages/index.vue
View File

@ -4,9 +4,15 @@
<UiDropdownLocale @select="setLocale" />
</div>
<div class="flex flex-col justify-center items-center gap-5 max-w-3xl">
<img src="/logo.svg" class="bg-primary p-3 size-16 rounded-full" alt="HaexVault Logo" />
<img
src="/logo.svg"
class="bg-primary p-3 size-16 rounded-full"
alt="HaexVault Logo"
>
<span class="flex flex-wrap font-bold text-pretty text-xl gap-2 justify-center">
<span
class="flex flex-wrap font-bold text-pretty text-xl gap-2 justify-center"
>
<p class="whitespace-nowrap">
{{ t('welcome') }}
</p>
@ -16,21 +22,32 @@
<div class="flex flex-col md:flex-row gap-4 w-full h-24 md:h-auto">
<VaultButtonCreate />
<VaultButtonOpen v-model:isOpen="passwordPromptOpen" :path="vaultPath" />
<VaultButtonOpen
v-model:open="passwordPromptOpen"
:path="vaultPath"
/>
</div>
<div v-show="lastVaults.length" class="w-full">
<div
v-show="lastVaults.length"
class="w-full"
>
<div class="font-thin text-sm justify-start px-2 pb-1">
{{ t('lastUsed') }}
</div>
<div
class="relative border-base-content/25 divide-base-content/25 flex w-full flex-col divide-y rounded-md border first:*:rounded-t-md last:*:rounded-b-md overflow-scroll">
<div class="flex items-center justify-between group h-12 overflow-x-scroll" v-for="vault in lastVaults"
:key="vault.path">
class="relative border-base-content/25 divide-base-content/25 flex w-full flex-col divide-y rounded-md border first:*:rounded-t-md last:*:rounded-b-md overflow-scroll"
>
<div
v-for="vault in lastVaults"
:key="vault.path"
class="flex items-center justify-between group h-12 overflow-x-scroll"
>
<button
class="link link-accent flex items-center no-underline justify-between text-nowrap text-sm md:text-base shrink w-full py-2 px-4"
@click="; (passwordPromptOpen = true), (vaultPath = vault.path)">
@click=";(passwordPromptOpen = true), (vaultPath = vault.path)"
>
<span class="block md:hidden">
{{ vault.name }}
</span>
@ -38,8 +55,13 @@
{{ vault.path }}
</span>
</button>
<button class="absolute right-2 btn btn-square btn-error btn-xs hidden group-hover:flex min-w-6">
<Icon name="mdi:trash-can-outline" @click="removeVaultAsync(vault.path)" />
<button
class="absolute right-2 btn btn-square btn-error btn-xs hidden group-hover:flex min-w-6"
>
<Icon
name="mdi:trash-can-outline"
@click="removeVaultAsync(vault.path)"
/>
</button>
</div>
</div>
@ -75,7 +97,8 @@ const { lastVaults } = storeToRefs(useLastVaultStore())
await syncLastVaultsAsync()
</script>
<i18n lang="json">{
<i18n lang="json">
{
"de": {
"welcome": "Viel Spass mit",
"lastUsed": "Zuletzt verwendete Vaults",
@ -86,4 +109,5 @@ await syncLastVaultsAsync()
"lastUsed": "Last used Vaults",
"sponsors": "Powered by"
}
}</i18n>
}
</i18n>