Codemirror eingebaut

ulrich

2017-02-16 a4d3b5898ebecf3e413ce45feb6a4e1cfdba9ddc

 web/ui/ui.js

@@ -1,5 +1,86 @@

var cm;

function fm_init() {
  $('.codeeditor-space').hide();
  $('.code-editor-container').hide();
  $('#newTextFile').on('click', fm_menu_neue_textdatei);
  $('#closeFile').on('click', fm_menu_datei_schliessen);
}

function fm_menu_neue_textdatei() {
  $('#dateiansicht').hide();
  $('.codeeditor-space').show();
  $('.code-editor-container').show();
  fm_code_edit('Test');
}

function fm_menu_datei_schliessen() {
  $('.codeeditor-space').hide();
  $('.code-editor-container').hide();
  cm.toTextArea();
  $('#dateiansicht').show();  
}

/* ---- codemirror editor handling -------- */

function fm_code_edit(content) {
  var windowHeight = $(window).height();

  //$("editspace").empty();
  //self.cm.toTextArea();

  cm = CodeMirror.fromTextArea(document.getElementById("editspace"), {
    lineNumbers: true,
    mode: "xml",
    viewportMargin : Infinity,
    extraKeys: {
           "F9": function(cm) {
             cm.setOption("fullScreen", !cm.getOption("fullScreen"));
           },
           "Esc": function(cm) {
             if (cm.getOption("fullScreen")) cm.setOption("fullScreen", false);
          }
    }
  });
  
}
  // cm.setSize("100%", windowHeight - 100); // w, h
  cm.setValue(content);
  
};



/* -------- helper functions ----------- */

function fm_get(u, scallback) {
  $.ajax({
    url: u,
    type: "GET",
    dataType: "json",
    success: scallback,
    error: function (xhr, status, errorThrown) {
      alert("Error: " + errorThrown + " Status: " + status + " URL: " + u);
    },
    complete: function (xhr, status) {
      //console.log( "The request is complete!" );
    }

  });
};

function fm_post(u, d, scallback) {
  $.ajax({
    url: u,
    data: d,
    type: "POST",
    dataType: "json",
    success: scallback,
    error: function (xhr, status, errorThrown) {
      $('#fehler').html("Error: " + errorThrown + " Status: " + status);
    },
    complete: function (xhr, status) {
      //alert( "The request is complete!" );
    }
  });
};