Differential D2518 Diff 7216 src/resources/vue/Widgets/StatusMessage.vue

Changeset View

Standalone View

	<template>			<template>
	<div v-if="statusLabel()" :class="statusClass()">			<div v-if="statusLabel()" :class="statusClass()">
	<div v-if="status == 'init'" class="app-loader small">			<div v-if="status == 'init'" class="app-loader small">
	<div class="spinner-border" role="status"></div>			<div class="spinner-border" role="status"></div>
	</div>			</div>
	<span v-if="status == 'init'">{{ statusLabel() }}</span>			<span v-if="status == 'init'">{{ statusLabel() }}</span>

	<svg-icon v-if="status != 'init' && statusLabel()" :icon="Number(status) >= 400 ? 'exclamation-circle' : 'info-circle'"></svg-icon>			<svg-icon v-if="status != 'init' && statusLabel()" :icon="Number(status) >= 400 ? 'exclamation-circle' : 'info-circle'"></svg-icon>
	<span v-if="status != 'init' && statusLabel()">{{ statusLabel() }}</span>			<span v-if="status != 'init' && statusLabel()">{{ $t(statusLabel()) }}</span>
	</div>			</div>
	</template>			</template>

	<script>			<script>
	const defaultLabels = {			const defaultLabels = {
	init: 'Loading...',			init: 'msg.loading',
	404: 'Resource not found.'			404: 'msg.notfound'
	}			}

	export default {			export default {
	props: {			props: {
	status: { type: [String, Number], default: 'init' },			status: { type: [String, Number], default: 'init' },
	statusLabels: { type: Object, default: defaultLabels }			statusLabels: { type: Object, default: defaultLabels }
	},			},
	methods: {			methods: {
	Show All 25 Lines