Skip to content
Snippets Groups Projects
Commit a4e9c4c6 authored by David Mendez's avatar David Mendez
Browse files

Move report cards navigator to shared components

parent 8446257e
No related branches found
No related tags found
1 merge request!5Add compounds and target browser mockups
<template>
<v-card tile>
<v-card-title>Navigation</v-card-title>
<v-navigation-drawer permanent right>
<v-divider></v-divider>
<v-list nav dense>
<v-list-item-group v-model="selectedItem" color="primary">
<v-list-item
v-for="section in reportCardStructure.sections"
:key="section.id"
>
<v-list-item-content>
<v-list-item-title v-text="section.title"></v-list-item-title>
</v-list-item-content>
</v-list-item>
</v-list-item-group>
</v-list>
</v-navigation-drawer>
</v-card>
</template>
<script>
export default {
props: {
reportCardStructure: {
type: Object,
default: () => {},
},
},
data: () => ({
selectedItem: 0,
}),
}
</script>
<style></style>
......@@ -23,7 +23,7 @@
</template>
<script>
import Navigator from '~/components/report_cards/Navigator.vue'
import Navigator from '~/web-components-submodule/components/common/ReportCards/Navigator.vue'
import ReportCardSection from '~/components/report_cards/shared/ReportCardSection.vue'
export default {
......
......@@ -62,6 +62,59 @@
Duis enim diam, vestibulum in enim eu, lacinia vulputate metus. Etiam
sed ultrices felis.
</p>
<p class="text-justify">
Aliquam cursus eu risus eu dignissim. Praesent sit amet nulla rhoncus
turpis lacinia tempus in id ex. Nullam porta quam a eros semper, sed
euismod diam finibus. Sed vitae venenatis purus, quis pellentesque
turpis. Donec in suscipit quam, iaculis lacinia est. Vivamus in lectus
vitae ipsum bibendum dictum. Aenean mollis velit in nisl euismod, a
condimentum neque dictum.
</p>
<p class="text-justify">
Vivamus blandit lorem quis dui sollicitudin euismod. Quisque sit amet
ipsum non velit iaculis finibus non sit amet eros. Nullam convallis
placerat mollis. Pellentesque interdum ipsum efficitur lorem tristique,
sit amet interdum ligula imperdiet. In viverra varius nisl eget varius.
Cras vehicula sit amet justo vitae varius. Aenean tincidunt, velit ac
tincidunt laoreet, velit augue gravida nibh, sit amet dignissim ante
felis eget massa. Vestibulum at metus congue lorem rutrum luctus
sollicitudin ut lectus. Aenean ultrices felis condimentum tortor mattis
sodales. Fusce tortor augue, porta sit amet tincidunt ac, tempus vitae
augue. Etiam rutrum, nulla ac ultricies rhoncus, velit dolor volutpat
massa, eu mattis purus leo a odio. Integer dignissim urna quis elit
posuere, et lacinia ligula volutpat. Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
</p>
<p class="text-justify">
Sed vel est purus. Curabitur nisi felis, venenatis sed nulla vel,
consectetur maximus quam. Vestibulum fermentum varius sapien. Vestibulum
eu dui pretium, ultrices erat ut, lacinia nibh. Aliquam viverra quis
odio vitae vestibulum. Fusce interdum sapien vitae leo pharetra luctus.
Nam efficitur augue sed neque cursus ultricies. Sed mollis faucibus erat
sed tempor. Phasellus accumsan imperdiet lacus. Nam sed faucibus nulla.
Donec in orci euismod, pretium augue et, bibendum diam. Quisque turpis
urna, ultrices vel elementum non, aliquam a velit.
</p>
<p class="text-justify">
Sed tincidunt dapibus sem quis gravida. Suspendisse tristique blandit
nulla. Duis sollicitudin justo tempor dolor posuere elementum. Etiam
vitae maximus justo. Morbi condimentum, eros nec fringilla vulputate,
massa velit sodales nunc, eget accumsan mi sem id justo. Donec non nibh
ultrices, pulvinar nisl in, tempus diam. Class aptent taciti sociosqu ad
litora torquent per conubia nostra, per inceptos himenaeos. Orci varius
natoque penatibus et magnis dis parturient montes, nascetur ridiculus
mus. Ut sed mollis urna, posuere lacinia ligula. Fusce ultricies lacus
neque. Donec suscipit, nisi at pretium aliquam, nibh erat blandit diam,
eu pellentesque sapien justo nec purus.
</p>
<p class="text-justify">
Maecenas dapibus faucibus commodo. Sed eros magna, lobortis quis
interdum sit amet, ultricies ac sem. In sed velit at mi porta fermentum.
Ut non porta quam. Nulla ullamcorper, velit id efficitur venenatis, arcu
felis varius mauris, non venenatis lacus erat in leo. In mi diam,
hendrerit at fringilla non, sagittis id orci. Morbi finibus cursus est,
id condimentum odio accumsan ut.
</p>
</v-col>
</v-row>
</template>
......
Subproject commit b58f1e1a4fdf6302c644a2695fe06806961b6709
Subproject commit 385fa6dc5344d239c49b48aef959bd6c1df2ff77
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment