Add drag'n'drop to filemanager

This commit is contained in:
Johannes Zellner
2020-07-13 15:41:10 +02:00
parent 6b64dd52b9
commit da54699815
3 changed files with 132 additions and 6 deletions

View File

@@ -53,7 +53,7 @@
</head>
<body class="filemanager">
<body class="filemanager" ng-drop="drop($event)" ng-dragover="dragEnter($event)" ng-dragexit="dragExit($event)">
<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>
@@ -181,7 +181,7 @@
<br/>
<table class="table table-hover" style="margin: 0;">
<table class="table table-hover" style="margin: 0;" ng-class="{ 'entry-hovered': dropToBody }">
<thead>
<tr>
<th style="width: 3%;">&nbsp;</th>
@@ -195,7 +195,7 @@
<tr ng-show="entries.length === 0">
<td colspan="5" class="text-center">No files</td>
</tr>
<tr ng-repeat="entry in entries">
<tr ng-repeat="entry in entries" ng-drop="drop($event, entry)" ng-dragexit="dragExit($event, entry)" ng-dragover="dragEnter($event, entry)" ng-class="{ 'entry-hovered': entry.hovered }">
<td ng-click="open(entry)" class="hand text-center">
<i class="fas fa-folder fa-lg" ng-show="entry.isDirectory"></i>
<i class="far fa-file fa-lg" ng-show="entry.isFile"></i>