display feedback when no data avail

parent bb325937
......@@ -9,7 +9,7 @@
<!-- ===== END NAVIGATION HISTORICL CONTENT | START BODY CONTENT ===== -->
<section id="card-holder">
<section v-if="hasData" id="card-holder">
<div class="row q-mx-auto justify-start items-start">
<div class="row q-gutter-md">
<span :key="i" v-for="(card, i) in filteredSources(activeFilter)" :id="card.uuid">
......@@ -33,6 +33,9 @@
</div>
</div>
</section>
<section v-else class="flex flex-center">
<h5>No content found.</h5>
</section>
</div>
</template>
......@@ -64,6 +67,12 @@ export default {
}
},
computed: {
hasData() {
return this.filteredSources(this.activeFilter).length
},
},
methods: {
meta(item) {
let fields = [
......@@ -89,6 +98,8 @@ export default {
this.activeFilter = a
},
filteredSources(filter) {
let items = this.items
if (this.searchFor) {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment