2016-01-24 02:30:03 +00:00
|
|
|
{{-- Copyright (c) 2015 - 2016 Dane Everitt <dane@daneeveritt.com> --}}
|
2016-01-20 20:56:40 +00:00
|
|
|
|
2016-01-24 02:30:03 +00:00
|
|
|
{{-- 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: --}}
|
2016-01-20 20:56:40 +00:00
|
|
|
|
2016-01-24 02:30:03 +00:00
|
|
|
{{-- The above copyright notice and this permission notice shall be included in all --}}
|
|
|
|
|
{{-- copies or substantial portions of the Software. --}}
|
2016-01-20 20:56:40 +00:00
|
|
|
|
2016-01-24 02:30:03 +00:00
|
|
|
{{-- 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. --}}
|
2015-12-06 18:58:49 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
@section('scripts')
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<meta name="robots" content="noindex">
|
2016-02-06 04:27:43 +00:00
|
|
|
{!! Theme::css('css/bootstrap.css') !!}
|
|
|
|
|
{!! Theme::css('css/pterodactyl.css') !!}
|
|
|
|
|
{!! Theme::css('css/animate.css') !!}
|
|
|
|
|
{!! Theme::css('css/fontawesome/font-awesome.min.css') !!}
|
|
|
|
|
{!! Theme::css('css/sweetalert.min.css') !!}
|
|
|
|
|
{!! Theme::css('css/fuelux.min.css') !!}
|
|
|
|
|
{!! Theme::js('js/jquery.min.js') !!}
|
|
|
|
|
{!! Theme::js('js/bootstrap.min.js') !!}
|
|
|
|
|
{!! Theme::js('js/socket.io.min.js') !!}
|
|
|
|
|
{!! Theme::js('js/sweetalert.min.js') !!}
|
|
|
|
|
{!! Theme::js('js/fuelux.min.js') !!}
|
|
|
|
|
{!! Theme::js('js/admin.min.js') !!}
|
|
|
|
|
{!! Theme::js('js/bootstrap-notify.min.js') !!}
|
2015-12-06 18:58:49 +00:00
|
|
|
<script>
|
|
|
|
|
$(document).ready(function () {
|
|
|
|
|
$.notifyDefaults({
|
|
|
|
|
placement: {
|
|
|
|
|
from: 'bottom',
|
|
|
|
|
align: 'right'
|
|
|
|
|
},
|
|
|
|
|
newest_on_top: true,
|
|
|
|
|
delay: 2000,
|
|
|
|
|
animate: {
|
|
|
|
|
enter: 'animated fadeInUp',
|
|
|
|
|
exit: 'animated fadeOutDown'
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
@section('server-socket')
|
|
|
|
|
@if (isset($server->name) && isset($node->name))
|
|
|
|
|
<script>
|
|
|
|
|
var socket;
|
|
|
|
|
var notifySocketError = false;
|
|
|
|
|
$(window).load(function () {
|
|
|
|
|
|
|
|
|
|
// Main Socket Object
|
2016-01-05 21:23:50 +00:00
|
|
|
socket = io('{{ $node->scheme }}://{{ $node->fqdn }}:{{ $node->daemonListen }}/ws/{{ $server->uuid }}', {
|
2015-12-06 18:58:49 +00:00
|
|
|
'query': 'token={{ $server->daemonSecret }}'
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// Socket Failed to Connect
|
|
|
|
|
socket.io.on('connect_error', function (err) {
|
|
|
|
|
$('#applyUpdate').removeClass('fa-circle-o-notch fa-spinner fa-spin').addClass('fa-question-circle').css({ color: '#FF9900' });
|
|
|
|
|
if(typeof notifySocketError !== 'object') {
|
|
|
|
|
notifySocketError = $.notify({
|
2016-01-05 06:19:59 +00:00
|
|
|
message: '{!! trans('server.ajax.socket_error') !!}'
|
2015-12-06 18:58:49 +00:00
|
|
|
}, {
|
|
|
|
|
type: 'danger',
|
|
|
|
|
delay: 0
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// Connected to Socket Successfully
|
|
|
|
|
socket.on('connect', function () {
|
|
|
|
|
if (notifySocketError !== false) {
|
|
|
|
|
notifySocketError.close();
|
|
|
|
|
notifySocketError = false;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
2015-12-31 22:55:42 +00:00
|
|
|
socket.on('error', function (err) {
|
2016-01-01 23:14:26 +00:00
|
|
|
console.error('There was an error while attemping to connect to the websocket: ' + err + '\n\nPlease try loading this page again.');
|
2015-12-31 22:55:42 +00:00
|
|
|
});
|
|
|
|
|
|
2015-12-06 18:58:49 +00:00
|
|
|
// Socket Sends Server Status on Connect
|
|
|
|
|
socket.on('initial_status', function (data) {
|
|
|
|
|
var color = '#E33200';
|
|
|
|
|
var selector = 'fa-times-circle';
|
|
|
|
|
|
|
|
|
|
if (data.status === 1) {
|
|
|
|
|
color = '#53B30C';
|
|
|
|
|
selector = 'fa-check-circle';
|
2016-09-17 23:27:02 +00:00
|
|
|
} else if (data.status === 2) {
|
|
|
|
|
color = '#5bc0de';
|
|
|
|
|
selector = 'fa-circle-o-notch fa-spin'
|
2015-12-06 18:58:49 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$('#applyUpdate').removeClass('fa-circle-o-notch fa-spinner fa-spin fa-check-circle fa-times-circle').addClass(selector).css({ color: color });
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// Socket Recieves New Status from Scales
|
|
|
|
|
socket.on('status', function(data) {
|
2016-09-17 23:27:02 +00:00
|
|
|
var newStatus, selector = 'fa-times-circle';
|
|
|
|
|
var color = '#E33200';
|
2015-12-06 18:58:49 +00:00
|
|
|
|
2016-09-17 23:27:02 +00:00
|
|
|
switch (data.status) {
|
|
|
|
|
case 0:
|
|
|
|
|
newStatus = 'OFF';
|
|
|
|
|
break;
|
|
|
|
|
case 1:
|
|
|
|
|
newStatus = 'ON';
|
|
|
|
|
color = "#53B30C";
|
|
|
|
|
selector = "fa-check-circle";
|
|
|
|
|
break;
|
|
|
|
|
case 2:
|
|
|
|
|
newStatus = 'STARTING';
|
|
|
|
|
color = '#5bc0de';
|
|
|
|
|
selector = 'fa-circle-o-notch fa-spin'
|
|
|
|
|
break;
|
|
|
|
|
case 3:
|
|
|
|
|
newStatus = 'STOPPING';
|
|
|
|
|
break;
|
2015-12-06 18:58:49 +00:00
|
|
|
}
|
|
|
|
|
|
2016-09-17 23:27:02 +00:00
|
|
|
$('#applyUpdate').removeClass('fa-circle-o-notch fa-spinner fa-spin fa-check-circle fa-times-circle').addClass(selector).css({ color: color });
|
|
|
|
|
|
|
|
|
|
$.notify({
|
|
|
|
|
message: '{{ trans('server.ajax.socket_status') }} <strong>' + newStatus + '</strong>.'
|
|
|
|
|
}, {
|
|
|
|
|
type: 'info'
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
socket.on('crashed', function () {
|
|
|
|
|
$.notify({
|
|
|
|
|
message: '{{ trans('server.ajax.socket_status_crashed') }}'
|
|
|
|
|
}, {
|
|
|
|
|
delay: 5000,
|
|
|
|
|
type: 'danger'
|
|
|
|
|
});
|
2015-12-06 18:58:49 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
@endif
|
|
|
|
|
@show
|
|
|
|
|
@show
|
2016-01-21 03:08:09 +00:00
|
|
|
<title>{{ Settings::get('company') }} - @yield('title')</title>
|
2015-12-06 18:58:49 +00:00
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div class="container">
|
2016-01-23 17:32:45 +00:00
|
|
|
<div class="alert alert-danger" style="margin:10px auto -20px;">
|
2016-09-05 20:28:13 +00:00
|
|
|
<strong>Notice:</strong> You are running a developmental build of Pterodactyl Panel. Please report any bugs on our <a href="https://github.com/Pterodactyl/Panel/issues" target="_blank">Issue Tracker</a>.
|
2016-01-23 17:32:45 +00:00
|
|
|
</div>
|
2015-12-06 18:58:49 +00:00
|
|
|
<div class="navbar navbar-default">
|
|
|
|
|
<div class="navbar-header">
|
|
|
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
|
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
|
</button>
|
2016-01-21 03:08:09 +00:00
|
|
|
<a class="navbar-brand" href="/">{{ Settings::get('company') }}</a>
|
2015-12-06 18:58:49 +00:00
|
|
|
</div>
|
|
|
|
|
<div class="navbar-collapse collapse navbar-responsive-collapse">
|
|
|
|
|
@section('server-name')
|
|
|
|
|
@if (isset($server->name) && isset($node->name))
|
|
|
|
|
<ul class="nav navbar-nav">
|
2016-09-05 20:31:35 +00:00
|
|
|
<li class="active" id="{{ $server->name }}"><a href="/server/{{ $server->uuidShort }}/index"><i id="applyUpdate" class="fa fa-circle-o-notch fa-spinner fa-spin spin-light"></i> {{ $server->name }}</a></li>
|
2015-12-06 18:58:49 +00:00
|
|
|
</ul>
|
|
|
|
|
@endif
|
|
|
|
|
@show
|
2016-01-26 01:50:44 +00:00
|
|
|
@section('navbar-links')
|
|
|
|
|
<ul class="nav navbar-nav hidden-md hidden-lg">
|
|
|
|
|
<li class="dropdown">
|
|
|
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">{{ trans('pagination.sidebar.account_controls') }} <b class="caret"></b></a>
|
|
|
|
|
<ul class="dropdown-menu">
|
|
|
|
|
<li><a href="/account">{{ trans('pagination.sidebar.account_settings') }}</a></li>
|
2016-02-26 05:35:23 +00:00
|
|
|
<li><a href="/account/security">{{ trans('pagination.sidebar.account_security') }}</a></li>
|
2016-01-26 01:50:44 +00:00
|
|
|
<li><a href="/index">{{ trans('pagination.sidebar.servers') }}</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</li>
|
|
|
|
|
@if (isset($server->name) && isset($node->name))
|
|
|
|
|
<li class="dropdown">
|
|
|
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">{{ trans('pagination.sidebar.server_controls') }} <b class="caret"></b></a>
|
|
|
|
|
<ul class="dropdown-menu">
|
|
|
|
|
<li class="server-index"><a href="/server/{{ $server->uuidShort }}">{{ trans('pagination.sidebar.overview') }}</a></li>
|
|
|
|
|
@can('list-files', $server)<li class="server-files"><a href="/server/{{ $server->uuidShort }}/files">{{ trans('pagination.sidebar.files') }}</a></li>@endcan
|
|
|
|
|
@can('list-subusers', $server)<li class="server-users"><a href="/server/{{ $server->uuidShort }}/users">{{ trans('pagination.sidebar.subusers') }}</a></li>@endcan
|
2016-03-18 20:23:10 +00:00
|
|
|
@can('list-tasks', $server)<li class="server-tasks"><a href="/server/{{ $server->uuidShort }}/tasks">Scheduled Tasks</a></li>@endcan
|
2016-08-17 21:36:06 +00:00
|
|
|
@if(Gate::allows('view-startup', $server) || Gate::allows('view-sftp', $server) || Gate::allows('view-databases', $server))
|
2016-01-26 01:50:44 +00:00
|
|
|
<li class="server-settings"><a href="/server/{{ $server->uuidShort }}/settings">{{ trans('pagination.sidebar.manage') }}</a></li>
|
2016-08-17 21:36:06 +00:00
|
|
|
@endif
|
2016-01-26 01:50:44 +00:00
|
|
|
</ul>
|
|
|
|
|
</li>
|
|
|
|
|
@endif
|
|
|
|
|
</ul>
|
|
|
|
|
@show
|
2015-12-06 18:58:49 +00:00
|
|
|
@section('right-nav')
|
|
|
|
|
<ul class="nav navbar-nav navbar-right">
|
|
|
|
|
<li class="dropdown">
|
|
|
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">{{ trans('strings.language') }}<b class="caret"></b></a>
|
|
|
|
|
<ul class="dropdown-menu">
|
|
|
|
|
<li><a href="/language/de">Deutsch</a></li>
|
|
|
|
|
<li><a href="/language/en">English</a></li>
|
2016-09-26 00:32:32 +00:00
|
|
|
<!-- <li><a href="/language/es">Español</a></li>
|
2015-12-06 18:58:49 +00:00
|
|
|
<li><a href="/language/fr">Français</a></li>
|
|
|
|
|
<li><a href="/language/it">Italiano</a></li>
|
2016-09-26 00:32:32 +00:00
|
|
|
<li><a href="/language/pl">Polski</a></li> -->
|
2015-12-06 18:58:49 +00:00
|
|
|
<li><a href="/language/pt">Português</a></li>
|
2016-09-26 00:32:32 +00:00
|
|
|
<!-- <li><a href="/language/ru">русский</a></li>
|
2015-12-06 18:58:49 +00:00
|
|
|
<li><a href="/language/se">Svenska</a></li>
|
2016-09-26 00:32:32 +00:00
|
|
|
<li><a href="/language/zh">中国的的</a></li> -->
|
2015-12-06 18:58:49 +00:00
|
|
|
</ul>
|
|
|
|
|
</li>
|
|
|
|
|
@if (null !== Auth::user() && Auth::user()->root_admin == 1)
|
|
|
|
|
<li class="hidden-xs"><a href="/admin/"><i class="fa fa-cogs"></i></a></li>
|
2016-01-26 01:50:44 +00:00
|
|
|
<li class="visible-xs"><a href="/admin/"><i class="fa fa-cogs"></i> Admin Control Panel</a></li>
|
2015-12-06 18:58:49 +00:00
|
|
|
@endif
|
|
|
|
|
<li class="hidden-xs"><a href="/auth/logout"><i class="fa fa-power-off"></i></a></li>
|
2016-01-26 01:50:44 +00:00
|
|
|
<li class="visible-xs"><a href="/auth/logout"><i class="fa fa-power-off"></i> Logout</a></li>
|
2015-12-06 18:58:49 +00:00
|
|
|
</ul>
|
|
|
|
|
@show
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- Add Back Mobile Support -->
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar_links">
|
|
|
|
|
@section('sidebar')
|
|
|
|
|
<div class="list-group">
|
|
|
|
|
<a href="#" class="list-group-item list-group-item-heading"><strong>{{ trans('pagination.sidebar.account_controls') }}</strong></a>
|
|
|
|
|
<a href="/account" class="list-group-item">{{ trans('pagination.sidebar.account_settings') }}</a>
|
2016-02-26 05:35:23 +00:00
|
|
|
<a href="/account/security" class="list-group-item">{{ trans('pagination.sidebar.account_security') }}</a>
|
2015-12-06 18:58:49 +00:00
|
|
|
<a href="/" class="list-group-item">{{ trans('pagination.sidebar.servers') }}</a>
|
|
|
|
|
</div>
|
|
|
|
|
@section('sidebar-server')
|
|
|
|
|
@if (isset($server->name) && isset($node->name))
|
|
|
|
|
<div class="list-group">
|
|
|
|
|
<a href="#" class="list-group-item list-group-item-heading"><strong>{{ trans('pagination.sidebar.server_controls') }}</strong></a>
|
|
|
|
|
<a href="/server/{{ $server->uuidShort }}/" class="list-group-item server-index">{{ trans('pagination.sidebar.overview') }}</a>
|
2016-01-09 03:30:21 +00:00
|
|
|
@can('list-files', $server)<a href="/server/{{ $server->uuidShort }}/files" class="list-group-item server-files">{{ trans('pagination.sidebar.files') }}</a>@endcan
|
2016-01-18 05:56:09 +00:00
|
|
|
@can('list-subusers', $server)<a href="/server/{{ $server->uuidShort }}/users" class="list-group-item server-users">{{ trans('pagination.sidebar.subusers') }}</a>@endcan
|
2016-03-18 20:23:10 +00:00
|
|
|
@can('list-tasks', $server)<a href="/server/{{ $server->uuidShort }}/tasks" class="list-group-item server-tasks">Scheduled Tasks</a>@endcan
|
2016-08-17 21:36:06 +00:00
|
|
|
@if(Gate::allows('view-startup', $server) || Gate::allows('view-sftp', $server) || Gate::allows('view-databases', $server))
|
2016-01-22 04:53:48 +00:00
|
|
|
<a href="/server/{{ $server->uuidShort }}/settings" class="list-group-item server-settings">{{ trans('pagination.sidebar.manage') }}</a>
|
2016-08-17 21:36:06 +00:00
|
|
|
@endif
|
2015-12-06 18:58:49 +00:00
|
|
|
</div>
|
|
|
|
|
@endif
|
|
|
|
|
@show
|
|
|
|
|
@show
|
|
|
|
|
</div>
|
2016-01-04 21:48:22 +00:00
|
|
|
<div class="col-md-9">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-12" id="tpl_messages">
|
2016-01-26 00:21:26 +00:00
|
|
|
@section('resp-errors')
|
|
|
|
|
@if (count($errors) > 0)
|
|
|
|
|
<div class="alert alert-danger">
|
2016-01-04 21:48:22 +00:00
|
|
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
|
2016-01-26 00:21:26 +00:00
|
|
|
<strong>{{ trans('strings.whoops') }}!</strong> {{ trans('auth.errorencountered') }}<br><br>
|
|
|
|
|
<ul>
|
|
|
|
|
@foreach ($errors->all() as $error)
|
|
|
|
|
<li>{{ $error }}</li>
|
|
|
|
|
@endforeach
|
|
|
|
|
</ul>
|
2016-01-04 21:48:22 +00:00
|
|
|
</div>
|
2016-01-26 00:21:26 +00:00
|
|
|
@endif
|
|
|
|
|
@show
|
|
|
|
|
@section('resp-alerts')
|
|
|
|
|
@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">×</span></button>
|
|
|
|
|
{!! $message !!}
|
|
|
|
|
</div>
|
|
|
|
|
@endforeach
|
2016-01-04 21:48:22 +00:00
|
|
|
@endforeach
|
2016-01-26 00:21:26 +00:00
|
|
|
@show
|
2016-01-04 21:48:22 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
@yield('content')
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2015-12-06 18:58:49 +00:00
|
|
|
</div>
|
|
|
|
|
<div class="footer">
|
2016-02-15 02:46:17 +00:00
|
|
|
<div class="row" style="margin-bottom:15px;">
|
2015-12-06 18:58:49 +00:00
|
|
|
<div class="col-md-12">
|
2016-01-21 03:08:09 +00:00
|
|
|
Copyright © 2015 - {{ date('Y') }} <a href="https://github.com/Pterodactyl/Panel" target="_blank">Pterodactyl Software & Design</a>.<br />
|
|
|
|
|
Pterodactyl is licensed under a <a href="https://opensource.org/licenses/MIT" target="_blank">MIT</a> license. <!-- Please do not remove this license notice. We can't stop you though... :) -->
|
2015-12-06 18:58:49 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<script>
|
|
|
|
|
$(document).ready(function () {
|
|
|
|
|
// Remeber Active Tab and Navigate to it on Reload
|
|
|
|
|
for(var queryParameters={},queryString=location.search.substring(1),re=/([^&=]+)=([^&]*)/g,m;m=re.exec(queryString);)queryParameters[decodeURIComponent(m[1])]=decodeURIComponent(m[2]);$("a[data-toggle='tab']").click(function(){queryParameters.tab=$(this).attr("href").substring(1),window.history.pushState(null,null,location.pathname+"?"+$.param(queryParameters))});
|
|
|
|
|
if($.urlParam('tab') != null){$('.nav.nav-tabs a[href="#' + $.urlParam('tab') + '"]').tab('show');}
|
2016-01-04 21:48:22 +00:00
|
|
|
@if (count($errors) > 0)
|
|
|
|
|
@foreach ($errors->all() as $error)
|
|
|
|
|
<?php preg_match('/^The\s(.*?)\s/', $error, $matches) ?>
|
|
|
|
|
@if (isset($matches[1]))
|
|
|
|
|
$('[name="{{ $matches[1] }}"]').parent().parent().addClass('has-error');
|
|
|
|
|
@endif
|
|
|
|
|
@endforeach
|
|
|
|
|
@endif
|
2015-12-06 18:58:49 +00:00
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
