path: root/modules-available/systemstatus/templates/_page.html

<h1>{{lang_moduleHeading}}</h1>

{{#rebootTask}}
<div data-tm-id="{{rebootTask}}" data-tm-log="messages">Reboot...</div>
{{/rebootTask}}

<ul class="nav nav-tabs tabs-up">
	<li class="active">
		<a href="#id-default_pane" id="id-default" class="active" data-toggle="tab" role="tab">
			{{lang_overview}}
		</a>
	</li>
	{{#tabs}}
		{{^enabled}}
		<li class="disabled">
			<a>
				{{name}}
			</a>
		</li>
		{{/enabled}}
		{{#enabled}}
		<li>
			<a href="#id-{{type}}_pane" class="ajax-tab" id="id-{{type}}" data-toggle="tab" role="tab">
				{{name}}
			</a>
		</li>
		{{/enabled}}
	{{/tabs}}
</ul>

<div class="tab-content">

	<div class="tab-pane active" id="id-default_pane">
		<div class="row">

			<div class="col-sm-6">
				<div class="panel panel-default">
					<div class="panel-heading">
						{{lang_space}}
					</div>
					<div class="panel-body" id="diskstat">
						<span class="glyphicon glyphicon-refresh slx-rotation"></span>
					</div>
				</div>
			</div>

			<div class="col-sm-6">
				<div class="panel panel-default">
					<div class="panel-heading">
						{{lang_services}}
					</div>
					<div class="panel-body" id="services">
						<span class="glyphicon glyphicon-refresh slx-rotation"></span>
					</div>
				</div>
			</div>

		</div>


		<div class="row">

			<div class="col-md-6">
				<div class="panel panel-default">
					<div class="panel-heading">
						{{lang_addressConfiguration}}
					</div>
					<div class="panel-body" id="addresses">
						<span class="glyphicon glyphicon-refresh slx-rotation"></span>
					</div>
				</div>
			</div>

			<div class="col-md-6">
				<div class="panel panel-default">
					<div class="panel-heading">
						{{lang_system}}
					</div>
					<div class="panel-body" id="systeminfo">
						<span class="glyphicon glyphicon-refresh slx-rotation"></span>
					</div>
				</div>
			</div>

		</div>

		<div class="row">

			<div class="col-md-6">
				<div class="panel panel-default">
					<div class="panel-heading">
						{{lang_maintenance}}
					</div>
					<div class="panel-body">
						<form action="?do=SystemStatus" method="post">
							<input type="hidden" name="token" value="{{token}}">
							<input type="hidden" name="action" value="reboot">
							<button type="submit" {{perms.serverreboot.disabled}} class="btn btn-warning" data-confirm="#confirm-reboot">
								<span class="glyphicon glyphicon-repeat"></span> {{lang_serverReboot}}
							</button>
							<div class="hidden" id="confirm-reboot">{{lang_areYouSureReboot}}</div>
						</form>
						<div id="dmsd-users">
							{{lang_runningUploads}}: <span class="uploads">??</span>,
							{{lang_runningDownloads}}: <span class="downloads">??</span>
							<div class="alert alert-warning collapse">{{lang_dmsdUnreachable}}</div>
						</div>
						<div>
							{{#packages}}
							{{lang_updatedPackages}}: {{packages}}
							{{/packages}}
						</div>
					</div>
				</div>
			</div>

		</div>
	</div>

{{#tabs}}
	<div class="tab-pane" id="id-{{type}}_pane">
		<span class="glyphicon glyphicon-refresh slx-rotation"></span>
	</div>
{{/tabs}}
</div>

<div>&nbsp;</div>

<script type="text/javascript"><!--
	document.addEventListener("DOMContentLoaded", function() {
		$('#diskstat').load('?do=SystemStatus&action=DiskStat');
		$('#addresses').load('?do=SystemStatus&action=AddressList');
		$('#systeminfo').load('?do=SystemStatus&action=SystemInfo');
		$('#services').load('?do=SystemStatus&action=Services');
		var slxDone = {};
		$('.ajax-tab').on('shown.bs.tab', function (e) {
			var $this = $(this);
			var w = $this.attr('id');
			if (!slxDone[w]) {
				slxDone[w] = true;
				var $pane = $('#' + w + '_pane');
				$pane.load('?do=SystemStatus&action=' + w.substring(3));
			}
		});
		var $dmsd = $('#dmsd-users');
		$.ajax({
			url: '?do=dozmod&section=special&action=dmsd-status',
			timeout: 3000,
			dataType: 'json'
		}).done(function (data) {
			if (!data || data.error) {
				$dmsd.find('.alert').show();
			} else {
				if (data.downloads !== null) $dmsd.find('.downloads').text(data.downloads);
				if (data.uploads !== null) $dmsd.find('.uploads').text(data.uploads);
			}
		}).fail(function () {
			$dmsd.find('.alert').show();
		});
	}, false);
//--></script>