zydronium/neocities
1
0
Fork 0
mirror of https://github.com/neocities/neocities.git synced 2025-04-28 11:12:30 +02:00
Code Issues Projects Releases Packages Wiki Activity

Merge kyledrake changes

Browse source
This commit is contained in:
Victoria Wang 2014-10-23 17:32:32 -07:00
commit d56beab370
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="row">
<div class="col col-33"> <div class="col col-33">
<div class="txt-Center"> <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> </div>
<div class="col col-33"> <div class="col col-33">
<div class="txt-Center"> <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> </div>
<div class="col col-33"> <div class="col col-33">
<div class="txt-Center"> <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> </div>
</div> </div>
@ -103,6 +103,8 @@
<script src="/js/ace/ace.js" type="text/javascript" charset="utf-8"></script> <script src="/js/ace/ace.js" type="text/javascript" charset="utf-8"></script>
<script> <script>
var unsavedChanges = false
function setTheme(name) { function setTheme(name) {
var editorTheme = $('#theme option:selected') var editorTheme = $('#theme option:selected')
editor.setTheme(editorTheme.val()) editor.setTheme(editorTheme.val())
@ -119,6 +121,8 @@
<% end %> <% end %>
function saveTextFile(quit) { function saveTextFile(quit) {
if(unsavedChanges == false)
return
$.ajax({ $.ajax({
url: '/site_files/save/<%= @filename %>?csrf_token=<%= csrf_token %>', url: '/site_files/save/<%= @filename %>?csrf_token=<%= csrf_token %>',
data: editor.getValue(), data: editor.getValue(),
@ -130,10 +134,12 @@
}, },
success: function(response){ success: function(response){
if(response == 'ok') { if(response == 'ok') {
unsavedChanges = false
if(quit === true) { if(quit === true) {
window.location = '/dashboard'; window.location = '/dashboard'
} else { } 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() { setTimeout(function() {
$('#editorUpdates').fadeOut(); //.addClass('hidden'); $('#editorUpdates').fadeOut(); //.addClass('hidden');
}, 2000) }, 2000)
@ -162,6 +168,30 @@
editor.setOptions({ editor.setOptions({
maxLines: Infinity 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> </script>