imacat/lucia-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Issues #11: done.

Browse Source
This commit is contained in:
chiayin
2023-11-10 15:51:52 +08:00
parent 7f5f8a10be
commit ec841511be
1 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/components/Discover/Map/SidebarState.vue
View File

@@ -54,14 +54,14 @@
<!-- Log Timeframe --> <!-- Log Timeframe -->
<div class="pt-1 pb-4 border-b border-neutral-300"> <div class="pt-1 pb-4 border-b border-neutral-300">
<p class="h2">Log Timeframe</p> <p class="h2">Log Timeframe</p>
<p><span class="px-4">{{ moment(stats.started_at <p class="text-sm"><span class="px-4">{{ moment(stats.started_at
) }}</span>~<span class="px-4">{{ moment(stats.completed_at ) }}</span>~<span class="px-4">{{ moment(stats.completed_at
) }}</span></p> ) }}</span></p>
</div> </div>
<!-- Case Duration --> <!-- Case Duration -->
<div class="pt-1 pb-4"> <div class="pt-1 pb-4">
<p class="h2">Case Duration</p> <p class="h2">Case Duration</p>
<ul class="space-y-1"> <ul class="space-y-1 text-sm">
<li><Tag value="MIN" class="!text-neutral-900 !bg-neutral-200 mr-2 !w-10"></Tag>{{ timeLabel(stats.case_duration.min) }}</li> <li><Tag value="MIN" class="!text-neutral-900 !bg-neutral-200 mr-2 !w-10"></Tag>{{ timeLabel(stats.case_duration.min) }}</li>
<li><Tag value="AVG" class="!text-neutral-900 !bg-neutral-200 mr-2 !w-10"></Tag>{{ timeLabel(stats.case_duration.average) }}</li> <li><Tag value="AVG" class="!text-neutral-900 !bg-neutral-200 mr-2 !w-10"></Tag>{{ timeLabel(stats.case_duration.average) }}</li>
<li><Tag value="MED" class="!text-neutral-900 !bg-neutral-200 mr-2 !w-10"></Tag>{{ timeLabel(stats.case_duration.median) }}</li> <li><Tag value="MED" class="!text-neutral-900 !bg-neutral-200 mr-2 !w-10"></Tag>{{ timeLabel(stats.case_duration.median) }}</li>
@@ -74,7 +74,7 @@
<div v-if="tab === 'insight'"> <div v-if="tab === 'insight'">
<div class="border-b-2 border-neutral-300 mb-4"> <div class="border-b-2 border-neutral-300 mb-4">
<p class="h2">Most Frequent</p> <p class="h2">Most Frequent</p>
<ul class="list-disc ml-6"> <ul class="list-disc ml-6 mb-2 text-sm space-y-1">
<li>Activity:&nbsp; <li>Activity:&nbsp;
<span class="text-primary break-words" v-for="(value, key) in insights.most_freq_tasks" :key="key">{{ value }}<span v-if="key !== insights.most_freq_tasks.length - 1" class="text-neutral-900">,&nbsp;</span> <span class="text-primary break-words" v-for="(value, key) in insights.most_freq_tasks" :key="key">{{ value }}<span v-if="key !== insights.most_freq_tasks.length - 1" class="text-neutral-900">,&nbsp;</span>
</span> </span>
@@ -89,7 +89,7 @@
</li> </li>
</ul> </ul>
<p class="h2">Most Time-Consuming</p> <p class="h2">Most Time-Consuming</p>
<ul class="list-disc ml-6 mb-4"> <ul class="list-disc ml-6 mb-4 text-sm space-y-1">
<li class="w-full">Activity:&nbsp; <li class="w-full">Activity:&nbsp;
<span class="text-primary break-words" v-for="(value, key) in insights.most_time_tasks" :key="key">{{ value }}<span v-if="key !== insights.most_time_tasks.length - 1" class="text-neutral-900">,&nbsp;</span> <span class="text-primary break-words" v-for="(value, key) in insights.most_time_tasks" :key="key">{{ value }}<span v-if="key !== insights.most_time_tasks.length - 1" class="text-neutral-900">,&nbsp;</span>
</span> </span>
@@ -112,44 +112,44 @@
</ul> </ul>
<div> <div>
<TabView ref="tabview2" v-model:activeIndex="active1"> <TabView ref="tabview2" v-model:activeIndex="active1">
<TabPanel header="Self-loop"> <TabPanel header="Self-loop" contentClass="text-sm">
<p v-if="insights.self_loops.length === 0">No data</p> <p v-if="insights.self_loops.length === 0">No data</p>
<ul v-else class="list-disc ml-6"> <ul v-else class="list-disc ml-6 space-y-1">
<li v-for="(value, key) in insights.self_loops" :key="key"> <li v-for="(value, key) in insights.self_loops" :key="key">
<span>{{ value }}</span> <span>{{ value }}</span>
</li> </li>
</ul> </ul>
</TabPanel> </TabPanel>
<TabPanel header="Short-loop"> <TabPanel header="Short-loop" contentClass="text-sm">
<p v-if="insights.short_loops.length === 0">No data</p> <p v-if="insights.short_loops.length === 0">No data</p>
<ul v-else class="list-disc ml-6"> <ul v-else class="list-disc ml-6 space-y-1">
<li class="break-words" v-for="(item, key) in insights.short_loops" :key="key"> <li class="break-words" v-for="(item, key) in insights.short_loops" :key="key">
<span v-for="(value, index) in item" :key="index">{{ value }}<span v-if="index !== item.length - 1">&nbsp;<span class="material-symbols-outlined text-lg align-sub">sync_alt</span>&nbsp;</span> <span v-for="(value, index) in item" :key="index">{{ value }}<span v-if="index !== item.length - 1">&nbsp;<span class="material-symbols-outlined text-lg align-sub">sync_alt</span>&nbsp;</span>
</span> </span>
</li> </li>
</ul> </ul>
</TabPanel> </TabPanel>
<TabPanel header="Shortest Trace"> <TabPanel header="Shortest Trace" contentClass="text-sm">
<p v-if="insights.shortest_traces.length === 0">No data</p> <p v-if="insights.shortest_traces.length === 0">No data</p>
<ul v-else class="list-disc ml-6"> <ul v-else class="list-disc ml-6 space-y-1">
<li class="break-words" v-for="(item, key) in insights.shortest_traces" :key="key"> <li class="break-words" v-for="(item, key) in insights.shortest_traces" :key="key">
<span v-for="(value, index) in item" :key="index">{{ value }}<span v-if="index !== item.length - 1">&nbsp;<span class="material-symbols-outlined text-lg align-sub">arrow_forward</span>&nbsp;</span> <span v-for="(value, index) in item" :key="index">{{ value }}<span v-if="index !== item.length - 1">&nbsp;<span class="material-symbols-outlined text-lg align-sub">arrow_forward</span>&nbsp;</span>
</span> </span>
</li> </li>
</ul> </ul>
</TabPanel> </TabPanel>
<TabPanel header="Longest Trace"> <TabPanel header="Longest Trace" contentClass="text-sm">
<p v-if="insights.longest_traces.length === 0">No data</p> <p v-if="insights.longest_traces.length === 0">No data</p>
<ul v-else class="list-disc ml-6"> <ul v-else class="list-disc ml-6 space-y-1">
<li class="break-words" v-for="(item, key) in insights.longest_traces" :key="key"> <li class="break-words" v-for="(item, key) in insights.longest_traces" :key="key">
<span v-for="(value, index) in item" :key="index">{{ value }}<span v-if="index !== item.length - 1">&nbsp;<span class="material-symbols-outlined text-lg align-sub">arrow_forward</span>&nbsp;</span> <span v-for="(value, index) in item" :key="index">{{ value }}<span v-if="index !== item.length - 1">&nbsp;<span class="material-symbols-outlined text-lg align-sub">arrow_forward</span>&nbsp;</span>
</span> </span>
</li> </li>
</ul> </ul>
</TabPanel> </TabPanel>
<TabPanel header="Most Frequent Trace"> <TabPanel header="Most Frequent Trace" contentClass="text-sm">
<li v-if="insights.most_freq_traces.length === 0">No data</li> <li v-if="insights.most_freq_traces.length === 0">No data</li>
<ul v-else class="list-disc ml-6"> <ul v-else class="list-disc ml-6 space-y-1">
<li class="break-words" v-for="(item, key) in insights.most_freq_traces" :key="key"> <li class="break-words" v-for="(item, key) in insights.most_freq_traces" :key="key">
<span v-for="(value, index) in item" :key="index">{{ value }}<span v-if="index !== item.length - 1">&nbsp;<span class="material-symbols-outlined text-lg align-sub">arrow_forward</span>&nbsp;</span> <span v-for="(value, index) in item" :key="index">{{ value }}<span v-if="index !== item.length - 1">&nbsp;<span class="material-symbols-outlined text-lg align-sub">arrow_forward</span>&nbsp;</span>
</span> </span>