get basic form data passed

app/__init__.py

@@ -22,7 +22,6 @@ global time_stamp
 def create_app(config_name):
     app = Flask(__name__) # initialization of the flask app
     Bootstrap(app) # allowing app to use bootstrap
-    socketio = SocketIO(app)
 
     global return_url
     return_url = ''
@@ -79,27 +78,6 @@ def create_app(config_name):
 
     # misc page error catching
 
-    def messageReceived(methods=['GET', 'POST']):
-        print('message was received!!!')
-
-    @socketio.on('user connect')
-    def handle_my_custom_event(json, methods=['GET', 'POST']):
-        print('received my event: ' + str(json))
-
-    @socketio.on('my event')
-    def handle_my_custom_event(json, methods=['GET', 'POST']):
-        print('received my event: ' + str(json))
-        socketio.emit('my response', json, callback=messageReceived)
-        # time_stamp = time.strftime("%m-%d-%Y_%H:%M:%S")
-        # complete_file_name = os.path.join(directory, time_stamp + ".txt")
-        # file = open(complete_file_name, "w")
-        # file.close()
-        # time.sleep(5)
-        #
-        # pre, ext = os.path.splitext(complete_file_name)
-        # os.rename(complete_file_name, pre + ".done")
-        socketio.emit('create response', json, callback=messageReceived)
-
     @app.errorhandler(403)
     def forbidden(error):
         return render_template('errors/403.html', title='Forbidden'), 403

app/static/scripts/function.js

@@ -17,46 +17,8 @@ function displayloading() {
 }
 
 function socketIO() {
-      var socket = io.connect('http://' + document.domain + ':' + location.port);
-
-      socket.on( 'connect', function() {
-        socket.emit( 'user connect', {
-          data: 'User Connected'
-        } )
-
-           document.getElementById("testo").innerHTML = "yo"
-
-
-       var form = $( 'form' ).on( 'submit', function( e ) {
-          e.preventDefault()
-          let user_name = $( 'input.username' ).val()
-          let user_input = $( 'input.message' ).val()
-          socket.emit( 'my event', {
-            user_name : user_name,
-            message : user_input
-          } )
-          $( 'input.message' ).val( '' ).focus()
-        } )
-      } )
-
-
-
-       socket.on( 'my response', function( msg ) {
-        console.log( msg )
-        if( typeof msg.user_name !== 'undefined' ) {
-          $( 'h3' ).remove()
-          $( 'div.message_holder' ).append( '<div><b style="color: #002">'+msg.user_name+'</b> creating</div>' )
-        }
-      })
-
-
- 	socket.on( 'create response', function( msg ) {
-        console.log( msg )
-        if( typeof msg.user_name !== 'undefined' ) {
-          $( 'h3' ).remove()
-          $( 'div.message_holder' ).append( '<div><b style="color: #002">'+msg.user_name+'</b> created. WELCOME</div>' )
-        }
-      })
-
-
+    socket.emit('user connect', {
+        fullname: document.getElementById("fullname").value,
+        reason: document.getElementById("reason").value
+    })
 }
\ No newline at end of file

app/templates/auth/SignUp.html

@@ -5,6 +5,36 @@
 <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/1.7.3/socket.io.min.js"></script>
 <script src="static/scripts/function.js"></script>
 <script src="static/scripts/function.js"></script>
+
+<script>
+    var socket = io.connect('http://' + document.domain + ':' + location.port);
+
+      socket.on( 'connect', function() {
+        socket.emit( 'user connect', {
+          data: 'User Connected'
+        } )
+
+       socket.on( 'my response', function( msg ) {
+        console.log( msg )
+        if( typeof msg.user_name !== 'undefined' ) {
+          $( 'h3' ).remove()
+          $( 'div.message_holder' ).append( '<div><b style="color: #002">'+msg.user_name+'</b> creating</div>' )
+        }
+      })
+
+
+ 	socket.on( 'create response', function( msg ) {
+        console.log( msg )
+        if( typeof msg.user_name !== 'undefined' ) {
+          $( 'h3' ).remove()
+          $( 'div.message_holder' ).append( '<div><b style="color: #002">'+msg.user_name+'</b> created. WELCOME</div>' )
+        }
+      })
+
+
+})
+</script>
+
   <style type="text/css">
     .important { color: #336699; }
   </style>
@@ -61,20 +91,20 @@
     <form action="." method="post" onsubmit="">
       <div class="signUpContainer">
           <label><b><label for="fullname">Full Name: </label><br></b></label>
-            <input class="form-control" id="fullname" name="fullname" placeholder="Enter Full Name" required="" type="text" value="">
+            <input class="form-control" id="fullname" name="fullname" placeholder="Enter Full Name" required="" type="text">
           <label><b><label for="reason">Reason for Requesting Account: </label><br></b></label>
             <textarea class="form-control" id="reason" name="reason" placeholder="Enter Reason for Account Request" required=""></textarea>
-          <input class="btn btn-primary btn-block" id="submit" name="submit" type="button" value="Submit" onclick="displayloading(); socketIO();">
-
-{#          {% with messages = get_flashed_messages() %}#}
-{#            {% if messages %}#}
-{#            {% for message in messages %}#}
-{#            <div>#}
-{#                <strong style="color: #be051b; text-align: center;">{{ message }}</strong>#}
-{#            </div>#}
-{#      {% endfor %}#}
-{#   {% endif %}#}
-{#{% endwith %}#}
+          <input class="btn btn-primary btn-block" id="submit" name="submit" type="button" value="Submit" onclick="displayloading(); socketIO()">
+
+          {% with messages = get_flashed_messages() %}
+            {% if messages %}
+            {% for message in messages %}
+            <div>
+                <strong style="color: #be051b; text-align: center;">{{ message }}</strong>
+            </div>
+      {% endfor %}
+   {% endif %}
+{% endwith %}
 
       </div>
     </form>

run.py

@@ -7,10 +7,34 @@ from flask_socketio import SocketIO
 
 config_name = os.getenv('FLASK_CONFIG')
 app = create_app(config_name)
-app.secret_key = 'randomString'
+app.config['SECRET_KEY'] = 'vnkdjnfjknfl1232#'
 socketio = SocketIO(app)
 
 
+def messageReceived(methods=['GET', 'POST']):
+    print('message was received!!!')
+
+
+@socketio.on('user connect')
+def handle_my_custom_event(json, methods=['GET', 'POST']):
+    print('received my event: ' + str(json))
+
+
+@socketio.on('my event')
+def handle_my_custom_event(json, methods=['GET', 'POST']):
+    print('received my event: ' + str(json))
+    socketio.emit('my response', json, callback=messageReceived)
+    # time_stamp = time.strftime("%m-%d-%Y_%H:%M:%S")
+    # complete_file_name = os.path.join(directory, time_stamp + ".txt")
+    # file = open(complete_file_name, "w")
+    # file.close()
+    # time.sleep(5)
+    #
+    # pre, ext = os.path.splitext(complete_file_name)
+    # os.rename(complete_file_name, pre + ".done")
+    socketio.emit('create response', json, callback=messageReceived)
+
+
 if __name__ == '__main__':
    # app.run()
     socketio.run(app)