From 76ec83b8690f7c77a49da2fdcff36fd1b982ff7c Mon Sep 17 00:00:00 2001
From: Stuiart Stent <stuart.stent@gmail.com>
Date: Sun, 17 Jun 2012 20:41:29 -0400
Subject: [PATCH] added fileupload per os, sets doc id before up0load if non
 existant

---
 app/app.js     |  57 ++---
 app/index.html | 569 ++++++++++++++++++++++++-------------------------
 2 files changed, 299 insertions(+), 327 deletions(-)

diff --git a/app/app.js b/app/app.js
index 4974e89..a6bb295 100644
--- a/app/app.js
+++ b/app/app.js
@@ -26,21 +26,17 @@ var app = require('http').createServer(function handler(request, response) {
             files = [],
             fields = [];
 
-            // var tempDirectory = "/tmp/";
+            var tempDirectory = "/tmp/";
 
             // //tempdirectory changes if the operating system is windows
-            // if(os.type().indexof("windows") > -1)
-            // {
-            // tempdirectory = "c:\\temp\\";
-            // }
-            // form.uploaddir = tempdirectory;
-            
-            
-            
-            tempDirectory = "c:\\Temp\\";
-            form.uploadDir = tempDirectory;
-            
-            //form.uploadDir = root + '\node';
+            if(os.type().indexof("windows") > -1)
+            {
+                tempdirectory = "c:\\temp\\";
+            }
+            form.uploaddir = tempdirectory;
+
+            //tempDirectory = "c:\\Temp\\";
+            //form.uploadDir = tempDirectory;
 
             form.on('error', function(err) {
                 response.writeHead(200, {'content-type': 'text/plain'});
@@ -119,14 +115,6 @@ io.set("transports", ["websocket"]);
 io.sockets.on('connection', function(socket) {
     console.log('Client connected'); 
     
-//    socket.on('getactivites', function(data) {
-//        console.log('getactivites')    
-//        testcollection.find().toArray(function(err, result) {
-//            if (err) throw err;
- //           socket.emit('populateactivities', result);
- //       });
-//    });
-
   socket.on('getactivites', function(data) {
         console.log('getactivites')    
         testcollection.find().toArray(function(err, result) {
@@ -147,34 +135,23 @@ io.sockets.on('connection', function(socket) {
 ////////////////////////
     socket.on('addactivity', function(data, docid) {
         console.log('addactivity' + docid)    
-        //testcollection.insert(data, function(err, result) {
-        //    if (err) throw err;
-        //    testcollection.find().toArray(function(err, result) {
-        //        if (err) throw err;
-        //        socket.emit('populateactivities', result);
-        //    }); 
-        
-                if (docid  == 'undefined') {
-                testcollection.insert(data, function(err, result) {
-                if (err) throw err;
-                        testcollection.find().toArray(function(err, result) {
-                        if (err) throw err;
-                        socket.emit('populatactivities', result);
-                        }); 
-                });
-        }
-        else {
+        if (docid  === null) {
+                 var document_id = new BSON.ObjectID();
+         }
+         else {
+            var document_id = new BSON.ObjectID(docid);
+          };
                 var document_id = new BSON.ObjectID(docid);
+                console.log('inserted BSONID' + document_id);
                 testcollection.update({_id:document_id}, data,{upsert:true} , function(err, result) {
                 if (err) throw err;
                          exercisecollection.find().toArray(function(err, result) {
                          if (err) throw err;
-                             console.log('populateexercises');
                                 socket.emit('populateexercises', result);
                          }); 
                 });
                 
-        };
+
     });
 
 /////////////////////    
diff --git a/app/index.html b/app/index.html
index 843a410..94691f5 100644
--- a/app/index.html
+++ b/app/index.html
@@ -36,320 +36,315 @@
       
     </script>
     <script type='text/javascript'>
-         $(document).ready(function() {
-             var socket  = io.connect();
-             exercise_autocompletedata = "unset";
-             bike_autocompletedata = "unset";
-             
-             socket.emit('getactivites', 'please');
-             socket.emit('getexercises', 'please');
-             socket.emit('getexpresso', 'please');
-             
-             
-             socket.on('populateactivities', function(json) {
-                 console.log('#poulate recieved');
-                 var content = "";
-                 $(".workoutdata").hide(); 
-                 $('#ActivityList').empty(); 
-                 $( "#ActivityList" ).html(
-                     $( "#movieTemplate1" ).render( json )
-                    );
-                 $(".ui-accordion-content").css("display", "block");
-                 $("#ActivityList").accordion('destroy').accordion({ 
-                 header: 'h3', 
-                 active: false,
-                 collapsible: true
-                 });
+            $(document).ready(function() {
+                 var socket  = io.connect();
+                 exercise_autocompletedata = "unset";
+                 bike_autocompletedata = "unset";
+                 
+                 socket.emit('getactivites', 'please');
+                 socket.emit('getexercises', 'please');
+                 socket.emit('getexpresso', 'please');
+                 
+                 
+                 socket.on('populateactivities', function(json) {
+                     console.log('#poulate recieved');
+                     var content = "";
+                     $(".workoutdata").hide(); 
+                     $('#ActivityList').empty(); 
+                     $( "#ActivityList" ).html(
+                         $( "#movieTemplate1" ).render( json )
+                        );
+                     $(".ui-accordion-content").css("display", "block");
+                     $("#ActivityList").accordion('destroy').accordion({ 
+                     header: 'h3', 
+                     active: false,
+                     collapsible: true
+                     });
 
-             });
-        //poulate activity by id
-             socket.on('populateactivitybyid', function(json) {
-                 //set document id
-                 $('span.ActivityID').attr('docid',json._id);
-                 //poulate name
-                    $('input[name="Activities.Activity.name"]').attr('value', json.Activities.Activity.name)
-                    //poulate date
-                    $('input[name="Activities.Activity.date"]').attr('value', json.Activities.Activity.date)
-                   // Activities.Activity.date
-                 // for each lap
-                 if ("Lap" in json.Activities.Activity) {
-                 var array = json.Activities.Activity.Lap;
+                 });
+                    //poulate activity by id
+                 socket.on('populateactivitybyid', function(json) {
+                     //set document id
+                     $('span.ActivityID').attr('docid',json._id);
+                     //poulate name
+                        $('input[name="Activities.Activity.name"]').attr('value', json.Activities.Activity.name)
+                        //poulate date
+                        $('input[name="Activities.Activity.date"]').attr('value', json.Activities.Activity.date)
+                       // Activities.Activity.date
+                     // for each lap
+                     if ("Lap" in json.Activities.Activity) {
+                     var array = json.Activities.Activity.Lap;
+                        $.each(array, function(index, value) {
+                        ////if run
+                        if ("run" in value) { AddPopulatedLap("Run", value.run.name, value.run.time, value.run.distance, "", "" , "")};
+                        ////if bike
+                        if ("bike" in value) { AddPopulatedLap("Bike", value.bike.name, value.bike.time, value.bike.distance, "", "" , "")};
+                        ////if cardio
+                        if ("cardio" in value) { AddPopulatedLap("Cardio", value.cardio.name, value.cardio.time, value.cardio.distance, "", "" , "")};
+                        ////if exercise
+                        if ("exercise" in value) { AddPopulatedLap("Exercise", value.exercise.name, "", "", value.exercise.sets, value.exercise.reps , value.exercise.weight)};
+                        ////if rest
+                        if ("rest" in value) { AddPopulatedLap("Rest", "", "", "", "", "" , "")};
+                   }); 
+                   
+                   };
+                        $('#savecopy').attr('style', 'display: block');
+                        ///refresh tabvle
+                        $('#sortable').trigger('sortupdate');   
+                        
+                        //switch to tab
+                        $( "#tabs" ).tabs( "select" , 1 )
+                        
+                });
+
+            function AddPopulatedLap(type, name, time, distance, set, reps, weight) {
+                    console.log('type= ' + type);
+                    var newElem = $('.new-lap').clone(true).attr('style', 'display: block');
+                    $(newElem).removeClass('new-lap');
+                    $(newElem).appendTo('#sortable');
+                    $(newElem).children('.laptype').val(type).trigger('change');
+                    $(newElem).children('input').attr('disabled',false);
+                    $(newElem).find('.lapname').attr('value', name);
+                    $(newElem).find('.lapdistance').attr('value', distance);
+                    $(newElem).find('.laptime').attr('value', time);                    
+                    $(newElem).sortable( "refresh" );
+                   };
+                       
+            //var addtype = $(this).attr('value');
+            //var newElem = $('.new-' + addtype).clone(true).attr('style', 'display: block');
+            //$(newElem).removeClass("new-" + addtype);
+            //$(newElem).children('input').attr('disabled',false);
+            //$(newElem).appendTo('#sortable');
+            //$(newElem).sortable( "refresh" );
+            //$('#sortable').trigger('sortupdate');   
+
+            ////populate exercise sortable
+                 socket.on('populateexercises', function(json) {
+                     //console.log('#exercises recieved' + JSON.stringify(json, null, '	'));
+                     var content = "";
+                    $('ul#sortableexercises li').remove();
+                    $('span.ExerciseID').attr('docid',json[0]._id);
+                    //$( "ul#sortableexercises" ).append('<li style="display: none"><input type="text" name="_id" value="'+ json[0]._id + '"></li>')
+                    ///// for loop
+                    var array = json[0].exercise.name;
+                    exercise_autocompletedata = array;
+                    $('#sortable').trigger('sortupdate');  
                     $.each(array, function(index, value) {
-                    ////if run
-                    if ("run" in value) { addpopulatedlap("run", value.run.name, value.run.time, value.run.distance, "", "" , "")};
-                    ////if bike
-                    if ("bike" in value) { addpopulatedlap("bike", value.bike.name, value.bike.time, value.bike.distance, "", "" , "")};
-                    ////if cardio
-                    if ("cardio" in value) { addpopulatedlap("cardio", value.cardio.name, value.cardio.time, value.cardio.distance, "", "" , "")};
-                    ////if exercise
-                    if ("exercise" in value) { addpopulatedlap("exercise", value.exercise.name, "", "", value.exercise.sets, value.exercise.reps , value.exercise.weight)};
-                    ////if rest
-                    if ("rest" in value) { addpopulatedlap("rest", "", "", "", "", "" , "")};
-               }); 
-               
-               };
-                    ///refresh tabvle
+                    $( "ul#sortableexercises" ).append('<li class=ui-state-default><input type="text" name="exercise.name[]" value="'+ value + '"></li>')
+                   });
+                   
+            ////populate expresso sortable
+                 socket.on('populateexpresso', function(json) {
+                     //console.log('#tracks recieved' + JSON.stringify(json, null, '	'));
+                     var content = "";
+                    $('ul#sortableexpresso li').remove();
+                    $('span.ExpressoID').attr('docid',json[0]._id);
+                    var barray = json[0].track.name;
+                    bike_autocompletedata = barray;
+                    $('#sortable').trigger('sortupdate');  
+                    $.each(barray, function(index, value) {
+                    $( "ul#sortableexpresso" ).append('<li class=ui-state-default><input type="text" name="track.name[]" value="'+ value + '"></li>')
+                   });
+                   });
                     
-                    $('#sortable').trigger('sortupdate');   
-                    
-                    //switch to tab
-                    $( "#tabs" ).tabs( "select" , 1 )
+            });      
+                                  
+            //THe TABs stuff
+            $( "#tabs" ).tabs();
+            $( "#tabs" ).tabs('select' , 0);
+            //sets buttons to be jquery buttons
+            $("button").button();
+            //sets datepickers
+            $( "#datepicker" ).datepicker();
+
+
+            $( "#tabs" ).bind( "tabsselect", function(event, ui) {
+                    if (ui.index == 0) { 
+                    console.log('send stuff ' + ui.index );
+                    socket.emit('getactivites', 'please');
+                    };
+                    if (ui.index == 2) { 
+                    console.log('send stuff ' + ui.index );
+                    socket.emit('getexercises', 'please');
+                    };
+                    if (ui.index == 3) { 
+                    console.log('send stuff ' + ui.index );
+                    socket.emit('getexpresso', 'please');
+                    };
                     
             });
-               function AddPopulatedLap(type, name, time, distance, set, reps, weight) {
-                        var newElem = $('.new-lap').clone(true).attr('style', 'display: block');
-                        $(newElem).removeClass('new-lap');
-                        $(newElem).appendTo('#sortable');
-                        $(newElem).children('.laptype').val(type).trigger('change');
-                        $(newElem).children('input').attr('disabled',false);
-                        $(newElem).find('.lapname').attr('value', name);
-                        $(newElem).find('.lapdistance').attr('value', distance);
-                        $(newElem).find('.laptime').attr('value', time);                    
-                        $(newElem).sortable( "refresh" );
-               };
-  
-                    
-                    
-                    
+                         
+            $('#ActivityList').delegate('a.activitydelete', 'click', function() {   
+                         socket.emit('delactivity', $(this).attr('title'));             
+                         return false;
+            });
+
+            $('#ActivityList').delegate('a.activityedit', 'click', function() {   
+                         socket.emit('getactivitybyid', $(this).attr('title'));             
+                         return false;
+            });             
+                         
+            //THe Sortable Stuff             
+              $("#sortable").sortable({
+                placeholder: "ui-state-highlight",
+                revert: true,
+                stop: function(event, ui) {
+                    $('#sortable').trigger('sortupdate')
+                },
+
+            });                                
+
+            $("#sortable").bind('sortupdate', function(event, ui) {
+                        $('#sortable li').each(function(){
+                            var itemindex= $(this).index()
+                            $(this).children('label.uiindex').html('Lap '+ itemindex );
+                            $(this).find('input').each(function(){
+                                var newname = $(this).attr('name').replace(/\[[0-9]*\]/,'[' + itemindex  + ']');
+                                //console.log('newname' + newname );
+                                $(this).attr("name",newname);
+                            });
+                            $(this).find('input.exertags').autocomplete({source: exercise_autocompletedata});
+                            //select: function(event, ui) { ... }
+                            //$(this).find('input.biketags').autocomplete({source: bike_autocompletedata})
+                            //console.log('exercise_autocompletedata' + JSON.stringify(exercise_autocompletedata, null, '	') );
+                            //console.log('bike_autocompletedata' + JSON.stringify(bike_autocompletedata, null, '	') );
+                        });
+            });
+
+            $("#sortableexercises").sortable({
+                    placeholder: "ui-state-highlight",
+                    revert: true,
+                });
+
+            $('ul').on('click', '.delete',function() {
+                      $(this).closest('li').remove();
+                      $('#sortable').trigger('sortupdate')
+            });
+
+            ///All the Buttons
+            $("button").button(); 
+              
+            //adds selectable element
+            $("button").click(function() { 
                     var addtype = $(this).attr('value');
                     var newElem = $('.new-' + addtype).clone(true).attr('style', 'display: block');
-                    $(newElem).removeClass("new-" + addtype);
-                    $(newElem).children('input').attr('disabled',false);
-                    $(newElem).appendTo('#sortable');
+                        $(newElem).removeClass("new-" + addtype);
+                        $(newElem).children('input').attr('disabled',false);
+                        $(newElem).appendTo('#sortable');
                     $(newElem).sortable( "refresh" );
-                    $('#sortable').trigger('sortupdate');   
-
-
-            
-        ////populate exercise sortable
-             socket.on('populateexercises', function(json) {
-                 console.log('#exercises recieved' + JSON.stringify(json, null, '	'));
-                 var content = "";
-                $('ul#sortableexercises li').remove();
-                $('span.ExerciseID').attr('docid',json[0]._id);
-                //$( "ul#sortableexercises" ).append('<li style="display: none"><input type="text" name="_id" value="'+ json[0]._id + '"></li>')
-                ///// for loop
-                var array = json[0].exercise.name;
-                exercise_autocompletedata = array;
-                $('#sortable').trigger('sortupdate');  
-                $.each(array, function(index, value) {
-                $( "ul#sortableexercises" ).append('<li class=ui-state-default><input type="text" name="exercise.name[]" value="'+ value + '"></li>')
-               });
-               
-             ////populate expresso sortable
-             socket.on('populateexpresso', function(json) {
-                 console.log('#tracks recieved' + JSON.stringify(json, null, '	'));
-                 var content = "";
-                $('ul#sortableexpresso li').remove();
-                $('span.ExpressoID').attr('docid',json[0]._id);
-                var barray = json[0].track.name;
-                bike_autocompletedata = barray;
-                $('#sortable').trigger('sortupdate');  
-                $.each(barray, function(index, value) {
-                $( "ul#sortableexpresso" ).append('<li class=ui-state-default><input type="text" name="track.name[]" value="'+ value + '"></li>')
-               });
-               });
-        
-});      
-                      
- 
-$( "#tabs" ).tabs();
-$( "#tabs" ).tabs('select' , 0);
-//sets buttons to be jquery buttons
-$("button").button();
-//sets datepickers
-$( "#datepicker" ).datepicker();
-
- 
-
-    $( "#tabs" ).bind( "tabsselect", function(event, ui) {
-    //console.log('index ' + ui.index );
-    //console.log('tab ' + ui.tab  );    
-    //console.log('panel ' + ui.panel );
-        if (ui.index == 0) { 
-        console.log('send stuff ' + ui.index );
-        socket.emit('getactivites', 'please');
-        };
-        if (ui.index == 2) { 
-        console.log('send stuff ' + ui.index );
-        socket.emit('getexercises', 'please');
-        };
-        if (ui.index == 3) { 
-        console.log('send stuff ' + ui.index );
-        socket.emit('getexpresso', 'please');
-        };
-        
-    });
-    
-    
-
-             
-$('#ActivityList').delegate('a.activitydelete', 'click', function() {   
-             socket.emit('delactivity', $(this).attr('title'));             
-             return false;
-});
-
-$('#ActivityList').delegate('a.activityedit', 'click', function() {   
-             socket.emit('getactivitybyid', $(this).attr('title'));             
-             return false;
-});             
-             
-             
-  $("#sortable").sortable({
-    placeholder: "ui-state-highlight",
-    revert: true,
-    stop: function(event, ui) {
-        $('#sortable').trigger('sortupdate')
-    },
-
-});                                
-
-$("#sortable").bind('sortupdate', function(event, ui) {
-            $('#sortable li').each(function(){
-                var itemindex= $(this).index()
-                $(this).children('label.uiindex').html('Lap '+ itemindex );
-                $(this).find('input').each(function(){
-                    var newname = $(this).attr('name').replace(/\[[0-9]*\]/,'[' + itemindex  + ']');
-                    console.log('newname' + newname );
-                    $(this).attr("name",newname);
-                });
-                $(this).find('input.exertags').autocomplete({source: exercise_autocompletedata});
-                //select: function(event, ui) { ... }
-                //$(this).find('input.biketags').autocomplete({source: bike_autocompletedata})
-                console.log('exercise_autocompletedata' + JSON.stringify(exercise_autocompletedata, null, '	') );
-                console.log('bike_autocompletedata' + JSON.stringify(bike_autocompletedata, null, '	') );
+                    $('#sortable').trigger('sortupdate');
             });
-});
 
-    $("#sortableexercises").sortable({
-        placeholder: "ui-state-highlight",
-        revert: true,
-    });
-                               
+            $("button.AddExercise").click(function() { 
+                    $( "ul#sortableexercises" ).append('<li class=ui-state-default><input type="text" name="exercise.name[]" hint="Name" placeholder="Exercise Name"></li>')
+                });
 
-//Removes slectable element
-$('ul').on('click', '.delete',function() {
-          $(this).closest('li').remove();
-          $('#sortable').trigger('sortupdate')
-});
+            $("button.AddExpresso").click(function() { 
+                    $( "ul#sortableexpresso" ).append('<li class=ui-state-default><input type="text" name="track.name[]" hint="Name" placeholder="Track Name"><input type="text" name="track.distance[]" hint="Name" placeholder="Distance"><input type="text" name="track.peak[]" hint="Name" placeholder="Peak"></li>')
+                });
 
-$("button").button(); 
-  
-//adds selectable element
-$("button").click(function() { 
-        var addtype = $(this).attr('value');
-        var newElem = $('.new-' + addtype).clone(true).attr('style', 'display: block');
-            $(newElem).removeClass("new-" + addtype);
-            $(newElem).children('input').attr('disabled',false);
-            $(newElem).appendTo('#sortable');
-        $(newElem).sortable( "refresh" );
-        $('#sortable').trigger('sortupdate');
-});
-
-    $("button.AddExercise").click(function() { 
-        $( "ul#sortableexercises" ).append('<li class=ui-state-default><input type="text" name="exercise.name[]" hint="Name" placeholder="Exercise Name"></li>')
-    });
-    $("button.AddExpresso").click(function() { 
-        $( "ul#sortableexpresso" ).append('<li class=ui-state-default><input type="text" name="track.name[]" hint="Name" placeholder="Track Name"><input type="text" name="track.distance[]" hint="Name" placeholder="Distance"><input type="text" name="track.peak[]" hint="Name" placeholder="Peak"></li>')
-    });
-    $('#Activity').find('input.datepicker').datepicker();
-    $('#Activity').find('input.datepicker').datepicker('setDate', new Date());               
-      
-             
-             
-      $('#save').click(function() {
-                 var docid =$(this).closest('span').attr('docid');
-                 var selector= "#myForm"
-                 var formDataAll = $(selector).toObject({mode: 'all'});
-                 socket.emit('addactivity', formDataAll[0], docid);
-            //console.log('All ', JSON.stringify(formDataAll[0], null, '	'));
-                 $('ul#sortable li').remove('.removable');
-                 $('#Activity').find('input').attr('value','');
-                 $( "#tabs" ).tabs( "select" , 0 )
-                 $('#Activity').find('input.datepicker').datepicker();
-                 $('#Activity').find('input.datepicker').datepicker('setDate', new Date());
-                 return false;
-      });
-      
+            $('#Activity').find('input.datepicker').datepicker();
+            $('#Activity').find('input.datepicker').datepicker('setDate', new Date());               
+                  
+                         
+                         
+            $('#save').click(function() {
+                     var docid =$(this).closest('span').attr('docid');
+                     var selector= "#myForm"
+                     var formDataAll = $(selector).toObject({mode: 'all'});
+                     socket.emit('addactivity', formDataAll[0], docid);
+                //console.log('All ', JSON.stringify(formDataAll[0], null, '	'));
+                     $('ul#sortable li').remove('.removable');
+                     $('#Activity').find('input').attr('value','');
+                     $('span.ActivityID').removeAttr('docid');
+                     $('#savecopy').attr('style', 'display: none');
+                     $( "#tabs" ).tabs( "select" , 0 )
+                     $('#Activity').find('input.datepicker').datepicker();
+                     $('#Activity').find('input.datepicker').datepicker('setDate', new Date());
+                     return false;
+            });
+                  
             $('#savecopy').click(function() {
                  var selector= "#myForm"
                  var formDataAll = $(selector).toObject({mode: 'all'});
                  socket.emit('addactivity', formDataAll[0]);
-            //console.log('All ', JSON.stringify(formDataAll[0], null, '	'));
+                //console.log('All ', JSON.stringify(formDataAll[0], null, '	'));
                  $('ul#sortable li').remove('.removable');
                  $('#Activity').find('input').attr('value','');
+                 $('span.ActivityID').removeAttr('docid');
+                 $('#savecopy').attr('style', 'display: none');
                  $( "#tabs" ).tabs( "select" , 0 )
                  $('#Activity').find('input.datepicker').datepicker();
                  $('#Activity').find('input.datepicker').datepicker('setDate', new Date());
                  return false;
-      });
+            });
 
-      $('#saveexercises').click(function() {
-                 var docid =$(this).closest('span').attr('docid');
-                 var selector= "#ExerciseForm"
-                 var formDataAll = $(selector).toObject({mode: 'all'});
-                 socket.emit('updateexercises', formDataAll[0], docid);
-                 
-                 console.log('All ', JSON.stringify(formDataAll, null, '	'));
-                       // to prevent the page from changing
-                 $('ul#sortableexercises li').remove();
-                 $( "#tabs" ).tabs( "select" , 0 )
-                 return false;
-      });
-      
+              $('#saveexercises').click(function() {
+                         var docid =$(this).closest('span').attr('docid');
+                         var selector= "#ExerciseForm"
+                         var formDataAll = $(selector).toObject({mode: 'all'});
+                         socket.emit('updateexercises', formDataAll[0], docid);
+                         
+                         //console.log('All ', JSON.stringify(formDataAll, null, '	'));
+                               // to prevent the page from changing
+                         $('ul#sortableexercises li').remove();
+                         $( "#tabs" ).tabs( "select" , 0 )
+                         return false;
+            });
+              
             $('#saveexpresso').click(function() {
-                 var docid =$(this).closest('span').attr('docid');
-                 var selector= "#ExpressoForm"
-                 var formDataAll = $(selector).toObject({mode: 'all'});
-                 socket.emit('updateexpresso', formDataAll[0], docid);
-                 
-                 console.log('All ', JSON.stringify(formDataAll, null, '	'));
-                       // to prevent the page from changing
-                 $('ul#sortableexpresso li').remove();
-                 $( "#tabs" ).tabs( "select" , 0 )
-                 return false;
-      });
+                         var docid =$(this).closest('span').attr('docid');
+                         var selector= "#ExpressoForm"
+                         var formDataAll = $(selector).toObject({mode: 'all'});
+                         socket.emit('updateexpresso', formDataAll[0], docid);
+                         
+                         console.log('All ', JSON.stringify(formDataAll, null, '	'));
+                               // to prevent the page from changing
+                         $('ul#sortableexpresso li').remove();
+                         $( "#tabs" ).tabs( "select" , 0 )
+                         return false;
+            });
 
-      
-     $('#cancelform').click(function() {
-                 $('ul#sortable li').remove('.removable');
-                 $('#Activity').find('input').attr('value','');
-                 $('#Activity').find('input.datepicker').datepicker();
-                 $('#Activity').find('input.datepicker').datepicker('setDate', new Date());
-                 return false;
-      });
-      
- $('#my-text-link').click(function() { // bind click event to link
-    $tabs.tabs('select', 2); // switch to third tab
-    return false;
-});
- 
- 
-$('ul').on('change', '.laptype',function() {
-       console.log ('value= ' + $(this).val() );
-   switch($(this).val()) {
-        case "Run":
-            $(this).siblings('span').html('<input type="text" class="lapname" name="Activities.Activity.Lap[0].run.name" placeholder="Location"><input type="text" class="lapdistance" name="Activities.Activity.Lap[0].run.distance" placeholder="distance"><input type="text" class="laptime" name="Activities.Activity.Lap[0].run.time" placeholder="hh:mm:ss"><a href=# class=delete>delete</a>');            
-            break;
-        case "Bike":
-            $(this).siblings('span').html('<input type="text" class="lapname biketags" name="Activities.Activity.Lap[0].bike.name" hint="Name" placeholder="Track Name"><input type="text" class="lapdistance" name="Activities.Activity.Lap[0].bike.distance" placeholder="Distance">    <input type="text" class="laptime"  name="Activities.Activity.Lap[0].bike.time" placeholder="hh:mm:ss"><a href=# class=delete>delete</a>');
-            break;
-        case "Cardio":
-            $(this).siblings('span').html('<input type="text" class="lapname" name="Activities.Activity.Lap[0].cardio.name" placeholder="Machine"><input type="text" class="lapdistance" name="Activities.Activity.Lap[0].cardio.distance" placeholder="Distance"><input type="text" class="laptime"  name="Activities.Activity.Lap[0].cardio.time" placeholder="hh:mm:ss"><a href=# class=delete>delete</a>');
-            break;
-        case "Exercise":
-            $(this).siblings('span').html('<input type="text" class="lapname exertags" name="Activities.Activity.Lap[0].exercise.name" placeholder="Exercise Name"><input type="text" name="Activities.Activity.Lap[0].exercise.sets" placeholder="Sets"><input type="text" name="Activities.Activity.Lap[0].exercise.sets" placeholder="Reps"><a href=# class=delete>delete</a>');
-            break;
-        case "Rest":
-            $(this).siblings('span').html('<input type="text" class="lapname" name="Activities.Activity.Lap[0].rest[0]" placeholder="Rest"><a href=# class=delete>delete</a>');
-            break;
-    };
-        $('#sortable').trigger('sortupdate')
-    });
+              
+             $('#cancelform').click(function() {
+                         $('ul#sortable li').remove('.removable');
+                         $('#Activity').find('input').attr('value','');
+                         $('#Activity').find('input.datepicker').datepicker();
+                         $('#Activity').find('input.datepicker').datepicker('setDate', new Date());
+                         return false;
+            });
+                  
+             $('#my-text-link').click(function() { // bind click event to link
+                $tabs.tabs('select', 2); // switch to third tab
+                return false;
+            });
+             
+             
+            $('ul').on('change', '.laptype',function() {
+                   console.log ('value= ' + $(this).val() );
+                   switch($(this).val()) {
+                        case "Run":
+                            $(this).siblings('span').html('<input type="text" class="lapname" name="Activities.Activity.Lap[0].run.name" placeholder="Location"><input type="text" class="lapdistance" name="Activities.Activity.Lap[0].run.distance" placeholder="distance"><input type="text" class="laptime" name="Activities.Activity.Lap[0].run.time" placeholder="hh:mm:ss"><a href=# class=delete>delete</a>');            
+                            break;
+                        case "Bike":
+                            $(this).siblings('span').html('<input type="text" class="lapname biketags" name="Activities.Activity.Lap[0].bike.name" hint="Name" placeholder="Track Name"><input type="text" class="lapdistance" name="Activities.Activity.Lap[0].bike.distance" placeholder="Distance">    <input type="text" class="laptime"  name="Activities.Activity.Lap[0].bike.time" placeholder="hh:mm:ss"><a href=# class=delete>delete</a>');
+                            break;
+                        case "Cardio":
+                            $(this).siblings('span').html('<input type="text" class="lapname" name="Activities.Activity.Lap[0].cardio.name" placeholder="Machine"><input type="text" class="lapdistance" name="Activities.Activity.Lap[0].cardio.distance" placeholder="Distance"><input type="text" class="laptime"  name="Activities.Activity.Lap[0].cardio.time" placeholder="hh:mm:ss"><a href=# class=delete>delete</a>');
+                            break;
+                        case "Exercise":
+                            $(this).siblings('span').html('<input type="text" class="lapname exertags" name="Activities.Activity.Lap[0].exercise.name" placeholder="Exercise Name"><input type="text" name="Activities.Activity.Lap[0].exercise.sets" placeholder="Sets"><input type="text" name="Activities.Activity.Lap[0].exercise.sets" placeholder="Reps"><a href=# class=delete>delete</a>');
+                            break;
+                        case "Rest":
+                            $(this).siblings('span').html('<input type="text" class="lapname" name="Activities.Activity.Lap[0].rest[0]" placeholder="Rest"><a href=# class=delete>delete</a>');
+                            break;
+                    };
+                $('#sortable').trigger('sortupdate')
+            });
 
 
 
-      });
+        });
       
     </script>
   </head>
@@ -390,7 +385,7 @@ $('ul').on('change', '.laptype',function() {
             <li class="ui-state-default"><label>Activity Name</label><input type="text" name="Activities.Activity.name" placeholder="Location"><label>Date</label><input type="text" class="datepicker" name="Activities.Activity.date"></li>
             </ul>
             <button type="submit" id="save" value="Save">Save</button>
-            <button type="submit" id="savecopy" value="Savecopy">Save Copy</button>
+            <button style="display: none" type="submit" id="savecopy" value="Savecopy">Save Copy</button>
             <button type="button" id="cancelform" value="Cancel"/>Cancel</button>
             </form>
       </span>