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

tunnel: intiation de la com officielle

Browse Source 
major_edits: mail dans liens + graff overlay + simple click dans panneau 
'à propos'
This commit is contained in:
Vega
2026-04-04 02:04:40 +02:00
parent a5c9c73d51
commit 7c6e33d624
36 changed files with 716 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files
v1-com-officielle/src/indieComponents/ArtistPannel.vue
+25 -16
View File
@@ -33,19 +33,19 @@
</div>
</div>
<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.id" @click.stop="itemIsClicked(item)">
<p id="emptyFolderText" v-show="emptyFolder">Oopsi! Il n'y a rien à afficher ici<br>(pour l'instant...)</p>
<div v-show="gridDisplay" class="theMatrix" @mousedown.stop @reload="dataFirstLoad" @click="deselectAll" touchstart="deselectAll">
<div class="itemStyle" v-for="item in displayedItems" :class="{selectedItemStyle:item.isSelected, displayStyle: !item.isSelected}" :key="item.id" @click.stop="openFile(item)" @touchstart="openFile(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.id" @click.stop="itemIsClicked(item)">
<div v-show="listDisplay" class="nevrEndingList" @mousedown.stop @reload="dataFirstLoad" @click="deselectAll" touchstart="deselectAll">
<div class="listItemStyle" v-for="item in displayedItems" :class="{selectedItemStyle:item.isSelected, displayStyle: !item.isSelected}" :key="item.id" @click.stop="openFile(item)" @touchstart="openFile(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">{{item.author}}</p>
<p class="itemCaption"><time :timedate="item.dateInfo">{{item.date}}</time></p>
<p class="itemCaption" id="listAuthor">{{item.author}}</p>
<p class="itemCaption" id="listDate"><time :timedate="item.dateInfo">{{item.date}}</time></p>
</div>
</div>
<div v-show="displayedItems" class="itemDesc" @touchstart.stop @click.stop>
@@ -71,7 +71,7 @@
#artistPannel{
position: fixed;
width: 333px;
width: 380px;
height: 500px;
top: 16.1px;
left: 16.1px;
@@ -111,6 +111,7 @@
#emptyFolderText{
align-self:center;
margin-top: 33px;
margin-left: 0;
pointer-events: none;
color: var(--accent-color);
font-family: 'lineal';
@@ -268,7 +269,7 @@
.listItemStyle .icon{
height: 16.1px;
width: 33px;
margin-left: 16.1px;
margin-left: 3.33px;
margin-right: 16.1px;
margin-top: 0;
}
@@ -276,7 +277,7 @@
.listItemStyle .itemCaption{
font-family: 'velvelyne';
font-weight: bold;
font-size: 16.1px;
font-size: 13.12px;
pointer-events: none;
cursor:inherit;
width: 20%;
@@ -293,6 +294,14 @@
width: 50%;
}
#listAuthor{
width: 33%;
}
#listDate{
width: 33px;
}
</style>
<script>
@@ -328,7 +337,7 @@
},
dataFirstLoad(){
this.displayedItems = [...this.linksData];
console.log(this.displayedItems);
//console.log(this.displayedItems);
this.isNotRoot = false;
this.checkEmptyFolder();
this.deselectAll();
@@ -343,7 +352,7 @@
it.isSelected = false;
});
if(!this.isNotRoot){
this.displayedDescription = "1x click pour plus d'infos \n 2x click pour accéder au contenu";
this.displayedDescription = "Clique sur un dossier pour accéder au contenu !";
}else{
this.displayedDescription = this.rootFolderContent.at(-1).description;
}
@@ -381,14 +390,14 @@
caption: e.caption,
description: e.description
}
console.log(dataStorage.selectedLink);
//console.log(dataStorage.selectedLink);
}
this.selectFile(e);
},
selectFile(e){
console.log(e);
//console.log(e);
if(!this.emptyFolder){
this.displayedItems.forEach(it => {
it.isSelected = false;
@@ -404,7 +413,7 @@
this.selectFile(e);
this.dblClickTimer = null;
this.lastClickedItem = null;
}, 200);
}, 161);
}else{
clearTimeout(this.dblClickTimer);
this.dblClickTimer = null;
@@ -442,7 +451,7 @@
if (this.rootDepth === 0){
this.isNotRoot = false;
}
console.log(this.rootDepth);
//console.log(this.rootDepth);
},
closeClicked(){
this.dataFirstLoad();