NINS_CODE/bahmniapps/admin/views/csvupload.html

96 lines
4.6 KiB
HTML
Raw Normal View History

2024-12-12 22:37:39 +06:00
<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>