%PDF- %PDF-
| Direktori : /var/www/pjcbackup/vendor/laravel/telescope/resources/js/screens/logs/ |
| Current File : /var/www/pjcbackup/vendor/laravel/telescope/resources/js/screens/logs/preview.vue |
<script type="text/ecmascript-6">
import StylesMixin from './../../mixins/entriesStyles';
export default {
components: {
'code-preview': require('./../../components/ExceptionCodePreview').default,
'stack-trace': require('./../../components/Stacktrace').default
},
mixins: [
StylesMixin,
],
data(){
return {
entry: null,
batch: [],
currentTab: 'message'
};
},
}
</script>
<template>
<preview-screen title="Log Details" resource="logs" :id="$route.params.id">
<template slot="table-parameters" slot-scope="slotProps">
<tr>
<td class="table-fit font-weight-bold">Level</td>
<td>
<span class="badge font-weight-light" :class="'badge-'+logLevelClass(slotProps.entry.content.level)">
{{slotProps.entry.content.level}}
</span>
</td>
</tr>
</template>
<div slot="after-attributes-card" slot-scope="slotProps" class="mt-5">
<div class="card mt-5">
<ul class="nav nav-pills">
<li class="nav-item">
<a class="nav-link" :class="{active: currentTab=='message'}" href="#" v-on:click.prevent="currentTab='message'">Log Message</a>
</li>
<li class="nav-item">
<a class="nav-link" :class="{active: currentTab=='context'}" href="#" v-on:click.prevent="currentTab='context'">Context</a>
</li>
</ul>
<div>
<!-- Log Message -->
<pre class="code-bg p-4 mb-0 text-white" v-show="currentTab=='message'">{{slotProps.entry.content.message}}</pre>
<!-- Context -->
<div class="code-bg p-4 mb-0 text-white" v-show="currentTab=='context'">
<vue-json-pretty :data="slotProps.entry.content.context"></vue-json-pretty>
</div>
</div>
</div>
</div>
</preview-screen>
</template>
<style scoped>
</style>