dobin-lxd-webgui/modules/container/containers.html

<div class="col-md-12" ng-show="containers.length > 0">

  <div class="row bottomlinephat">
    <div class="col-md-3 col-xs-3"> <b>Name</b> </div>
    <div class="col-md-1 col-xs-1"> <b>Status</b> </div>
    <div class="col-md-2 col-xs-2"> <b>Architecture</b> </div>
    <div class="col-md-1 col-xs-1"> <b>Stateful</b> </div>
    <div class="col-md-1 col-xs-1"> <b>Actions</b> </div>
    <div class="col-md-4 col-xs-4"> <b></b> </div>
  </div>

  <div class="row bottomline" ng-repeat="container in containers">
    <div class="row">
      <div class="col-md-3 col-xs-3"> {{container.name}} </div>
      <div class="col-md-1 col-xs-1"> {{container.status}} </div>
      <div class="col-md-2 col-xs-2"> {{container.architecture}} </div>
      <div class="col-md-1 col-xs-1"> {{container.stateful}} </div>
      <div class="col-md-1 col-xs-1">
        <div ng-if="container.status != 'Running'">
            <a class="btn btn-sm btn-success" ng-click="changeState(container, 'start')"><i
                    class="glyphicon glyphicon-play"></i> Start</a>
        </div>
        <div ng-if="container.status == 'Running'">
            <a class="btn btn-sm btn-danger" ng-click="changeState(container, 'stop')"><i
                    class="glyphicon glyphicon-stop"></i> Stop</a>
        </div>
      </div>

      <div class="col-md-4 col-xs-3">
        <a class="btn btn-sm btn-primary" href="#/container-view/{{container.name}}"><i
                class="glyphicon glyphicon-edit"></i> Details</a>
        <a class="btn btn-sm btn-primary" href="#/container-snapshots/{{container.name}}"><i
                class="glyphicon glyphicon-edit"></i> Snapshots</a>
        <a class="btn btn-sm btn-danger" ng-click="delete(container)"><i
                class="glyphicon glyphicon-remove"></i> Delete</a>

        <a ng-show="container.status=='Running'" class="btn btn-sm btn-info" ng-click="showTerminal(container)"><i
                class="glyphicon glyphicon-modal-window"></i> Term</a>
        <a ng-show="container.status=='Running'" class="btn btn-sm btn-info" href="#/terminal/{{container.name}}"><i
                class="glyphicon glyphicon-modal-window"></i> Term Tab</a>

      </div>
    </div>

    <div class="row">
      <div class="col-md-6">
        <div class="terminal" id="console{{container.name}}" style="background-color:black;"></div>
      </div>
    </div>
  </div>
</div>


<div class="col-md-12" ng-show="containers.length == 0">
    <h4>No Containers</h4>
</div>