[pLog-svn] r6066 - in plog/trunk: js/ui/pages templates/admin

[Oscar Renalias]

Thank you, you have been really doing a lot of work lately and we
appreciate it! Just don't give up on Javascript... when it works, it's
really cool :-)

Oscar

On Nov 21, 2007 7:17 PM,  <mark at devel.lifetype.net> wrote:
> Author: mark
> Date: 2007-11-21 12:17:17 -0500 (Wed, 21 Nov 2007)
> New Revision: 6066
>
> Modified:
>    plog/trunk/js/ui/pages/resourcealbums.js
>    plog/trunk/templates/admin/resources.template
>    plog/trunk/templates/admin/resources_table.template
> Log:
> Finally, I fixed the imageloader bug...
>
> Although, it only a small change, but also take me over several hours to to make it work .. :(
>
> I hate javascript, why it is so hard to debug, even I use firefox and firebug ...
>
> Modified: plog/trunk/js/ui/pages/resourcealbums.js
> ===================================================================
> --- plog/trunk/js/ui/pages/resourcealbums.js    2007-11-21 10:23:44 UTC (rev 6065)
> +++ plog/trunk/js/ui/pages/resourcealbums.js    2007-11-21 17:17:17 UTC (rev 6066)
> @@ -10,12 +10,29 @@
>         Lifetype.Forms.AjaxFormProcessor(form.id,'?op=addResourceAlbum&output=json', {} );
>  }
>
> +Lifetype.UI.Pages.Resources.loadImages = function() {
> +    var foldGroup = new YAHOO.util.ImageLoader.group(window, 'scroll');
> +    var imgObjs = document.getElementsByTagName( 'img' );
> +    for( var j = 0 ; j < imgObjs.length; j++ ) {
> +           if( imgObjs[j].id.substr(0,13) == 'resource_img_' ) {
> +               foldGroup.registerSrcImage( imgObjs[j].id, imgObjs[j].attributes['url'].value );
> +        }
> +    }
> +    foldGroup.foldConditional = true;
> +    foldGroup.addTrigger(window, 'resize');
> +    foldGroup._foldCheck();
> +}
> +
>  YAHOO.util.Event.addListener( window, "load", function() {
>         var t = new Lifetype.Effects.Table( "list" );
>         t.stripe();
>         t.highlightRows();
>
> +    // We need to load the images after page loaded
> +    Lifetype.UI.Pages.Resources.loadImages();
> +
>         // reload the list when successfully deleting an item and processing one of the forms
>         Lifetype.Forms.Events.performRequestSuccessEvent.subscribe( Lifetype.UI.AjaxPager.reload );
>         Lifetype.Forms.Events.formProcessorSuccessEvent.subscribe( Lifetype.UI.AjaxPager.reload );
> +    Lifetype.UI.AjaxPager.Events.dataLoaded.subscribe(  Lifetype.UI.Pages.Resources.loadImages );
>  });
> \ No newline at end of file
>
> Modified: plog/trunk/templates/admin/resources.template
> ===================================================================
> --- plog/trunk/templates/admin/resources.template       2007-11-21 10:23:44 UTC (rev 6065)
> +++ plog/trunk/templates/admin/resources.template       2007-11-21 17:17:17 UTC (rev 6066)
> @@ -111,16 +111,6 @@
>    </div>
>  </div>
>  </form>
> -<script type="text/javascript">
> -var foldGroup = new YAHOO.util.ImageLoader.group(window, 'scroll');
> -{foreach from=$resources item=resource}
> -       {if $resource->hasPreview()}
> -               foldGroup.registerSrcImage( 'resource_img_{$resource->getId()}', '{$url->resourcePreviewLink($resource)}');
> -       {/if}
> -{/foreach}
> -foldGroup.foldConditional = true;
> -foldGroup.name = 'fold_group';
> -foldGroup.addTrigger(window, 'resize');
> -</script>
> +
>  {include file="$admintemplatepath/footernavigation.template"}
>  {include file="$admintemplatepath/footer.template"}
> \ No newline at end of file
>
> Modified: plog/trunk/templates/admin/resources_table.template
> ===================================================================
> --- plog/trunk/templates/admin/resources_table.template 2007-11-21 10:23:44 UTC (rev 6065)
> +++ plog/trunk/templates/admin/resources_table.template 2007-11-21 17:17:17 UTC (rev 6066)
> @@ -39,7 +39,7 @@
>         <div class="pictureFrame">
>          <div class="picture">
>           <a href="?op=resourceInfo&amp;resourceId={$resource->getId()}">
> -       <img alt="{$resource->getDescription()}" id="resource_img_{$resource->getId()}" />
> +       <img alt="{$resource->getDescription()}" id="resource_img_{$resource->getId()}" url="{$url->resourcePreviewLink($resource)}" />
>        </a>
>       </div>
>      </div>
>
> _______________________________________________
> pLog-svn mailing list
> pLog-svn at devel.lifetype.net
> http://limedaley.com/mailman/listinfo/plog-svn
>