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

Make texteditor fullscreen and add saving without closing action

Browse Source
This commit is contained in:
Johannes Zellner
2020-08-31 17:46:26 +02:00
parent b420d054ae
commit b2279c9acc
3 changed files with 57 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/filemanager.html
View File

@@ -66,24 +66,6 @@
<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>
<!-- Modal text editor -->
<div class="modal fade" id="textEditorModal" tabindex="-1" role="dialog">
<div class="modal-dialog" style="width: 90%; max-width: 1280px;">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">
Edit <b>{{ textEditor.entry.fileName }}</b>
<button type="button" class="btn btn-success pull-right" ng-click="textEditor.submit()" ng-disabled="textEditor.busy"><i class="fa fa-circle-notch fa-spin" ng-show="textEditor.busy"></i> Save</button>
<button type="button" class="btn btn-default pull-right" data-dismiss="modal">Cancel</button>
</h4>
</div>
<div class="modal-body" style="padding-top: 0;">
<div id="textEditorContainer" style="width: 100%; height: 600px; border: 0px solid black"></div>
</div>
</div>
</div>
</div>
<!-- Modal image/video viewer -->
<div class="modal fade" id="mediaViewerModal" tabindex="-1" role="dialog">
<div class="modal-dialog" style="width: calc(100% - 60px); max-width: 1280px; height: 800px; max-height: calc(100% - 60px);">
@@ -215,7 +197,7 @@
</div>
<div class="main-container animateMe ng-hide layout-root" ng-show="initialized">
<div class="layout-content container">
<div ng-show="view === 'fileTree'" class="layout-content container">
<div class="row" ng-hide="app">
<div class="col-md-12 text-center">
<h3>App not found</h3>
@@ -277,11 +259,24 @@
</div>
</div>
<div ng-show="view === 'textEditor'" class="text-editor">
<div>
<div class="toolbar">
<button type="button" class="btn btn-success" ng-click="textEditor.saveAndClose()" ng-disabled="textEditor.busy">Save and Close</button>
<button type="button" class="btn btn-primary" ng-click="textEditor.save()" ng-disabled="textEditor.busy">Save</button>
<div><span><i class="fa fa-circle-notch fa-spin" ng-show="textEditor.busy"></i> {{ textEditor.entry.fileName }}</span></div>
<button type="button" class="btn btn-primary" ng-click="textEditor.close()">Close</button>
</div>
</div>
<div id="textEditorContainer" style="flex-grow: 2; border: 0px solid black"></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>
</html>