mason/image/print_images.mas

   1
   2
   3 <%doc>
   4
   5 =head1 NAME
   6
   7 /image/print_images.mas - a component for printing images associated with your favorite objects (locus, accession etc.)
   8
   9 =head1 DESCRIPTION
  10
  11
  12 Requires the following javascript classes:
  13 <& /util/import_javascript.mas, classes => ["jquery", "thickbox", "CXGN.Page.FormattingHelpers"] &>
  14
  15 Parameters have to be either image_objects OR images and dbh
  16
  17 Parameters:
  18
  19 =over 3
  20
  21 =item images
  22
  23 arrayref of image ids
  24
  25 =item dbh
  26
  27 dstabase handle (for instantiating new SGN::Image objects)
  28
  29 =item image_objects
  30
  31 arrayref of SGN::Image objects
  32
  33
  34 =back
  35
  36 =head1 AUTHOR
  37
  38 Naama Menda <nm249@cornell.edu>
  39
  40 =cut
  41
  42 </%doc>
  43
  44 <%args>
  45
  46 $images => undef
  47 $dbh    => undef
  48 $image_objects => undef
  49
  50 </%args>
  51
  52 <%perl>
  53
  54 use CXGN::Page::FormattingHelpers qw / html_optional_show /;
  55 use SGN::Image;
  56
  57 my $image_html     = "";
  58 my $m_image_html   = "";
  59 my $count;
  60 my @more_is;
  61
  62 if ($images && !$image_objects) {
  63   my @image_object_list = map { SGN::Image->new( $dbh , $_->[0] ) }  @$images ;
  64   $image_objects = \@image_object_list;
  65 }
  66
  67 ###print qq{  <script src="jquery.colorbox-min.js"></script> };
  68
  69 if ($image_objects)  { # don't display anything for empty list of images
  70   $image_html .= qq|<table class="table table-bordered"><thead><tr><th><button class="btn btn-sm btn-default" id="print_images_multi_image_view">View Selected</button></th><th>Image</th><th>Description</th><th>Type</th></tr></thead><tbody>|;
  71   my $i = 0;
  72   foreach my $image_ob (@$image_objects) {
  73     $count++;
  74     my $image_id = $image_ob->get_image_id;
  75     my $image_name        = $image_ob->get_name();
  76     my $image_description = $image_ob->get_description();
  77     my $image_img  = $image_ob->get_image_url("medium");
  78     my $original_img  = $image_ob->get_image_url("large");
  79     my $small_image = $image_ob->get_image_url("thumbnail");
  80     my $image_page  = "/image/view/$image_id";
  81
  82     ##$image_html .=  qq { $(".stock_image_group").colorbox({rel:'stock_image_group'}); };
  83
  84     my $colorbox =
  85       qq|<a href="$image_img"  title="<a href=$image_page>Go to image page ($image_name)</a>" class="stock_image_group" rel="gallery-figures"><img src="$small_image" alt="$image_description" /></a> |;
  86     my $multi_open_colorbox =  qq|<a href="$image_img"  title="<a href=$image_page>Go to image page ($image_name)</a>" class="stock_image_group" rel="gallery-figures"><img src="$original_img" alt="$image_description" /></a> |;
  87     my $fhtml =
  88       qq|<tr><td><input type="checkbox" name="print_images_checkbox" data-html_text='$multi_open_colorbox'></td><td>|
  89         . $colorbox
  90           . $image_name
  91             . "</td><td>"
  92               . $image_description
  93                 . "</td><td>"
  94                 .  $images->[$i]->[1]
  95                 . "</td></tr>";
  96     if ( $count < 3 ) { $image_html .= $fhtml; }
  97     else {
  98       push @more_is, $fhtml;
  99     }    #more than 3 figures- show these in a hidden div
 100     $i++;
 101       }
 102   $image_html .= "</tbody></table>";  #close the table tag or the first 3 figures
 103
 104   $image_html .= "<script>
 105   jQuery(document).ready(function() {
 106       jQuery('a.stock_image_group').colorbox();
 107       jQuery(document).on('click', '#print_images_multi_image_view', function(){
 108           var colorbox_html = '';
 109           jQuery(\"input:checkbox[name='print_images_checkbox']:checked\").each(function(){
 110               var html = jQuery(this).data('html_text');
 111               colorbox_html = colorbox_html + html + '<br/>';
 112           });
 113           if (colorbox_html != ''){
 114               jQuery.colorbox({html:colorbox_html});
 115           }
 116       });
 117   }); </script>\n";
 118
 119 }
 120 $m_image_html .=
 121   "<table class='table table-bordered'><thead><tr><th><button class='btn btn-sm btn-default' id='print_images_multi_image_view'>View Selected</button></th><th>Image</th><th>Description</th><th>Type</th></tr></thead><tbody>";  #open table tag for the hidden figures #4 and on
 122 my $more = scalar(@more_is);
 123 foreach (@more_is) { $m_image_html .= $_; }
 124
 125 $m_image_html .= "</tbody></table>";    #close tabletag for the hidden figures
 126
 127 if (@more_is) {    #html_optional_show if there are more than 3 figures
 128   $image_html .= html_optional_show(
 129                                     "Images",
 130                                     "<b>See $more more images...</b>",
 131                                     qq| $m_image_html |,
 132                                     0, #< do not show by default
 133                                     #'abstract_optional_show', #< don't use the default button-like style
 134                                    );
 135 }
 136
 137 </%perl>
 138
 139
 140 <% $image_html %>