Synnefo

<section {{bind-attr class=":item item.status"}}>

    <div class="what">

        <div class="img-wrap">

            <span class="snf-volume-full snf-font"></span>

        </div>

        <h4>{{item.name}}</h4>

    </div>

    <div class="clearfix">

        <ul class="connections">

            <li>

                <a href="#" class="act" data-reveal-id="detach-volume">&nbsp;</a>

                <div class="icon"></div>

                <div class="data">

                    <ul>

                        <li>

                            <h5 class="volume-data">Size</h5>

                            <p>{{bytes-to-human item.size}}</p>

                        </li>

                        <li>

                            <h5 class="volume-data">Storage Type</h5>

                            <p>{{item.storageType}}</p>

                        </li>

                    </ul>

                </div>

            </li>

        </ul>

    </div>

</section>