epickiwi/drags-and-nerds
1
0
Fork 0
forked from vgaNAR6ta/drags-and-nerds
Code Pull Requests Activity

edit: lien entre panneau à propos et mastodon pour permettre à artiste et orga d'y déposer du contenu

Browse Source
This commit is contained in:
Vega
2026-03-31 08:27:59 +02:00
parent f5ed2a7d9c
commit 54731b6721
3 changed files with 196 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files
v1-com-officielle/src/indieComponents/ArtistPannel.vue
+22 -12
View File
@@ -35,17 +35,17 @@
<div class="windowContent" id="artistContent">
<p id="emptyFolderText" v-show="emptyFolder">Oops! There is nothing to display here...</p>
<div v-show="gridDisplay" class="theMatrix" @mousedown.stop @touchstart.stop @reload="dataFirstLoad" @click="deselectAll">
<div class="itemStyle" v-for="item in displayedItems" :class="{selectedItemStyle:item.isSelected, displayStyle: !item.isSelected}" :key="item.caption" @click.stop="itemIsClicked(item)">
<div class="itemStyle" v-for="item in displayedItems" :class="{selectedItemStyle:item.isSelected, displayStyle: !item.isSelected}" :key="item.id" @click.stop="itemIsClicked(item)">
<component :is="item.type==='folder'? FolderIcon : item.type === 'text'? TextIcon : item.type === 'link'? LinkIcon : ImgIcon" class="icon"/>
<p class="itemCaption">{{item.caption}}</p>
</div>
</div>
<div v-show="listDisplay" class="nevrEndingList" @mousedown.stop @touchstart.stop @reload="dataFirstLoad" @click="deselectAll">
<div class="listItemStyle" v-for="item in displayedItems" :class="{selectedItemStyle:item.isSelected, displayStyle: !item.isSelected}" :key="item.caption" @click.stop="itemIsClicked(item)">
<div class="listItemStyle" v-for="item in displayedItems" :class="{selectedItemStyle:item.isSelected, displayStyle: !item.isSelected}" :key="item.id" @click.stop="itemIsClicked(item)">
<component :is="item.type==='folder'? FolderIcon : item.type === 'text'? TextIcon : item.type === 'link'? LinkIcon : ImgIcon" class="icon"/>
<p class="itemCaption" id="listTitle">{{item.caption}}</p>
<p class="itemCaption">*auteurice*</p>
<p class="itemCaption">{{item.date}}</p>
<p class="itemCaption">{{item.author}}</p>
<p class="itemCaption"><time :timedate="item.dateInfo">{{item.date}}</time></p>
</div>
</div>
<div v-show="displayedItems" class="itemDesc" @touchstart.stop @click.stop>
@@ -258,7 +258,7 @@
border-width: thin;
border-color: transparent;
border-radius: 16.1px;
overflow-x: hidden;
overflow: hidden;
}
.listItemStyle:hover{
@@ -358,9 +358,10 @@
this.isNotRoot = true;
this.displayedDescription = e.description
this.fileName += e.caption + '/';
if (e.caption === 'Autres'){
if (e.caption === 'Autres contenus'){
this.gridDisplay = false;
this.listDisplay = true;
this.organizeItems();
}
}
if(e.type === 'image'){
@@ -387,9 +388,11 @@
},
selectFile(e){
this.displayedItems.forEach(it => {
console.log(e);
if(!this.emptyFolder){
this.displayedItems.forEach(it => {
it.isSelected = false;
})
})}
e.isSelected = true;
this.displayedDescription = e.description;
},
@@ -419,20 +422,27 @@
this.emptyFolder = false;
}
},
organizeItems(){
this.displayedItems.sort((a,b) => b.dateInfo.localeCompare(a.dateInfo));
},
backToRoot(){
this.displayedItems = this.rootFolderContent.at(-1).content;
this.fileName = this.rootFolderContent.at(-1).directory;
this.rootDepth = this.rootFolderContent.length
if (this.rootDepth === 0){
this.isNotRoot = false;
if(this.emptyFolder){
this.emptyFolder = false;
this.gridDisplay = true;
}
this.checkEmptyFolder();
if(this.listDisplay){
this.listDisplay = false;
this.gridDisplay = true;
}
this.deselectAll();
this.rootFolderContent.splice(this.rootFolderContent.length-1,1);
this.rootDepth = this.rootFolderContent.length
if (this.rootDepth === 0){
this.isNotRoot = false;
}
console.log(this.rootDepth);
},
closeClicked(){
this.dataFirstLoad();