Sha256: 9b16c46e6a4fd2a8cdf735afb6c203e3e539fbe3f2f1c8d38e55f29496967324
Contents?: true
Size: 1.73 KB
Versions: 17
Compression:
Stored size: 1.73 KB
Contents
<template>
<div class="box">
<div class="table-container">
<table class="table is-fullwidth">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th>Configured</th>
<th>Key-value(s)</th>
</tr>
</thead>
<tbody>
<tr v-for="config in configs" :key="config.name">
<td>
{{ config.name }}
</td>
<td>
{{ config.type }}
</td>
<td>
<button class="button is-success is-small ml-1" v-if="config.isConfigured">
<span class="icon is-small">
<font-awesome-icon icon="check"></font-awesome-icon>
</span>
<span>Yes</span>
</button>
<button class="button is-warning is-small ml-1" v-else>
<span class="icon is-small">
<font-awesome-icon icon="exclamation"></font-awesome-icon>
</span>
<span>No</span>
</button>
</td>
<td>
<ul>
<li v-for="(kv, index) in config.values" :key="index">
<strong> {{ kv.key }} </strong>:
<code v-if="kv.value">{{ kv.value }}</code>
<span v-else>N/A</span>
</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</template>
<script lang="ts">
import { defineComponent, type PropType } from "vue"
import type { Config } from "@/types"
export default defineComponent({
name: "ConfigsItem",
props: {
configs: {
type: Array as PropType<Config[]>,
required: true
}
}
})
</script>
Version data entries
17 entries across 17 versions & 1 rubygems