mirror of
https://github.com/scinote-eln/scinote-web.git
synced 2024-11-16 14:17:00 +08:00
26 lines
752 B
Vue
26 lines
752 B
Vue
|
<template v-if="value.reminder === true">
|
||
|
|
<div class="inline-block float-right cursor-pointer relative" data-placement="top" data-toggle="tooltip" :title="value.text"
|
||
|
|
tabindex='-1'>
|
||
|
|
<i class="sn-icon sn-icon-notifications row-reminders-icon"></i>
|
||
|
|
<span :class="`inline-block absolute rounded-full w-2 h-2 right-1 top-0.5 ${reminderColor}`"></span>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: 'Reminder',
|
||
|
|
props: {
|
||
|
|
valueType: null,
|
||
|
|
value: null,
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
reminderColor() {
|
||
|
|
if (this.value.reminder && (this.value.stock_amount > 0 || this.value.days_left > 0)) {
|
||
|
|
return 'bg-sn-alert-brittlebush'
|
||
|
|
}
|
||
|
|
return 'bg-sn-alert-passion';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|