alexfriesen
7697c6baac
- use bootstrap styling - connections will save the date - connection duplicates will be removed on a new connection - saved connections can be toggled between 5 items and all
51 lines
1.8 KiB
HTML
51 lines
1.8 KiB
HTML
<div ng-controller="ConnectionController" class="row">
|
|
|
|
<div class="col-md-offset-4 col-md-6 panel jumbotron" style="margin-top: 128px">
|
|
|
|
<h2>Connect</h2>
|
|
|
|
<div class="alert alert-danger" ng-show="LastErrorMessage != null">{{LastErrorMessage}}</div>
|
|
|
|
<p>Enter the address (including rcon port) and the rcon password below to connect.</p>
|
|
|
|
<form ng-submit="Connect()">
|
|
<div class="md-inline-form">
|
|
|
|
<div class="md-block form-group" flex-gt-xs>
|
|
<label for="conncetion-adress">Address</label>
|
|
<input required minlength=5 ng-model="Address" name="Address" class="form-control" placeholder="xxx.xxx.xxx.xxx:28016" id="conncetion-adress">
|
|
</div>
|
|
|
|
<div class="md-block form-group" flex-gt-xs>
|
|
<label for="conncetion-password">Password</label>
|
|
<input required minlength=2 type="password" ng-model="Password" name="Password" class="form-control" id="conncetion-password">
|
|
</div>
|
|
|
|
<div class="checkbox right">
|
|
<label>
|
|
<input type="checkbox" ng-model="SaveConnection"> Save Connection
|
|
</label>
|
|
</div>
|
|
|
|
<button type="submit" class="btn btn-primary btn-block" ng-click="Connect()">Connect</button>
|
|
|
|
</div>
|
|
|
|
</form>
|
|
</div>
|
|
|
|
<div class="col-md-offset-4 col-md-6 panel jumbotron">
|
|
|
|
<div ng-show="PreviousConnects.length > 0">
|
|
<h2>Saved Connections</h2>
|
|
<ul ng-repeat="c in PreviousConnects | orderBy:array:true | limitTo:connectionsLimit">
|
|
<li><a ng-click="ConnectTo( c )" href="#/{{c.Address}}/info">{{c.Address}}</a> - {{c.date | date:'short'}}</li>
|
|
</ul>
|
|
<div ng-show="PreviousConnects.length > connectionsLimit || connectionsLimit === undefined">
|
|
<button type="submit" class="btn btn-primary btn-block" ng-click="toggleConnectionsLimit()">Show {{(connectionsLimit === undefined) ? 'less' : 'more'}}</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div> |