mirror of
https://github.com/ClusterCockpit/cc-backend
synced 2025-04-03 18:55:55 +02:00
Add VerticalTab component for partition settings
This commit is contained in:
parent
f58a0217f8
commit
217b9f3658
@ -24,7 +24,8 @@
|
||||
import PlotTable from "./PlotTable.svelte";
|
||||
import MetricPlot from "./plots/MetricPlot.svelte";
|
||||
import { getContext } from "svelte";
|
||||
import PartitionSetting from "./partition/PartitionSetting.svelte";
|
||||
import VerticalTab from "./partition/VerticalTab.svelte";
|
||||
|
||||
|
||||
export let cluster;
|
||||
export let from = null;
|
||||
@ -217,7 +218,7 @@
|
||||
<CardBody class="h5">
|
||||
<CardSubtitle>Create and manage LVM partitions</CardSubtitle>
|
||||
<CardText></CardText>
|
||||
<PartitionSetting />
|
||||
<VerticalTab />
|
||||
</CardBody>
|
||||
</Card>
|
||||
<br />
|
||||
<br/>
|
||||
|
24
web/frontend/src/partition/VerticalTab.svelte
Normal file
24
web/frontend/src/partition/VerticalTab.svelte
Normal file
@ -0,0 +1,24 @@
|
||||
<script lang="ts">
|
||||
import { TabContent, TabPane } from 'sveltestrap';
|
||||
</script>
|
||||
|
||||
<TabContent vertical pills >
|
||||
<TabPane tabId="alpha" tab="Alpha" active>
|
||||
<h2>Alpha</h2>
|
||||
<img
|
||||
alt="Alpha Flight"
|
||||
src="https://upload.wikimedia.org/wikipedia/en/4/49/Alpha_Flight_cast_picture_%28John_Byrne_era%29.gif"
|
||||
/>
|
||||
</TabPane>
|
||||
<TabPane tabId="bravo" tab="Bravo">
|
||||
<h2>Bravo</h2>
|
||||
<img
|
||||
alt="Johnny Bravo"
|
||||
src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/be/Johnny_Bravo_series_logo.png/320px-Johnny_Bravo_series_logo.png"
|
||||
/>
|
||||
</TabPane>
|
||||
<TabPane tabId="charlie" tab="Charlie">
|
||||
<h2>Charlie</h2>
|
||||
<img alt="Charlie Brown" src="https://upload.wikimedia.org/wikipedia/en/2/22/Charlie_Brown.png" />
|
||||
</TabPane>
|
||||
</TabContent>
|
Loading…
x
Reference in New Issue
Block a user