fixed flag nav bug

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

@@ -1,9 +1,9 @@
 
-(function($){MaterioFlag=function(){var _isLoadingList=false;function init(){buildBlocks();$(document).bind('flagGlobalAfterLinkUpdate',onFlaging).bind('resultscompleted resultschanged previewloaded',onResultsUpdated).bind('init-scroller-pager',onInitScrollerPager).bind('load-scroller-pager',onLoadScrollerPager).bind('view-mode-changed',onViewModeChanged).bind('history-state-change',onHistoryStateChange);if(isList()){setTimeout(function(){triggerContentChanged();},10);}};function onFlaging(event){refreshBlocks();};function onResultsUpdated(event){ajaxifyLinks(event.container);};function buildBlocks(activename){if($('#block-materio-flag-materio-flag-mybookmarks').length){var type='bookmarks';var block='#block-materio-flag-materio-flag-mybookmarks';}else if($('#block-materio-flag-materio-flag-mylists').length){var type='lists';var block='#block-materio-flag-materio-flag-mylists';}
-switch(type){case'bookmarks':var name=type;$('h2 .listname',block).attr('name',name).bind('click',onClickShowPreview);$('<i class="fi-x"></i>').appendTo($('h2',block)).attr('name',name).bind('click',onClickClosePreview);break;case'lists':$('a.open-list:not(.ajax-processed)','#block-materio-flag-materio-flag-mylists-nav').each(function(index){$this=$(this).bind('click',onClickOpenLink).addClass('ajax-processed');var name=$this.attr('class').match(/flag_lists_[^_]+_[0-9]+/);$('<span class="preview"><i class="fi-eye"></i></span>').attr('name',name).insertAfter($this).bind('click',onClickShowPreview);});$('a.edit-list:not(.ajax-processed)','#block-materio-flag-materio-flag-mylists-nav').bind('click',onCLickEditList).addClass('ajax-processed');$('a.flag-lists-create:not(.ajax-processed)','#block-materio-flag-materio-flag-mylists-nav').bind('click',onClickCreatLink).addClass('ajax-processed');$('section.flag-list:not(.ajax-processed)','#block-materio-flag-materio-flag-mylists').each(function(index){var name=$(this).attr('class').match(/flag_lists_[^_]+_[0-9]+/);$('<i class="fi-x"></i>').appendTo($('h2.listname',this)).attr('name',name).bind('click',onClickClosePreview);$('a.open-list',this).bind('click',onClickOpenLink);}).addClass('ajax-processed');break;}
+(function($){MaterioFlag=function(){var _isLoadingList=false;function init(){buildBlocks();$(document).bind('flagGlobalAfterLinkUpdate',onFlaging).bind('resultscompleted resultschanged previewloaded',onResultsUpdated).bind('init-scroller-pager',onInitScrollerPager).bind('load-scroller-pager',onLoadScrollerPager).bind('view-mode-changed',onViewModeChanged).bind('history-state-change',onHistoryStateChange);if(isList()){setTimeout(function(){triggerContentChanged();},10);}};function onFlaging(event){refreshBlocks();};function onResultsUpdated(event){trace('MaterioFlag :: onResultsUpdated',event);ajaxifyTitleTools();ajaxifyLinks(event.container);};function buildBlocks(activename){if($('#block-materio-flag-materio-flag-mybookmarks').length){var type='bookmarks';var block='#block-materio-flag-materio-flag-mybookmarks';}else if($('#block-materio-flag-materio-flag-mylists').length){var type='lists';var block='#block-materio-flag-materio-flag-mylists';}
+switch(type){case'bookmarks':var name=type;$('h2 .listname',block).attr('name',name).bind('click',onClickShowPreview);$('<i class="fi-x"></i>').appendTo($('h2',block)).attr('name',name).bind('click',onClickClosePreview);break;case'lists':$('a.open-list:not(.ajax-processed)','#block-materio-flag-materio-flag-mylists-nav').each(function(index){$this=$(this).bind('click',onClickOpenLink).addClass('ajax-processed');var name=$this.attr('class').match(/flag_lists_[^_]+_[0-9]+/);$('<span class="preview"><i class="fi-eye"></i></span>').attr('name',name).insertAfter($this).bind('click',onClickShowPreview);});ajaxifyTitleTools();$('a.flag-lists-create:not(.ajax-processed)','#block-materio-flag-materio-flag-mylists-nav').bind('click',onClickCreatLink).addClass('ajax-processed');$('section.flag-list:not(.ajax-processed)','#block-materio-flag-materio-flag-mylists').each(function(index){var name=$(this).attr('class').match(/flag_lists_[^_]+_[0-9]+/);$('<i class="fi-x"></i>').appendTo($('h2.listname',this)).attr('name',name).bind('click',onClickClosePreview);$('a.open-list',this).bind('click',onClickOpenLink);}).addClass('ajax-processed');break;}
 setTimeout(function(){$.event.trigger({type:'my'+type+'-block-builded',block:block,name:name});},10);if(activename==undefined)
 activename=readCookie('materiomyflaglistsopened');if(activename)
-showPreview(activename,block);};function refreshBlocks(name){if($('#block-materio-flag-materio-flag-mybookmarks').length){var type='bookmarks';}else if($('#block-materio-flag-materio-flag-mylists').length){var type='lists';}
+showPreview(activename,block);};function ajaxifyTitleTools(){$('a.edit-list:not(.ajax-processed)','#block-materio-flag-materio-flag-mylists-nav, #block-materio-page-title-materio-page-title').bind('click',onCLickEditList).addClass('ajax-processed');};function refreshBlocks(name){trace('MaterioFlag :: refreshBlocks | name',name);if($('#block-materio-flag-materio-flag-mybookmarks').length){var type='bookmarks';}else if($('#block-materio-flag-materio-flag-mylists').length){var type='lists';}
 if(type!=undefined){var id='#block-materio-flag-materio-flag-my'+type;var url=Drupal.settings.basePath+Drupal.settings.pathPrefix+'materioflag/refresh/block/'+type;$.getJSON(url,function(json){$(id).replaceWith(json.block);$('#block-materio-flag-materio-flag-mylists-nav').replaceWith(json.block_nav);buildBlocks(name);$.event.trigger({type:'my'+type+'-block-updated',listname:name});});}};function ajaxifyLinks(container){container=((container!=null)?container:'body');if(typeof Drupal.flagLink!='undefined')
 Drupal.flagLink(container);if(isList()){var fid=$('.materio-flags-list','#content').attr('fid');$('li.unflag-action.fid-'+fid+' a:not(.ajax-processed), li.flag-bookmarks a.unflag-action:not(.ajax-processed)').bind('click',onUnflagList).addClass('ajax-processed');}
 $('a.flag-lists-create:not(.ajax-processed)',container).bind('click',onClickCreatLink).addClass('ajax-processed');};function onClickShowPreview(event){showPreview($(this).attr('name'),$(this).parent('.block').attr('id'));};function showPreview(name,block){$('section.'+name,block).addClass('active').siblings('section').removeClass('active');createCookie('materiomyflaglistsopened',name,1);$.event.trigger('init-layout');};function onClickClosePreview(event){eraseCookie('materiomyflaglistsopened');if($(this).attr('name')=='bookmarks'){$(this).parents('.block').find('section.bookmarks').removeClass('active');}else{$(this).parents('section.flag-list').removeClass('active');}

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

@@ -39,13 +39,14 @@ MaterioFlag = function(){
   };
 
   function onResultsUpdated(event){
-    //trace('MaterioFlag :: onResultsUpdated', event);
+    trace('MaterioFlag :: onResultsUpdated', event);
+    ajaxifyTitleTools();
     ajaxifyLinks(event.container);
   };
 
   function buildBlocks(activename){
     //trace('MaterioFlag :: buildBlocks | activename', activename);
-
+    // TODO: the bookmark thing is obselete as free registrered user does not exist anymore
     if($('#block-materio-flag-materio-flag-mybookmarks').length){
       var type = 'bookmarks';
       var block = '#block-materio-flag-materio-flag-mybookmarks';
@@ -78,10 +79,7 @@ MaterioFlag = function(){
           $('<span class="preview"><i class="fi-eye"></i></span>').attr('name', name).insertAfter($this).bind('click', onClickShowPreview);
         });
 
-        $('a.edit-list:not(.ajax-processed)', '#block-materio-flag-materio-flag-mylists-nav')
-          .bind('click', onCLickEditList)
-          .addClass('ajax-processed');
-
+        ajaxifyTitleTools();
 
         $('a.flag-lists-create:not(.ajax-processed)', '#block-materio-flag-materio-flag-mylists-nav')
           .bind('click', onClickCreatLink)
@@ -118,8 +116,14 @@ MaterioFlag = function(){
       showPreview(activename, block);
   };
 
+  function ajaxifyTitleTools(){
+    $('a.edit-list:not(.ajax-processed)', '#block-materio-flag-materio-flag-mylists-nav, #block-materio-page-title-materio-page-title')
+      .bind('click', onCLickEditList)
+      .addClass('ajax-processed');
+  };
+
   function refreshBlocks(name){
-    //trace('MaterioFlag :: refreshBlocks | name', name);
+    trace('MaterioFlag :: refreshBlocks | name', name);
     if($('#block-materio-flag-materio-flag-mybookmarks').length){
       var type = 'bookmarks';
     }else if($('#block-materio-flag-materio-flag-mylists').length){

sites/all/modules/gui/materiobasemod/templates/materio-flag-mylists-block.tpl.php

@@ -14,6 +14,6 @@
 			<?php $content = $list['content']; ?>
 			<?php $entity_view = entity_view('node', $content, $viewmode); ?>
 			<div class="flaged <?php print $list['list']->name; ?>">	<?php print render($entity_view); ?> </div>
-		</section>	
+		</section>
 	<?php endforeach; ?>
-</div>
+</div>

sites/all/modules/gui/materiobasemod/templates/materio-flag-mylists-nav-block.tpl.php

@@ -4,25 +4,30 @@
 			<?php foreach ($flags as $name => $flag): ?>
 			<?php //dsm($flag, 'flag') ;?>
 				<li class="flaglist <?php print $flag->name; ?>">
-					<?php print l($flag->title . '<span class="count">('.count($flag->flaged_content).')</span>', 'lists/'.$flag->fid, array('html'=>true,'attributes'=>array('class'=>array('open-list', $flag->name)))); ?>
+					<?php
+					//dsm($list, 'list');
+						$flag_title = $flag->title;
+						$flag_title = (strlen($flag_title) > 20) ? substr($flag_title,0,20).'...' : $flag_title;
+					?>
+					<?php print l($flag_title . '<span class="count">('.count($flag->flaged_content).')</span>', 'lists/'.$flag->fid, array('html'=>true,'attributes'=>array('class'=>array('open-list', $flag->name)))); ?>
 					<?php if(flag_lists_is_owner('edit', $flag->fid)): ?>
-						<?php 
-						print l('<i class="fi-wrench"></i>', 
-							'flags/lists/edit/'.$flag->fid, 
+						<?php
+						print l('<i class="fi-wrench"></i>',
+							'flags/lists/edit/'.$flag->fid,
 							array(
 								'html'=>true,
 								'attributes'=>array('class'=>array('edit-list', $flag->name)),
 							)
-						); 
+						);
 						?>
 					<?php endif; ?>
 				</li>
 			<?php endforeach; ?>
 		<?php else: ?>
-			<?php 
+			<?php
 				#create new list
 		    $create_link = l(
-		      '<i class="fi-plus"></i>&nbsp;<span>' . t('New @name', array('@name' => t(variable_get('flag_lists_name', 'list')))) . '</span>', 
+		      '<i class="fi-plus"></i>&nbsp;<span>' . t('New @name', array('@name' => t(variable_get('flag_lists_name', 'list')))) . '</span>',
 		      'flag-lists/add/materiau',
 		      array(
 		        'attributes' => array(
@@ -36,4 +41,4 @@
 			<li class="flag-lists-create"><?php print $create_link; ?>	</li>
 		<?php endif; ?>
 	</ul>
-</section>
+</section>

sites/all/themes/gui/materiobasetheme/css/styles.css

@@ -6560,7 +6560,8 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
     #modal form input.form-text, #modal form textarea, #modal form div.grippie {
       background-color: #fff;
       color: #000;
-      border: 0; }
+      border: 0;
+      max-width: 100%; }
     #modal form .form-actions {
       text-align: right; }
     #modal form input.form-submit {
@@ -6830,7 +6831,8 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
     #block-feedback-form .content form input.form-text, #block-feedback-form .content form textarea, #block-feedback-form .content form div.grippie {
       background-color: #fff;
       color: #000;
-      border: 0; }
+      border: 0;
+      max-width: 100%; }
     #block-feedback-form .content form .form-actions {
       text-align: right; }
     #block-feedback-form .content form input.form-submit {

sites/all/themes/gui/materiobasetheme/scss/styles.scss

@@ -2255,7 +2255,7 @@ body.print-body-materiau{
     .form-actions{
       background-color:transparent; margin: 0; padding: 0; border: 0;
     }
-    input.form-text, textarea, div.grippie{background-color:#fff; color:#000; border: 0;}
+    input.form-text, textarea, div.grippie{background-color:#fff; color:#000; border: 0; max-width: 100%; }
 
     .form-actions{ text-align: right ;}
     input.form-submit{