Add file removal functionality

This commit is contained in:
Johannes Zellner
2020-07-09 11:00:11 +02:00
parent 7c2ab4e5bd
commit c674d679bd
3 changed files with 70 additions and 10 deletions

View File

@@ -53,6 +53,25 @@
<a class="offline-banner animateMe" ng-show="client.offline" ng-cloak href="https://cloudron.io/documentation/troubleshooting/" target="_blank"><i class="fa fa-circle-notch fa-spin"></i> Cloudron is offline. Reconnecting...</a>
<!-- Modal remove entry -->
<div class="modal fade" id="entryRemoveModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Delete {{ entryRemove.entry.fileName }}</h4>
</div>
<div class="modal-body">
<p class="text-bold text-danger" ng-show="entryRemove.error">{{ entryRemove.error }}</p>
<p ng-hide="entryRemove.error">After deletion, the user will not be able to access the dashboard or login to any of the apps. Note that any user data inside the apps is not removed.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-danger" ng-click="entryRemove.submit()" ng-hide="entryRemove.error" ng-disabled="entryRemove.busy"><i class="fa fa-circle-notch fa-spin" ng-show="entryRemove.busy"></i> Delete</button>
</div>
</div>
</div>
</div>
<div class="main-container animateMe ng-hide " ng-show="initialized">
<br/>
<div class="row">
@@ -83,7 +102,7 @@
</tr>
</thead>
<tbody>
<tr ng-disabled="cwd === '/'">
<tr ng-hide="cwd === '/'">
<td><i class="fas fa-level-up-alt"></i></td>
<td class="hand elide-table-cell" ng-click="goDirectoryUp()">Up</td>
<td class="text-right no-wrap" style="vertical-align: bottom"></td>
@@ -99,7 +118,7 @@
<td class="hand elide-table-cell" ng-click="open(entry)">{{ entry.size | prettyDiskSize }}</td>
<td class="hand elide-table-cell" ng-click="open(entry)">{{ entry.uid | prettyOwner }}</td>
<td class="text-right no-wrap" style="vertical-align: bottom">
<button class="btn btn-xs btn-danger" ng-click="remove(entry)"><i class="far fa-trash-alt"></i></button>
<button class="btn btn-xs btn-danger" ng-click="entryRemove.show(entry)"><i class="far fa-trash-alt"></i></button>
</td>
</tr>
</tbody>