archtechx/airwire-demo
1
0
Fork 0
mirror of https://github.com/archtechx/airwire-demo.git synced 2025-12-12 08:34:03 +00:00
Code Activity

public release

Browse source
This commit is contained in:
Samuel Štancl 2021-05-21 18:38:26 +02:00
commit d6d22f8355
115 changed files with 67218 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

62
resources/js/components/Report.vue Normal file
View file

@ -0,0 +1,62 @@
<template>
<a href="#" class="block hover:bg-gray-50">
<div class="px-4 py-4 sm:px-6">
<div class="flex items-center justify-between">
<p class="text-sm font-medium text-indigo-600 truncate">
{{ report.name }}
</p>
<div class="ml-2 flex-shrink-0 flex">
<p :class="`px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-${color}-100 text-${color}-800`">
{{ status }}
</p>
</div>
</div>
<div class="mt-2 sm:flex sm:justify-between">
<div class="sm:flex">
<p class="flex items-center text-sm text-gray-500">
<UsersIcon class="flex-shrink-0 mr-1.5 h-5 w-5 text-gray-400" aria-hidden="true" />
{{ report.assignee.name }}
</p>
<p class="mt-2 flex items-center text-sm text-gray-500 sm:mt-0 sm:ml-6">
<LocationMarkerIcon class="flex-shrink-0 mr-1.5 h-5 w-5 text-gray-400" aria-hidden="true" />
{{ report.category }}
</p>
</div>
<div class="mt-2 flex items-center text-sm text-gray-500 sm:mt-0">
<CalendarIcon class="flex-shrink-0 mr-1.5 h-5 w-5 text-gray-400" aria-hidden="true" />
<p>
Reported on
{{ ' ' }}
{{ report.created_at }}
</p>
</div>
</div>
</div>
</a>
</template>
<script lang="ts">
import { CalendarIcon, LocationMarkerIcon, UsersIcon } from '@heroicons/vue/solid'
import { defineComponent, PropType } from 'vue';
export default defineComponent({
components: { CalendarIcon, LocationMarkerIcon, UsersIcon },
props: {
report: {
type: Object as PropType<Report>,
required: true,
},
status: {
type: String,
required: true,
},
color: {
type: String,
required: true,
},
}
})
</script>