Adding unfinished upload function

cps/templates/layout.html

@@ -31,6 +31,13 @@
     <script src="{{ url_for('static', filename='js/main.js') }}"></script>
   </head>
   <body>
+    <script>
+      $(document).ready(function(){
+        $("#btn-upload").change(function() {
+          $("#form-upload").submit();
+        });
+      });
+    </script>  
     <!-- Static navbar -->
     <div class="navbar navbar-default navbar-static-top" role="navigation">
       <div class="container-fluid">
@@ -56,6 +63,13 @@
           </ul>
           <ul class="nav navbar-nav navbar-right" id="main-nav">
             {% if g.user.is_authenticated() %}
+              <li>
+                <form id="form-upload" class="navbar-form" action="{{ url_for('upload') }}" method="post" enctype="multipart/form-data">
+                  <div class="form-group">
+                    <span class="btn btn-default btn-file">Upload <input id="btn-upload" name="btn-upload" type="file"></span>
+                  </div>
+                </form>
+              </li>
               {% if g.user.role %}
                 <li><a href="{{url_for('user_list')}}"><span class="glyphicon glyphicon-dashboard"></span> Admin</a></li>
               {% endif %}