Synnefo

{{partial 'actions-bar'}}

<section class="main row">

	<div {{bind-attr class=":details state"}}>

		<section class="top">

			<div class="lt">

				{{partial 'img-wrap'}}

			</div>

			<div class="rt">

				<div class="title">

					<h1>{{this.name}}<span class="status">{{state-to-text this.state}}</span></h1>

				</div>

				<div class="actions">

					<ul>

						{{#each item in actionsMeta}}

							<li>

								<a href="#" {{action "item.act"}} {{bind-attr title="item.title"}}>{{item.title}}</span></a>

							</li>

						{{/each}}

					</ul>

				</div>

				<div class="tabs">

					<ul>

						<li>{{#link-to 'vm.info'}}<span class="snf-info-outline"></span>{{/link-to}}</li>

						<li>{{#link-to 'vm.disk-connected'}}<span class="snf-volume-outline"></span>{{/link-to}}</li>

						<li>{{#link-to 'vm.network-connected'}}<span class="snf-network-outline snf-font"></span>{{/link-to}}</li>

					</ul>

				</div>

			</div>

		</section>

		{{outlet}}

		<div class="placeholder"></div>

	</div>

</section>