Put save and close together

This commit is contained in:
Girish Ramakrishnan
2020-09-05 22:44:06 -07:00
parent 18ba66afcc
commit 1249b3b3e8
2 changed files with 45 additions and 5 deletions

View File

@@ -196,6 +196,25 @@
</div>
</div>
<!-- Modal editor close -->
<div class="modal fade" id="textEditorCloseModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">File has unsaved changes</h4>
</div>
<div class="modal-body">
<p class="text-bold text-danger">Your changes will be lost if you don't save them</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" ng-click="textEditor.close()">Don't Save</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-success" ng-click="textEditor.saveAndClose()"><i class="fa fa-circle-notch fa-spin" ng-show="textEditor.busy"></i> Save</button>
</div>
</div>
</div>
</div>
<div class="main-container animateMe ng-hide layout-root" ng-show="initialized">
<div ng-show="view === 'fileTree'" class="layout-content container">
<div class="row" ng-hide="app">
@@ -262,9 +281,9 @@
<div ng-show="view === 'textEditor'" class="text-editor">
<div>
<div class="toolbar">
<button type="button" class="btn btn-success" ng-click="textEditor.save()" ng-disabled="textEditor.busy"><i class="fa fa-circle-notch fa-spin" ng-show="textEditor.busy"></i> Save</button>
<div><span>{{ textEditor.entry.fileName }}</span></div>
<button type="button" class="btn btn-primary" ng-click="textEditor.close()">Close</button>
<button type="button" class="btn btn-success" ng-click="textEditor.save()" 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-primary" ng-click="textEditor.maybeClose()">Close</button>
</div>
</div>
<div id="textEditorContainer" style="flex-grow: 2; border: 0px solid black"></div>