<template>
|
<lightning-card title="Augmentor" icon-name="action:download">
|
<lightning-layout>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
<lightning-input
|
label="Set Starting Counter"
|
type="number"
|
min="0"
|
max="1000000"
|
value={startCounter}
|
onchange={handleStartChange}
|
>
|
</lightning-input>
|
<lightning-button
|
class="slds-var-p-vertical_xx-small"
|
label="Add 1m To Counter"
|
onclick={handleMaximizeCounter}
|
>
|
</lightning-button>
|
</lightning-layout-item>
|
</lightning-layout>
|
<c-child-component-test
|
class="slds-show slds-is-relative"
|
counter={startCounter}
|
>
|
</c-child-component-test>
|
<lightning-vertical-navigation selected-item={newPageId}>
|
<lightning-vertical-navigation-section
|
label="Navigation"
|
selected-item={newPageId}
|
>
|
<template for:each={navigationItems} for:item="navigationItem">
|
<lightning-vertical-navigation-item
|
key={navigationItem.pageId}
|
label={navigationItem.label}
|
name={navigationItem.pageId}
|
onclick={handleNavigate}
|
></lightning-vertical-navigation-item>
|
</template>
|
</lightning-vertical-navigation-section>
|
</lightning-vertical-navigation>
|
<p>Current Page is <strong>{newPageId}</strong></p>
|
</lightning-card>
|
</template>
|
