package SGN::View::Mason::Commands;
use strict;
use vars qw($m $c);
HTML::Mason::Component::FileBased->new(
'code' => sub {
use utf8; local $SGN::View::Mason::Commands::m = $HTML::Mason::Commands::m;
HTML::Mason::Exception::Params->throw
    ( error =>
      "Odd number of parameters passed to component expecting name/value pairs"
    ) if @_ % 2;
my ( $image, $person_id, $size, $display_order );
{
    my %pos;
    for ( my $x = 0; $x < @_; $x += 2 )
    {
        $pos{ $_[$x] } = $x + 1;
    }
#line 40 "/home/production/cxgn/sgn/mason/image/display_image.mas"
     $image = exists $pos{'image'} ? $_[ $pos{'image'} ] :  undef;
#line 41 "/home/production/cxgn/sgn/mason/image/display_image.mas"
     $person_id = exists $pos{'person_id'} ? $_[ $pos{'person_id'} ] :  undef;
#line 42 "/home/production/cxgn/sgn/mason/image/display_image.mas"
     $size = exists $pos{'size'} ? $_[ $pos{'size'} ] :  'medium';
#line 43 "/home/production/cxgn/sgn/mason/image/display_image.mas"
     $display_order = exists $pos{'display_order'} ? $_[ $pos{'display_order'} ] :  undef;
}
$m->debug_hook( $m->current_comp->path ) if ( HTML::Mason::Compiler::IN_PERL_DB() );

#line 1 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->print( '

' );
#line 36 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->print( '


' );
#line 45 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->print( '
' );
#line 46 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->comp(   '/util/import_javascript.mas', classes => [ 'CXGN.Image', 'jquery', 'jqueryui' ]   
); #line 46 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->print( '



' );
#line 50 "/home/production/cxgn/sgn/mason/image/display_image.mas"


#use JSON;
use SGN::Image;
use CXGN::Phenome::Individual;

my $thumbnail_img = $image->get_img_src_tag("thumbnail");
my $small_img = $image->get_img_src_tag("small");
my $medium_img = $image->get_img_src_tag("medium");
my $large_img = $image->get_img_src_tag("large");
my $original_img = $image->get_img_src_tag("original");

my $object_id = $image->get_image_id();

if ($size!~/thumbnail|small|medium|large|original/i ) { $size="medium"; }

my $active = 0;
if ($size eq "small") { $active = 1;}
if ($size eq "medium") { $active = 2;}
if ($size eq "large") { $active = 3; }
if ($size eq "original") { $active = 4; }

#line 73 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->print( '

<style>
.ui-tabs .ui-tabs-nav
{
background: white;
}
.ui-tabs { 
  border: none;
}

</style>

<div id="image_tabs">
<ul>
    <li><a href="#tabs-1">thumbnail</a></li>
    <li><a href="#tabs-2">small</a></li>
    <li><a href="#tabs-3">medium</a></li>
    <li><a href="#tabs-4">large</a></li>
    <li><a href="#tabs-5">original</a></li>
  </ul>
  <div id="tabs-1">
    <p><center>' );
#line 95 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->print(  $thumbnail_img  );
#line 95 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->print( '</center></p>
  </div>
  <div id="tabs-2">
    <p><center>' );
#line 98 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->print(  $small_img  );
#line 98 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->print( '</center></p>
  </div>
  <div id="tabs-3">
    <p><center>' );
#line 101 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->print(  $medium_img  );
#line 101 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->print( '</center></p>
  </div>
  <div id="tabs-4">
    <p><center>' );
#line 104 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->print(  $large_img  );
#line 104 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->print( '</center></p>
  </div>
  <div id="tabs-5">
    <p><center>' );
#line 107 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->print(  $original_img  );
#line 107 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->print( '</center></p>
  </div>
</div>




<br /><br />
<center><table><tr><td class="boxbgcolor5"><b>Note:</b> The above image may be subject to copyright. Please contact the submitter about permissions to use the image.</td></tr></table></center><br />


' );
#line 118 "/home/production/cxgn/sgn/mason/image/display_image.mas"
 my $tag_count = scalar($image->get_tags());
$m->print( '
' );
#line 120 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->comp( { content => sub {
#line 120 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->print( '
<br><b>Associated tags</b> [<a href="/tag/index.pl?image_id=' );
#line 121 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->print(  $object_id  );
#line 121 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->print( '&amp;action=new">add/remove</a>]: ' );
#line 121 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->print(  $tag_count  );
#line 121 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->print( '


' );
#line 124 "/home/production/cxgn/sgn/mason/image/display_image.mas"
 foreach my $tag ($image->get_tags()) { 
    print $tag->get_name()."  ";
 }
$m->print( '
' );
#line 128 "/home/production/cxgn/sgn/mason/image/display_image.mas"
} }, '/page/info_section.mas', title=>"Associated tags"
 );
#line 128 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->print( '


' );
#line 131 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->comp( { content => sub {
#line 131 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->print( '

' );
#line 133 "/home/production/cxgn/sgn/mason/image/display_image.mas"
 print $image->get_associated_object_links();
$m->print( '
' );
#line 135 "/home/production/cxgn/sgn/mason/image/display_image.mas"
} }, '/page/info_section.mas', title=>"Associated objects"
 );
#line 135 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->print( '

' );
#line 137 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->comp( { content => sub {
#line 137 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->print( '
  
  <div id="display_properties_div">
    
          
  </div>
  
  
' );
#line 145 "/home/production/cxgn/sgn/mason/image/display_image.mas"
} }, '/page/info_section.mas', title=>"Display properties",  collapsible => 1, collapsed => 1
 );
#line 145 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->print( '



<script>
  
  jQuery(window).ready( function() { 
    jQuery(\'#image_tabs\').tabs({ active: ' );
#line 152 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->print(  $active  );
#line 152 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->print( ' }); 

    // fetch display order data
    jQuery.ajax( { 
       url: \'/ajax/image/' );
#line 156 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->print(  $object_id  );
#line 156 "/home/production/cxgn/sgn/mason/image/display_image.mas"
$m->print( '\',
       error: function(r,x,error) { alert(\'An error occurred retrieving the image display order data.\'+r.status+\' \'+error); },
       success: function(r)  { 
          if (r.error) { alert(\'Error: \'+r.error); return; }
          var html = "";
          for (var i=0; i<r.display_order.length; i++) { 
	    html += r.display_order[i][\'name\']+\'&nbsp;<b>\'+r.display_order[i][\'display_order\']+\'</b>&nbsp;<a href="/image/display_order?image_id=\'+r.display_order[i].image_id+\'&amp;type=\'+r.display_order[i].type+\'&amp;id=\'+r.display_order[i].id+\'&amp;display_order=\'+r.display_order[i].display_order+\'">change</button></a><br />\';
	    
          }
          jQuery(\'#display_properties_div\').html(html);
	  
       }
    });

  });

</script>
' );
;return;
},
'declared_args' => {
  '$display_order' => { default => ' undef' },
  '$image' => { default => ' undef' },
  '$person_id' => { default => ' undef' },
  '$size' => { default => ' \'medium\'' }
},
'load_time' => 1763082844,

)
;