File size: 2,004 Bytes
58ce155 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 | <!--
Matomo - free/libre analytics platform
@link https://matomo.org
@license https://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
-->
<template>
<Passthrough v-for="(result, index) in results" :key="index">
<tr>
<td v-html="$sanitize(result.label)"></td>
<td>
<span v-for="(item, index) in result.items" :key="index">
<span v-if="item.status === 'error'">
<span class="icon-error"></span>
<span
class="err"
v-html="$sanitize(typeof item.comment !== 'string' ? '' : item.comment)"
></span>
</span>
<span v-else-if="item.status === 'warning'">
<span class="icon-warning"></span>
<span v-html="$sanitize(typeof item.comment !== 'string' ? '' : item.comment)"></span>
</span>
<span v-else-if="item.status === 'informational'">
<span class="icon-info"></span>
<span v-html="$sanitize(typeof item.comment !== 'string' ? '' : item.comment)"></span>
</span>
<span v-else>
<span class="icon-ok"></span>
<span v-html="$sanitize(typeof item.comment !== 'string' ? '' : item.comment)"></span>
</span>
<br/>
</span>
</td>
</tr>
<tr v-if="result.longErrorMessage">
<td
colspan="2"
class="error"
style="font-size: small;"
v-html="$sanitize(result.longErrorMessage)"
></td>
</tr>
</Passthrough>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import { Passthrough } from 'CoreHome';
export default defineComponent({
props: {
errorType: {
type: String,
required: true,
},
warningType: {
type: String,
required: true,
},
informationalType: {
type: String,
required: true,
},
results: {
type: Array,
required: true,
},
},
components: {
Passthrough,
},
});
</script>
|