<div>
    <div class="pick-list-container">
        <!-- Spinner when loading -->
        <div ng-show="vm.connectionsLoading==true">
            <div class="spinner spinner-lg" />
        </div>
        <!-- No Content Message -->
        <div ng-show="vm.connectionsLoading==false && vm.items.length == 0">
            <h4>No Connections</h4>
        </div>
        <div class="pick-list-results">
            <div id="connectionList-table-row" class="list-view-container" ng-show="vm.connectionsLoading==false">
                <div pf-list-view config="vm.listConfig" items="vm.items">
                    <div class="list-view-pf-description">
                        <div class="list-group-item-heading">
                        {{item.keng__id}}
                        </div>
                        <div class="list-group-item-text">
                            <span ng-repeat="prop in item.keng__properties" ng-show="prop.name=='connection-url'">
                                <div ng-if="prop.value"><i>[{{prop.value}}]</i></div>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
