personal-notes display for card medium and cardfull is ok

sites/all/modules/gui/materiobasemod/js/dist/materio_personalnotes.min.js

@@ -4,7 +4,7 @@
 +'materio_personalnotes/form/'+action
 +'/'+src_nid;if(action=='edit'){url+='/'+note_nid;}
 $.getJSON(url,function(json){trace('MaterioPersonalNotes :: '+action+' : json',json);if(json.new_note_nid){updateNoteLink($link,json.new_note_nid);}
-showNoteForm(json);});return false;};function updateNoteLink($link,new_note_nid){trace('MaterioPersonalNotes :: updateNoteLink : new_note_nid',new_note_nid);$link.attr('note_nid',new_note_nid);$link.attr('href',Drupal.settings.pathPrefix+'node/'+new_note_nid+'/edit');};function showNoteForm(json){trace('MaterioPersonalNotes :: showNoteForm');$.event.trigger({type:"record-stat",categorie:"PersonalNotes",action:'show create form'});var $modal=$('<div id="modal" class="modal note-modal"/>').appendTo('body');$modal.css({position:'absolute',top:'40%',left:'50%',marginLeft:'-150px',width:'500px',zIndex:"99999"}).append($('<div class="close"></i><div>').bind('click',function(){trace('close note');$(this).parents('#modal').remove();}));$modal.append(json.rendered_form).find('textarea').focus().bind('change keyup paste',function(event){var note_nid=$(this).parents('form').find('input[name="note_nid"]').val();saveNote($(this).val(),note_nid);});$modal.find('input[type="submit"], .homepage-textfield').hide();};function saveNote(text,note_nid){trace(text,'MaterioPersonalNotes :: saveNote : text');var url=Drupal.settings.basePath
+showNoteForm($link,json);});return false;};function updateNoteLink($link,new_note_nid){trace('MaterioPersonalNotes :: updateNoteLink : new_note_nid',new_note_nid);$link.attr('note_nid',new_note_nid);$link.attr('href',Drupal.settings.pathPrefix+'node/'+new_note_nid+'/edit');};function showNoteForm($link,json){trace('MaterioPersonalNotes :: showNoteForm');$.event.trigger({type:"record-stat",categorie:"PersonalNotes",action:'show create form'});var $card=$link.parents('.node-materiau');if($card.is('.vm-cardmedium')||$card.is('.vm-cardbig')){var $note=$('<div class="note-wrapper"/>').append($('<div class="close"></i><div>').bind('click',function(){trace('close note');$(this).parents('.node-materiau').removeClass('note-opened');setTimeout((function(that){$(that).parents('.note-wrapper').remove();})(this),300);}));$note.append(json.rendered_form).find('textarea').focus().bind('change keyup paste',function(event){var note_nid=$(this).parents('form').find('input[name="note_nid"]').val();saveNote($(this).val(),note_nid);});$note.find('input[type="submit"], .homepage-textfield').hide();$note.appendTo($card.addClass('note-opened'));$note.find('textarea').focus();}else{}};function saveNote(text,note_nid){trace(text,'MaterioPersonalNotes :: saveNote : text');var url=Drupal.settings.basePath
 +Drupal.settings.pathPrefix
 +'materio_personalnotes/save'
 +'/'+note_nid;$.post(url,{'content':text},function(data,status){trace('MaterioPersonalNotes :: save : status',status);});};init();};$(document).ready(function(){var materioflag=new MaterioPersonalNotes();});})(jQuery);

sites/all/modules/gui/materiobasemod/js/materio_personalnotes.js

@@ -76,7 +76,7 @@ MaterioPersonalNotes = function(){
       if(json.new_note_nid){
         updateNoteLink($link, json.new_note_nid);
       }
-      showNoteForm(json);
+      showNoteForm($link, json);
     });
     return false;
   };
@@ -87,7 +87,7 @@ MaterioPersonalNotes = function(){
     $link.attr('href', Drupal.settings.pathPrefix+'node/'+new_note_nid+'/edit');
   };
 
-  function showNoteForm(json){
+  function showNoteForm($link, json){
     trace('MaterioPersonalNotes :: showNoteForm');
     // google analytics
     $.event.trigger({
@@ -96,32 +96,64 @@ MaterioPersonalNotes = function(){
       action: 'show create form'
     });
 
-    var $modal = $('<div id="modal" class="modal note-modal"/>').appendTo('body');
-    $modal
-      .css({
-        position:'absolute',
-        top:'40%', left:'50%',
-        marginLeft:'-150px', width:'500px',
-        zIndex:"99999"
-      })
-      .append($('<div class="close"></i><div>')
-        .bind('click', function(){
-          trace('close note');
-          $(this).parents('#modal').remove();
-        })
-      );
-    $modal
-      .append(json.rendered_form)
+    var $card = $link.parents('.node-materiau');
+
+    if($card.is('.vm-cardmedium') || $card.is('.vm-cardbig')){
+      var $note = $('<div class="note-wrapper"/>')
+        .append($('<div class="close"></i><div>')
+          .bind('click', function(){
+            trace('close note');
+            $(this).parents('.node-materiau').removeClass('note-opened');
+            setTimeout((function(that){
+              $(that).parents('.note-wrapper').remove();
+            })(this), 300);
+          })
+        );
+      $note
+        .append(json.rendered_form)
+          .find('textarea')
+            .focus()
+            .bind('change keyup paste', function(event){
+              // trace('text changed', $(this).val());
+              var note_nid = $(this).parents('form').find('input[name="note_nid"]').val();
+              saveNote($(this).val(), note_nid);
+            });
+      $note
+        .find('input[type="submit"], .homepage-textfield').hide();
+      $note
+        .appendTo($card.addClass('note-opened'));
+      $note
         .find('textarea')
-          .focus()
-          .bind('change keyup paste', function(event){
-            // trace('text changed', $(this).val());
-            var note_nid = $(this).parents('form').find('input[name="note_nid"]').val();
-            saveNote($(this).val(), note_nid);
-          });
-    $modal
-      .find('input[type="submit"], .homepage-textfield').hide();
-      // TODO:  esc keypressed close the form
+          .focus();
+    }else{
+
+      // var $note = $('<div id="modal" class="modal note-modal"/>').appendTo('body');
+      // $note
+      //   .css({
+      //     position:'absolute',
+      //     top:'40%', left:'50%',
+      //     marginLeft:'-150px', width:'500px',
+      //     zIndex:"99999"
+      //   })
+      //   .append($('<div class="close"></i><div>')
+      //     .bind('click', function(){
+      //       trace('close note');
+      //       $(this).parents('#modal').remove();
+      //     })
+      //   );
+      // $note
+      //   .append(json.rendered_form)
+      //     .find('textarea')
+      //       .focus()
+      //       .bind('change keyup paste', function(event){
+      //         // trace('text changed', $(this).val());
+      //         var note_nid = $(this).parents('form').find('input[name="note_nid"]').val();
+      //         saveNote($(this).val(), note_nid);
+      //       });
+      // $note
+      //   .find('input[type="submit"], .homepage-textfield').hide();
+      //   // TODO:  esc keypressed close the form
+    }
   };
 
   function saveNote(text, note_nid){
@@ -133,7 +165,6 @@ MaterioPersonalNotes = function(){
 
     $.post(url, {'content':text}, function(data, status){
       trace('MaterioPersonalNotes :: save : status', status);
-
     });
   };
 

sites/all/modules/gui/materiobasemod/materio_personalnotes.pages.inc

@@ -53,7 +53,7 @@ function materio_personalnotes_createeditnote($action = 'create', $src_nid = nul
         'field_personal_note' => array(
           'und'=>array(
             array(
-              'value'=>$src_nid
+              'value'=>""
             )
           )
         )