ami/tl-vikunja
1
0
Fork 0
Code Activity

Make sure the loading spinner is always visible at the end of the page

Browse Source
This commit is contained in:
kolaente
2021-01-14 22:19:28 +01:00
parent 526eee361f
commit 55b9b68258
2 changed files with 19 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/input/multiselect.vue
View File

@ -4,18 +4,19 @@
:class="{'has-search-results': searchResultsVisible}"
ref="multiselectRoot"
>
<div class="input-wrapper input" :class="{'has-multiple': multiple && Array.isArray(internalValue) && internalValue.length > 0}">
<template v-if="Array.isArray(internalValue)">
<template v-for="(item, key) in internalValue">
<slot name="tag" :item="item">
<div class="control" :class="{'is-loading': loading || localLoading}">
<div class="input-wrapper input" :class="{'has-multiple': multiple && Array.isArray(internalValue) && internalValue.length > 0}">
<template v-if="Array.isArray(internalValue)">
<template v-for="(item, key) in internalValue">
<slot name="tag" :item="item">
<span :key="`item${key}`" class="tag ml-2 mt-2">
{{ label !== '' ? item[label] : item }}
<a @click="() => remove(item)" class="delete is-small"></a>
</span>
</slot>
</slot>
</template>
</template>
</template>
<div class="input-loader-wrapper">
<input
type="text"
class="input"
@ -27,7 +28,6 @@
ref="searchInput"
@focus="() => showSearchResults = true"
/>
<span class="loader is-loading" v-if="loading || localLoading"></span>
</div>
</div>