<!--<label>{{label}}</label>
<div style=""> 
    <div class="img-preview-item" ng-repeat="fileItem in filelist">
        <a target="_blank" href="{{fileItem.file_url}}">
            <img ng-src="{{fileItem.file_url}}" width="300" height="200">
        </a>
        <div class="img-preview-item-desc">{{fileItem.name}}</div>
    </div>
</div>
<br/>-->

<!-- Create button upload -->
<div style="clear:both">
 <button id='{{btUploadId}}' class="btn btn-primary " type="button">
    <i class="menu-icon fa fa-upload"></i>
    {{bttext}}
 </button>
</div>

<!-- Model Popup to show upload progress -->
<div id="modal-upload" class="hid col-md-7 col-sm-10 col-xs-12">
    <div class="modal-content" id="modal-box">
        <!-- Header model -->
        <div class="modal-header">
            <h2 class="modal-title" style="display: inline-block"><span ng-i18next="upload.upload_hogo"></span><span class="hid" id="current-percent">0</span></h2>
            <div style="float: right; display: inline-block;">
                <span class="close clean fa fa-times" ng-if="uploading === false" ng-click="cleanUp()"></span>
                <span class="close fa fa-minus" ng-click="minimize()"></span>
            </div>
        </div>
        <!-- List files upload progress -->
        <div id="modal-content" class="modal-body" style="height: auto; max-height: 300px; overflow: auto">
            <div ng-switch="!! queue.length">
                <ol id="upload-files-list" class="" ng-switch-when="true">
                    <li class="upload-file" ng-repeat="file in queue" id="{{file.id}}" uploader-each-file>
                        <!-- File is uploading -->
                        <div ng-if="file.status !== 4" class="wrapper-upload-progress-bar">
                            <div class="upload-progress-bar" style="width: {{file.percent}}%"></div>
                        </div>
                        <!-- file is on Queue -->
                        <div ng-if="file.status === 6 || file.status === 4">
                            <div class="upload-progress-bar" style="width: 0"></div>
                        </div>
                        <div class="upload-file-info row row-eq-height">
                            <div class="filename-col col-xs-6 custome-name-wrap">
                                <img src="img/ui/file-upload-20.png" />
                                <span class="filename">{{file.name}}</span>
                            </div>
                            <div class="dest-col col-xs-4"> 
                                <span class="size">{{file.percent}}%</span> 
                            </div>
                            <div class="status-col col-xs-2" ng-switch="file.status" >
                                <a class="small-x-button pointer" ng-switch-when="1" ng-click="cancelFile(file)" mytip="cancel">&times;</a>
                                <a class="small-x-button pointer" ng-switch-when="2" ng-click="cancelFile(file)" mytip="cancel">&times;</a>
                                <span class="small-x-button" ng-switch-when="4" >
                                    <img class="done" mytip="Error" mytip-i18n="tooltip.file_upload.err" src="img/ui/error-20.png"/>
                                </span>
                                <span class="small-x-button tip" ng-switch-when="5">
                                    <img class="done" mytip="Uploaded" mytip-i18n="tooltip.file_upload.uploaded" src="img/icon/check-blue-18.png"/>
                                </span>
                                <span class="small-x-button tip" ng-switch-when="6" ng-click="retry(file)">
                                    <img class="retry" mytip="Retry" mytip-i18n="tooltip.file_upload.retry" src="img/icon/gray_18/reload.png"/>
                                </span>
                            </div>
                        </div>
                    </li>
                </ol>
            </div>
        </div>
    </div>
</div>
