42 lines
941 B
Vue
42 lines
941 B
Vue
<script setup>
|
|
import TopNavigation from "./TopNavigation.vue";
|
|
</script>
|
|
|
|
<template>
|
|
<Story title="Top Navigation">
|
|
<Variant title="standard">
|
|
<TopNavigation />
|
|
</Variant>
|
|
<Variant title="vehicle logins">
|
|
<TopNavigation
|
|
:vehicleLogins="{
|
|
['Mercedes EQS']: {
|
|
authenticated: true,
|
|
uri: 'https://login-provider-a.test/',
|
|
},
|
|
['Nissan Leaf Pro']: {
|
|
authenticated: true,
|
|
uri: 'https://login-provider-b.test/',
|
|
},
|
|
}"
|
|
/>
|
|
</Variant>
|
|
<Variant title="pending vehicle logins">
|
|
<TopNavigation
|
|
:vehicleLogins="{
|
|
['Mercedes EQS']: {
|
|
authenticated: true,
|
|
uri: 'https://login-provider-a.test/',
|
|
},
|
|
['Nissan Leaf Pro']: {
|
|
authenticated: false,
|
|
uri: 'https://login-provider-b.test/',
|
|
},
|
|
}"
|
|
/>
|
|
</Variant>
|
|
<Variant title="token expires">
|
|
<TopNavigation :sponsor="{ expiresSoon: true }" />
|
|
</Variant>
|
|
</Story>
|
|
</template>
|