Add support for creating files via file manager

Author: DaneEveritt

app/Http/Controllers/Server/ServerController.php

@@ -122,10 +122,16 @@ public function getAddFile(Request $request, $uuid)
     {
         $server = Models\Server::getByUUID($uuid);
         $this->authorize('add-files', $server);
+        $node = Models\Node::find($server->node);
+
+        Javascript::put([
+            'server' => collect($server->makeVisible('daemonSecret'))->only(['uuid', 'uuidShort', 'daemonSecret', 'username']),
+            'node' => collect($node)->only('fqdn', 'scheme', 'daemonListen'),
+        ]);
 
         return view('server.files.add', [
             'server' => $server,
-            'node' => Models\Node::find($server->node),
+            'node' => $node,
             'directory' => (in_array($request->get('dir'), [null, '/', ''])) ? '' : trim($request->get('dir'), '/') . '/',
         ]);
     }

public/themes/pterodactyl/js/frontend/files/editor.js

@@ -18,20 +18,26 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 // SOFTWARE.
 $(document).ready(function () {
-    $('.server-files').addClass('active');
     const Editor = ace.edit('editor');
     const Modelist = ace.require('ace/ext/modelist')
 
     Editor.setTheme('ace/theme/chrome');
-    Editor.getSession().setMode(Modelist.getModeForPath(Pterodactyl.stat.name).mode);
     Editor.getSession().setUseWrapMode(true);
     Editor.setShowPrintMargin(false);
 
+    if (typeof Pterodactyl !== 'undefined' && typeof Pterodactyl.stat !== 'undefined') {
+        Editor.getSession().setMode(Modelist.getModeForPath(Pterodactyl.stat.name).mode);
+    }
+
     Editor.commands.addCommand({
         name: 'save',
         bindKey: {win: 'Ctrl-S',  mac: 'Command-S'},
         exec: function(editor) {
-            save();
+            if ($('#save_file').length) {
+                save();
+            } else if ($('#create_file').length) {
+                create();
+            }
         },
         readOnly: false
     });
@@ -41,6 +47,51 @@ $(document).ready(function () {
         save();
     });
 
+    $('#create_file').on('click', function (e) {
+        e.preventDefault();
+        create();
+    });
+
+    $('#aceMode').on('change', event => {
+        Editor.getSession().setMode('ace/mode/' + $('#aceMode').val());
+    });
+
+    function create() {
+        if (_.isEmpty($('#file_name').val())) {
+            $.notify({
+                message: 'No filename was passed.'
+            }, {
+                type: 'danger'
+            });
+            return;
+        }
+        $('#create_file').html('<i class="fa fa-spinner fa fa-spin"></i> Creating File').addClass('disabled');
+        $.ajax({
+            type: 'POST',
+            url: Router.route('server.files.save', { server: Pterodactyl.server.uuidShort }),
+            headers: {
+                'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content'),
+            },
+            data: {
+                file: $('#file_name').val(),
+                contents: Editor.getValue()
+            }
+        }).done(function (data) {
+            window.location.replace(Router.route('server.files.edit', {
+                server: Pterodactyl.server.uuidShort,
+                file: $('#file_name').val(),
+            }));
+        }).fail(function (jqXHR) {
+            $.notify({
+                message: jqXHR.responseText
+            }, {
+                type: 'danger'
+            });
+        }).always(function () {
+            $('#create_file').html('Create File').removeClass('disabled');
+        });
+    }
+
     function save() {
         var fileName = $('input[name="file"]').val();
         $('#save_file').html('<i class="fa fw-fw fa-spinner fa-spin"></i> Saving File').addClass('disabled');

public/themes/pterodactyl/vendor/select2/select2.full.min.js

@@ -22,6 +22,12 @@
             'save' => 'Save File',
             'return' => 'Return to File Manager',
         ],
+        'add' => [
+            'header' => 'New File',
+            'header_sub' => 'Create a new file on your server.',
+            'name' => 'File Name',
+            'create' => 'Create File',
+        ],
     ],
     'config' => [
         'startup' => [

public/themes/pterodactyl/vendor/select2/select2.min.css

@@ -49,4 +49,5 @@
     'primary' => 'Primary',
     'make_primary' => 'Make Primary',
     'none' => 'None',
+    'cancel' => 'Cancel',
 ];