{{-- Copyright (c) 2015 - 2017 Dane Everitt <dane@daneeveritt.com> --}} {{-- Permission is hereby granted, free of charge, to any person obtaining a copy --}} {{-- of this software and associated documentation files (the "Software"), to deal --}} {{-- in the Software without restriction, including without limitation the rights --}} {{-- to use, copy, modify, merge, publish, distribute, sublicense, and/or sell --}} {{-- copies of the Software, and to permit persons to whom the Software is --}} {{-- furnished to do so, subject to the following conditions: --}} {{-- The above copyright notice and this permission notice shall be included in all --}} {{-- copies or substantial portions of the Software. --}} {{-- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR --}} {{-- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, --}} {{-- FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE --}} {{-- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER --}} {{-- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, --}} {{-- OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE --}} {{-- SOFTWARE. --}} @extends('layouts.admin') @section('title') {{ $node->name }}: Allocations @endsection @section('content-header') <h1>{{ $node->name }}<small>Control allocations available for servers on this node.</small></h1> <ol class="breadcrumb"> <li><a href="{{ route('admin.index') }}">Admin</a></li> <li><a href="{{ route('admin.nodes') }}">Nodes</a></li> <li><a href="{{ route('admin.nodes.view', $node->id) }}">{{ $node->name }}</a></li> <li class="active">Allocations</li> </ol> @endsection @section('content') <div class="row"> <div class="col-xs-12"> <div class="nav-tabs-custom nav-tabs-floating"> <ul class="nav nav-tabs"> <li><a href="{{ route('admin.nodes.view', $node->id) }}">About</a></li> <li><a href="{{ route('admin.nodes.view.settings', $node->id) }}">Settings</a></li> <li><a href="{{ route('admin.nodes.view.configuration', $node->id) }}">Configuration</a></li> <li class="active"><a href="{{ route('admin.nodes.view.allocation', $node->id) }}">Allocation</a></li> <li><a href="{{ route('admin.nodes.view.servers', $node->id) }}">Servers</a></li> </ul> </div> </div> </div> <div class="row"> <div class="col-sm-8"> <div class="box box-primary"> <div class="box-header with-border"> <h3 class="box-title">Existing Allocations</h3> </div> <div class="box-body table-responsive no-padding"> <table class="table table-hover" style="margin-bottom:0;"> <tr> <th>IP Address <i class="fa fa-fw fa-minus-square" style="font-weight:normal;color:#d9534f;cursor:pointer;" data-toggle="modal" data-target="#allocationModal"></i></th> <th>IP Alias</th> <th>Port</th> <th>Assigned To</th> <th></th> </tr> @foreach($node->allocations as $allocation) <tr> <td class="col-sm-3 middle">{{ $allocation->ip }}</td> <td class="col-sm-3 middle"> <input class="form-control input-sm" type="text" value="{{ $allocation->ip_alias }}" data-action="set-alias" data-id="{{ $allocation->id }}" placeholder="none" /> <span class="input-loader"><i class="fa fa-refresh fa-spin fa-fw"></i></span> </td> <td class="col-sm-2 middle">{{ $allocation->port }}</td> <td class="col-sm-3 middle"> @if(! is_null($allocation->server)) <a href="{{ route('admin.servers.view', $allocation->server_id) }}">{{ $allocation->server->name }}</a> @endif </td> <td class="col-sm-1 middle"> @if(is_null($allocation->server_id)) <button data-action="deallocate" data-id="{{ $allocation->id }}" class="btn btn-sm btn-danger"><i class="fa fa-trash-o"></i></button> @else <button class="btn btn-sm disabled"><i class="fa fa-trash-o"></i></button> @endif </td> </tr> @endforeach </table> </div> <div class="box-footer text-center"> {{ $node->allocations->render() }} </div> </div> </div> <div class="col-sm-4"> <form action="{{ route('admin.nodes.view.allocation', $node->id) }}" method="POST"> <div class="box box-success"> <div class="box-header with-border"> <h3 class="box-title">Assign New Allocations</h3> </div> <div class="box-body"> <div class="form-group"> <label for="pAllocationIP" class="control-label">IP Address</label> <div> <select class="form-control" name="allocation_ip" id="pAllocationIP" multiple> @foreach($node->allocations->unique('ip')->values()->all() as $allocation) <option value="{{ $allocation->ip }}">{{ $allocation->ip }}</option> @endforeach </select> <p class="text-muted small">Enter an IP address to assign ports to here.</p> </div> </div> <div class="form-group"> <label for="pAllocationIP" class="control-label">IP Alias</label> <div> <input type="text" id="pAllocationAlias" class="form-control" name="allocation_alias" placeholder="alias" /> <p class="text-muted small">If you would like to assign a default alias to these allocations enter it here.</p> </div> </div> <div class="form-group"> <label for="pAllocationPorts" class="control-label">Ports</label> <div> <select class="form-control" name="allocation_ports[]" id="pAllocationPorts" multiple></select> <p class="text-muted small">Enter individual ports or port ranges here separated by commas or spaces.</p> </div> </div> </div> <div class="box-footer"> {!! csrf_field() !!} <button type="submit" class="btn btn-success btn-sm pull-right">Submit</button> </div> </div> </form> </div> </div> <div class="modal fade" id="allocationModal" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title">Delete Allocations for IP Block</h4> </div> <form action="{{ route('admin.nodes.view.allocation.removeBlock', $node->id) }}" method="POST"> <div class="modal-body"> <div class="row"> <div class="col-md-12"> <select class="form-control" name="ip"> @foreach($node->allocations->unique('ip')->values()->all() as $allocation) <option value="{{ $allocation->ip }}">{{ $allocation->ip }}</option> @endforeach </select> </div> </div> </div> <div class="modal-footer"> {{{ csrf_field() }}} <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="submit" class="btn btn-danger">Delete Allocations</button> </div> </form> </div> </div> </div> @endsection @section('footer-scripts') @parent <script> $('#pAllocationIP').select2({ tags: true, maximumSelectionLength: 1, tokenSeparators: [',', ' '], }); $('#pAllocationPorts').select2({ tags: true, tokenSeparators: [',', ' '], }); $('button[data-action="deallocate"]').click(function (event) { event.preventDefault(); var element = $(this); var allocation = $(this).data('id'); swal({ title: '', text: 'Are you sure you want to delete this allocation?', type: 'warning', showCancelButton: true, allowOutsideClick: true, closeOnConfirm: false, confirmButtonText: 'Delete', confirmButtonColor: '#d9534f', showLoaderOnConfirm: true }, function () { $.ajax({ method: 'DELETE', url: Router.route('admin.nodes.view.allocation.removeSingle', { id: Pterodactyl.node.id, allocation: allocation }), headers: { 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') }, }).done(function (data) { element.parent().parent().addClass('warning').delay(100).fadeOut(); swal({ type: 'success', title: 'Port Deleted!' }); }).fail(function (jqXHR) { console.error(jqXHR); swal({ title: 'Whoops!', text: jqXHR.responseJSON.error, type: 'error' }); }); }); }); var typingTimer; $('input[data-action="set-alias"]').keyup(function () { clearTimeout(typingTimer); $(this).parent().removeClass('has-error has-success'); typingTimer = setTimeout(sendAlias, 250, $(this)); }); var fadeTimers = []; function sendAlias(element) { element.parent().find('.input-loader').show(); clearTimeout(fadeTimers[element.data('id')]); $.ajax({ method: 'POST', url: Router.route('admin.nodes.view.allocation.setAlias', { id: Pterodactyl.node.id }), headers: { 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') }, data: { alias: element.val(), allocation_id: element.data('id'), } }).done(function (data) { element.parent().addClass('has-success'); }).fail(function (jqXHR) { console.error(jqXHR); element.parent().addClass('has-error'); }).always(function () { element.parent().find('.input-loader').hide(); fadeTimers[element.data('id')] = setTimeout(clearHighlight, 2500, element); }); } function clearHighlight(element) { element.parent().removeClass('has-error has-success'); } </script> @endsection