fix file-manager issue with key

This commit is contained in:
Simon Vieille 2021-06-23 10:48:06 +02:00
parent fb091bdd10
commit 66a14d5bd6

View file

@ -2,26 +2,26 @@
<div> <div>
<nav aria-label="breadcrumb" class="d-flex justify-content-between"> <nav aria-label="breadcrumb" class="d-flex justify-content-between">
<ol class="breadcrumb mb-0"> <ol class="breadcrumb mb-0">
<li class="breadcrumb-item" v-for="item in breadcrumb" :key="item.label"> <li class="breadcrumb-item" v-for="item in breadcrumb">
<a class="btn btn-sm" href="#" v-on:click="setDirectory(item.path)" v-html="item.label"></a> <a class="btn btn-sm" href="#" v-on:click="setDirectory(item.path)" v-html="item.label"></a>
</li> </li>
</ol> </ol>
<div class="d-flex"> <div class="d-flex">
<div class="breadcrumb mb-0 file-manager-actions"> <div class="breadcrumb mb-0 file-manager-actions">
<span class="btn btn-sm btn-primary ml-1"> <span class="btn btn-sm btn-primary ml-1" v-bind:data-modal="generateUploadLink(directory)">
<span class="fa fa-upload" v-bind:data-modal="generateUploadLink(directory)"></span> <span class="fa fa-upload" v-bind:data-modal="generateUploadLink(directory)"></span>
</span> </span>
<span class="btn btn-sm btn-primary ml-1"> <span class="btn btn-sm btn-primary ml-1" v-bind:data-modal="generateNewDirectoryLink(directory)">
<span class="fa fa-folder-plus" v-bind:data-modal="generateNewDirectoryLink(directory)"></span> <span class="fa fa-folder-plus" v-bind:data-modal="generateNewDirectoryLink(directory)"></span>
</span> </span>
</div> </div>
<div class="breadcrumb mb-0 file-manager-views"> <div class="breadcrumb mb-0 file-manager-views">
<span class="btn btn-sm btn-dark ml-1"> <span class="btn btn-sm btn-dark ml-1" v-on:click="setView('grid')">
<span class="fa fa-grip-horizontal" v-on:click="setView('grid')"></span> <span class="fa fa-grip-horizontal" v-on:click="setView('grid')"></span>
</span> </span>
<span class="btn btn-sm btn-dark ml-1"> <span class="btn btn-sm btn-dark ml-1" v-on:click="setView('list')">
<span class="fa fa-list" v-on:click="setView('list')"></span> <span class="fa fa-list" v-on:click="setView('list')"></span>
</span> </span>
</div> </div>
@ -43,7 +43,7 @@
</div> </div>
</div> </div>
<div v-for="item in directories" class="card mt-3 ml-3 mb-3 border-0" :key="item.path"> <div v-for="item in directories" class="card mt-3 ml-3 mb-3 border-0">
<div class="card-body p-2"> <div class="card-body p-2">
<div class="card-text" v-on:dblclick="setDirectory(item.path)" v-bind:data-modal="generateInfoLink(item, true, context)"> <div class="card-text" v-on:dblclick="setDirectory(item.path)" v-bind:data-modal="generateInfoLink(item, true, context)">
<div class="text-center"> <div class="text-center">
@ -64,7 +64,7 @@
</div> </div>
</div> </div>
</div> </div>
<div v-for="item in files" class="card mt-3 ml-3 mb-3 border-0" v-on:click="modalUrl = generateInfoLink(item, null, context)" v-bind:data-modal="generateInfoLink(item, null, context)" :key="item.path"> <div v-for="item in files" class="card mt-3 ml-3 mb-3 border-0" v-on:click="modalUrl = generateInfoLink(item, null, context)" v-bind:data-modal="generateInfoLink(item, null, context)">
<div class="card-body p-2"> <div class="card-body p-2">
<div class="card-text"> <div class="card-text">
<div class="text-center"> <div class="text-center">
@ -98,7 +98,7 @@
</td> </td>
</tr> </tr>
<tr v-for="item in directories" v-on:dblclick="setDirectory(item.path)" v-bind:data-modal="generateInfoLink(item, true, context)" :key="item.path"> <tr v-for="item in directories" v-on:dblclick="setDirectory(item.path)" v-bind:data-modal="generateInfoLink(item, true, context)">
<td width="10"> <td width="10">
<span class="fa fa-folder text-warning"></span> <span class="fa fa-folder text-warning"></span>
</td> </td>
@ -112,7 +112,7 @@
<span v-html="item.basename"></span> <span v-html="item.basename"></span>
</td> </td>
</tr> </tr>
<tr v-for="item in files" :key="item.path"> <tr v-for="item in files">
<td width="10"> <td width="10">
<FileIcon v-bind:mime="item.mime" v-bind:path="item.webPath" v-bind:thumb="false" /> <FileIcon v-bind:mime="item.mime" v-bind:path="item.webPath" v-bind:thumb="false" />
</td> </td>