Changeset 30093 for main/trunk/model-sites-dev/respooled/collect/popup-video-respooled/js/game-on.js

Timestamp:

2015-08-04T13:50:35+12:00 (9 years ago)

Author:

davidb

Message:

Development work done in at JCDL

File:

• main/trunk/model-sites-dev/respooled/collect/popup-video-respooled/js/game-on.js (modified) (15 diffs)

main/trunk/model-sites-dev/respooled/collect/popup-video-respooled/js/game-on.js

@@ -40 +40 @@
     var docStorage = null;
 
+    var site_name  = gs.xsltParams.site_name;
+    var collection = gs.cgiParams["c"];
+
     if (hasLocalStorage) {
 
@@ -55 +58 @@
     }
 
+    console.log("docStorage = " + docStorage);
+    //console.log("docOID = " + docOID);
+    //console.log("*** docOID in docStorage = " + (docOID in docStorage));
+    console.log("*** palTracks = " + (JSON.stringify(docStorage.palTracks)));
+    console.log("*** popTracks = " + (JSON.stringify(docStorage.popTracks)));
+    
+    //console.log("*** palTracks.length = " + (Object.keys(docStorage.palTracks).length));
+
+/*
+    
+    //if ((docStorage==null) || !(docOID in docStorage) || (docOID in Storage && !(docStorage[docOID].palTracks.length) )) {
+    if ((docStorage==null) || !(docStorage.palTracks) || (docStorage.palTracks && (Object.keys(docStorage.palTracks).length==0))) {
+    
+
+    console.log("**** Need to retrieve Respooled data from DL");
+
+    if (docStorage==null) {
+        docStorage = {palTracks:{}, popTracks:{}};
+    }
+    gs.functions.getArchivesMetadata(collection, site_name, docOID,
+                     "docStorage", 0,  function(metadata) {
+                         var metaval_encoded_str = metadata.getValue();
+                         var metaval_str = decodeURIComponent(metaval_encoded_str)
+                         console.log("***!!! metadata = '" + metaval_str + "'");
+                         if (metaval_str != "") {
+                         var metaval = eval("("+metaval_str+")");
+                         console.log("***!!! metadata JSON = " + JSON.stringify(metaval));
+                         docStorage = metaval;
+                         }
+                         else {
+                         docStorage = {palTracks:{}, popTracks:{}};
+                         }
+                         goDocStorage = docStorage;
+                     }
+                    );
+    
+    }
+*/
+    
+    //console.log("*** returning docStorage.palTracks " + JSON.stringify(docStorage.palTracks));
+    
     return docStorage;
+}
+
+
+function saveDocStorage(log_prefix)
+{
+    var docOID = gs.cgiParams.d;
+    var site_name = gs.xsltParams.site_name;
+    var collection = gs.cgiParams["c"];
+
+    if (hasLocalStorage) {
+    console.log(log_prefix + ": Saving in Browser localStorage track data for '" + docOID + "'");
+    localStorage.setItem(docOID,JSON.stringify(goDocStorage));
+    }
+
+    /*
+    var goDocStorageStrEncoded = encodeURIComponent(JSON.stringify(goDocStorage));
+
+    console.log(log_prefix+": Away to save metadata to DL: " + goDocStorageStrEncoded);
+
+    gs.functions.setArchivesMetadata(collection, site_name, docOID,
+                     "docStorage", null, goDocStorageStrEncoded, null, "override",
+                     function(response){
+                     console.log("**** saved Respooled metadata to the DL server")
+                     console.log("*** response: " + JSON.stringify(response));
+                     }
+                    );
+*/
 }
 
@@ -70 +141 @@
 }
 
+function getActiveOverlayLayers(opt_field)
+{
+    var field = opt_field || "name";
+
+    var popActiveLayers = [];
+    $('#popForm input:checked').each(function() {
+        popActiveLayers.push(this[field]);
+    });
+
+    return popActiveLayers;
+}
+
+
+function getPalTracks(docOID) {
+
+    if (!("palTracks" in goDocStorage)) {
+    goDocStorage = {palTracks:{}, popTracks:{}};
+    }
+    
+    return goDocStorage.palTracks;
+    
+}
+
+function getPopTracks(docOID) {
+
+    if (!("popTracks" in goDocStorage)) {
+    goDocStorage = {palTracks:{}, popTracks:{}};
+    }
+    
+    return goDocStorage.popTracks;
+    
+}
+
 function populatePalList(docStorage)
 {
     // populate pal List
+    var docOID = gs.cgiParams.d;
+
     if (hasLocalStorage) {
 
-    var palTracks = docStorage.palTracks || {};
+    var palTracks = getPalTracks(docOID);
 
     //console.log("*** palTracks = " + JSON.stringify(palTracks));
@@ -103 +209 @@
 
 
+function populatePopList(docStorage)
+{
+    // populate pop List
+    var docOID = gs.cgiParams.d;
+    var hasPopTracks = false;
+    
+    if (hasLocalStorage) {
+
+    var popTracks = getPopTracks(docOID);
+    
+    //console.log("*** popTracks = " + JSON.stringify(popTracks));
+    var popListKeys = Object.keys(popTracks).sort();
+
+    if (popListKeys.length>0) {
+        hasPopTracks = true;
+    }
+    for (var i=0; i<popListKeys.length; i++) {
+        var key = popListKeys[i];
+        var track = popTracks[key];
+        var name = key;
+        var cb_name = name.replace(/[ -]/g,"");
+        var cb_value = name;
+
+        var opt_checked = (i==0) ? ' checked="checked"' : "";
+
+        $('#popList').append('<div id="pop'+cb_name+'"><input type="checkbox" '
+                 + '" name="'+cb_name+'" value="' + cb_value + '"'
+                 + opt_checked + '>' 
+                 + name + '</div>');
+    }
+    }
+
+    if (!hasPopTracks) {
+    // Put in some fake data for now
+    console.log("**** adding baseline Popup Trivia item");
+    
+    $('#popList').append('<input type="checkbox" id="popPopupTrivia"    name="PopupTrivia" value="Popup Trivia" checked="checked"/>Popup Trivia<br />');
+
+    if (hasLocalStorage) {
+        var popTracks = getPopTracks(docOID);
+        popTracks["Popup Trivia"] = "";
+    }
+
+    
+    //$('#palList').append('<input type="checkbox" id="palDrumbeatHero" name="DrumbeatHero"  value="Drum-beat Hero" />Drum-beat Hero<br />');
+    }
+}
+
+
 function computeMidiStats(track)
 {
@@ -168 +323 @@
     go_top_level_group = new goPaper.group("gameOnPaper",[]);
 
+    var docOID = gs.cgiParams.d;
+    
     if (hasLocalStorage) {
 
@@ -173 +330 @@
     //    palTracks[save_name] = [ { name: "my recording 1", baseCTime: 123.3, events: [ .... ] } ]
 
-    var palTracks = docStorage.palTracks || {};
+    var palTracks = getPalTracks(docOID);
 
     var total_duration = mediaPlayer.duration;
@@ -233 +390 @@
             var block_events_len = block_events.length; 
             for (var ne=0; ne<block_events_len; ne++) {
-            
+
             var note_event = block_events[ne];
             var midi_pitch = note_event.midiPitch;
-
+            
             var startPercTime = (base_ctime + note_event.startCurrentTime)/total_duration;
+
             var rx_org = startPercTime * go_paper_x_dim;
-            var ry_org = go_paper_y_dim - ((note_event.midiPitch - min_midi_pitch) * midi_y_dim_spacing) - midi_y_dim_spacing;
+            var ry_org;
             
-            var rx_dim = (note_event.duration/1000)/total_duration * go_paper_x_dim;
-            var ry_dim = midi_y_dim_spacing;
+            var rx_dim;
+            var ry_dim;
             
+            if (note_event.type && (note_event.type=="drum")) {
+                ry_org = 0;
+                
+                rx_dim = 1;
+                ry_dim = go_paper_y_dim;
+            }
+            else {
+                var midi_pitch = note_event.midiPitch;
+
+                //var startPercTime = (base_ctime + note_event.startCurrentTime)/total_duration;
+                //var rx_org = startPercTime * go_paper_x_dim;
+                ry_org = go_paper_y_dim - ((note_event.midiPitch - min_midi_pitch) * midi_y_dim_spacing) - midi_y_dim_spacing;
+                
+                rx_dim = (note_event.duration/1000)/total_duration * go_paper_x_dim;
+                ry_dim = midi_y_dim_spacing;
+            }
+
             var rect = goPaper.rect(rx_org,ry_org,rx_dim,ry_dim-0.2);
             //rect.attr({stroke:"none", strokeWidth:0.2, fill:"#2E52A4"});
@@ -251 +426 @@
             go_top_level_group.push(rect);
 
-            if (midi_pitch < block_min_midi_pitch) {
-                block_min_midi_pitch = midi_pitch;
+            if (midi_pitch) {
+                if (midi_pitch < block_min_midi_pitch) {
+                block_min_midi_pitch = midi_pitch;
+                }
+                if (midi_pitch > block_max_midi_pitch) {
+                block_max_midi_pitch = midi_pitch;
+                }
             }
-            if (midi_pitch > block_max_midi_pitch) {
-                block_max_midi_pitch = midi_pitch;
-            }
+
             }
 
@@ -343 +521 @@
     goPaper = Raphael("gameOnPaper",go_paper_x_dim,go_paper_y_dim);
     goPaper.canvas.style.backgroundColor = '#FFFFFF';
+    
+    if (gs.xsltParams.interface_name == "dlfm") {
+    
+    $("#gameOnPaper>svg").panzoom({
+        $zoomIn: $(".zoom-in"),
+        $zoomOut: $(".zoom-out"),
+        $zoomRange: $(".zoom-range"),
+        $reset: $(".reset")
+    });
+
+    $("#gameOnPaper>svg").panzoom("option", "contain", true );
+
+    }
 
 
@@ -348 +539 @@
 
     populatePalList(goDocStorage);
+    populatePopList(goDocStorage);
+    
     displayActiveTrackLayers(goDocStorage);
 }
 
+// pal routines
 
 function palDeleteConfirmed()
@@ -359 +553 @@
     var palActiveLayersValue = getActiveTrackLayers("value");
 
-    var palTracks = goDocStorage.palTracks || {};
+    var docOID = gs.cgiParams.d;
+    var palTracks = getPalTracks(docOID);
 
     for (var i=0; i<palActiveLayersID.length; i++) {
@@ -368 +563 @@
     delete palTracks[value]; 
     }
+
+    saveDocStorage("palDeleteConfirmed()");    
 }
 
@@ -387 +584 @@
 function palSave()
 {
-    var palTracks = goDocStorage.palTracks || {};
+    var docOID = gs.cgiParams.d;
+    var palTracks = getPalTracks(docOID);
 
     var json_edit_str = trackEditor.getSession().getValue();
-    console.log("**** json edit str = " + json_edit_str);
+    console.log("**** palSave() trackEditor.getSession value = " + json_edit_str);
 
     var json_edit = eval("("+json_edit_str+")");
@@ -398 +596 @@
         //console.log("*** key = " + key);
         var val = json_edit[key];
-        console.log("**** Saving under key[ " + key + "]: " + JSON.stringify(val));
+        console.log("**** Saving under key[" + key + "]: " + JSON.stringify(val));
         palTracks[key] = val;       
     }
     }
 
-    if (hasLocalStorage) {
-    var docOID = gs.cgiParams.d;
-    console.log("Saving in Browser localStorage track data for '" + docOID + "'");
-    localStorage.setItem(docOID,JSON.stringify(goDocStorage));
-    }
+    saveDocStorage("palSave()");
+    
 }
 
 function palEdit()
 {
-    var palTracks = goDocStorage.palTracks || {};
+    var docOID = gs.cgiParams.d;
+    var palTracks = getPalTracks(docOID);
 
     var palActiveLayers = getActiveTrackLayers("value");
@@ -431 +627 @@
 }
 
+//
+// Popup Info Overlay routines
+//
+
+
+function popCreate()
+{
+    $('#create-info-popup').dialog('open');
+
+    return false;  // no need to process the event any further
+}
+
+function popDeleteConfirmed()
+{
+    //var popActiveLayers = $('input[type=checkbox]:checked', '#popForm');
+
+    var popActiveLayersID   = getActiveOverlayLayers("name");
+    var popActiveLayersValue = getActiveOverlayLayers("value");
+
+    var docOID = gs.cgiParams.d;
+    var popTracks = getPopTracks(docOID);
+
+    for (var i=0; i<popActiveLayersID.length; i++) {
+    var id = popActiveLayersID[i];
+    $('#pop'+id).remove();
+
+    var value = popActiveLayersValue[i];
+    delete popTracks[value]; 
+    }
+
+    //console.log("***### pop mode, skipping saving for now");
+    saveDocStorage("popDeleteConfirmed()");
+        
+}
+
+
+function popDelete()
+{
+    $('#delete-info-popup').dialog('open');
+
+    return false;  // no need to process the event any further
+}
+
+function popSave()
+{
+    var docOID = gs.cgiParams.d;
+    var popTracks = getPopTracks(docOID);
+
+    var text_edit_str = infoEditor.getSession().getValue();
+    console.log("**** popSave() infoEditor.getSession value = " + text_edit_str);
+
+    var popActiveLayers = getActiveOverlayLayers();
+    //var json_edit = eval("("+json_edit_str+")");
+
+    var key = popActiveLayers[0];
+    //console.log("**** Saving under key[" + key + "]: " + JSON.stringify(val));
+    console.log("**** Saving under key[" + key + "]: " + text_edit_str);
+    popTracks[key] = text_edit_str;
+
+    /*
+    for (var key in json_edit){
+    if (json_edit.hasOwnProperty(key)) {
+        //console.log("*** key = " + key);
+        var val = json_edit[key];
+        console.log("**** Saving under key[" + key + "]: " + JSON.stringify(val));
+        popTracks[key] = val;       
+    }
+    }
+    */
+    
+    //console.log("***### pop mode, skipping saving for now");
+    saveDocStorage("popSave()");
+    
+}
+
+
+function popEdit()
+{
+    var docOID = gs.cgiParams.d;
+    var popTracks = getPopTracks(docOID);
+
+    var popActiveLayers = getActiveOverlayLayers("value");
+
+    //var edit_json = {};
+    var edit_text = "";
+  
+    for (var i=0; i<popActiveLayers.length; i++) {
+    var track_name = popActiveLayers[i];
+    //edit_json[track_name] = popTracks[track_name];
+    edit_text += popTracks[track_name];
+    }
+
+    //infoEditor.setValue(JSON.stringify(edit_json,null,'\t'));
+    infoEditor.setValue(edit_text);
+    infoEditor.clearSelection();
+
+    $('#edit-info-popup').dialog('open');
+
+    return false;  // no need to process the event any further
+}
+
+
+
+