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

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

{{#taskid}}
<div data-tm-id="{{taskid}}" data-tm-log="messages">{{taskname}}</div>
{{/taskid}}

<ul class="nav nav-tabs tabs-up">
	<li class="active">
		<a href="#id-default_pane" id="id-default" class="ajax-tab" data-toggle="tab" role="tab">
			{{lang_overview}}
		</a>
	</li>
	{{#tabs}}
		{{^enabled}}
		<li class="disabled">
			<a>
				{{#important}}
					<span class="glyphicon glyphicon-warning-sign text-danger"></span>
				{{/important}}
				{{name}}
			</a>
		</li>
		{{/enabled}}
		{{#enabled}}
		<li>
			<a href="#id-{{type}}_pane" class="ajax-tab" id="id-{{type}}" data-toggle="tab" role="tab">
				{{#important}}
					<span class="glyphicon glyphicon-warning-sign text-danger"></span>
				{{/important}}
				{{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() {
		var slxDone = {};
		var loadTab = function (e) {
			var $this = $(this);
			var w = $this.attr('id');
			if (!slxDone[w]) {
				slxDone[w] = true;
				var $pane = $('#' + w + '_pane');
				var tab = w.substring(3);
				if (tab === 'default') {
					$('#diskstat').load('?do=SystemStatus&action=DiskStat');
					$('#addresses').load('?do=SystemStatus&action=AddressList');
					$('#systeminfo').load('?do=SystemStatus&action=SystemInfo');
					$('#services').load('?do=SystemStatus&action=Services');
				} else {
					$pane.load('?do=SystemStatus&action=' + tab, function() {
						$(this).find('button[data-confirm]').click(slxModalConfirmHandler);
					});
				}
			}
		};
		$('.ajax-tab').on('shown.bs.tab', loadTab);
		// Need a better solution for this -- there is already code handling tabs in slx-fixes, maybe put this in there?
		if (location.hash === '' || location.hash === '#' || location.hash === '#id-default_pane') {
			history.replaceState(null, null, '#id-default_pane');
			loadTab.call($('#id-default'));
		}
		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>

<div class="hidden" id="confirm-restart">{{lang_confirmRestart}}</div>