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

Add new file creation action and collapse new and upload actions

Browse Source
This commit is contained in:
Johannes Zellner
2020-10-22 10:25:50 +02:00
parent 210d522ec3
commit f586791c71
3 changed files with 85 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/filemanager.html
View File

@@ -118,6 +118,32 @@
</div>
</div>
<!-- Modal new file -->
<div class="modal fade" id="newFileModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">New File</h4>
</div>
<div class="modal-body">
<form role="form" name="newFileForm" ng-submit="newFile.submit()" autocomplete="off">
<fieldset>
<div class="form-group" ng-class="{ 'has-error': newFile.error || (newFileForm.fileName.$dirty && newFileForm.fileName.$invalid) }">
<input type="text" class="form-control" id="inputFileName" name="fileName" ng-model="newFile.name" required autofocus>
<div class="control-label" ng-show="newFile.error">{{ newFile.error }}</div>
</div>
<input class="ng-hide" type="submit" ng-disabled="newFileForm.$invalid || newFile.busy"/>
</fieldset>
</form>
</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="newFile.submit()" ng-disabled="newFile.busy"><i class="fa fa-circle-notch fa-spin" ng-show="newFile.busy"></i> Create</button>
</div>
</div>
</div>
</div>
<!-- Modal rename entry -->
<div class="modal fade" id="renameEntryModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
@@ -268,10 +294,21 @@
<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 class="pull-right">
<div class="btn-group">
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-plus"></i> New</button>
<ul class="dropdown-menu">
<li><a href="#" ng-click="newFile.show()">New File</a></li>
<li><a href="#" ng-click="newDirectory.show()">New Folder</a></li>
</ul>
</div>
<div class="btn-group">
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-upload"></i> Upload</button>
<ul class="dropdown-menu dropdown-menu-right">
<li><a href="#" ng-click="onUploadFile()">Upload File</a></li>
<li><a href="#" ng-click="onUploadFolder()">Upload Folder</a></li>
</ul>
</div>
</div>
</div>