 <!--<h1>Dashboard</h1>-->
 <div class="row">
     <div class="col-xs-12">
         <xos-coarse-tenancy-graph></xos-coarse-tenancy-graph>
     </div>
 </div>
<div class="row">
    <div class="col-xs-12" id="dashboard-component-container"></div>
</div>
<div class="row">
    <div class="col-xs-12">
        <h2>System summary:</h2>
    </div>
    <div class="col-xs-4">
        <div class="panel panel-filled">
            <div class="panel-body text-center">
                <h2 class="m-b-none">
                    {{vm.nodes}}
                    <!--<span class="slight"><i class="fa fa-play fa-rotate-270 text-warning"> </i> +20%</span>-->
                </h2>
                <h4>
                    <a ui-sref="xos.core.nodes">
                        Nodes
                    </a>
                </h4>
                <!--<div class="small">% New Sessions</div>-->
                <!--<div class="slight m-t-sm"><i class="fa fa-clock-o"> </i> Updated: <span class="c-white">10:22pm</span></div>-->
            </div>
        </div>
    </div>

    <div class="col-xs-4">
        <div class="panel panel-filled">
            <div class="panel-body text-center">
                <h2 class="m-b-none">
                    {{vm.slices}}
                </h2>
                <h4>
                    <a ui-sref="xos.core.slices">
                        Slices
                    </a>
                </h4>
            </div>
        </div>
    </div>

    <div class="col-xs-4">
        <div class="panel panel-filled">
            <div class="panel-body text-center">
                <h2 class="m-b-none">
                    {{vm.instances}}
                </h2>
                <h4>
                    <a ui-sref="xos.core.instances">
                        Instances
                    </a>
                </h4>
            </div>
        </div>
    </div>
</div>