Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/Widgets/StatusMessage.vue
<template> | <template> | ||||
<div v-if="status != 'ready'" :class="statusClass()"> | <div v-if="status != 'ready'" :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="Number(status) >= 400 && status in statusLabels" icon="exclamation-circle"></svg-icon> | <svg-icon v-if="status != 'init' && statusLabel()" :icon="Number(status) >= 400 ? 'exclamation-circle' : 'info-circle'"></svg-icon> | ||||
<span v-if="Number(status) >= 400 && status in statusLabels">{{ statusLabel() }}</span> | <span v-if="status != 'init' && statusLabel()">{{ statusLabel() }}</span> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
const defaultLabels = { | const defaultLabels = { | ||||
init: 'Loading...', | init: 'Loading...', | ||||
404: 'Resource not found.' | 404: 'Resource not found.' | ||||
} | } | ||||
Show All 32 Lines |