<div class="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button id="buttonTimes-29a" type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel" ng-bind="title"></h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" role="form">
                    <div class="form-group">
                        <div class="col-sm-12">
                            <directory-picker dir-picker-id="{{::dirPickerId}}" instance='directoryTree' multiselection="{{multiselection}}" style="width:100%; height:600px; border:1px solid Silver; overflow:auto;"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <label style="max-width: 700px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><tsq>Path:</tsq> {{directoryTree.selectedPath}}</label>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <a data-dismiss="modal" tsq>Close</a>
                <button id="buttonSelect-29b" type="button" class="btn btn-primary" data-dismiss="modal" ng-if="onSelect" ng-click="onSelectFolder()" tsq>Select</button>
            </div>
        </div>
    </div>
</div>