.columns
.column.is-four-fifths
div#mynetwork
.mypresets.columns
.column(style='display: flex; align-items: center;')
span Presets:
button.button.is-small.is-primary(@click="presetClusters") Clusters
button.button.is-small.is-primary(@click="presetNetworks") Networks
button.button.is-small.is-primary(@click="presetInstances") Instances
button.button.is-small.is-primary(@click="presetSecGrps") Security Groups
button.button.is-small.is-primary(@click="presetVpcs") VPCs
|
button.button.is-small.is-primary(@click="presetAll") All
button.button.is-small.is-primary(@click="presetNone") None
.column.my-mode-selectors
.columns
.column
|
.column.sidebar-title
.columns
.column
| Hide Show Expand
.columns.sidebar-items
.column
| VPCs:
.column
input(class='slider is-fullwidth' step='1' min='0' max='2' type='range' v-model='vpcs')
.columns.sidebar-items
.column
| Availability Zone:
.column
input(class='slider is-fullwidth' step='1' min='0' max='2' type='range' v-model='availabilityZones')
.columns.sidebar-items
.column
| Subnets:
.column
input(class='slider is-fullwidth' step='1' min='0' max='2' type='range' v-model='subnets')
.columns.sidebar-items
.column
| Internet Gateway:
.column
input(class='slider is-fullwidth' step='1' min='0' max='2' type='range' v-model='internet')
.columns.sidebar-items
.column
| Route Tables:
.column
input(class='slider is-fullwidth' step='1' min='0' max='2' type='range' v-model='route')
.columns.sidebar-items
.column
| NAT Gateways:
.column
input(class='slider is-fullwidth' step='1' min='0' max='2' type='range' v-model='natGateways')
.columns.sidebar-items
.column
| Network Interfaces:
.column
input(class='slider is-fullwidth' step='1' min='0' max='2' type='range' v-model='networkInterfaces')
.columns.sidebar-items
.column
| Elastic IPs:
.column
input(class='slider is-fullwidth' step='1' min='0' max='2' type='range' v-model='elastic')
.columns.sidebar-items
.column
| Public IPs:
.column
input(class='slider is-fullwidth' step='1' min='0' max='2' type='range' v-model='public')
.columns.sidebar-items
.column
| Security Group:
.column
input(class='slider is-fullwidth' step='1' min='0' max='2' type='range' v-model='secgrp')
hr
.columns.sidebar-items
.column
| Instances:
.column
input(class='slider is-fullwidth' step='1' min='0' max='2' type='range' v-model='instances')
.columns.sidebar-items
.column
| Jumpboxes:
.column
input(class='slider is-fullwidth' step='1' min='0' max='2' type='range' v-model='jumpboxMode')
.columns.sidebar-items
.column
| AMI Images:
.column
input(class='slider is-fullwidth' step='1' min='0' max='2' type='range' v-model='ami')
.columns.sidebar-items
.column
| Key Pairs:
.column
input(class='slider is-fullwidth' step='1' min='0' max='2' type='range' v-model='key')
hr
.columns.sidebar-items
.column
| Load Balancers:
.column
input(class='slider is-fullwidth' step='1' min='0' max='2' type='range' v-model='load')
.columns.sidebar-items
.column
| Target Groups:
.column
input(class='slider is-fullwidth' step='1' min='0' max='2' type='range' v-model='target')
.columns.sidebar-items
.column
| Clusters:
.column
input(class='slider is-fullwidth' step='1' min='0' max='2' type='range' v-model='clusterMode')
.columns.sidebar-items
.column
| Services:
.column
input(class='slider is-fullwidth' step='1' min='0' max='2' type='range' v-model='serviceMode')
.columns.sidebar-items
.column
| Tasks:
.column
input(class='slider is-fullwidth' step='1' min='0' max='2' type='range' v-model='taskMode')
hr
.columns.sidebar-items
.column
| Databases:
.column
input(class='slider is-fullwidth' step='1' min='0' max='2' type='range' v-model='databaseMode')
.columns.sidebar-items
.column
| Caches:
.column
input(class='slider is-fullwidth' step='1' min='0' max='2' type='range' v-model='cacheMode')
div