jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Replace action buttons with context menu

Browse Source
This commit is contained in:
Johannes Zellner
2020-07-14 23:49:14 +02:00
parent 240272f7ce
commit 6aa8602b96
3 changed files with 665 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/filemanager.html
View File

@@ -51,6 +51,9 @@
<!-- monaco-editor -->
<script type="text/javascript" src="/3rdparty/vs/loader.js"></script>
<!-- ui.bootstrap.contextMenu -->
<script type="text/javascript" src="/3rdparty/js/contextMenu.js"></script>
<!-- Main Application -->
<script type="text/javascript" src="/js/filemanager.js"></script>
@@ -234,17 +237,16 @@
<thead>
<tr>
<th style="width: 3%;">&nbsp;</th>
<th style="width:67%">Name</th>
<th style="width:77%">Name</th>
<th style="width:10%">Size</th>
<th style="width:10%">Owner</th>
<th style="width: 10%" class="text-right">Actions</th>
</tr>
</thead>
<tbody>
<tr ng-show="entries.length === 0">
<td colspan="5" class="text-center">No files</td>
</tr>
<tr ng-repeat="entry in entries" ng-drop="drop($event, entry)" ng-dragleave="dragExit($event, entry)" ng-dragover="dragEnter($event, entry)" ng-class="{ 'entry-hovered': entry.hovered }">
<tr ng-repeat="entry in entries" ng-drop="drop($event, entry)" context-menu="menuOptions" model="entry" ng-dragleave="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>
@@ -252,12 +254,6 @@
<td class="hand elide-table-cell" ng-click="open(entry)">{{ entry.fileName }}</td>
<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-default" ng-click="download(entry)" ng-show="entry.isFile" uib-tooltip="Download"><i class="fas fa-download"></i></button>
<button class="btn btn-xs btn-default" ng-click="renameEntry.show(entry)" uib-tooltip="Rename"><i class="fas fa-edit"></i></button>
<button class="btn btn-xs btn-default" ng-click="chownEntry.show(entry)" uib-tooltip="Change Owner"><i class="fas fa-user-edit"></i></button>
<button class="btn btn-xs btn-danger" ng-click="entryRemove.show(entry)" uib-tooltip="Delete"><i class="far fa-trash-alt"></i></button>
</td>
</tr>
</tbody>
</table>