corrade-nucleus-nucleons – Diff between revs 23 and 37

Subversion Repositories:
Rev:
Only display areas with differencesIgnore whitespace
Rev 23 Rev 37
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2   2  
3 <html lang="en"> 3 <html lang="en">
4 <head> 4 <head>
5 <meta charset="utf-8"> 5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <meta name="viewport" content="width=device-width, initial-scale=1">
8 <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> 8 <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
9 <meta name="description" content="Corrade Nucleon"> 9 <meta name="description" content="Corrade Nucleon">
10 <meta name="author" content="Wizardry and Steamworks"> 10 <meta name="author" content="Wizardry and Steamworks">
11 <link rel="icon" href="favicon.ico"> 11 <link rel="icon" href="favicon.ico">
12   12  
13 <title>Corrade Nucleus - Initial Configuration Bootstrap</title> 13 <title>Corrade Nucleus - Initial Configuration Bootstrap</title>
14   14  
15 <!-- Bootstrap core CSS --> 15 <!-- Bootstrap core CSS -->
16 <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css"> 16 <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css">
17 <!-- Corrade Nucleus Fonts --> 17 <!-- Corrade Nucleus Fonts -->
18 <link href="/css/nucleus/fonts.css" rel="stylesheet" type="text/css"> 18 <link href="/css/nucleus/fonts.css" rel="stylesheet" type="text/css">
19 <!-- Customized bootstrap style. --> -  
20 <link href="/css/nucleus/nucleus.css" rel="stylesheet" type="text/css"> -  
21   19  
22 </script> 20 </script>
23 </head> 21 </head>
24   22  
25 <body> 23 <body>
26 <!-- Bootstrap Modal --> 24 <!-- Bootstrap Modal -->
27 <div id="popup" class="modal fade bs-example-modal-lg" role="dialog"> 25 <div id="popup" class="modal fade bs-example-modal-lg" role="dialog">
28 <div class="modal-dialog modal-lg"> 26 <div class="modal-dialog modal-lg">
29 <!-- Modal content--> 27 <!-- Modal content-->
30   28  
31 <div class="modal-content"> 29 <div class="modal-content">
32 <div class="modal-header"> 30 <div class="modal-header">
33 <button type="button" class="close" data-dismiss="modal">&times;</button> 31 <button type="button" class="close" data-dismiss="modal">&times;</button>
34   32  
35 <h1 id="title" class="modal-title"></h1> 33 <h1 id="title" class="modal-title"></h1>
36 </div> 34 </div>
37   35  
38 <div id="content" class="modal-body"> 36 <div id="content" class="modal-body">
39 <div class="progress"> 37 <div class="progress">
40 <div id="progressbar" class="progress-bar" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="100" style="min-width: 2em; width: 2%;"> 38 <div id="progressbar" class="progress-bar" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="100" style="min-width: 2em; width: 2%;">
41 0% 39 0%
42 </div> 40 </div>
43 </div> 41 </div>
44   42  
45 <div class="modal-footer"> 43 <div class="modal-footer">
46 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 44 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
47 </div> 45 </div>
48 </div> 46 </div>
49 </div> 47 </div>
50 </div> 48 </div>
51 </div> 49 </div>
52   50  
53 <div class="container"> 51 <div class="container">
54 <div class="jumbotron"> 52 <div class="jumbotron">
55 <h1>Corrade Bootstrap</h1> 53 <h1>Corrade Bootstrap</h1>
56 <p class="lead">The Corrade bootstrap utility is used to create an initial configuration for Corrade by allowing you to fill in the bare essentials to get your bot connected to the grid.</p> 54 <p class="lead">The Corrade bootstrap utility is used to create an initial configuration for Corrade by allowing you to fill in the bare essentials to get your bot connected to the grid.</p>
57 <img src="/bootstrap/img/bootstrap.png"></div> 55 <img src="/bootstrap/img/bootstrap.png"></div>
58   56  
59 <div id="cfgform"></div> 57 <div id="cfgform"></div>
60   58  
61 <footer class="footer"> 59 <footer class="footer">
62 <p>&copy; 2017 Wizardry and Steamworks</p> 60 <p>&copy; 2017 Wizardry and Steamworks</p>
63 </footer> 61 </footer>
64 </div> 62 </div>
65 <!-- jQuery --> 63 <!-- jQuery -->
66 <script src="/node_modules/jquery/dist/jquery.min.js" type="text/javascript"></script> 64 <script src="/node_modules/jquery/dist/jquery.min.js" type="text/javascript"></script>
67 <!-- Bootstrap Javascript --> 65 <!-- Bootstrap Javascript -->
68 <script src="/node_modules/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script> 66 <script src="/node_modules/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
69 <!-- Bootstrap Form Validator --> 67 <!-- Bootstrap Form Validator -->
70 <script src="/node_modules/bootstrap-validator/dist/validator.min.js" type="text/javascript"></script> 68 <script src="/node_modules/bootstrap-validator/dist/validator.min.js" type="text/javascript"></script>
71 <!-- XML <-> JSON --> 69 <!-- XML <-> JSON -->
72 <script src="/bootstrap/node_modules/x2js/xml2json.min.js" type="text/javascript"></script> 70 <script src="/bootstrap/node_modules/x2js/xml2json.min.js" type="text/javascript"></script>
73 <!-- Forge --> 71 <!-- Forge -->
74 <script src="/node_modules/node-forge/dist/forge.all.min.js" type="text/javascript"></script> 72 <script src="/node_modules/node-forge/dist/forge.all.min.js" type="text/javascript"></script>
75 <!-- Form To Object --> 73 <!-- Form To Object -->
76 <script src="/bootstrap/node_modules/form_to_object/dist/formToObject.min.js" type="text/javascript"></script> 74 <script src="/bootstrap/node_modules/form_to_object/dist/formToObject.min.js" type="text/javascript"></script>
77 <!-- X2JS --> 75 <!-- X2JS -->
78 <script src="/bootstrap/node_modules/x2js/x2js.js" type="text/javascript"></script> 76 <script src="/bootstrap/node_modules/x2js/x2js.js" type="text/javascript"></script>
79 <!-- Load form processor. --> 77 <!-- Load form processor. -->
80 <script src="/bootstrap/js/corrade-bootstrap-processor.js" type="text/javascript"></script> 78 <script src="/bootstrap/js/corrade-bootstrap-processor.js" type="text/javascript"></script>
81 <!-- Load Corrade Bootstrap Form --> 79 <!-- Load Corrade Bootstrap Form -->
82 <script type="text/javascript"> 80 <script type="text/javascript">
83 $(document).ready(function() { 81 $(document).ready(function() {
84 $.get('/cfg/Corrade.ini', function() { 82 $.get('/cfg/Corrade.ini', function() {
85 $('#cfgform').load('bootstrap/htm/bootstrap-configuration-exists.html', function() { 83 $('#cfgform').load('bootstrap/htm/bootstrap-configuration-exists.html', function() {
86 $( "#proceed" ).click(function() { 84 $( "#proceed" ).click(function() {
87 $('#cfgform').load('bootstrap/htm/bootstrap-configuration-form.html', function() { 85 $('#cfgform').load('bootstrap/htm/bootstrap-configuration-form.html', function() {
88 // Trigger form validation. 86 // Trigger form validation.
89 $('#cfgform').validator(); 87 $('#cfgform').validator();
90 }); 88 });
91 }); 89 });
92 }); 90 });
93 }).fail(function() { 91 }).fail(function() {
94 $('#cfgform').load('bootstrap/htm/bootstrap-configuration-form.html', function() { 92 $('#cfgform').load('bootstrap/htm/bootstrap-configuration-form.html', function() {
95 // Trigger form validation. 93 // Trigger form validation.
96 $('#cfgform').validator(); 94 $('#cfgform').validator();
97 }); 95 });
98 }); 96 });
99 }); 97 });
100 </script> 98 </script>
101 </body> 99 </body>
102 </html> 100 </html>
103   101