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

Organized into a demo version

Browse Source
This commit is contained in:
chiayin
2023-04-18 15:37:55 +08:00
parent cee72bb8da
commit 3f3da44b5c
5 changed files with 14 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/Discover/sidebarTraces.vue
View File

@@ -42,7 +42,7 @@
</div>
</div>
<div class="overflow-y-auto overflow-x-auto scrollbar h-[calc(100%_-_264px)]">
<DataTable :value="cases" showGridlines tableClass="text-sm">
<DataTable :value="cases" showGridlines tableClass="text-sm" breakpoint="0">
<Column field="id" header="Case ID" sortable></Column>
<Column field="started_at" header="Start time" sortable></Column>
<Column field="completed_at" header="End time" sortable></Column>
@@ -77,20 +77,6 @@ export default {
return this.traces.length;
},
traceList: function() {
// let list = [];
// this.traces.forEach((trace, index) => {
// let data = {
// id: trace.id,
// value: Number((trace.ratio * 100).toFixed(1)),
// count: trace.count,
// ratio: this.getPercentLabel(trace.ratio),
// };
// list.push(data);
// });
// return list;
return this.traces.map(trace => {
return {
id: trace.id,

4
src/components/Header.vue
View File

@@ -8,11 +8,11 @@
<button class="btn btn-sm btn-neutral mr-2" @click.prevent="logOut">
log out
</button>
<figure>
<!-- <figure>
<router-link :to="'/member-area'">
<IconMember class="w-8 h-8 fill-neutral-500"/>
</router-link>
</figure>
</figure> -->
</div>
</div>
</div>

12
src/components/Navbar.vue
View File

@@ -10,12 +10,12 @@
</span>
</router-link>
<h2 class="mr-14 py-3 text-2xl font-black text-neutral-10">{{ navViewName }}</h2>
<ul class="flex justify-center items-center space-x-4 text-xl font-semibold text-neutral-300 cursor-pointer">
<!-- <ul class="flex justify-center items-center space-x-4 text-xl font-semibold text-neutral-300 cursor-pointer">
<li @click="switchNavItem($event)" v-for="(item, index) in navViewData[navViewName]" :key="index">{{ item }}</li>
</ul>
</ul> -->
</div>
<!-- Files Page: Search and Upload -->
<div class="flex justify-end items-center" v-if="navViewName === 'FILES'">
<!-- <div class="flex justify-end items-center" v-if="navViewName === 'FILES'">
<form role="search">
<label for="searchFiles" class="mr-4 relative">
<input type="search" id="searchFiles" placeholder="Search" class="px-5 py-2 w-72 rounded-full text-sm align-middle duration-300 border border-neutral-500 hover:border-neutral-300 focus:outline-none focus:ring focus:border-neutral-300">
@@ -32,12 +32,12 @@
<input id="uploadFiles" class="hidden" type="file">
upload
</label>
</div>
</div> -->
<!-- Other Page: Save and Download -->
<div v-else class="space-x-4">
<!-- <div v-else class="space-x-4">
<button class="btn btn-sm btn-neutral">Save</button>
<button class="btn btn-sm btn-neutral">Download</button>
</div>
</div> -->
</div>
</div>
</nav>

6
src/stores/allMapData.js
View File

@@ -76,11 +76,7 @@ export default defineStore('allMapDataStore', {
*/
async getAllMapData() {
let logId = this.logId;
let tempFilterId = this.tempFilterId;
let api = tempFilterId !== null ? `/api/temp-filters/${tempFilterId}/discover` : `/api/logs/${logId}/discover`;
// console.log(tempFilterId);
// console.log(logId);
// const api = `/api/logs/${logId}/discover`;
const api = `/api/logs/${logId}/discover`;
try {
const response = await this.$axios.get(api);

8
src/views/Discover/index.vue
View File

@@ -7,11 +7,11 @@
track_changes
</span>
</li>
<li class="inline-flex items-center justify-center border border-neutral-500 rounded-full w-9 h-9 cursor-pointer bg-neutral-50 drop-shadow hover:border-primary" @click="sidebarFilter = true" :class="{'border-primary': sidebarFilter}">
<!-- <li class="inline-flex items-center justify-center border border-neutral-500 rounded-full w-9 h-9 cursor-pointer bg-neutral-50 drop-shadow hover:border-primary" @click="sidebarFilter = true" :class="{'border-primary': sidebarFilter}">
<span class="material-symbols-outlined text-2xl hover:text-primary p-1.5" :class="[sidebarFilter ? 'text-primary' : 'text-neutral-500']">
tornado
</span>
</li>
</li> -->
<li class="inline-flex items-center justify-center border border-neutral-500 rounded-full w-9 h-9 cursor-pointer bg-neutral-50 drop-shadow hover:border-primary" @click="sidebarTraces = true" :class="{'border-primary': sidebarTraces}">
<span class="material-symbols-outlined text-2xl hover:text-primary p-1.5" :class="[sidebarTraces ? 'text-primary' : 'text-neutral-500']">
rebase
@@ -19,13 +19,13 @@
</li>
</ul>
<ul class="flex flex-col justify-center items-center">
<!-- <ul class="flex flex-col justify-center items-center">
<li class="inline-flex items-center justify-center border border-neutral-500 rounded-full w-9 h-9 cursor-pointer bg-neutral-50 drop-shadow hover:border-primary">
<span class="material-symbols-outlined text-2xl text-neutral-500 hover:text-primary p-1.5">
highlight
</span>
</li>
</ul>
</ul> -->
</div>
<!-- Cytoscape Map -->