1
0
Fork 0
mirror of https://github.com/iiab/iiab.git synced 2025-03-09 15:40:17 +00:00
iiab/roles/xsce-admin/files/console/index.html
2017-05-27 11:09:50 -07:00

246 lines
14 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>School Server Admin Console</title>
<!-- Bootstrap -->
<link href="/common/css/bootstrap.min.css" rel="stylesheet">
<!-- <link href="css/xsce.css" rel="stylesheet"> -->
<link href="css/xsce.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container-fluid"> <!-- Start Outermost Container -->
<div class="page-header">
<center><h1>School Server Admin Console</h1></center>
</div>
<div class="tabbable boxed parentTabs"> <!-- Start Top Level tabbable boxed parentTabs -->
<div class="xsce-top-nav"> <!-- Top Level Nav-->
<ul class="nav nav-tabs">
<li class="active"><a href="#ControlServer">Control</a></li>
<li><a href="#Configure">Configure</a></li>
<li><a href="#InstallContent">Install Content</a></li>
<!-- <li><a href="#Future">Assemble Content</a></li> -->
<li><a href="#Util">Utilities</a></li>
<li><a href="#Help">Help</a></li>
<li><a href="#About" call-after="showAboutSummary">About</a></li>
<!-- <li><a href="#Test">Tests</a></li> -->
</ul>
</div>
<div class="tab-content"> <!-- Start Top Level Content-->
<!-- Start ControlServer Top Level Pane -->
<!-- This is inline so can reboot or poweroff without waiting for rest of app -->
<div class="tab-pane active" id="ControlServer">
<div class="row-fluid"> <!-- ControlServer Top Level Header -->
<div class="col-md-9 col-md-offset-3">
<h1>Control School Server</h1>
</div>
</div> <!-- row-fluid -->
<div class="tabbable"> <!-- Start ControlServer Sublevel Menu Items and Options -->
<div class="row-fluid"> <!-- Start containing row -->
<div class="col-md-3 xsce-left-nav"> <!-- Start left column -->
<h2>Control Server</h2>
<ul class="nav nav-pills nav-stacked"> <!-- Start XXX Sub Level Menu -->
<li class="active"><a href="#controlWarning">Warning</a></li>
<!-- <li><a href="#">Services Enabled</a></li> -->
</ul> <!-- End XXX Sub Level Menu -->
<h2>Actions</h2>
<div class="action-buttons">
<button id="REBOOT" type="button" class="btn btn-lg btn-danger" style="opacity:0.5" disabled>REBOOT Server</button>
<button id="POWEROFF" type="button" class="btn btn-lg btn-danger" style="opacity:0.5" disabled>POWER OFF Server</button>
</div>
</div> <!-- left column -->
<div class="col-md-9"> <!-- Start right column -->
<div class="tab-content"> <!-- Start Container for Sub Menu Options Panes -->
<div class="tab-pane active" id="controlWarning"> <!-- Start instConStart Submenu Option Pane -->
<h2>WARNING</h2>
<p>Please use caution in rebooting or powering off the server.</p>
<p>Please make sure that no one is using it.</p>
<h2>PLEASE NOTE</h2>
<p>After you have made <b>Changes to Hardware</b> you should probably <b>Reboot</b>.</p>
<p>After you have <b>Installed New Content or Features</b> please <b>Refresh your Browser</b>.</p>
<h2>Starting Application</h2>
<div id="initLog"></div>
</div> <!-- End controlWarning Submenu Option Pane -->
</div> <!-- End Container for Sub Menu Options Panes -->
</div> <!-- right column -->
</div> <!-- End containing row -->
</div> <!-- End XXX Sublevel Menu Items and Options -->
</div> <!-- End ControlServer Top Level Pane -->
<!-- These Menu Panes are dynamically loaded -->
<!-- Configure Pane -->
<div class="tab-pane" id="Configure"></div>
<!-- InstallContent Pane -->
<div class="tab-pane" id="InstallContent"></div>
<!-- Utilities Pane -->
<div class="tab-pane" id="Util"></div>
<div class="tab-pane" id="Help"> <!-- Start Help Top Level Pane -->
<div class="row-fluid"> <!-- Help Top Level Header -->
<div class="col-md-9 col-md-offset-3">
<h1>Help</h1>
</div>
</div> <!-- row-fluid -->
<div class="tabbable"> <!-- Start XXX Sublevel Menu Items and Options -->
<div class="row-fluid"> <!-- Start containing row -->
<div class="col-md-3 xsce-left-nav"> <!-- Start left column -->
<h2>Help Sections</h2>
<ul class="nav nav-pills nav-stacked"> <!-- Start XXX Sub Level Menu -->
<li class="active"><a href="#helpText" call-after="getHelp" call-after-arg="Overview.rst">Overview</a></li>
<li><a href="#helpText" call-after="getHelp" call-after-arg="Control.rst">Control</a></li>
<li><a href="#helpText" call-after="getHelp" call-after-arg="Config.rst">Configure</a></li>
<li><a href="#helpText" call-after="getHelp" call-after-arg="InstContent.rst">Install Content</a></li>
<li><a href="#helpText" call-after="getHelp" call-after-arg="Utilities.rst">Utilities</a></li>
<!-- <li><a href="#">Internet Caching/Filtering</a></li>
<li><a href="#">Services Enabled</a></li> -->
</ul> <!-- End XXX Sub Level Menu -->
</div> <!-- left column -->
<div class="col-md-9"> <!-- Start right column -->
<div class="tab-content"> <!-- Start Container for Sub Menu Options Panes -->
<div class="tab-pane active" id="helpText"> <!-- Start XXX Submenu Option Pane -->
<div id="helpItem"></div>
</div> <!-- End XXX Submenu Option Pane -->
</div> <!-- End Container for Sub Menu Options Panes -->
</div> <!-- right column -->
</div> <!-- End containing row -->
</div> <!-- End XXX Sublevel Menu Items and Options -->
</div> <!-- End Help Top Level Pane -->
<div class="tab-pane" id="About"> <!-- Start About Top Level Pane -->
<div class="row-fluid"> <!-- About Top Level Header -->
<div class="col-md-9 col-md-offset-3">
<h1>About XSCE Server</h1>
</div>
</div> <!-- row-fluid -->
<div class="tabbable"> <!-- Start XXX Sublevel Menu Items and Options -->
<div class="row-fluid"> <!-- Start containing row -->
<div class="col-md-3 xsce-left-nav"> <!-- Start left column -->
<h2>About</h2>
<ul class="nav nav-pills nav-stacked"> <!-- Start XXX Sub Level Menu -->
<li class="active"><a href="#aboutSummary" call-after="showAboutSummary">About XSCE Server</a></li>
<li><a href="#"></a></li>
<!-- <li><a href="#">Internet Caching/Filtering</a></li>
<li><a href="#">Services Enabled</a></li> -->
</ul> <!-- End XXX Sub Level Menu -->
</div> <!-- left column -->
<div class="col-md-9"> <!-- Start right column -->
<div class="tab-content"> <!-- Start Container for Sub Menu Options Panes -->
<div class="tab-pane active" id="aboutSummary"> <!-- Start XXX Submenu Option Pane -->
<div id="aboutSummaryText"></div>
<div>
<h2>Internet-in-a-Box Credits</h2>
The XSCE School Server known as Internet-in-a-Box includes a variety of educational and other content and applications which are attributed as follows:<br><br>
All Wikipedia content is available for free at <a href="http://www.wikipedia.org/">www.wikipedia.org</a>.<br>
All other Wikimedia content is available for free via links at <a href="http://www.wikimedia.org/">www.wikimedia.org</a>.<br>
All Khan Academy content is available for free at <a href="http://www.khanacademy.org/">www.khanacademy.org</a>.<br>
All CK-12 content is available for free at <a href="http://www.ck-12.org/">www.ck-12.org</a>.<br>
All MedLine content is available for free at <a href="http://www.nlm.nih.gov/medlineplus/">www.nlm.nih.gov/medlineplus</a>.<br>
All Hesperian content is available for free at <a href="http://www.hesperian.org/">www.hesperian.org</a>.<br>
All Gutenberg content is available for free at <a href="http://www.gutenberg.org/">www.gutenberg.org</a>.<br>
All OLPC content is available for free at <a href="http://wiki.laptop.org/go/Library_grid">www.laptop.org</a>.<br>
All MIT Scratch content is available for free at <a href="http://scratch.mit.edu">scratch.mit.edu</a>.<br>
All UNESCO's IICBA content is available for free at <a href="http://www.eng.unesco-iicba.org/elibrary">www.eng.unesco-iicba.org</a>.<br>
All Math Expression content is available for free at <a href="http://www.mathexpression.com">www.mathexpression.com</a>.<br>
All Music Theory content is available for free at <a href="http://www.musictheory.net">www.musictheory.net</a>.<br><br>
Internet-in-a-Box also includes the work of content aggregators which we gratefully acknowledge:<br><br>
RACHEL is a curation of selected offline content at <a href="http://www.rachel.worldpossible.org/">www.rachel.worldpossible.org</a>.<br>
Kiwix is a Zim server and repository of Wikimedia and other content in a compressed Zim file format at <a href="http://www.kiwix.org/">www.kiwix.org</a>.<br>
KA Lite is a server and repository of Khan Academy content in various languages at <a href="http://learningequality.org/ka-lite/">learningequality.org/ka-lite</a>.<br><br>
Internet-in-a-Box also contains a number of applications each of which has its own attribution information which is included.<br><br>
This Internet-in-a-Box distribution resides at <a href="http://github.com/XSCE/xsce">github.com/XSCE/xsce</a>.<br><br>
It is licensed under the terms of the GNU Library General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version.<br><br>
Licensing information may be found at <a href="http://github.com/XSCE/xsce/blob/master/LICENSE">github.com/XSCE/xsce/blob/master/LICENSE</a>.<br>
</div>
</div> <!-- End XXX Submenu Option Pane -->
</div> <!-- End Container for Sub Menu Options Panes -->
</div> <!-- right column -->
</div> <!-- End containing row -->
</div> <!-- End XXX Sublevel Menu Items and Options -->
</div> <!-- End About Top Level Pane -->
</div> <!-- End Top Level Content -->
</div> <!-- End Top Level tabbable boxed parentTabs -->
<!-- Modal Pages go Here -->
<div id="initDataModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<!-- <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button> -->
<h4>Loading Data into Console</h4>
</div>
<div id="initDataModalResult" class="modal-body">
If this takes more than a couple of seconds there is likely a problem with the server.<BR><BR>
</div>
</div>
</div>
</div>
<!-- Select LangCodes Modal -->
<div class="modal fade modal-wide" id="selectLangCodes" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button id="selectLangButton2" type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="myModalLabel">Select Languages</h4>
</div>
<div class="modal-body">
<div id="ZimLanguages" class="lang-list"> </div>
<button id="moreLangButton" type="button" class="btn btn-primary">More Languages</button>
<div id="ZimLanguages2" class="lang-list"> </div>
</div>
<div class="modal-footer">
<button id="selectLangButton" type="button" class="btn btn-primary">Show Content</button>
</div>
</div>
</div>
</div>
<!-- Select LangCodes Modal -->
</div> <!-- End Outermost Container -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="/common/js/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="/common/js/bootstrap.min.js"></script>
<script src="/common/js/Markdown.Converter.js"></script>
<script src="/common/js/Markdown.Sanitizer.js"></script>
<script src="js/admin_console.js"></script>
<script>
controlButtonsEvents(); // make first page active before others in case want to reboot or shutdown
make_button_disabled("#REBOOT", false);
make_button_disabled("#POWEROFF", false);
console.log ("Starting dynamic pages");
// N.B we can preassemble the html fragments with ansible assemble module so browser caches a single file
// We can still set up Control panel before the others
$.when(
$.get('htmlf/20-configure.html', function(data) {
$('#Configure').html(data);
configButtonsEvents();
}),
$.get('htmlf/40-install_content.html', function(data) {
$('#InstallContent').html(data);
instContentButtonsEvents();
}),
$.get('htmlf/70-utilities.html', function(data) {
$('#Util').html(data);
utilButtonsEvents();
})
).done(function() {
main();
});
</script>
</body>
</html>