+
+
\ No newline at end of file
diff --git a/trick_sims/SIM_webpanel/www/exampleCode/helloworld.html b/trick_sims/SIM_webpanel/www/exampleCode/helloworld.html
new file mode 100644
index 00000000..a0004346
--- /dev/null
+++ b/trick_sims/SIM_webpanel/www/exampleCode/helloworld.html
@@ -0,0 +1,68 @@
+
+
+
+
+
+ HEADER
+ TABLE
+
+ EXTRA SPACE
+ BOTTOM OF PANEL
+ MORE SPACE
+ Working with HTML, JS, and CSS
+| + | Aries | +Taurus | +Virgo | +
|---|---|---|---|
| Element | +Fire | +Earth | +Earth | +
| Symbol | +Ram | +Bull | +Maiden | +
| Planet | +Mars | +Venus | +Mercury | +
"); + +// Declaring and defining variables then displaying on console +let x,y; +x=5; y=6; +console.log(x + y); +// Prompting for password until number is given and then displaying on screen +let password = Number(prompt("Enter your password: ")); + +while (Number.isNaN(password)){ + password = Number(prompt("Enter your password: ")); +} +document.write("The password entered: " + password); + +// An array of integers +const array = [1,2,3,4]; +console.log(array); + +// Creating an object with 3 properties & 3 methods +const person = { + firstName:"Zero", lastName:"Nelson", age:20, + fullName: function(){ + return this.firstName + " " + this.lastName; + } +}; +console.log(person.fullName()); + +//Gets the type of the variable --- variables are dynamic; +console.log(typeof(x)); +x = "Harry Potter"; +console.log(typeof(x)); + +// Using JS functions +function add(x,y){ + return x + y; +} +// X = "Harry Potter" + Y = 6 = Harry Potter6 +let z = add(x,y); +document.write("
" + z); + +function displayDate(){ + innerHTML = Date(); +} + +let text="Jacayla Nelson"; +text = text.replace("Jacayla", "Zero"); +console.log(text); +text = text.toLowerCase(); +console.log(text); + +// To set precision +x = 10.245356; +x.toFixed(2); +console.log(x.toFixed(2)); +console.log(x.toPrecision(4)); + +// Parsing strings for integer or float +x = " 0 Nelson"; +console.log(parseInt(x)); diff --git a/trick_sims/SIM_webpanel/www/exampleCode/helloworld.json b/trick_sims/SIM_webpanel/www/exampleCode/helloworld.json new file mode 100644 index 00000000..0b33baf2 --- /dev/null +++ b/trick_sims/SIM_webpanel/www/exampleCode/helloworld.json @@ -0,0 +1,24 @@ +[{ + "firstName": "Zero", + "lastName": "Nelson", + "favs": ["ice cream", "flowers", "peace"], + "car": { + "make&model": "Mazda 6", + "year": 2011, + "color": "gray", + "type": "sedan" + } +} +,{ + "firstName": "Litzy", + "lastName": "Membrano", + "favs": ["food", "flowers", "Zero"], + "car": { + "make&model": "Toyota Yaris", + "year": 2010, + "color": "blue", + "type": "sedan" + + } +} +] \ No newline at end of file diff --git a/trick_sims/SIM_webpanel/www/images/trick_icon.png b/trick_sims/SIM_webpanel/www/images/trick_icon.png new file mode 120000 index 00000000..b7afa6f6 --- /dev/null +++ b/trick_sims/SIM_webpanel/www/images/trick_icon.png @@ -0,0 +1 @@ +/home/cacistudent/trick/trick_source/web/images/trick_icon.png \ No newline at end of file diff --git a/trick_sims/SIM_webpanel/www/index.html b/trick_sims/SIM_webpanel/www/index.html new file mode 100644 index 00000000..6d93a905 --- /dev/null +++ b/trick_sims/SIM_webpanel/www/index.html @@ -0,0 +1,32 @@ + + + + + + +
+
+
+
+
+
+
+ |
+Trick Simulation |
+
|---|
+
+
+
diff --git a/trick_sims/SIM_webpanel/www/style.css b/trick_sims/SIM_webpanel/www/style.css
new file mode 100644
index 00000000..bf0b1d81
--- /dev/null
+++ b/trick_sims/SIM_webpanel/www/style.css
@@ -0,0 +1,5 @@
+h1 {font-family: sans-serif, cursive, serif;font-size: 32px;margin-left: 1em;}
+h2 {font-family: sans-serif;font-size: 18px;margin-left: 1em;}
+a {font-family: sans-serif;font-size: 16px;}
+div.header { background-image: linear-gradient(#afafff, white);}
+.button{width: 20%}
diff --git a/trick_sims/SIM_webpanel/www/trick.css b/trick_sims/SIM_webpanel/www/trick.css
new file mode 100644
index 00000000..7ad18038
--- /dev/null
+++ b/trick_sims/SIM_webpanel/www/trick.css
@@ -0,0 +1,55 @@
+html{background-color: white;
+ font-family: sans-serif;
+}
+
+
+div {
+ background-image: linear-gradient(#afafff, white);
+}
+th {border: 2px solid black;
+ text-align: center;
+}
+
+tr:nth-child(even){background-color: pink;
+}
+
+th, td{width: 50%; text-align: center;}
+table{border-collapse: collapse;
+ width: 50%;
+}
+h1{ text-align: center}
+h2{width: 50%; text-align: center}
+p{width: 50%;}
+
+/* button{float:left;border:1px solid black; width: 10px;} */
+/*button{height: 50%; width: 50%;display:inline-block;}*/
+
+
+/* .parent{display: flex; flex-flow: row nowrap; justify-content: space-around; }
+
+/* Splitting screen in half
+.side{
+ height: 100%;
+ width: 50%;
+ position: fixed;
+}
+.left {
+ left: 0;
+ background-color: red;
+}
+
+.right {
+ right: 0;
+ background-color: pink;
+}
+*/
+button{
+ border: double black;
+ width: 50%;
+ font-size:larger;
+ justify-content: center;
+ background-color: lightskyblue;
+ /* display:flex; flex-direction: row; padding: 10%; */
+}
+
+
diff --git a/trick_sims/SIM_webpanel/www/wsexp.css b/trick_sims/SIM_webpanel/www/wsexp.css
new file mode 100644
index 00000000..908673c1
--- /dev/null
+++ b/trick_sims/SIM_webpanel/www/wsexp.css
@@ -0,0 +1,122 @@
+html{
+ font-family: sans-serif;
+ background-color: rgb(235, 232, 232);
+}
+*{
+ /* outline: 2px solid orange; */
+}
+body{
+ /* overflow-x: hidden; */
+}
+div.header{
+ background-image: linear-gradient(#afafff, white)
+}
+
+table.variables {
+ border-collapse: collapse;
+ width: 50%
+}
+th.table, td{
+ border: 2px solid black;
+ text-align: center;
+ font-size: smaller;
+ /* width: 50%; */
+}
+tr:nth-child(even){
+ background-color: #afafff,;
+}
+h2,h1{
+ text-align: center;
+ width: 50%;
+}
+button{
+ border: none;
+ /* background-color: rgb(199, 199, 199); */
+ font-size: larger;
+}
+table{
+ width: 100px;
+}
+
+#command{
+ border: 1px solid black;
+ background-color: rgb(103, 161, 243); /* 133,172, 228 */
+ text-align: left;
+}
+.commands{
+ /* background-color: rgb(56, 55, 100); */
+ width: 10vw;
+
+}
+#variableDisplay {
+ display: flex;
+ flex-direction: column;
+}
+hr{
+ size: 1px;
+}
+#parent{
+ display: grid;
+ /* grid-template-columns: auto auto auto auto;
+ grid-template-rows: auto auto auto auto; */
+ grid-template-columns: 1fr 300px 1fr;
+ grid-gap: 1rem;
+
+
+
+}
+#navchild{
+ /* background-color: orange; */
+ grid-row: 2;
+ grid-column: 1/span 4;
+ border-bottom: 1px solid black;
+
+}
+#modechild{
+ /* background-color:rgb(14, 236, 25); */
+ grid-row: 3;
+ grid-column: 1;
+ border: 1px solid black;
+
+}
+#headerchild{
+ /* background-color: rgb(207, 207, 207); */
+ grid-row: 1;
+ grid-column: 1/ span 4;
+ font-size: smaller;
+
+
+}
+#tablechild{
+ /* background-color: blue; */
+ grid-row: 4;
+ grid-column: 4;
+}
+#buttonchild{
+ grid-row: 4;
+ grid-column: 1;
+ /* background-color: red; */
+ border: 1px solid black;
+
+
+}
+#barchild{
+ grid-row: 3;
+ grid-column: 2/span 3;
+ /* background-color: rgb(255, 1, 149) */
+}
+#bottomchild{
+ grid-row: 5;
+ grid-column: 1/span 2;
+ /* background-color: rgb(251, 255, 13); */
+}
+#extrabottomchild{
+ grid-row: 6;
+ grid-column: 1/span 2;
+ /*background-color: rgb(0, 225, 255); */
+}
+
+#timechild{
+ grid-row: 4;
+ grid-column: 2;
+}
\ No newline at end of file
diff --git a/trick_sims/SIM_webpanel/www/wsexp.html b/trick_sims/SIM_webpanel/www/wsexp.html
new file mode 100644
index 00000000..812c618e
--- /dev/null
+++ b/trick_sims/SIM_webpanel/www/wsexp.html
@@ -0,0 +1,258 @@
+
+
+
+
+ -
+
- Applications +
+
+
+
+
+
+
+
+
+
+
+ Sim Control
++
+
+
+
+
+ | Variable | +Value | +
|---|
+
+
+
+
+ | MODE | +
|---|
| PERCENTAGE | +
+ Here is a place for the buttons that start Trick TV, MTV, and Throttle.
+
+
+ +
+
+
+
+ | Simulations/Overruns | +
|---|
| This is where the path goes | +
+
+
+
+ | Status Messages | +
|---|
| Space for the status messages | +
+
+
+
+ | Time | +
|---|
| RET (sec) | +
| 0 | +
| Sim / Real Time | +1 | +
+
+
+
+
\ No newline at end of file
diff --git a/trick_sims/SIM_webpanel/www/wsexp2.html b/trick_sims/SIM_webpanel/www/wsexp2.html
new file mode 100644
index 00000000..ef51a7e2
--- /dev/null
+++ b/trick_sims/SIM_webpanel/www/wsexp2.html
@@ -0,0 +1,231 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Sim Control
++
+
+
+
+
+ | Variable | +Value | +
|---|
+
+
+
+
+ | MODE | +
|---|
| PERCENTAGE | +
+ Here is a place for the buttons that start Trick TV, MTV, and Throttle.
+
+
+ +
+
+
+
+ | Simulations/Overruns | +
|---|
| This is where the path goes | +
+
+
+
+ | Status Messages | +
|---|
| Space for the status messages | +
+
+
+
+ | Time | +
|---|
| RET (sec) | +
| 0 | +
| Sim / Real Time | +1 | +
+
+
+
+
\ No newline at end of file
diff --git a/trick_sims/SIM_webpanel/www/wsexp_balloon.html b/trick_sims/SIM_webpanel/www/wsexp_balloon.html
new file mode 100644
index 00000000..03e8edb5
--- /dev/null
+++ b/trick_sims/SIM_webpanel/www/wsexp_balloon.html
@@ -0,0 +1,162 @@
+
+
+
+
+
+
+ TRICK SIMULATION VARIABLE SERVER CLIENT
++ + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Simulation Variable Table |
+ |
|---|---|
| Variable | +Value | +
| Variable | +Value | +
|---|