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

Always show filelist header and give scroll top indicator

Browse Source
This commit is contained in:
Johannes Zellner
2020-11-08 00:46:34 +01:00
parent b5fa60235d
commit 85ff6a02bf
3 changed files with 37 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/filemanager.html
View File

@@ -315,29 +315,34 @@
</div>
</div>
<div class="file-list" ng-class="{ 'entry-hovered': dropToBody, 'busy': busy }">
<table class="table table-hover" style="margin: 0;">
<div class="file-list-header">
<table class="table" style="margin: 0;">
<thead>
<tr>
<th style="width: 3%;">&nbsp;</th>
<th style="width:82%">Name</th>
<th style="width:10%">Size</th>
<th style="width:10%">Owner</th>
<th style="width: 5%">&nbsp;</th>
<th style="width: 40px;">&nbsp;</th>
<th style="">Name</th>
<th style="width: 80px">Size</th>
<th style="width:100px">Owner</th>
<th style="width: 40px">&nbsp;</th>
</tr>
</thead>
</table>
</div>
<div class="file-list" ng-class="{ 'entry-hovered': dropToBody, 'busy': busy }">
<table class="table table-hover" style="margin: 0;">
<tbody>
<tr ng-show="entries.length === 0">
<td colspan="5" class="text-center">No files</td>
</tr>
<tr ng-repeat="entry in entries | orderBy:sortProperty:sortAsc | orderBy:'isDirectory':true" draggable="true" ng-dragstart="dragStart($event, entry)" 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)" ng-class="{ 'hand': !entry.isSymbolicLink }" class="text-center">
<td style="width: 40px" ng-click="open(entry)" ng-class="{ 'hand': !entry.isSymbolicLink }" class="text-center">
<i class="fas fa-lg {{ entry.icon }}" ng-class="{ 'text-primary': entry.isDirectory }"></i>
</td>
<td ng-class="{ 'hand': !entry.isSymbolicLink }" class="elide-table-cell" ng-click="open(entry)">{{ entry.fileName }}<span ng-show="entry.isSymbolicLink" class="text-muted" style="margin-left: 20px;">symlink to {{ entry.target }}</span></td>
<td ng-class="{ 'hand': !entry.isSymbolicLink }" class="elide-table-cell" ng-click="open(entry)">{{ entry.size | prettyByteSize }}</td>
<td ng-class="{ 'hand': !entry.isSymbolicLink }" class="elide-table-cell" ng-click="open(entry)">{{ entry.uid | prettyOwner }}</td>
<td class="text-right no-wrap" style="vertical-align: bottom">
<td style="width: 80px" ng-class="{ 'hand': !entry.isSymbolicLink }" class="elide-table-cell" ng-click="open(entry)">{{ entry.size | prettyByteSize }}</td>
<td style="width:100px" ng-class="{ 'hand': !entry.isSymbolicLink }" class="elide-table-cell" ng-click="open(entry)">{{ entry.uid | prettyOwner }}</td>
<td style="width: 40px" class="text-right no-wrap" style="vertical-align: bottom">
<button class="btn btn-xs btn-link" context-menu="menuOptions" model="entry" context-menu-on="click"><i class="fas fa-bars"></i></button>
</td>
</tr>