fregat/web-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Strip manager user cards

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-04-04 09:59:41 +07:00
parent 504f66982f
commit 354e8b1e64
3 changed files with 9 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
app/pages/clients/index.vue
View File

@@ -45,15 +45,7 @@ const filteredUsers = computed(() => {
return true;
}
return [
item.fullName,
item.email,
item.companyName || '',
item.inn || '',
]
.join(' ')
.toLowerCase()
.includes(query);
return item.fullName.toLowerCase().includes(query);
});
});
@@ -118,7 +110,7 @@ function userInitials(fullName: string) {
<UiSectionSearchHero
v-model="search"
title="Пользователи"
:search-placeholder="activeTab === 'users' ? 'Имя, email, компания или ИНН' : 'Компания, контакт, email или ИНН'"
:search-placeholder="activeTab === 'users' ? 'Имя пользователя' : 'Компания, контакт, email или ИНН'"
>
<template #controls>
<NuxtLink to="/clients/invite" class="btn btn-primary border-0">
@@ -155,19 +147,18 @@ function userInitials(fullName: string) {
<article
v-for="user in filteredUsers"
:key="user.id"
class="surface-card flex min-h-[260px] flex-col rounded-[32px] p-5"
class="surface-card flex min-h-[280px] flex-col rounded-[32px] p-6"
>
<div class="mb-5 flex justify-center">
<div class="flex h-20 w-20 items-center justify-center rounded-[28px] bg-[linear-gradient(135deg,#dff7e9_0%,#c2ead3_100%)] text-2xl font-black text-[#123824] shadow-[inset_0_1px_0_rgba(255,255,255,0.65)]">
<div class="flex justify-center">
<div class="flex h-24 w-24 items-center justify-center rounded-[32px] bg-[linear-gradient(135deg,#dff7e9_0%,#c2ead3_100%)] text-3xl font-black text-[#123824] shadow-[inset_0_1px_0_rgba(255,255,255,0.65)]">
{{ userInitials(user.fullName) }}
</div>
</div>
<div class="mt-auto space-y-2 text-center">
<div class="flex-1" />
<div class="pt-8 text-center">
<h2 class="text-lg font-bold leading-tight text-[#123824]">{{ user.fullName }}</h2>
<p class="text-sm text-[#466653] break-all">{{ user.email }}</p>
<p v-if="user.companyName" class="text-sm text-[#5c7b69]">{{ user.companyName }}</p>
<p v-else class="text-sm text-[#8ca896]">Компания не указана</p>
</div>
</article>
</div>