File:  [LON-CAPA] / loncom / homework / imagechoice.pm
Revision 1.3: download - view: text, annotated - select for diffs
Wed Jan 14 22:59:18 2004 UTC (20 years, 2 months ago) by albertel
Branches: MAIN
CVS tags: HEAD
- imagechoice.pm now understands boxes, <rectangle> on images works with this now
- BUG#2576

# $Id: imagechoice.pm,v 1.3 2004/01/14 22:59:18 albertel Exp $
#
# Copyright Michigan State University Board of Trustees
#
# This file is part of the LearningOnline Network with CAPA (LON-CAPA).
#
# LON-CAPA is free software; you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
# the Free Software Foundation; either version 2 of the License, or
# (at your option) any later version.
#
# LON-CAPA is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
# GNU General Public License for more details.
#
# You should have received a copy of the GNU General Public License
# along with LON-CAPA; if not, write to the Free Software
# Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
#
# /home/httpd/cgi-bin/plot.gif
#
# http://www.lon-capa.org/
#
package Apache::imagechoice;
use strict;
use Apache::Constants qw(:common :http);


sub deletedata {
    my ($id)=@_;
    &Apache::lonnet::delenv("imagechoice\\.$id\\.coords");
}

sub closewindow {
    my ($r,$output,$filename)=@_;
    $r->print(<<"ENDSUBM");
<html>
<script>
    function submitthis() {
	$output
	self.close();
    }
</script>
<body bgcolor="#FFFFFF" onLoad="submitthis()">
<h3>Position Selected</h3>
<!--<img name="pickimg" src="$filename" />-->
</body>
</html>
ENDSUBM
}

sub storedata {
    my ($r,$type,$filename,$id)=@_;

    my (undef,@coords)=split(':',$ENV{"imagechoice.$id.coords"});

    my $output;

    if ($ENV{"imagechoice.$id.formwidth"}) {
	$output.='opener.document.forms.'.$ENV{"imagechoice.$id.formname"}.'.'.$ENV{"imagechoice.$id.formwidth"}.'.value=document.pickimg.width;';
    }
    if ($ENV{"imagechoice.$id.formheight"}) {
	$output.='opener.document.forms.'.$ENV{"imagechoice.$id.formname"}.'.'.$ENV{"imagechoice.$id.formheight"}.'.value=document.pickimg.height;';
    }

    if ((defined($ENV{"imagechoice.$id.x"})) && (defined($ENV{"imagechoice.$id.y"})) && 
	($type ne 'pairtwo') && ($type ne 'pairthree')) {
	my $output='';
	if ($ENV{"imagechoice.$id.formx"}) {
	    $output.='opener.document.forms.'.$ENV{"imagechoice.$id.formname"}.'.'.$ENV{"imagechoice.$id.formx"}.
		'.value='.$ENV{"imagechoice.$id.x"}.';';
	}
	if ($ENV{"imagechoice.$id.formy"}) {
	    $output.='opener.document.forms.'.$ENV{"imagechoice.$id.formname"}.'.'.$ENV{"imagechoice.$id.formy"}.
		'.value='.$ENV{"imagechoice.$id.y"}.';';
	}
    } elsif ($type eq 'polygon' or $type eq 'box') {
	my $coordstr;
	while (@coords) {
	    $coordstr.='('.shift(@coords).','.shift(@coords).')-';
	}
	chop($coordstr);
	$output.='opener.document.forms.'.$ENV{"imagechoice.$id.formname"}.'.'.$ENV{"imagechoice.$id.formcoord"}.'.value="'.$coordstr.'";';
    }
    &deletedata($id);
    &closewindow($r,$output,$filename);
}

sub getcoord {
    my ($r,$type,$filename,$id)=@_;
    my $heading='Position';
    my $nextstage='';
    if ($type eq 'box') {
	my (undef,@coords)=split(':',$ENV{"imagechoice.$id.coords"});
	my $step=scalar(@coords)/2;
	if ($step == 0) { 
	    $heading='First Coordinate';
	    #$nextstage='<input type="hidden" name="type" value="pairtwo" />';
	} elsif ($step == 1) {
	    $heading='Second Coordinate';
	    #$nextstage='<input type="hidden" name="type" value="pairthree" />';
	} else {
	    $heading='Finish or Cancel';
	    $nextstage='<input type="submit" name="finish" value="Finish" />';
	}
    } elsif ($type eq 'polygon') {
	$heading='Enter Coordinate or click finish to close Polygon';
	$nextstage='<input type="submit" name="finish" value="Finish" />';
    }
    $r->print(<<"END");
<html>
<body bgcolor="#FFFFFF">
<h3>Select $heading on Image</h3>
<form method="POST" action="/adm/imagechoice?token=$id">
$nextstage
<input type="submit" name="cancel" value="Cancel" />
<br />
<input name="image" type="image" src="$filename" />
</form>
</body>
</html>
END
}

sub savecoord {
    my ($id)=@_;
    if (defined($ENV{"form.image.x"}) && defined($ENV{"form.image.y"})) {
	my $data=join(':',($ENV{"imagechoice.$id.coords"},$ENV{"form.image.x"},
			   $ENV{"form.image.y"}));
	&Apache::lonnet::appenv("imagechoice.$id.coords"=>$data);
    }
    return int(scalar(split(':',$ENV{"imagechoice.$id.coords"}))/2);
}

sub drawX {
    my ($imid,$x,$y)=@_;
    my %x;
    $x{"cgi.$imid.LINECOUNT"}=4;
    my $length = 6;
    my $width = 1;
    my $extrawidth = 2;
    $x{"cgi.$imid.LINE0"}=
	join(':',(($x-$length),($y-$length),($x+$length),($y+$length),
		  "FFFFFF",($width+$extrawidth)));
    $x{"cgi.$imid.LINE1"}=
	join(':',(($x-$length),($y+$length),($x+$length),($y-$length),
		  "FFFFFF",($width+$extrawidth)));
    $x{"cgi.$imid.LINE2"}=
	join(':',(($x-$length),($y-$length),($x+$length),($y+$length),
		  "FF0000",($width)));
    $x{"cgi.$imid.LINE3"}=
	join(':',(($x-$length),($y+$length),($x+$length),($y-$length),
		  "FF0000",($width)));
    return %x;
}

sub drawPolygon {
    my ($id,$imid)=@_;
    my (undef,@coords)=split(':',$ENV{"imagechoice.$id.coords"});
    my $coordstr;
    while (@coords) {
	$coordstr.='('.shift(@coords).','.shift(@coords).')-';
    }
    chop($coordstr);
    my %x;
    my $width = 1;
    my $extrawidth = 2;
    my $i=$x{"cgi.$imid.POLYCOUNT"}++;
    $x{"cgi.$imid.POLYOPT$i"}=join(':',("FFFFFF",($width+$extrawidth)),'1');
    $x{"cgi.$imid.POLY$i"}=$coordstr;
    $i=$x{"cgi.$imid.POLYCOUNT"}++;
    $x{"cgi.$imid.POLYOPT$i"}=join(':',("00FF00",$width),'1');
    $x{"cgi.$imid.POLY$i"}=$coordstr;
    return %x;
}

sub drawBox {
    my ($id,$imid)=@_;
    my (undef,@coords)=split(':',$ENV{"imagechoice.$id.coords"});
    my %x;
    if (scalar(@coords) < 4) { return %x; }
    my $width = 1;
    my $extrawidth = 2;
    my $i=$x{"cgi.$imid.BOXCOUNT"}++;
    $x{"cgi.$imid.BOX$i"}=join(':',(@coords,"FFFFFF",($width+$extrawidth)));
    $i=$x{"cgi.$imid.BOXCOUNT"}++;
    $x{"cgi.$imid.BOX$i"}=join(':',(@coords,"00FF00",$width));
    return %x;
}

sub drawimage {
    my ($r,$type,$filename,$id)=@_;
    my $imid=&Apache::loncommon::get_cgi_id();
    my (undef,@coords)=split(':',$ENV{"imagechoice.$id.coords"});
    if (scalar(@coords) < 2) { return &Apache::lonnet::hreflocation('',$filename); }
    my %data;
    $data{"cgi.$imid.BGIMG"}=$filename;
    my $x=$coords[-2];
    my $y=$coords[-1];
    %data=(%data,&drawX($imid,$x,$y));
    if ($type eq "polygon") { %data=(%data,&drawPolygon($id,$imid)); }
    if ($type eq "box") { %data=(%data,&drawBox($id,$imid)); }
    &Apache::lonnet::appenv(%data);
    return "/adm/randomlabel.png?token=$imid"
}

sub handler {
    my ($r)=@_;
    $r->content_type('text/html');
    my %data;
    my (undef,$id) = split(/=/,$ENV{'QUERY_STRING'});
    my $filename = &Apache::lonnet::unescape($ENV{"imagechoice.$id.file"});
    my $formname = $ENV{"imagechoice.$id.formname"};
    if ($ENV{'form.cancel'} eq 'Cancel') {
	&deletedata($id);
	&closewindow($r,'',$filename);
	return OK;
    }
    my $type=$ENV{"imagechoice.$id.type"};
    if (defined($ENV{'form.type'})) { $type=$ENV{'form.type'}; }
    my $numcoords=&savecoord($id);
    &Apache::lonnet::logthis("num coords is $numcoords");
    my $imurl=&drawimage($r,$type,$filename,$id);
    if (($ENV{'form.finish'} eq 'Finish')) {
	&storedata($r,$type,$imurl,$id);
    } else {
	&getcoord($r,$type,$imurl,$id);
    }
    return OK;
}

1;

__END__



FreeBSD-CVSweb <freebsd-cvsweb@FreeBSD.org>