nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-27 18:40:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

upload request prototype UI

Browse Source
This commit is contained in:
Čarodej
2022-02-16 16:57:57 +01:00
parent 3fafc811fe
commit 394a7b6baf
197 changed files with 6927 additions and 2738 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/components/Teams/Components/TeamList.vue
+14 -3
View File
@@ -1,6 +1,11 @@
<template>
<ul>
<li v-if="Object.values(members).length > 0 && entry.id !== user.data.id" v-for="(entry, i) in members" :key="i" class="flex items-center py-2">
<li
v-if="Object.values(members).length > 0 && entry.id !== user.data.id"
v-for="(entry, i) in members"
:key="i"
class="flex items-center py-2"
>
<!--Remove Member-->
<div @click="deleteMember(entry)" class="-ml-1.5 cursor-pointer py-2 px-1 leading-none">
<x-icon size="14" class="vue-feather dark:text-gray-600" />
@@ -13,7 +18,10 @@
<!--Member-->
<div v-if="entry.type === 'member'" class="info">
<b class="max-w-1 block overflow-hidden text-ellipsis whitespace-nowrap text-sm font-bold" style="max-width: 155px">
<b
class="max-w-1 block overflow-hidden text-ellipsis whitespace-nowrap text-sm font-bold"
style="max-width: 155px"
>
{{ entry.name }}
</b>
<span class="block text-xs text-gray-600 dark:text-gray-500">
@@ -23,7 +31,10 @@
<!--Invitation-->
<div v-if="entry.type === 'invitation'" class="info">
<b class="block max-w-xs overflow-hidden text-ellipsis whitespace-nowrap text-sm font-bold" style="max-width: 155px">
<b
class="block max-w-xs overflow-hidden text-ellipsis whitespace-nowrap text-sm font-bold"
style="max-width: 155px"
>
{{ entry.email }}
</b>
<span v-if="entry.id" class="block text-xs text-gray-600 dark:text-gray-500">
resources/js/components/Teams/Components/TeamMembersButton.vue
+7 -1
View File
@@ -5,7 +5,13 @@
{{ $t('Not selected') }}
</span>
</div>
<TeamMembersPreview v-else :folder="teamFolder" :limit="true" :avatar-size="size" class="justify-end md:justify-center" />
<TeamMembersPreview
v-else
:folder="teamFolder"
:limit="true"
:avatar-size="size"
class="justify-end md:justify-center"
/>
</div>
</template>
resources/js/components/Teams/Components/TeamMembersPreview.vue
+13 -3
View File
@@ -2,7 +2,12 @@
<div class="team-folder">
<span v-if="limit && membersCount > 3" class="member-count"> +{{ membersCount - 3 }} </span>
<div class="members">
<div v-for="member in members" :key="member.data.id" :title="member.data.attributes.email" class="member-preview z-10">
<div
v-for="member in members"
:key="member.data.id"
:title="member.data.attributes.email"
class="member-preview z-10"
>
<MemberAvatar :is-border="true" :size="34" :member="member" />
</div>
</div>
@@ -20,10 +25,15 @@ export default {
},
computed: {
membersCount() {
return this.folder.data.relationships.members.data.length + this.folder.data.relationships.invitations.data.length
return (
this.folder.data.relationships.members.data.length +
this.folder.data.relationships.invitations.data.length
)
},
members() {
let allMembers = this.folder.data.relationships.members.data.concat(this.folder.data.relationships.invitations.data)
let allMembers = this.folder.data.relationships.members.data.concat(
this.folder.data.relationships.invitations.data
)
if (this.limit) {
return allMembers.slice(0, 3)