backup

Rev1/app.py

@@ -1,15 +1,30 @@
 from flask import Flask, render_template, url_for, request, redirect
 from datetime import datetime
+import random
 
 app = Flask(__name__)
 
+Logs = []
+Logs.append("Hello World 1");
+Logs.append("Hello World 2");
+Logs.append("Hello World 3");
+Logs.append("Hello World 4");
 
 @app.route('/', methods=['POST', 'GET'])
 def index():
     if request.method == 'POST':
-        return 'There was an issue adding your task'
+        if request.form.get('Clear') == 'Clear':
+            Logs.clear();
+            return render_template("index.html",Logs = Logs)
+        elif request.form.get('Randomize') == 'Randomize':
+            Logs.append(str(random.random()));
+            return render_template("index.html",Logs = Logs)
     else:
-        return render_template('index.html')
+        return render_template('index.html',Logs = Logs)
+
+@app.route('/dependent')
+def i():
+        return render_template('dependent.html')
 
 if __name__ == "__main__":
     app.run(debug=True)

Rev1/templates/dependent.html

@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>
+      Cascading Dependent Dropdown Country, State, City Using JavaScript
+    </title>
+    <style>
+      .worldForm {
+        background: #00bcd4;
+        border: 1px solid #e4e4e4;
+        border-radius: 4px;
+        padding: 20px;
+      }
+      .lists {
+        margin-bottom: 20px;
+      }
+    </style>
+  </head>
+  <body>
+    <form class="worldForm">
+      <div class="lists">
+        <label>Select Country:</label>
+        <select name="country" id="countyList">
+          <option value="" selected="selected">Select Country</option>
+        </select>
+      </div>
+      <div class="lists">
+        <label>Select State:</label>
+        <select name="state" id="stateList">
+          <option value="" selected="selected">Select State</option>
+        </select>
+      </div>
+      <div class="lists">
+        <label>Select City:</label>
+        <select name="city" id="cityList">
+          <option value="" selected="selected">Select City</option>
+        </select>
+      </div>
+    </form>
+
+    <script>
+      var worldData = {
+        USA: {
+          California: ["Los Angeles", "San Diego", "Sacramento"],
+          Texas: ["Houston", "Austin"],
+          Florida: ["Miami", "Orlando", "Tampa"],
+        },
+        India: {
+          Maharashtra: ["Mumbai", "Pune", "Nagpur"],
+          TamilNadu: ["Chennai", "Madurai"],
+          Karnataka: ["Bangalore", "Mangalore"],
+        },
+        Canada: {
+          Alberta: ["Calgary", "Edmonton", "Red Deer"],
+          BritishColumbia: ["Vancouver", "Kelowna"],
+          Manitoba: ["Winnipeg", "Brandon"],
+        },
+        Germany: {
+          Bavaria: ["Munich", "Nuremberg"],
+          NorthRhine: ["Cologne", "Düsseldorf"],
+        },
+      };
+      window.onload = function () {
+        var countyList = document.getElementById("countyList"),
+          stateList = document.getElementById("stateList"),
+          cityList = document.getElementById("cityList");
+        for (var country in worldData) {
+          countyList.options[countyList.options.length] = new Option(
+            country,
+            country
+          );
+        }
+        countyList.onchange = function () {
+          stateList.length = 1;
+          cityList.length = 1;
+          if (this.selectedIndex < 1) return;
+          for (var state in worldData[this.value]) {
+            stateList.options[stateList.options.length] = new Option(
+              state,
+              state
+            );
+          }
+        };
+        countyList.onchange();
+        stateList.onchange = function () {
+          cityList.length = 1;
+          if (this.selectedIndex < 1) return;
+          var city = worldData[countyList.value][this.value];
+          for (var i = 0; i < city.length; i++) {
+            cityList.options[cityList.options.length] = new Option(
+              city[i],
+              city[i]
+            );
+          }
+        };
+      };
+    </script>
+  </body>
+</html>

Rev1/templates/index.html

@@ -4,38 +4,23 @@
 <div class="content">
   <h3 style="text-align: center">Please choose an application below</h3>
   <ul>
-    <li>Flash Firmware</li>
+    <li>FFlash Firmware</li>
     <li>Create PCB Panel</li>
   </ul>
-  <!-- <h1 style="text-align: center">Task Master</h1>
-    {% if tasks|length < 1 %}
-    <h4 style="text-align: center">There are no tasks. Create one below!</h4>
-    {% else %}
-    <table>
-        <tr>
-            <th>Task</th>
-            <th>Added</th>
-            <th>Actions</th>
-        </tr>
-        {% for task in tasks %}
-            <tr>
-                <td>{{ task.content }}</td>
-                <td>{{ task.date_created.date() }}</td>
-                <td>
-                    <a href="/delete/{{task.id}}">Delete</a>
-                    <br>
-                    <a href="/update/{{task.id}}">Update</a>
-                </td>
-            </tr>
-        {% endfor %}
-    </table>
-    {% endif %}
-
-    <div class="form">
-        <form action="/" method="POST">
-            <input type="text" name="content" id="content">
-            <input type="submit" value="Add Task">
-        </form>
-    </div> -->
+  <textarea
+    readonly
+    id="w3review"
+    name="w3review"
+    rows="4"
+    cols="50"
+    style="resize: none; width: 600px; height: 500px"
+  >
+{% for log in Logs %}{{log}}
+{% endfor %}
+  </textarea>
+  <form method="post" action="/">
+    <input type="submit" value="Clear" name="Clear" />
+    <input type="submit" value="Randomize" name="Randomize" />
+  </form>
 </div>
 {% endblock %}