created file sync

web/app/assets/javascripts/application.js

@@ -12,6 +12,11 @@
 //
 //= require jquery
 //= require jquery_ujs
+//= require tether
 //= require turbolinks
 //= require active_scaffold
 //= require bootstrap-sprockets
+//= require ace-rails-ap
+//= require ace/mode-apache_conf
+//= require ace/mode-ini
+//= require ace/mode-dockerfile

web/app/assets/javascripts/edit_configuration_file_form.js

@@ -0,0 +1,17 @@
+$(document).ready(function() {
+  var editor = ace.edit("editor");
+  //editor.setTheme("ace/theme/monokai");
+  //editor.getSession().setMode("ace/mode/javascript");
+  editor.setOptions({
+    maxLines: 40
+  });
+  editor.resize();
+
+  $("#save_button").click(function() {
+    var content = editor.getValue();
+    $("#content").val(content);
+    var filePath = $("#visible_file_path").val()
+    $("#file_path").val(filePath)
+    $("#update_form").submit();
+  });
+});

web/app/assets/stylesheets/application.css.scss

@@ -59,6 +59,14 @@
   border-color: gray;
 }
 
+.unclickable {
+  pointer-events: none;
+}
+
+.editor {
+  padding-bottom: 30px;
+}
+
 body {
   margin-right: 5px;
   margin-left: 5px;