verdnatura/salix-front
verdnatura
/
salix-front
1
2
Fork 1
Code Issues Pull Requests 64 Releases Wiki Activity

#7283 finish item card sections #588

Merged
jorgep merged 24 commits from 7283-itemSectionsMigration into dev 2024-08-12 12:08:46 +00:00
Conversation 0 Commits 24 Files Changed 23 +17 -23
3 changed files with 17 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 5bd0bbb3ac - Show all commits

23
src/components/NavBar.vue
View File

@ -7,7 +7,7 @@ import { useQuasar } from 'quasar';
import PinnedModules from './PinnedModules.vue'; import PinnedModules from './PinnedModules.vue';
import UserPanel from 'components/UserPanel.vue'; import UserPanel from 'components/UserPanel.vue';
import VnBreadcrumbs from './common/VnBreadcrumbs.vue'; import VnBreadcrumbs from './common/VnBreadcrumbs.vue';
import VnImg from 'src/components/ui/VnImg.vue'; import VnAvatar from './ui/VnAvatar.vue';
const { t } = useI18n(); const { t } = useI18n();
const stateStore = useStateStore(); const stateStore = useStateStore();
@ -72,22 +72,13 @@ const pinnedModulesRef = ref();
</QTooltip> </QTooltip>
<PinnedModules ref="pinnedModulesRef" /> <PinnedModules ref="pinnedModulesRef" />
</QBtn> </QBtn>
<QBtn <QBtn class="q-pa-none" rounded dense flat no-wrap id="user">
:class="{ 'q-pa-none': quasar.platform.is.mobile }" <VnAvatar
jorgep commented 2024-08-06 07:55:10 +00:00
Review
Copy Link

Es la foto de un usuario

Es la foto de un usuario
rounded :worker-id="user.id"
dense :title="user.name"
flat size="lg"
no-wrap :color="false"
id="user"
>
<QAvatar size="lg">
<VnImg
:id="user.id"
collection="user"
size="160x160"
:zoom-size="null"
/> />
</QAvatar>
<QTooltip bottom> <QTooltip bottom>
{{ t('globals.userPanel') }} {{ t('globals.userPanel') }}
</QTooltip> </QTooltip>

12
src/components/UserPanel.vue
View File

@ -11,8 +11,8 @@ import VnSelect from 'src/components/common/VnSelect.vue';
import VnRow from 'components/ui/VnRow.vue'; import VnRow from 'components/ui/VnRow.vue';
import FetchData from 'components/FetchData.vue'; import FetchData from 'components/FetchData.vue';
import { useClipboard } from 'src/composables/useClipboard'; import { useClipboard } from 'src/composables/useClipboard';
import VnImg from 'src/components/ui/VnImg.vue';
import { useRole } from 'src/composables/useRole'; import { useRole } from 'src/composables/useRole';
import VnAvatar from './ui/VnAvatar.vue';
const state = useState(); const state = useState();
const session = useSession(); const session = useSession();
@ -153,10 +153,12 @@ const isEmployee = computed(() => useRole().isEmployee());
<QSeparator vertical inset class="q-mx-lg" /> <QSeparator vertical inset class="q-mx-lg" />
<div class="col column items-center q-mb-sm"> <div class="col column items-center q-mb-sm">
<QAvatar size="80px"> <VnAvatar
jorgep commented 2024-08-06 07:55:40 +00:00
Review
Copy Link

Es la foto de un usuario.

Es la foto de un usuario.
<VnImg :id="user.id" collection="user" size="160x160" /> :worker-id="user.id"
</QAvatar> :title="user.name"
size="80px"
jgallego commented 2024-08-12 05:16:03 +00:00
Outdated
Review
Copy Link

en otros sitios se usa size="md" posible usar los genericos.
Pregunta: no he encontrado donde esta en nuestro caso md a cuantos px equivale, donde se está?

en otros sitios se usa size="md" posible usar los genericos. Pregunta: no he encontrado donde esta en nuestro caso md a cuantos px equivale, donde se está?
jorgep commented 2024-08-12 07:28:41 +00:00
Outdated
Review
Copy Link

No lo tenemos definido, es nativo de quasar. He probado a poner xl pero se queda muy pequeño. Creo un tamaño personalizado para q-avatar[size="xxxl"] que sea 80px?

No lo tenemos definido, es nativo de quasar. He probado a poner **xl** pero se queda muy pequeño. Creo un tamaño personalizado para q-avatar[size="xxxl"] que sea 80px?
jgallego commented 2024-08-12 08:16:23 +00:00
Outdated
Review
Copy Link

si

si
:color="false"
/>
<div class="text-subtitle1 q-mt-md"> <div class="text-subtitle1 q-mt-md">
<strong>{{ user.nickname }}</strong> <strong>{{ user.nickname }}</strong>
</div> </div>

3
src/components/ui/VnAvatar.vue
View File

@ -9,6 +9,7 @@ const $props = defineProps({
description: { type: String, default: null }, description: { type: String, default: null },
size: { type: String, default: null }, size: { type: String, default: null },
jorgep marked this conversation as resolved Outdated
jorgep commented 2024-08-06 07:57:04 +00:00
Outdated
Review
Copy Link

No siempre se quiere poner un title, ej. cuando hay un desplegable.

No siempre se quiere poner un title, ej. cuando hay un desplegable.
jgallego commented 2024-08-12 05:17:23 +00:00
Outdated
Review
Copy Link

se puede directamente no definir la propiedad? así no es necesario el boolean?

se puede directamente no definir la propiedad? así no es necesario el boolean?
title: { type: String, default: null }, title: { type: String, default: null },
jorgep commented 2024-08-06 07:57:11 +00:00
Outdated
Review
Copy Link

Habilita

Habilita
color: { type: Boolean, default: true },
}); });
const { getTokenMultimedia } = useSession(); const { getTokenMultimedia } = useSession();
const token = getTokenMultimedia(); const token = getTokenMultimedia();
@ -21,7 +22,7 @@ const showLetter = ref(false);
<div class="avatar-picture column items-center"> <div class="avatar-picture column items-center">
<QAvatar <QAvatar
:style="{ :style="{
backgroundColor: useColor(title), backgroundColor: color ? useColor(title) : 'transparent',
}" }"
:size="$props.size" :size="$props.size"
:title="title" :title="title"