mason/image/display_image.mas

   1
   2
   3 <%doc>
   4
   5 =head1 NAME
   6
   7 /image/display_image.mas - a mason component to display an image, initially written for the image detail page
   8
   9 =head1 DESCRIPTION
  10
  11 parameters:
  12
  13 =over 5
  14
  15 =item $image
  16
  17 a CXGN::Image object for the image to be displayed.
  18
  19 =item $person_id
  20
  21 the user who is currently logged in.
  22
  23 =item $size
  24
  25 The size of the image to display initially
  26
  27 =back
  28
  29 =head1 AUTHOR
  30
  31 Lukas Mueller <lam87@cornell.edu>
  32
  33 =cut
  34
  35 </%doc>
  36
  37
  38
  39 <%args>
  40 $image => undef
  41 $person_id => undef
  42 $size => 'large'
  43 </%args>
  44
  45 <& /util/import_javascript.mas, classes => [ 'CXGN.Image', 'Prototype' ] &>
  46
  47
  48 <div id="image_size_toolbar">
  49 </div>
  50 <br />
  51 <div id="image_div">
  52 </div>
  53
  54 <script language="javascript">
  55
  56
  57   function renderContent(image_id, size) {
  58      showTabsMenu(image_id, size);
  59   //alert('Im there');
  60      getImage(image_id, size);
  61
  62   }
  63
  64   function getImage(image_id, size) {
  65
  66      var image = new CXGN.Image;
  67
  68      image.set_image_id(image_id);
  69      image.image_html('image_div', size);
  70   }
  71
  72   function showTabsMenu(image_id, size) {
  73 //          alert('size = '+size);
  74     var html = "<center>";
  75     var mydiv = document.getElementById('image_size_toolbar');
  76     var tabList = new Array('thumbnail', 'small', 'medium', 'large', 'original');
  77
  78     var item = '';
  79
  80     for (var i=0; i<tabList.length; i++ ) {
  81                                  item=tabList[i];
  82   //alert('I = '+i);
  83       if (size == item) {
  84
  85         html = html + item + " ";
  86       }
  87       else {
  88         html = html + '<a href=\"javascript:renderContent('+image_id+', \''+item+'\'); ">'+item+'</a>'+ ' ';
  89       }
  90     }
  91     html = html + "</center>";
  92     mydiv.innerHTML = html;
  93
  94   }
  95
  96
  97
  98
  99 </script>
 100
 101 <%perl>
 102
 103 #use JSON;
 104 use SGN::Image;
 105 use CXGN::Phenome::Individual;
 106 use CXGN::Page::FormattingHelpers qw | modesel |;
 107
 108 my $image_full_size_url = $image->get_image_url("large");
 109 my $object_id = $image->get_image_id();
 110
 111 if ($size!~/thumbnail|small|medium|large|original/ ) { $size="medium"; }
 112
 113 </%perl>
 114
 115 <br />
 116
 117 <script language="javascript">
 118 //  alert('im here');
 119   renderContent(<% $object_id %>, '<% $size %>' );
 120 </script>
 121
 122 <!-- <br /><a href="<% $image_full_size_url %>"> -->
 123 <!-- <center><% $image->get_img_src_tag($size) %></center> -->
 124 <!-- </a><br /><br /> -->
 125
 126 <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 />
 127
 128 % my $tag_count = scalar($image->get_tags());
 129 <br><b>Associated tags</b> [<a href="/tag/index.pl?image_id=<% $object_id %>&amp;action=new">add/remove</a>]: <% $tag_count %>
 130
 131 % foreach my $tag ($image->get_tags()) {
 132 %    print $tag->get_name()."  ";
 133 % }
 134
 135 <br /><br /><b>Associated objects</b>: <br />
 136
 137 % print $image->get_associated_object_links();
 138