Organized into a demo version

src/components/Discover/sidebarTraces.vue

@@ -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,

src/components/Header.vue

@@ -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>

src/components/Navbar.vue

@@ -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>

src/stores/allMapData.js

@@ -76,11 +76,7 @@ export default defineStore('allMapDataStore', {
      */
     async getAllMapData() {
       let logId = this.logId;
-      let tempFilterId = this.tempFilterId;
+      const api = `/api/logs/${logId}/discover`;
-      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`;
 
       try {
         const response = await this.$axios.get(api);

src/views/Discover/index.vue

@@ -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 -->