SharedTaskList.vue 712 B

123456789101112131415161718192021222324252627282930313233
  1. <template>
  2. <ui-list class="space-y-1">
  3. <ui-list-item
  4. v-for="task in tasks"
  5. :key="task.name"
  6. :active="task.status === 'running'"
  7. class="relative group"
  8. color="bg-box-transparent"
  9. >
  10. <ui-spinner
  11. v-if="task.status === 'running'"
  12. color="text-accent dark:text-gray-200"
  13. size="20"
  14. ></ui-spinner>
  15. <v-remixicon
  16. v-else-if="task.status === 'success'"
  17. name="riCheckboxCircleLine"
  18. class="-ml-0.5"
  19. />
  20. <p class="ml-3 flex-1">{{ task.name }}</p>
  21. </ui-list-item>
  22. </ui-list>
  23. </template>
  24. <script>
  25. export default {
  26. props: {
  27. tasks: {
  28. type: Array,
  29. default: () => [],
  30. },
  31. },
  32. };
  33. </script>