player display first part of cartel

sites/all/themes/custom/edlptheme/assets/scripts/main.js

@@ -58,6 +58,10 @@
       this.$time        = $('<div>').addClass('time').appendTo(this.$container);
       this.$currentTime = $('<div>').addClass('current-time').html('00:00').appendTo(this.$time);
       this.$duration    = $('<div>').addClass('duration').html('00:00').appendTo(this.$time);
+      // favoris
+      this.$fav       = $('<div>').addClass('favoris').appendTo(this.$container);
+      // cartel
+      this.$cartel       = $('<div>').addClass('cartel').appendTo(this.$container);
 
       // hiding
       this.hideTimer = false;
@@ -86,8 +90,28 @@
         this.$playpause.on('click', this.togglePlayPause.bind(this));
         // TODO: previous and next btns
       },
+      openDocument(node){
+        this.setSRC(node.audio_url);
+        this.loadNode(node.nid);
+      },
+      // cartel functions
+      loadNode(nid){
+        this.$cartel.addClass('loading');
+        $.getJSON('/edlp/node/'+nid+'/ajax/player_cartel', {})
+          .done(this.onNodeLoaded.bind(this))
+          .fail(this.onNodeLoadFail.bind(this));
+      },
+      onNodeLoaded(data){
+        console.log('AudioPlayer node loaded', data);
+        this.$cartel.html(data.rendered);
+        this.$cartel.removeClass('loading');
+      },
+      onNodeLoadFail(jqxhr, textStatus, error){
+        console.warn('AudioPlayer node load failed', jqxhr.responseText);
+      },
+      // audio functions
       setSRC(url){
-        console.log('AudioPlayer setSRC : url', url);
+        // console.log('AudioPlayer setSRC : url', url);
         this.clearTimeOutToHide();
         this.audio.src = url;
         this.show();
@@ -145,6 +169,7 @@
         this.$container.removeClass('is-playing');
         this.timeOutToHide();
       },
+      // global
       show(){
         this.$container.addClass('visible');
       },
@@ -159,8 +184,12 @@
       },
       hide(){
         this.$container.removeClass('visible');
+        // TODO: trigger highlighted node remove on corpus map
       }
     }
+
+
+
     //  ___             _ _ ___
     // / __| __ _ _ ___| | | _ ) __ _ _ _ ___
     // \__ \/ _| '_/ _ \ | | _ \/ _` | '_(_-<
@@ -233,7 +262,7 @@
     };
 
     function onAjaxLinkLoadError(jqxhr, textStatus, error, $link, sys_path){
-      console.warn('ajaxlink load failed', jqxhr.responseText);
+      console.warn('ajaxlink load failed for '+sys_path+' : '+error, jqxhr.responseText);
       $link.removeClass('ajax-loading');
       _$body.removeClass('ajax-loading');
     };
@@ -288,7 +317,7 @@
         })
         .on('corpus-cliked-on-node', function(e) {
           console.log('theme : corpus-cliked-on-node', e);
-          _audio_player.setSRC(e.target_node.audio_url);
+          _audio_player.openDocument(e.target_node);
         });
     }