.page
section.section
.container.is-fluid
h3.title.is-3.has-text-centered Node
//- p.subtitle -
//- h1
.content
h3 Virtual Private Clouds (VPCs)
.columns
.column(v-for="vpc in list" v-if="vpc.type == 'Virtual Private Cloud'")
.vpc
.card
.card-content(style="min-width: 0%;")
router-link(v-bind:to="'/' + $store.state.region + '/node/' + vpc.key")
| {{ vpc.key }}
//- router-link
br
| {{ vpc.id }}
br
div(v-for="az in list" v-if="az.type == 'Availability Zone'")
.message
.message-body
| Availability Zone ({{az.data.ZoneName}})
br
div(v-for="subnet in keysToNodesFilteredByType(vpc.children, 'Subnet')" v-if="subnetInAvailabilityZone(subnet, az)")
.tag.is-dark
| {{subnet.id}}
//- tag
//- div
//- message-body
//- message
//- div
//- card-content
//- card
//- vpc
//- column
//- columns
//- content
//- container
//- section
//- page