2021-10-20 15:56:40 +00:00
|
|
|
<!--
|
|
|
|
Copyright or © or Copr. happyDNS (2021)
|
|
|
|
|
|
|
|
contact@happydns.org
|
|
|
|
|
|
|
|
This software is a computer program whose purpose is to provide a modern
|
|
|
|
interface to interact with DNS systems.
|
|
|
|
|
|
|
|
This software is governed by the CeCILL license under French law and abiding
|
|
|
|
by the rules of distribution of free software. You can use, modify and/or
|
|
|
|
redistribute the software under the terms of the CeCILL license as
|
|
|
|
circulated by CEA, CNRS and INRIA at the following URL
|
|
|
|
"http://www.cecill.info".
|
|
|
|
|
|
|
|
As a counterpart to the access to the source code and rights to copy, modify
|
|
|
|
and redistribute granted by the license, users are provided only with a
|
|
|
|
limited warranty and the software's author, the holder of the economic
|
|
|
|
rights, and the successive licensors have only limited liability.
|
|
|
|
|
|
|
|
In this respect, the user's attention is drawn to the risks associated with
|
|
|
|
loading, using, modifying and/or developing or reproducing the software by
|
|
|
|
the user in light of its specific status of free software, that may mean
|
|
|
|
that it is complicated to manipulate, and that also therefore means that it
|
|
|
|
is reserved for developers and experienced professionals having in-depth
|
|
|
|
computer knowledge. Users are therefore encouraged to load and test the
|
|
|
|
software's suitability as regards their requirements in conditions enabling
|
|
|
|
the security of their systems and/or data to be ensured and, more generally,
|
|
|
|
to use and operate it in the same conditions as regards security.
|
|
|
|
|
|
|
|
The fact that you are presently reading this means that you have had
|
|
|
|
knowledge of the CeCILL license and that you accept its terms.
|
|
|
|
-->
|
|
|
|
|
|
|
|
<template>
|
|
|
|
<b-list-group>
|
|
|
|
<b-list-group-item v-if="isLoading" class="d-flex justify-content-center align-items-center">
|
|
|
|
<slot name="loading" />
|
|
|
|
</b-list-group-item>
|
|
|
|
<b-list-group-item v-if="!isLoading && items.length == 0" class="text-center">
|
|
|
|
<slot name="empty" />
|
|
|
|
</b-list-group-item>
|
|
|
|
<b-list-group-item
|
|
|
|
v-else
|
|
|
|
v-for="(item, index) in items"
|
|
|
|
:key="index"
|
|
|
|
:active="isActive(item)"
|
|
|
|
:button="button"
|
|
|
|
class="d-flex justify-content-between align-items-center"
|
|
|
|
@click="$emit('click', item)"
|
|
|
|
>
|
|
|
|
<slot name="default" :item="item" />
|
|
|
|
<slot name="badges" :item="item" />
|
|
|
|
</b-list-group-item>
|
|
|
|
</b-list-group>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
export default {
|
2021-10-27 07:57:24 +00:00
|
|
|
name: 'HList',
|
2021-10-20 15:56:40 +00:00
|
|
|
|
|
|
|
props: {
|
|
|
|
button: {
|
|
|
|
type: Boolean,
|
|
|
|
default: false
|
|
|
|
},
|
|
|
|
isLoading: {
|
|
|
|
type: Boolean,
|
|
|
|
default: false
|
|
|
|
},
|
|
|
|
isActive: {
|
|
|
|
type: Function,
|
|
|
|
default: () => false
|
|
|
|
},
|
|
|
|
items: {
|
|
|
|
type: Array,
|
|
|
|
default: null
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|