corrade-nucleus-nucleons – Diff between revs 21 and 23
?pathlinks?
Rev 21 | Rev 23 | |||
---|---|---|---|---|
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. --> |
19 | <!-- Customized bootstrap style. --> |
|
20 | <link href="/css/nucleus/nucleus.css" rel="stylesheet" type="text/css"> |
20 | <link href="/css/nucleus/nucleus.css" rel="stylesheet" type="text/css"> |
|
21 | |
21 | |
|
22 | </script> |
22 | </script> |
|
23 | </head> |
23 | </head> |
|
24 | |
24 | |
|
25 | <body> |
25 | <body> |
|
26 | <!-- Bootstrap Modal --> |
26 | <!-- Bootstrap Modal --> |
|
27 | <div id="popup" class="modal fade bs-example-modal-lg" role="dialog"> |
27 | <div id="popup" class="modal fade bs-example-modal-lg" role="dialog"> |
|
28 | <div class="modal-dialog modal-lg"> |
28 | <div class="modal-dialog modal-lg"> |
|
29 | <!-- Modal content--> |
29 | <!-- Modal content--> |
|
30 | |
30 | |
|
31 | <div class="modal-content"> |
31 | <div class="modal-content"> |
|
32 | <div class="modal-header"> |
32 | <div class="modal-header"> |
|
33 | <button type="button" class="close" data-dismiss="modal">×</button> |
33 | <button type="button" class="close" data-dismiss="modal">×</button> |
|
34 | |
34 | |
|
35 | <h1 id="title" class="modal-title"></h1> |
35 | <h1 id="title" class="modal-title"></h1> |
|
36 | </div> |
36 | </div> |
|
37 | |
37 | |
|
38 | <div id="content" class="modal-body"> |
38 | <div id="content" class="modal-body"> |
|
39 | <div class="progress"> |
39 | <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%;"> |
40 | <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% |
41 | 0% |
|
42 | </div> |
42 | </div> |
|
43 | </div> |
43 | </div> |
|
44 | |
44 | |
|
45 | <div class="modal-footer"> |
45 | <div class="modal-footer"> |
|
46 | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> |
46 | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> |
|
47 | </div> |
47 | </div> |
|
48 | </div> |
48 | </div> |
|
49 | </div> |
49 | </div> |
|
50 | </div> |
50 | </div> |
|
51 | </div> |
51 | </div> |
|
52 | |
52 | |
|
53 | <div class="container"> |
53 | <div class="container"> |
|
54 | <div class="jumbotron"> |
54 | <div class="jumbotron"> |
|
55 | <h1>Corrade Bootstrap</h1> |
55 | <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> |
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> |
|
57 | <img src="/bootstrap/img/bootstrap.png"></div> |
57 | <img src="/bootstrap/img/bootstrap.png"></div> |
|
58 | |
58 | |
|
59 | <div id="cfgform"></div> |
59 | <div id="cfgform"></div> |
|
60 | |
60 | |
|
61 | <footer class="footer"> |
61 | <footer class="footer"> |
|
62 | <p>© 2017 Wizardry and Steamworks</p> |
62 | <p>© 2017 Wizardry and Steamworks</p> |
|
63 | </footer> |
63 | </footer> |
|
64 | </div> |
64 | </div> |
|
65 | <!-- jQuery --> |
65 | <!-- jQuery --> |
|
66 | <script src="/node_modules/jquery/dist/jquery.min.js" type="text/javascript"></script> |
66 | <script src="/node_modules/jquery/dist/jquery.min.js" type="text/javascript"></script> |
|
67 | <!-- Bootstrap Javascript --> |
67 | <!-- Bootstrap Javascript --> |
|
68 | <script src="/node_modules/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script> |
68 | <script src="/node_modules/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script> |
|
69 | <!-- Bootstrap Form Validator --> |
69 | <!-- Bootstrap Form Validator --> |
|
70 | <script src="/node_modules/bootstrap-validator/dist/validator.min.js" type="text/javascript"></script> |
70 | <script src="/node_modules/bootstrap-validator/dist/validator.min.js" type="text/javascript"></script> |
|
71 | <!-- XML <-> JSON --> |
71 | <!-- XML <-> JSON --> |
|
72 | <script src="/bootstrap/node_modules/x2js/xml2json.min.js" type="text/javascript"></script> |
72 | <script src="/bootstrap/node_modules/x2js/xml2json.min.js" type="text/javascript"></script> |
|
73 | <!-- CryptoJS --> |
73 | <!-- Forge --> |
|
74 | <script src="/node_modules/cryptojs/lib/Crypto.js" type="text/javascript"></script> |
74 | <script src="/node_modules/node-forge/dist/forge.all.min.js" type="text/javascript"></script> |
|
75 | <script src="/node_modules/cryptojs/lib/MD5.js" type="text/javascript"></script> |
- | ||
76 | <!-- Form To Object --> |
75 | <!-- Form To Object --> |
|
77 | <script src="/bootstrap/node_modules/form_to_object/dist/formToObject.min.js" type="text/javascript"></script> |
76 | <script src="/bootstrap/node_modules/form_to_object/dist/formToObject.min.js" type="text/javascript"></script> |
|
78 | <!-- X2JS --> |
77 | <!-- X2JS --> |
|
79 | <script src="/bootstrap/node_modules/x2js/x2js.js" type="text/javascript"></script> |
78 | <script src="/bootstrap/node_modules/x2js/x2js.js" type="text/javascript"></script> |
|
80 | <!-- Load form processor. --> |
79 | <!-- Load form processor. --> |
|
81 | <script src="/bootstrap/js/corrade-bootstrap-processor.js" type="text/javascript"></script> |
80 | <script src="/bootstrap/js/corrade-bootstrap-processor.js" type="text/javascript"></script> |
|
82 | <!-- Load Corrade Bootstrap Form --> |
81 | <!-- Load Corrade Bootstrap Form --> |
|
83 | <script type="text/javascript"> |
82 | <script type="text/javascript"> |
|
84 | $(document).ready(function() { |
83 | $(document).ready(function() { |
|
85 | $.get('/cfg/Corrade.ini', function() { |
84 | $.get('/cfg/Corrade.ini', function() { |
|
86 | $('#cfgform').load('bootstrap/htm/bootstrap-configuration-exists.html', function() { |
85 | $('#cfgform').load('bootstrap/htm/bootstrap-configuration-exists.html', function() { |
|
87 | $( "#proceed" ).click(function() { |
86 | $( "#proceed" ).click(function() { |
|
88 | $('#cfgform').load('bootstrap/htm/bootstrap-configuration-form.html', function() { |
87 | $('#cfgform').load('bootstrap/htm/bootstrap-configuration-form.html', function() { |
|
89 | // Trigger form validation. |
88 | // Trigger form validation. |
|
90 | $('#cfgform').validator(); |
89 | $('#cfgform').validator(); |
|
91 | }); |
90 | }); |
|
92 | }); |
91 | }); |
|
93 | }); |
92 | }); |
|
94 | }).fail(function() { |
93 | }).fail(function() { |
|
95 | $('#cfgform').load('bootstrap/htm/bootstrap-configuration-form.html', function() { |
94 | $('#cfgform').load('bootstrap/htm/bootstrap-configuration-form.html', function() { |
|
96 | // Trigger form validation. |
95 | // Trigger form validation. |
|
97 | $('#cfgform').validator(); |
96 | $('#cfgform').validator(); |
|
98 | }); |
97 | }); |
|
99 | }); |
98 | }); |
|
100 | }); |
99 | }); |
|
101 | </script> |
100 | </script> |
|
102 | </body> |
101 | </body> |
|
103 | </html> |
102 | </html> |
|
104 | |
103 | |