<div class="container-fluid" ng-controller="Wizdom365ExportController">
    <div class="lt-module-page__top lt-module-page-top">
        <div class="lt-module-page-top__title mr-auto">
            <h1>{{'Export' | translate}}</h1>
        </div>
        <div class="lt-module-page-top__actions">
            <button class="btn btn-primary" ng-disabled="selectedFiles.length == 0 || exportingInProgress" ng-click="GetZip()">{{ (exportingInProgress ? 'Please wait...' : 'Download') | translate}}</button>
        </div>
    </div>

    <div class="panel lt-module-page__content-panel">
        <div class="row">
            <div class="col-xs-4">
                <p>{{'Choose the files you want to export from the blob by selecting them in the list to the right.' | translate}}</p>
                <p>{{'You are required to select at least one file to start the download' | translate}}</p>
            </div>
            <div class="col-xs-8">
                <div class="treeselect-container">
                    <treecontrol class="tree-light"
                                 tree-model="fileTreeData"
                                 options="treeOptions"
                                 selected-nodes="selectedFiles"
                                 expanded-nodes="expandedNodes"
                                 on-selection="nodeSelected(node, selected, $parentNode)">
                        <span ng-switch="" on="ExtractFileType(node)">
                            <span ng-switch-when="dir" class="glyphicon glyphicon-folder-{{expandedNodes.indexOf(node) !== -1 ? 'open' : 'close'}}" aria-hidden="true"></span>
                            <span ng-switch-default class="glyphicon glyphicon-file" aria-hidden="true"></span>
                            {{node.label}}
                        </span>
                    </treecontrol>
                </div>
            </div>
        </div>
    </div>
</div>