50173a4413
* Separate Vue component styles out from SFCs. * Added 'MCT.prototype.getAssetPath' and using 'openmct.setAssetPath' to get relative path for assets. * Re-implements `openmct.plugins.Snow()`, and `openmct.plugins.Espresso()` (as well as a new theme `openmct.plugins.Maelstron()`)
41 lines
830 B
Vue
41 lines
830 B
Vue
<template>
|
|
<div class="c-message">
|
|
<!--Uses flex-row -->
|
|
<div
|
|
class="c-message__icon"
|
|
:class="['u-icon-bg-color-' + iconClass]"
|
|
></div>
|
|
<div class="c-message__text">
|
|
<!-- Uses flex-column -->
|
|
<div
|
|
v-if="title"
|
|
class="c-message__title"
|
|
>
|
|
{{ title }}
|
|
</div>
|
|
|
|
<div
|
|
v-if="hint"
|
|
class="c-message__hint"
|
|
>
|
|
{{ hint }}
|
|
<span v-if="timestamp">[{{ timestamp }}]</span>
|
|
</div>
|
|
|
|
<div
|
|
v-if="message"
|
|
class="c-message__action-text"
|
|
>
|
|
{{ message }}
|
|
</div>
|
|
<slot></slot>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
inject:['iconClass', 'title', 'hint', 'timestamp', 'message']
|
|
}
|
|
</script>
|