|
|
@ -18,7 +18,8 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="d-flex align-center img-container"> |
|
|
|
<div class="d-flex align-center img-container"> |
|
|
|
<div |
|
|
|
<div class="d-flex no-overflow"> |
|
|
|
|
|
|
|
<div |
|
|
|
v-for="(item,i) in (isPublicForm ? localFilesState : localState)" |
|
|
|
v-for="(item,i) in (isPublicForm ? localFilesState : localState)" |
|
|
|
:key="item.url || item.title" |
|
|
|
:key="item.url || item.title" |
|
|
|
class="thumbnail align-center justify-center d-flex" |
|
|
|
class="thumbnail align-center justify-center d-flex" |
|
|
@ -60,9 +61,9 @@ |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<span>{{ item.title }}</span> |
|
|
|
<span>{{ item.title }}</span> |
|
|
|
</v-tooltip> |
|
|
|
</v-tooltip> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="isForm || active && !isPublicGrid && !isLocked" class="add d-flex align-center justify-center px-1 nc-attachment-add" @click="addFile"> |
|
|
|
<div v-if="isForm || active && !isPublicGrid" class="add d-flex align-center justify-center px-1 nc-attachment-add" @click="addFile"> |
|
|
|
|
|
|
|
<v-icon v-if="uploading" small color="primary" class="nc-attachment-add-spinner"> |
|
|
|
<v-icon v-if="uploading" small color="primary" class="nc-attachment-add-spinner"> |
|
|
|
mdi-loading mdi-spin |
|
|
|
mdi-loading mdi-spin |
|
|
|
</v-icon> |
|
|
|
</v-icon> |
|
|
@ -90,7 +91,6 @@ |
|
|
|
</v-icon> |
|
|
|
</v-icon> |
|
|
|
<input ref="file" type="file" multiple class="d-none" @change="onFileSelection"> |
|
|
|
<input ref="file" type="file" multiple class="d-none" @change="onFileSelection"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<v-dialog |
|
|
|
<v-dialog |
|
|
|
v-if="dialog" |
|
|
|
v-if="dialog" |
|
|
|
v-model="dialog" |
|
|
|
v-model="dialog" |
|
|
@ -100,7 +100,7 @@ |
|
|
|
<v-card-text class="h-100 backgroundColor"> |
|
|
|
<v-card-text class="h-100 backgroundColor"> |
|
|
|
<div class="d-flex mx-2"> |
|
|
|
<div class="d-flex mx-2"> |
|
|
|
<v-btn |
|
|
|
<v-btn |
|
|
|
v-if="(isForm || _isUIAllowed('tableAttachment')) && !isPublicGrid" |
|
|
|
v-if="(isForm || _isUIAllowed('tableAttachment')) && !isPublicGrid && !isLocked" |
|
|
|
small |
|
|
|
small |
|
|
|
class="my-4 " |
|
|
|
class="my-4 " |
|
|
|
:loading="uploading" |
|
|
|
:loading="uploading" |
|
|
@ -127,7 +127,7 @@ |
|
|
|
style="position: relative" |
|
|
|
style="position: relative" |
|
|
|
> |
|
|
|
> |
|
|
|
<v-icon |
|
|
|
<v-icon |
|
|
|
v-if="_isUIAllowed('tableAttachment') && !isPublicGrid" |
|
|
|
v-if="_isUIAllowed('tableAttachment') && !isPublicGrid && !isLocked" |
|
|
|
small |
|
|
|
small |
|
|
|
class="remove-icon" |
|
|
|
class="remove-icon" |
|
|
|
@click="removeItem(i)" |
|
|
|
@click="removeItem(i)" |
|
|
@ -389,6 +389,9 @@ export default { |
|
|
|
// eslint-disable-next-line eqeqeq |
|
|
|
// eslint-disable-next-line eqeqeq |
|
|
|
} else if (e.keyCode == '39') { |
|
|
|
} else if (e.keyCode == '39') { |
|
|
|
this.carousel = ++this.carousel % this.localState.length |
|
|
|
this.carousel = ++this.carousel % this.localState.length |
|
|
|
|
|
|
|
// eslint-disable-next-line eqeqeq |
|
|
|
|
|
|
|
} else if (e.keyCode == '27') { |
|
|
|
|
|
|
|
this.hideIfVisible() |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
async onFileDrop(e) { |
|
|
|
async onFileDrop(e) { |
|
|
@ -405,6 +408,10 @@ export default { |
|
|
|
margin: 0 -2px; |
|
|
|
margin: 0 -2px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.no-overflow { |
|
|
|
|
|
|
|
overflow: hidden; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.add { |
|
|
|
.add { |
|
|
|
transition: .2s background-color; |
|
|
|
transition: .2s background-color; |
|
|
|
/*background-color: #666666ee;*/ |
|
|
|
/*background-color: #666666ee;*/ |
|
|
@ -436,6 +443,7 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.expand-icon { |
|
|
|
.expand-icon { |
|
|
|
|
|
|
|
margin-left: 8px; |
|
|
|
border-radius: 2px; |
|
|
|
border-radius: 2px; |
|
|
|
/*opacity: 0;*/ |
|
|
|
/*opacity: 0;*/ |
|
|
|
transition: .3s background-color; |
|
|
|
transition: .3s background-color; |
|
|
@ -552,6 +560,7 @@ export default { |
|
|
|
* |
|
|
|
* |
|
|
|
* @author Naveen MR <oof1lab@gmail.com> |
|
|
|
* @author Naveen MR <oof1lab@gmail.com> |
|
|
|
* @author Pranav C Balan <pranavxc@gmail.com> |
|
|
|
* @author Pranav C Balan <pranavxc@gmail.com> |
|
|
|
|
|
|
|
* @author Wing-Kam Wong <wingkwong.code@gmail.com> |
|
|
|
* |
|
|
|
* |
|
|
|
* @license GNU AGPL version 3 or any later version |
|
|
|
* @license GNU AGPL version 3 or any later version |
|
|
|
* |
|
|
|
* |
|
|
|