upload-file-modal.html 2.35 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47
<div id="upload-file-modal-wrapper">
    <script type="text/ng-template" id="uploadFileModal.html">

        <div class="modal-header">
            <span class="close" data-dismiss="modal" aria-hidden="true" ng-click="concelUpload()">&times;</span>

            <h4 class="modal-title">
                <i style="color: #b22;font-size: 23px; cursor: pointer;" class="fa fa-upload"></i>
                &nbsp;{{uploadFileOption.title}}
            </h4>
        </div>

        <div class="modal-body">
            <div class="row">
                <div class="col-md-12">
                    <button ngf-select ng-model="uploadOption.uploadFiles" ngf-multiple="{{isMultiple}}"
                            ngf-allow-dir="false" class="btn btn-default"> <!--accept=".xls,.xlsx"-->
                        {{uploadFileOption.uploadButtonText}}
                    </button>
                    <div class="uploader-process-container" ng-show="showLoading">
                        <label class="weight-normal loading-label" ng-bind-template="{{loadingTitle}} : {{percentNumber}}"></label>
                        <div class="progress progress-customer">
                            <div class="progress-bar progress-bar-striped active" role="progressbar" style="width: {{percentNumber}}" aria-valuemin="0" aria-valuemax="100">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="file-container">
                        <div class="file-line" ng-repeat="item in files">
                            <span class="col-md-10 file-name">{{item.data.fileName}}</span> <!--ng-click="downloadEvidenceFile(item.data)"-->
                            <span class="col-md-2 delete-file" aria-hidden="true" ng-click="deleteEvidenceFile(item.data.fileID)"><i class="fa fa-trash-o" aria-hidden="true"></i></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="modal-footer">
            <button ng-click="confirmUpload();" class="btn btn-primary btn-first">{{'ENConfirm' | translate}}</button>
            <button ng-click="concelUpload();" class="btn btn-primary btn-second">{{'ENCancel' | translate}}</button>
        </div>

    </script>
</div>