--- /dev/null
+<div class="nero-modal">
+
+ <div class="nero-modal-header">
+ <span>{{'ext.nero.file-selector.modal-title' | translate}}</span>
+ </div>
+
+ <div cg-busy="FileSelectorCtrl.myPromise" class="nero-modal-body">
+
+ <!-- The list of added files -->
+ <div class="fileSelector-right-section" ng-if="!FileSelectorCtrl.isThumbnailPicker">
+ <ul class="list-fileSelected" >
+ <li class="theme-backgroundcolor" ng-repeat="attachFile in FileSelectorCtrl.attachFiles">
+ {{attachFile.fileName}}
+ <button type="button" class="btn btn-nero-delete" ng-click="FileSelectorCtrl.remove(attachFile.fileId)">
+ <i class="fa fa-times"></i>
+ </button>
+ </li>
+ </ul>
+ </div>
+
+ <!-- Display image in crop area -->
+ <div class="cropArea fileSelector-crop-area" ng-if="FileSelectorCtrl.isThumbnailPicker">
+ <img-crop image="FileSelectorCtrl.selectedImage.fileBase64"
+ result-image="FileSelectorCtrl.croppedImg"></img-crop>
+ </div>
+
+ <div class="local">
+ <p>
+ {{'ext.nero.file-selector.from-computer' | translate}}
+ </p>
+ <input type="file" file-change="FileSelectorCtrl.uploadFile"
+ ng-disabled="FileSelectorCtrl.addDisabled" accept="{{FileSelectorCtrl.authorizedExtensions}}"/>
+ {{'ext.nero.file-selector.max-size' | translate:{maxSize: FileSelectorCtrl.maxSize} }}
+ <div ng-if="FileSelectorCtrl.isExtensionsLimited()">
+ - {{'ext.nero.file-selector.allowed-extensions-label' | translate}} : {{FileSelectorCtrl.authorizedExtensions}}
+ </div>
+ </div>
+
+ <!-- File selection panel -->
+ <div class="fileSelector-left-section">
+ <div class="schoolbag">
+ <p>{{'ext.nero.file-selector.from-schoolbag' | translate }}<p>
+
+ <!-- <div> -->
+ <!-- <input ng-model='treeSearchQuery' type="text" placeholder="Recherche ..."/> -->
+ <!-- </div> -->
+ <div data-angular-treeview="true" data-tree-id="mytree"
+ data-tree-model="FileSelectorCtrl.fileList" data-node-id="fileId"
+ data-node-label="fileName" data-node-children="children">
+ </div>
+ </div>
+ </div>
+
+ </div>
+ <div class="nero-modal-footer">
+ <div class="button-to-add-items nero-footer-left">
+ <button class="btn btn-nero-add theme-hover-backgroundcolor" type="button"
+ ng-disabled="FileSelectorCtrl.addDisabled"
+ ng-click="FileSelectorCtrl.add()">
+ <i class="fa fa-plus"></i>
+ </button>
+ </div>
+
+ <div class="nero-footer-buttons">
+ <button class="btn btn-nero-register theme-backgroundcolor" type="button" ng-click="FileSelectorCtrl.onValidate()">
+ {{'ext.nero.file-selector.modal-button-ok' | translate}}
+ </button>
+ <button class="btn btn-nero-cancel" type="button" ng-click="FileSelectorCtrl.onCancel()">
+ {{'ext.nero.file-selector.modal-button-cancel' | translate}}
+ </button>
+ </div>
+ </div>
+
+</div>