<div class="header vertical-container">
	<span class="label vertical-block capitalize">Select Hosts</span>
</div>
<div class="content text-center">
	<div class="dropdown text-center">
		<div class="label uppercase">select a ring</div>
		<filtered-select
			options="types"
			ng-model="type"

			placeholder="Select ring type">
		</filtered-select>
	</div>
	<div class="select text-center">
		<div class="label uppercase">hosts to initalize</div>
		<div class="scroll-container"
			trap-scroll><!--
			--><div class="host clickable"
				ng-class="{
					'selected': ($index == selected.start && isUndefined(selected.end)) || ($index >= selected.start && $index <= selected.end)
				}"
				ng-repeat="node in hosts"
				ng-click="select($index)">
				{{node.name}}
			</div>
		</div>
	</div>
</div>
<div class="footer clearfix vertical-container">
	<a class="vertical-block clickable cancel text-center capitalize button" ng-click="cancel()">cancel</a><!--
	--><a class="vertical-block add text-center clickable capitalize button" ng-click="ok()">init drives</a>
</div>