96 lines
4.6 KiB
HTML
96 lines
4.6 KiB
HTML
|
<div nv-file-drop uploader="uploader" filters="queueLimit, customFilter">
|
||
|
|
|
||
|
|
<div class="note-warning">
|
||
|
|
Note: If Provider details aren't provided in the CSV, logged in user will be considered as the Provider.
|
||
|
|
</div>
|
||
|
|
<div class="csv-upload-page">
|
||
|
|
<div>
|
||
|
|
<section class="primary-section-grid">
|
||
|
|
<h2 class="section-title">Select files</h2>
|
||
|
|
<form class="select-file-form">
|
||
|
|
<fieldset class="select-file-type">
|
||
|
|
<ul ng-repeat="(key, urlMap) in urlMaps">
|
||
|
|
<li>
|
||
|
|
<input type="radio" name="upload-type" ng-model="option.selected" id="{{ key }}" ng-value="'{{ key }}'">
|
||
|
|
<label for="{{ key }}">{{ urlMap.name }}</label>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</fieldset>
|
||
|
|
<fieldset class="upload-selected-file">
|
||
|
|
<input id="inputFileUpload" class="input-file-upload" type="file" nv-file-select uploader="uploader" multiple="multiple"/>
|
||
|
|
<label for="inputFileUpload" class="button confirm">
|
||
|
|
Choose file(s)
|
||
|
|
</label>
|
||
|
|
</fieldset>
|
||
|
|
</form>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section ng-if="uploader.queue.length" class="section-grid">
|
||
|
|
<h2 class="section-title">File to Upload</h2>
|
||
|
|
<table class="file-to-upload">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th>Name</th>
|
||
|
|
<th>Size</th>
|
||
|
|
<th>Upload Progress</th>
|
||
|
|
<th>Upload Status</th>
|
||
|
|
<th class="actions">Actions</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
<tr ng-repeat="item in uploader.queue">
|
||
|
|
<td><strong>{{ item.file.name }}</strong></td>
|
||
|
|
<td>{{ item.file.size/1024|number:2 }} KB</td>
|
||
|
|
<td>
|
||
|
|
<progress value="{{item.progress}}" max="100"></progress>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<span ng-if="item.isSuccess">Success</span>
|
||
|
|
<span ng-if="item.isCancel">Canceled</span>
|
||
|
|
<span ng-if="item.isError">Error</span>
|
||
|
|
</td>
|
||
|
|
<td nowrap="nowrap">
|
||
|
|
<button type="button" ng-click="item.upload()" ng-disabled="item.isReady || item.isUploading || item.isSuccess">
|
||
|
|
Upload
|
||
|
|
</button>
|
||
|
|
<button type="button" ng-click="item.cancel()" ng-disabled="!item.isUploading">
|
||
|
|
Cancel
|
||
|
|
</button>
|
||
|
|
<button type="button" ng-click="item.remove()">
|
||
|
|
Remove
|
||
|
|
</button>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</section>
|
||
|
|
<section class="section-grid">
|
||
|
|
<h2 class="section-title">Uploaded files
|
||
|
|
<button class="refresh-btn fr" ng-click="loadImportedItems()">
|
||
|
|
<i class="fa fa-refresh"></i> <span>Refresh</span>
|
||
|
|
</button>
|
||
|
|
</h2>
|
||
|
|
<table>
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th>Name</th>
|
||
|
|
<th>Date</th>
|
||
|
|
<th>Status</th>
|
||
|
|
<th>Error Message</th>
|
||
|
|
<th>Download</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
<tr ng-repeat="item in importedItems">
|
||
|
|
<td><strong>{{ item.originalFileName }}</strong></td>
|
||
|
|
<td>{{ item.startTime | bahmniDateTime }}</td>
|
||
|
|
<td>{{ item.status }}</td>
|
||
|
|
<td>{{ item.errorMessage }}</td>
|
||
|
|
<td><a ng-if="item.hasError()" ng-href="{{item.errorFileUrl()}}">Error File</a></td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|