Initial Commit of Files

PufferPanel v0.9 (Laravel) is now Pterodactyl 1.0

resources/views/server/files/index.blade.php

@@ -0,0 +1,150 @@
+@extends('layouts.master')
+
+@section('title')
+    Managing Files for: {{ $server->name }}
+@endsection
+
+@section('content')
+<div class="col-md-9">
+    <div class="row" id="internal_alert">
+        <div class="col-md-12">
+            <div class="alert alert-info">
+                <i class="fa fa-spinner fa-spin"></i> {{ trans('server.files.loading') }}
+            </div>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-md-12">
+            @foreach (Alert::getMessages() as $type => $messages)
+                @foreach ($messages as $message)
+                    <div class="alert alert-{{ $type }} alert-dismissable" role="alert">
+                        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+                        {{ $message }}
+                    </div>
+                @endforeach
+            @endforeach
+            <div class="files_loading_box"><i class="fa fa-refresh fa-spin" id="position_me"></i></div>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-md-12" id="load_files"></div>
+        <div class="col-md-12">
+            <div class="panel panel-default">
+                <div class="panel-heading">
+                    <h3 class="panel-title">File Path Information</h3>
+                </div>
+                <div class="panel-body">
+                    When configuring any file paths in your server plugins or settings you should use <code>/home/container</code> as your base path. While your SFTP client sees the files as <code>/public</code> this is not true for the server process.
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script>
+    $(document).ready(function () {
+        $('.server-files').addClass('active');
+    });
+    $(window).load(function(){
+        var doneLoad = false;
+
+        // Show Loading Animation
+        function handleLoader (show) {
+
+            // Hide animation if no files displayed.
+            if ($('#load_files').height() < 5) { return; }
+
+            // Show Animation
+            if (show === true){
+                var height = $('#load_files').height();
+                var width = $('.files_loading_box').width();
+                var center_height = (height / 2) - 30;
+                var center_width = (width / 2) - 30;
+                $('#position_me').css({
+                    'top': center_height,
+                    'left': center_width,
+                    'font-size': '60px'
+                });
+                $(".files_loading_box").css('height', (height + 5)).fadeIn();
+            } else {
+                $('.files_loading_box').fadeOut(100);
+            }
+
+        }
+
+        function reloadActions () {
+            reloadActionClick();
+            reloadActionDelete();
+        }
+
+        // Handle folder clicking to load new contents
+        function reloadActionClick () {
+            $('a.load_new').click(function (e) {
+                e.preventDefault();
+                window.history.pushState(null, null, $(this).attr('href'));
+                loadDirectoryContents($.urlParam('dir', $(this).attr('href')));
+            });
+        }
+
+        // Handle Deleting Files
+        function reloadActionDelete () {
+            $('a.delete_file').click(function (e) {
+                e.preventDefault();
+                var clicked = $(this);
+                var deleteItemPath = $(this).attr('href');
+
+                if (!confirm('Are you sure you want to delete /home/container/' + deleteItemPath + '? There is no reversing this action.')) {
+                    return;
+                }
+
+                $.ajax({
+                    type: 'DELETE',
+                    url: 'https://{{ $node->fqdn }}:{{ $node->daemonListen }}/server/file/' + deleteItemPath,
+                    headers: {
+                        'X-Access-Token': '{{ $server->daemonSecret }}',
+                        'X-Access-Server': '{{ $server->uuid }}'
+                    }
+                }).done(function (data) {
+                    clicked.parent().parent().parent().parent().fadeOut();
+                }).fail(function (jqXHR) {
+                    $("#internal_alert").html('<div class="alert alert-danger">An error occured while attempting to delete <code>/home/container/' + deleteItemPath + '</code>. Please try again.</div>').show();
+                    console.log(jqXHR);
+                });
+
+            });
+        }
+
+        // Handle Loading Contents
+        function loadDirectoryContents (dir) {
+
+            handleLoader(true);
+            var outputContent;
+            var urlDirectory = (dir === null) ? '/' : dir;
+
+            $.ajax({
+                type: 'POST',
+                url: '/server/{{ $server->uuidShort }}/ajax/files/directory-list',
+                headers: { 'X-CSRF-Token': '{{ csrf_token() }}' },
+                data: { directory: urlDirectory }
+            }).done(function (data) {
+                handleLoader(false);
+                $("#load_files").slideUp(function () {
+                    $("#load_files").html(data).slideDown();
+                    $('[data-toggle="tooltip"]').tooltip();
+                    $('#internal_alert').slideUp();
+
+                    // Run Actions Again
+                    reloadActions();
+                });
+            }).fail(function (jqXHR) {
+                $("#internal_alert").html('<div class="alert alert-danger">An error occured while attempting to process this request. Please try again.</div>').show();
+                console.log(jqXHR);
+            });
+
+        }
+
+        // Load on Initial Page Load
+        loadDirectoryContents($.urlParam('dir'));
+
+    });
+</script>
+@endsection