corrade-nucleus-nucleons – Diff between revs 20 and 25

Subversion Repositories:

?pathlinks?

Rev 20 – Rev 28 – Go to most recent revision – Details – Blame – Last modification – View Log

     <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css">
     <!-- Corrade Nucleus Fonts -->
     <link href="/css/nucleus/fonts.css" rel="stylesheet" type="text/css">
     <!-- Customized bootstrap style. -->
     <link href="/css/nucleus/nucleus.css" rel="stylesheet" type="text/css">
+    <!-- Manager for Windows. -->
+    <link href="/css/wm/wm.css" rel="stylesheet" type="text/css">
     <!-- HighCharts.js CSS -->
-    <link href="/node_modules/highcharts/css/highcharts.css" rel="stylesheet" type="text/css
+    <link href="/node_modules/highcharts/css/highcharts.css" rel="stylesheet" type="text/css">
 </head>
 <body>
     <div class="container">
         <div class="jumbotron">
         <h1>Nucleus</h1>
         <p class="lead">The Corrade Nucleus is a built-in management interface for the Corrade scripted agent that allows you to query general information, toggle and configure various aspects and monitor the uptime and health of your Corrade directly through your web browser.</p>
         <img src="/img/corrade-nucleus.png"></div>
-		<div class="panel panel-default">
+		<div class="panel panel-default draggable movable">
 		  <div class="panel-heading">
 		    <h3 class="panel-title">HeartBeat</h3>
 		  </div>
 		  <div class="panel-body">
 		    <div id="heartbeat" class="row"></div>
 		  </div>
 		</div>
-		<div class="panel panel-default">
+		<div class="panel panel-default draggable movable">
     <!-- Wizardry and Steamworks JavaScript Includes -->
     <script src="/node_modules/was/dist/was.min.js" type="text/javascript"></script>
     <!-- HighCharts -->
     <script src="/node_modules/highcharts/js/highcharts.js" type="text/javascript"></script>
     <script src="/node_modules/highcharts/js/modules/exporting.js" type="text/javascript"></script>
+    <!-- Interact JS -->
+    <script src="/node_modules/interactjs/dist/interact.min.js" type="text/javascript"></script>
+    <!-- Manager for Windows. -->
+    <script src="/js/wm/wm.js" type="text/javascript"></script>
+    <!-- Nucleons Loader -->
+    <script src="/js/nucleus/load-nucleons.js" type="text/javascript"></script>
     <script type="text/javascript">
 	    $(document).ready(function() {
-	        // Search and load all nucleons.
-	        $.get('/nucleons', function(data) {
-	            var nucleons = wasCSVToArray(data);
-	            $.each(nucleons, function(index, value) {
-	                // Skip files starting with full stop (POSIX).
-	                if (/^\./.test(value)) return;
-	                $.get('/nucleons/' + value, function(doc) {
-	                    var div = $('<div class="col-xs-6 col-md-3">').html(doc);
-	                    $('#nucleons').append(div);
-	                });
-	            });
-	        });
 	        // Display Corrade Heartbeat using HighCharts.
 	        var updateInterval = 1000;
 	        var plotPoints = 20;