<div class="modal fade flip-effect" id="friendsModal" ng-controller="friendsCtrl">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">×</button>
                <h4 class="modal-title"><i class="fa fa-users"></i> Friends</h4>
            </div>
            <div class="modal-body">
                <div class="fileCtr" ng-repeat="friend in friends">
                    <span>{{ friend.username }}</span>
                    <button type="button" class="btn btn-xs btn-info pull-right btnTooltip"
                            ng-click="getProfile(friend.username)" data-toggle="modal" data-target="#profileCardModal"
                            data-placement="top" title="View Profile"><i class="fa fa-eye"></i></button>
                </div>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>