zydronium/neocities
1
0
Fork 0
mirror of https://github.com/neocities/neocities.git synced 2025-04-24 17:22:35 +02:00
Code Issues Projects Releases Packages Wiki Activity

improvements to text editor

Browse source
This commit is contained in:
Kyle Drake 2014-10-23 17:25:14 -07:00
parent d83fbf81d3
commit 4e987286ee
1 changed files with 35 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
views/site_files/text_editor.erb
View file

@ -74,19 +74,19 @@
<div class="row">
<div class="col col-33">
<div class="txt-Center">
<a class="btn-Action" href="/dashboard"><i class="fa fa-remove"></i>&nbsp;&nbsp;Finish Without Saving</a>
<a class="btn-Action" href="/dashboard"><i class="fa fa-remove"></i>&nbsp;&nbsp;Exit Without Saving</a>
</div>
</div>
<div class="col col-33">
<div class="txt-Center">
<a class="btn-Action" href="#" onclick="saveTextFile(false); return false"><i class="fa fa-save"></i>&nbsp;&nbsp;Save Changes</a>
<a id="saveButton" class="btn-Action" href="#" onclick="saveTextFile(false); return false" style="opacity: 0.5"><i class="fa fa-save"></i>&nbsp;&nbsp;Save Changes</a>
</div>
</div>
<div class="col col-33">
<div class="txt-Center">
<a class="btn-Action" href="#" onclick="saveTextFile(true); return false"><i class="fa fa-save"></i>&nbsp;&nbsp;Save and Finish</a>
<a id="saveAndExitButton" class="btn-Action" href="#" onclick="saveTextFile(true); return false" style="opacity: 0.5"><i class="fa fa-save"></i>&nbsp;&nbsp;Save and Exit</a>
</div>
</div>
</div>
@ -103,6 +103,8 @@
<script src="/js/ace/ace.js" type="text/javascript" charset="utf-8"></script>
<script>
var unsavedChanges = false
function setTheme(name) {
var editorTheme = $('#theme option:selected')
editor.setTheme(editorTheme.val())
@ -119,6 +121,8 @@
<% end %>
function saveTextFile(quit) {
if(unsavedChanges == false)
return
$.ajax({
url: '/site_files/save/<%= @filename %>?csrf_token=<%= csrf_token %>',
data: editor.getValue(),
@ -130,10 +134,12 @@
},
success: function(response){
if(response == 'ok') {
unsavedChanges = false
if(quit === true) {
window.location = '/dashboard';
window.location = '/dashboard'
} else {
$('#editorUpdates span').html('<i class="icon-save icon-2x"></i>&nbsp;&nbsp;<span style="font-size: 14pt">Your file has been saved.</span>');
$('#editorUpdates span').html('<i class="icon-save icon-2x"></i>&nbsp;&nbsp;<span style="font-size: 14pt">Your file has been saved.</span>')
$('a#saveButton,a#saveAndExitButton').css('opacity', 0.5)
setTimeout(function() {
$('#editorUpdates').fadeOut(); //.addClass('hidden');
}, 2000)
@ -162,6 +168,30 @@
editor.setOptions({
maxLines: Infinity
})
editor.on('change', function(obj) {
$('a#saveButton,a#saveAndExitButton').css('opacity', 1)
unsavedChanges = true
})
})
$(window).keypress(function(event) {
if(event.ctrlKey == true && event.key == 's') {
saveTextFile(false)
event.preventDefault()
return false
}
})
window.onbeforeunload = function() {
if(unsavedChanges == true)
return "You have unsaved changes!"
}
$('a#saveButton,a#saveAndExitButton').click(function() {
if(!unsavedChanges)
return false
return true
})
</script>