Added ServerInfo Page

ConnectionController.Connect redirects automatically to ServerInfo
This commit is contained in:
alexfriesen
2016-04-30 19:07:44 +02:00
parent c9b2ee8335
commit 4087a9f591
5 changed files with 130 additions and 32 deletions
+75
View File
@@ -0,0 +1,75 @@
<div ng-controller="ServerInfoController" flex layout="column" id="ServerInfoController">
<div class="row">
<div class="col-lg-12">
<h2 class="center">
{{info.Hostname}}
<div class="btn-group pull-right">
<button ng-click="Refresh()" class="btn btn-default" type="button"><i class="glyphicon glyphicon-refresh"></i></button>
</div>
</h2>
</div>
<div class="col-lg-4">
<div class="container">
<p>Map: {{info.Map}}</p>
</div>
</div>
<div class="col-lg-4">
<div class="container">
<p>Max Players: {{info.MaxPlayers}}</p>
</div>
</div>
<div class="col-lg-4">
<div class="container">
<p>GameTime: {{info.GameTime}}</p>
</div>
</div>
<div class="col-lg-4">
<div class="container">
<p>Framerate: <span class="badge">{{info.Framerate}}</span></p>
</div>
</div>
<div class="col-lg-4">
<div class="container">
<p>EntityCount: <span class="badge">{{info.EntityCount}}</span></p>
</div>
</div>
<div class="col-lg-4">
<div class="container">
<p>Uptime: <span class="badge">{{info.Uptime}}s</span></p>
</div>
</div>
<div class="col-lg-4">
<div class="container">
<p>Players: <span class="badge">{{info.Players}}</span></p>
</div>
</div>
<div class="col-lg-4">
<div class="container">
<p>Joining: <span class="badge">{{info.Joining}}</span></p>
</div>
</div>
<div class="col-lg-4">
<div class="container">
<p>Queued: <span class="badge">{{info.Queued}}</span></p>
</div>
</div>
</div>
<div class="right row">
</div>
</div>
+2 -2
View File
@@ -27,11 +27,10 @@
</div>
<div class="col-sm-10" ng-show="Connected" >
<div class="col-sm-10" ng-show="Connected">
<h1 class="page-header">{{$route.current.Title}}</h1>
<div class="row" ng-view></div>
</div>
</div>
@@ -60,6 +59,7 @@
<script src="js/rconService.js"></script>
<script src="js/app.js"></script>
<script src="js/connection.js"></script>
<script src="js/serverInfo.js"></script>
<script src="js/console.js"></script>
<script src="js/playerlist.js"></script>
<script src="js/playerInfo.js"></script>
+1
View File
@@ -7,6 +7,7 @@ app.service( 'rconService', [RconService] );
app.config( function ( $routeProvider )
{
$routeProvider.when( "/home", { Title: "Home" } )
$routeProvider.when( "/:address/info", { Title: "Server", templateUrl: "html/serverInfo.html", Nav: true } )
$routeProvider.when( "/:address/console", { Title: "Console", templateUrl: "html/console.html", Nav: true } )
$routeProvider.when( "/:address/chat", { Title: "Chat", templateUrl: "html/chat.html", Nav: true } )
$routeProvider.when( "/:address/playerlist", { Title: "Player List", templateUrl: "html/playerlist.html", Nav: true } )
+2
View File
@@ -20,6 +20,8 @@ function ConnectionController( $scope, rconService, $routeParams, $timeout, $loc
$scope.LastErrorMessage = null;
rconService.Connect( $scope.Address, $scope.Password );
$location.path('/' + $scope.Address + '/info');
}
$scope.ConnectTo = function ( c )
+20
View File
@@ -0,0 +1,20 @@
app.controller( 'ServerInfoController', ServerInfoController );
function ServerInfoController( $scope, rconService, $routeParams )
{
$scope.info = {};
$scope.Refresh = function ()
{
rconService.Request( 'serverinfo', $scope, function ( msg )
{
$scope.info = JSON.parse( msg.Message );
// $scope.Players = JSON.parse( msg.Message );
console.log($scope.info);
});
}
rconService.InstallService( $scope, $scope.Refresh );
}