Edit File - File Manager

Edit File: index.vue

export default {
        mixins: [
            StylesMixin,
        ],
    }
</script>

<template>
    <index-screen title="Requests" resource="requests">
        <tr slot="table-header">
            <th scope="col">Verb</th>
            <th scope="col">Path</th>
            <th scope="col" class="text-center">Status</th>
            <th scope="col" class="text-right">Duration</th>
            <th scope="col">Happened</th>
            <th scope="col"></th>
        </tr>

<template slot="row" slot-scope="slotProps">
            <td class="table-fit pr-0">
                <span class="badge" :class="'badge-'+requestMethodClass(slotProps.entry.content.method)">
                    {{slotProps.entry.content.method}}
                </span>
            </td>

<td :title="slotProps.entry.content.uri">{{truncate(slotProps.entry.content.uri, 50)}}</td>

<td class="table-fit text-center">
                <span class="badge" :class="'badge-'+requestStatusClass(slotProps.entry.content.response_status)">
                    {{slotProps.entry.content.response_status}}
                </span>
            </td>

<td class="table-fit text-right text-muted">
                <span v-if="slotProps.entry.content.duration">{{slotProps.entry.content.duration}}ms</span>
                <span v-else>-</span>
            </td>

<td class="table-fit text-muted" :data-timeago="slotProps.entry.created_at" :title="slotProps.entry.created_at">
                {{timeAgo(slotProps.entry.created_at)}}
            </td>

Back to File Manager