|
@@ -1,5 +1,6 @@
|
|
<script>
|
|
<script>
|
|
import Icon from './Icon.svelte';
|
|
import Icon from './Icon.svelte';
|
|
|
|
+ import InformationTab from './InformationTab.svelte';
|
|
import NetworkingTab from './NetworkingTab.svelte';
|
|
import NetworkingTab from './NetworkingTab.svelte';
|
|
import CpuTab from './CpuTab.svelte';
|
|
import CpuTab from './CpuTab.svelte';
|
|
import DiskTab from './DiskTab.svelte';
|
|
import DiskTab from './DiskTab.svelte';
|
|
@@ -8,7 +9,7 @@
|
|
import { cpuActivity, diskActivity } from './activities.js'
|
|
import { cpuActivity, diskActivity } from './activities.js'
|
|
|
|
|
|
const icons = [
|
|
const icons = [
|
|
- //{ icon: 'fas fa-info-circle', info: 'Information', activity: null },
|
|
|
|
|
|
+ { icon: 'fas fa-info-circle', info: 'Information', activity: null },
|
|
{ icon: 'fas fa-wifi', info: 'Networking', activity: null },
|
|
{ icon: 'fas fa-wifi', info: 'Networking', activity: null },
|
|
{ icon: 'fas fa-microchip', info: 'CPU', activity: cpuActivity },
|
|
{ icon: 'fas fa-microchip', info: 'CPU', activity: cpuActivity },
|
|
{ icon: 'fas fa-compact-disc', info: 'Disk', activity: diskActivity },
|
|
{ icon: 'fas fa-compact-disc', info: 'Disk', activity: diskActivity },
|
|
@@ -44,7 +45,9 @@
|
|
{/each}
|
|
{/each}
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col gap-5 shrink-0 w-60 h-full z-10 p-2 bg-neutral-600 text-gray-100" class:hidden={!activeInfo}>
|
|
<div class="flex flex-col gap-5 shrink-0 w-60 h-full z-10 p-2 bg-neutral-600 text-gray-100" class:hidden={!activeInfo}>
|
|
- {#if activeInfo === 'Networking'}
|
|
|
|
|
|
+ {#if activeInfo === 'Information'}
|
|
|
|
+ <InformationTab/>
|
|
|
|
+ {:else if activeInfo === 'Networking'}
|
|
<NetworkingTab on:connect/>
|
|
<NetworkingTab on:connect/>
|
|
{:else if activeInfo === 'CPU'}
|
|
{:else if activeInfo === 'CPU'}
|
|
<CpuTab/>
|
|
<CpuTab/>
|