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

Add footer and fixup main layout

Browse Source
This commit is contained in:
Johannes Zellner
2020-07-10 15:27:44 +02:00
parent 8b160cbbfd
commit 799892c220
2 changed files with 75 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

111
src/filemanager.html
View File

@@ -23,6 +23,10 @@
<!-- async -->
<script type="text/javascript" src="/3rdparty/js/async-3.2.0.min.js"></script>
<!-- Showdown (markdown converter) -->
<script type="text/javascript" src="/3rdparty/js/showdown-1.6.4.min.js?<%= revision %>"></script>
<script type="text/javascript" src="/3rdparty/js/showdown-target-blank.min.js?<%= revision %>"></script>
<!-- Bootstrap Core JavaScript -->
<script type="text/javascript" src="/3rdparty/js/bootstrap.min.js"></script>
@@ -122,64 +126,71 @@
</div>
</div>
<div class="main-container animateMe ng-hide " ng-show="initialized">
<br/>
<div class="row">
<div class="col-md-12">
<div class="card card-large">
<div class="main-container animateMe ng-hide layout-root" ng-show="initialized">
<div class="layout-content container">
<br/>
<div class="row">
<div class="col-md-12">
<div class="card card-large">
<input type="file" id="uploadFileInput" style="display: none" multiple/>
<input type="file" id="uploadFolderInput" style="display: none" multiple webkitdirectory directory/>
<input type="file" id="uploadFileInput" style="display: none" multiple/>
<input type="file" id="uploadFolderInput" style="display: none" multiple webkitdirectory directory/>
<h4 class="text-center">{{ app.fqdn }}</h4>
<h4 class="text-center">{{ app.fqdn }}</h4>
<div>
<div class="btn-group" role="group">
<button class="btn btn-primary" ng-click="goDirectoryUp()" ng-disabled="cwd === '/'"><i class="fas fa-arrow-left"></i></button>
<button class="btn btn-primary" ng-click="refresh()"><i class="fas fa-sync-alt"></i></button>
</div>
<div class="btn-group" role="group">
<button class="btn btn-default" ng-disabled="cwd === '/'" ng-click="changeDirectory('/')"><i class="fas fa-home"></i> / </button>
<button class="btn btn-default" ng-disabled="part.path === cwd" ng-click="changeDirectory(part.path)" ng-repeat="part in cwdParts">{{ part.name }}</button>
</div>
<div class="btn-group pull-right" role="group">
<button class="btn btn-primary" ng-click="newDirectory.show()">New Folder</button>
<button class="btn btn-primary" ng-click="onUploadFile()">Upload File</button>
<button class="btn btn-primary" ng-click="onUploadFolder()">Upload Folder</button>
<div>
<div class="btn-group" role="group">
<button class="btn btn-primary" ng-click="goDirectoryUp()" ng-disabled="cwd === '/'"><i class="fas fa-arrow-left"></i></button>
<button class="btn btn-primary" ng-click="refresh()"><i class="fas fa-sync-alt"></i></button>
</div>
<div class="btn-group" role="group">
<button class="btn btn-default" ng-disabled="cwd === '/'" ng-click="changeDirectory('/')"><i class="fas fa-home"></i> / </button>
<button class="btn btn-default" ng-disabled="part.path === cwd" ng-click="changeDirectory(part.path)" ng-repeat="part in cwdParts">{{ part.name }}</button>
</div>
<div class="btn-group pull-right" role="group">
<button class="btn btn-primary" ng-click="newDirectory.show()">New Folder</button>
<button class="btn btn-primary" ng-click="onUploadFile()">Upload File</button>
<button class="btn btn-primary" ng-click="onUploadFolder()">Upload Folder</button>
</div>
</div>
<br/>
<table class="table table-hover" style="margin: 0;">
<thead>
<tr>
<th style="width: 3%;">&nbsp;</th>
<th style="width:67%">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-repeat="entry in entries">
<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>
</td>
<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="renameEntry.show(entry)"><i class="far fa-edit"></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>
</table>
</div>
<br/>
<table class="table table-hover" style="margin: 0;">
<thead>
<tr>
<th style="width: 5%;">Type</th>
<th style="width:65%">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-repeat="entry in entries">
<td ng-click="open(entry)" class="hand">
<i class="fas fa-folder" ng-show="entry.isDirectory"></i>
<i class="far fa-file" ng-show="entry.isFile"></i>
</td>
<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="renameEntry.show(entry)"><i class="far fa-edit"></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>
</table>
</div>
</div>
</div>
<footer class="text-center ng-cloak">
<span class="text-muted" ng-bind-html="status.footer | markdown2html"></span>
<span class="version">v{{status.version}}</span>
</footer>
</div>
</body>