--- loncom/interface/lonhtmlcommon.pm 2010/08/07 19:23:50 1.281 +++ loncom/interface/lonhtmlcommon.pm 2011/10/23 00:27:10 1.294 @@ -1,7 +1,7 @@ # The LearningOnline Network with CAPA # a pile of common html routines # -# $Id: lonhtmlcommon.pm,v 1.281 2010/08/07 19:23:50 raeburn Exp $ +# $Id: lonhtmlcommon.pm,v 1.294 2011/10/23 00:27:10 raeburn Exp $ # # Copyright Michigan State University Board of Trustees # @@ -60,13 +60,19 @@ use Time::Local; use Time::HiRes; use Apache::lonlocal; use Apache::lonnet; +use HTML::Entities(); use LONCAPA; +sub java_not_enabled { + return "\n".'<span class="LC_error">'. + &mt('The required Java applet could not be started. Please make sure to have Java installed and active in your browser.'). + "</span>\n"; +} sub coursepreflink { my ($text,$category)=@_; if (&Apache::lonnet::allowed('opa',$env{'request.course.id'})) { - return '<a href="'.&HTML::Entities::encode("/adm/courseprefs?phase=display&actions=$category",'<>&"').'">'.$text.'</a>'; + return '<a href="'.&HTML::Entities::encode("/adm/courseprefs?phase=display&actions=$category",'<>&"').'"><span class="LC_setting">'.$text.'</span></a>'; } else { return ''; } @@ -78,6 +84,22 @@ sub raw_href_to_link { return $message; } +sub entity_encode { + my ($text)=@_; + return &HTML::Entities::encode($text, '<>&"'); +} + +sub direct_parm_link { + my ($linktext,$symb,$filter,$part,$target)=@_; + $symb=&entity_encode($symb); + $filter=&entity_encode($filter); + $part=&entity_encode($part); + if (($symb) && (&Apache::lonnet::allowed('opa')) && ($target ne 'tex')) { + return "<a href='/adm/parmset?symb=$symb&filter=$filter&part=$part'><span class='LC_setting'>$linktext</span></a>"; + } else { + return $linktext; + } +} ############################################## ############################################## @@ -121,7 +143,7 @@ sub dragmath_button { my ($textarea,$helpicon) = @_; my $help_text; if ($helpicon) { - $help_text = &Apache::loncommon::help_open_topic('Authoring_Math_Editor'); + $help_text = &Apache::loncommon::help_open_topic('Authoring_Math_Editor',undef,undef,undef,undef,'mathhelpicon_'.$textarea); } my $buttontext=&mt('Edit Math'); return <<ENDDRAGMATH; @@ -1222,31 +1244,15 @@ sub htmlareaheaders { ENDEDITOR } $s.=(<<ENDJQUERY); -<script type="text/javascript" src="/adm/jQuery/js/jquery-1.3.2.min.js"></script> -<script type="text/javascript" src="/adm/jQuery/js/jquery-ui-1.7.2.custom.min.js"></script> -<link rel="stylesheet" type="text/css" href="/adm/jQuery/css/smoothness/jquery-ui-1.7.2.custom.css" /> +<script type="text/javascript" src="/adm/jQuery/js/jquery-1.6.2.min.js"></script> +<script type="text/javascript" src="/adm/jQuery/js/jquery-ui-1.8.16.custom.min.js"></script> +<link rel="stylesheet" type="text/css" href="/adm/jQuery/css/smoothness/jquery-ui-1.8.16.custom.css" /> ENDJQUERY return $s; } # ----------------------------------------------------------------- Preferences -sub disablelink { - my @fields=@_; - if (defined($#fields)) { - unless ($#fields>=0) { return ''; } - } - return '<a href="'.&HTML::Entities::encode('/adm/preferences?action=set_wysiwyg&wysiwyg=off&returnurl=','<>&"').&escape($ENV{'REQUEST_URI'}).'">'.&mt('Disable WYSIWYG Editor').'</a>'; -} - -sub enablelink { - my @fields=@_; - if (defined($#fields)) { - unless ($#fields>=0) { return ''; } - } - return '<a href="'.&HTML::Entities::encode('/adm/preferences?action=set_wysiwyg&wysiwyg=on&returnurl=','<>&"').&escape($ENV{'REQUEST_URI'}).'">'.&mt('Enable WYSIWYG Editor').'</a>'; -} - # ------------------------------------------------- lang to use in html editor sub htmlarea_lang { my $lang='en'; @@ -1265,7 +1271,7 @@ sub htmlareaselectactive { .'// <![CDATA['."\n"; my $lang = &htmlarea_lang(); my $fullpage = 'false'; - my $dragmath_prefix; + my ($dragmath_prefix,$dragmath_helpicon,$dragmath_whitespace); if (ref($args) eq 'HASH') { if (exists($args->{'lang'})) { if ($args->{'lang'} ne '') { @@ -1280,6 +1286,8 @@ sub htmlareaselectactive { if (exists($args->{'dragmath'})) { if ($args->{'dragmath'} ne '') { $dragmath_prefix = $args->{'dragmath'}; + $dragmath_helpicon=&Apache::loncommon::lonhttpdurl("/adm/help/help.png"); + $dragmath_whitespace=&Apache::loncommon::lonhttpdurl("/adm/lonIcons/transparent1x1.gif"); } } } @@ -1383,6 +1391,16 @@ sub htmlareaselectactive { return; } mathele.style.display = value; + var mathhelpicon = "'.$dragmath_prefix.'helpicon'.'_"+id; + mathhelpiconele = document.getElementById(mathhelpicon); + if (mathhelpiconele == null) { + return; + } + if (value == "none") { + mathhelpiconele.src = "'.$dragmath_whitespace.'"; + } else { + mathhelpiconele.src = "'.$dragmath_helpicon.'"; + } } '; @@ -1406,6 +1424,34 @@ sub htmlareabrowser { return 1; } +# +# Should the "return to content" link be shown? +# + +sub show_return_link { + + unless ($env{'request.course.id'}) { return 0; } + if ($env{'request.noversionuri'}=~m{^/priv/} || + $env{'request.uri'}=~m{^/~}) { return 1; } + + if (($env{'request.noversionuri'} =~ m{^/adm/(viewclasslist|navmaps)($|\?)}) + || ($env{'request.noversionuri'} =~ m{^/adm/.*/aboutme($|\?)})) { + + return if ($env{'form.register'}); + } + return (($env{'request.noversionuri'}=~m{^/(res|public)/} && + $env{'request.symb'} eq '') + || + ($env{'request.noversionuri'}=~ m{^/cgi-bin/printout.pl}) + || + (($env{'request.noversionuri'}=~/^\/adm\//) && + ($env{'request.noversionuri'}!~/^\/adm\/wrapper\//) && + ($env{'request.noversionuri'}!~ + m{^/adm/.*/(smppg|bulletinboard)($|\?)}) + )); +} + + ############################################################ ############################################################ @@ -1491,22 +1537,28 @@ returns: nothing $last = $menulink; } } - my $links = join "", + my $links; + if ((&show_return_link) && (!$CourseBreadcrumbs)) { + $links=&htmltag( 'a',"<img src='/res/adm/pages/reload.png' border='0' style='vertical-align:middle;' />", + { href => '/adm/flip?postdata=return:', + title => &mt("Back to most recent content resource") }); + } + $links.= join "", map { $faq = $_->{'faq'} if (exists($_->{'faq'})); $bug = $_->{'bug'} if (exists($_->{'bug'})); $help = $_->{'help'} if (exists($_->{'help'})); - my $result = $_->{no_mt} ? $_->{text} : mt($_->{text}); + my $result = $_->{no_mt} ? $_->{text} : &mt($_->{text}); if ($_->{href}){ - $result = htmltag( 'a', $result, + $result = &htmltag( 'a', $result, { href => $_->{href}, - title => $_->{no_mt} ? $_->{title} : mt($_->{title}), + title => $_->{no_mt} ? $_->{title} : &mt($_->{title}), target => $_->{target}, }); } - $result = htmltag( 'li', "$result $crumbsymbol"); + $result = &htmltag( 'li', "$result $crumbsymbol"); } @Crumbs; #should the last Element be translated? @@ -1516,7 +1568,7 @@ returns: nothing # last breadcrumb is the first order heading of a page # for course breadcrumbs it's just bold - $links .= htmltag( 'li', htmltag($CourseBreadcrumbs ? 'b' : 'h1', + $links .= &htmltag( 'li', htmltag($CourseBreadcrumbs ? 'b' : 'h1', $lasttext), {title => $lasttext}); my $icons = ''; @@ -1539,23 +1591,23 @@ returns: nothing unless ($CourseBreadcrumbs) { - $links = htmltag('ol', $links, { id => "LC_MenuBreadcrumbs" }); + $links = &htmltag('ol', $links, { id => "LC_MenuBreadcrumbs" }); } else { - $links = htmltag('ul', $links, { class => "LC_CourseBreadcrumbs" }); + $links = &htmltag('ul', $links, { class => "LC_CourseBreadcrumbs" }); } if ($component) { - $links = htmltag('span', + $links = &htmltag('span', ( $no_mt ? $component : mt($component) ). ( $icons ? $icons : '' ), { class => 'LC_breadcrumbs_component' } ) .$links; } - render_tools(\$links); - $links = htmltag('div', $links, + &render_tools(\$links); + $links = &htmltag('div', $links, { id => "LC_breadcrumbs" }) unless ($CourseBreadcrumbs) ; - render_advtools(\$links); + &render_advtools(\$links); # Return the @Crumbs stack to what we started with push(@Crumbs,$last); @@ -1602,7 +1654,7 @@ returns: nothing sub add_breadcrumb_tool { my ($category, @html) = @_; return unless @html; - if (!defined(%tools)) { + if (!keys(%tools)) { %tools = ( navigation => [], tools => [], advtools => []); } @@ -1610,7 +1662,7 @@ returns: nothing @html = grep {defined $_ && $_ ne ''} @html; for (@html) { s/align="(right|left)"//; - s/<span.*?\/span>// if $category ne 'advtools'; +# s/<span.*?\/span>// if $category ne 'advtools'; } push @{$tools{$category}}, @html; @@ -1642,7 +1694,7 @@ returns: nothing #TODO might split this in separate functions for each category sub render_tools { my ($breadcrumbs) = @_; - return unless defined %tools; + return unless (keys(%tools)); my $navigation = list_from_array($tools{navigation}, { listattr => { class=>"LC_breadcrumb_tools_navigation" } }); @@ -2104,30 +2156,30 @@ sub echo_form_input { if ($key =~ /^form\.(.+)$/) { my $name = $1; my $match = 0; - if ((!@{$excluded}) || (!grep/^$name$/,@{$excluded})) { - if (defined($regexps)) { - if (@{$regexps} > 0) { - foreach my $regexp (@{$regexps}) { - if ($name =~ /\Q$regexp\E/) { - $match = 1; - last; - } + if (ref($excluded) eq 'ARRAY') { + next if (grep(/^\Q$name\E$/,@{$excluded})); + } + if (ref($regexps) eq 'ARRAY') { + if (@{$regexps} > 0) { + foreach my $regexp (@{$regexps}) { + if ($name =~ /$regexp/) { + $match = 1; + last; } } } - if (!$match) { - if (ref($env{$key})) { - foreach my $value (@{$env{$key}}) { - $value = &HTML::Entities::encode($value,'<>&"'); - $output .= '<input type="hidden" name="'.$name. - '" value="'.$value.'" />'."\n"; - } - } else { - my $value = &HTML::Entities::encode($env{$key},'<>&"'); - $output .= '<input type="hidden" name="'.$name. - '" value="'.$value.'" />'."\n"; - } + } + next if ($match); + if (ref($env{$key}) eq 'ARRAY') { + foreach my $value (@{$env{$key}}) { + $value = &HTML::Entities::encode($value,'<>&"'); + $output .= '<input type="hidden" name="'.$name. + '" value="'.$value.'" />'."\n"; } + } else { + my $value = &HTML::Entities::encode($env{$key},'<>&"'); + $output .= '<input type="hidden" name="'.$name. + '" value="'.$value.'" />'."\n"; } } } @@ -2286,6 +2338,251 @@ sub set_form_elements { ############################################## ############################################## +sub file_submissionchk_js { + my ($turninpaths,$multiples) = @_; + my $overwritewarn = &mt('File(s) you uploaded for your submission will overwrite existing file(s) submitted for this item').'\\n'. + &mt('Continue submission and overwrite the file(s)?'); + my $delfilewarn = &mt('You have indicated you wish to remove some files previously included in your submission.').'\\n'. + &mt('Continue submission with these files removed?'); + my ($turninpathtext,$multtext,$arrayindexofjs); + if (ref($turninpaths) eq 'HASH') { + foreach my $key (sort(keys(%{$turninpaths}))) { + $turninpathtext .= " if (prefix == '$key') {\n". + " return '$turninpaths->{$key}';\n". + " }\n"; + } + } + $turninpathtext .= " return '';\n"; + if (ref($multiples) eq 'HASH') { + foreach my $key (sort(keys(%{$multiples}))) { + $multtext .= " if (prefix == '$key') {\n". + " return '$multiples->{$key}';\n". + " }\n"; + } + } + $multtext .= " return '';\n"; + + $arrayindexofjs = &Apache::loncommon::javascript_array_indexof(); + return <<"ENDSCRIPT"; +<script type="text/javascript"> +// <![CDATA[ + +function file_submission_check(formname,path,multiresp) { + var elemnum = formname.elements.length; + if (elemnum == 0) { + return true; + } + var alloverwrites = []; + var alldelconfirm = []; + var result = []; + var submitter; + var subprefix; + var allsub = getIndexByName(formname,'all_submit'); + if (allsub == -1) { + var idx = getIndexByName(formname,'submitted'); + if (idx != -1) { + var subval = String(formname.elements[idx].value); + submitter = subval.replace(/^part_/,''); + result = overwritten_check(formname,path,multiresp,submitter); + alloverwrites.push.apply(alloverwrites,result['overwrite']); + alldelconfirm.push.apply(alldelconfirm,result['delete']); + } + } else { + if (formname.elements[allsub].type == 'submit') { + var partsub = /^\\d+\\.\\d+_submit_.+\$/; + var allprefixes = []; + var allparts = []; + for (var i=0; i<formname.elements.length; i++) { + if (formname.elements[i].type == 'submit') { + var elemname = formname.elements[i].name; + var subname = String(elemname); + var savesub = String(elemname); + if (partsub.test(subname)) { + var prefix = subname.replace(/_submit_.+\$/,''); + if (allprefixes.indexOf(prefix) == -1) { + allprefixes.push(prefix); + allparts[prefix] = []; + } + var part = savesub.replace(/^\\d+\\.\\d+_submit_/,''); + allparts[prefix].push(part); + } + } + } + for (var k=0; k<allprefixes.length; k++) { + var idx = getIndexByName(formname,allprefixes[k]+'_submitted'); + if (idx > -1) { + if (formname.elements[idx].value != 'yes') { + submitterval = formname.elements[idx].value; + submitter = submitterval.replace(/^part_/,''); + subprefix = allprefixes[k]; + result = overwritten_check(formname,path,multiresp,submitter,subprefix); + alloverwrites.push.apply(alloverwrites,result['overwrite']); + alldelconfirm.push.apply(alldelconfirm,result['delete']); + break; + } + } + } + if (submitter == '' || submitter == undefined) { + for (var m=0; m<allprefixes.length; m++) { + for (var n=0; n<allparts[allprefixes[m]].length; n++) { + var result = overwritten_check(formname,path,multiresp,allparts[allprefixes[m]][n],allprefixes[m]); + alloverwrites.push.apply(alloverwrites,result['overwrite']); + alldelconfirm.push.apply(alldelconfirm,result['delete']); + } + } + } + } + } + if (alloverwrites.length > 0) { + if (!confirm("$overwritewarn")) { + for (var n=0; n<alloverwrites.length; n++) { + formname.elements[alloverwrites[n]].value = ""; + } + return false; + } + } + if (alldelconfirm.length > 0) { + if (!confirm("$delfilewarn")) { + for (var p=0; p<alldelconfirm.length; p++) { + formname.elements[alldelconfirm[p]].checked = false; + } + return false; + } + } + return true; +} + +function getIndexByName(formname,item) { + for (var i=0;i<formname.elements.length;i++) { + if (formname.elements[i].name == item) { + return i; + } + } + return -1; +} + +function overwritten_check(formname,path,multiresp,part,prefix) { + var result = []; + result['overwrite'] = []; + result['delete'] = []; + var elemnum = formname.elements.length; + if (elemnum == 0) { + return result; + } + var uploadstr; + var deletestr; + if ((prefix != undefined) && (prefix != '')) { + var prepend = prefix+'_'; + uploadstr = new RegExp("^"+prepend+"HWFILE"+part+".+\$"); + deletestr = new RegExp("^"+prepend+"HWFILE"+part+".+_\\\\d+_delete\$"); + multiresp = check_for_multiples(prepend); + path = check_for_turninpath(prepend); + } else { + uploadstr = new RegExp("^HWFILE"+part+".+\$"); + deletestr = new RegExp("^HWFILE"+part+".+_\\\\d+_delete\$"); + } + var alluploads = []; + var allchecked = []; + var allskipdel = []; + var fnametrim = /[^\\/\\\\]+\$/; + for (var i=0; i<formname.elements.length; i++) { + var id = formname.elements[i].id; + if (id != '') { + if (uploadstr.test(id)) { + if (formname.elements[i].type == 'file') { + alluploads.push(id); + } else { + if (deletestr.test(id)) { + if (formname.elements[i].type == 'checkbox') { + if (formname.elements[i].checked) { + allchecked.push(id); + } + } + } + } + } + } + } + for (var j=0; j<alluploads.length; j++) { + var delstr = new RegExp("^"+alluploads[j]+"_\\\\d+_delete\$"); + var delboxes = []; + for (var k=0; k<formname.elements.length; k++) { + var id = formname.elements[k].id; + if ((id != '') && (id != undefined)) { + if (delstr.test(id)) { + if (formname.elements[k].type == 'checkbox') { + delboxes.push(id); + } + } + } + } + if (delboxes.length > 0) { + if ((formname.elements[alluploads[j]].value != undefined) && + (formname.elements[alluploads[j]].value != '')) { + var filepath = formname.elements[alluploads[j]].value; + var newfilename = fnametrim.exec(filepath); + if (newfilename != null) { + var filename = String(newfilename); + var nospaces = filename.replace(/\\s+/g,'_'); + var nospecials = nospaces.replace(/[^\\/\\w\\.\\-]/g,''); + var cleanfilename = nospecials.replace(/\\.(\\d+\\.)/g,"_\$1"); + if (cleanfilename != '') { + var fullpath = path+"/"+cleanfilename; + if (multiresp == 1) { + var partid = String(alluploads[i]); + var subdir = partid.replace(/^\\d*.?\\d*_?HWFILE/,''); + if (subdir != "" && subdir != undefined) { + fullpath = path+"/"+subdir+"/"+cleanfilename; + } + } + for (var m=0; m<delboxes.length; m++) { + if (fullpath == formname.elements[delboxes[m]].value) { + if (formname.elements[delboxes[m]].checked) { + allskipdel.push(delboxes[m]); + } else { + result['overwrite'].push(alluploads[j]); + } + break; + } + } + } + } + } + } + } + if (allchecked.length > 0) { + if (allskipdel.length > 0) { + for (var n=0; n<allchecked.length; n++) { + if (allskipdel.indexOf(allchecked[n]) == -1) { + result['delete'].push(allchecked[n]); + } + } + } else { + result['delete'].push.apply(result['delete'],allchecked); + } + } + return result; +} + +function check_for_multiples(prefix) { +$multtext +} + +function check_for_turninpath(prefix) { +$turninpathtext +} + +// ]]> +</script> + +$arrayindexofjs + +ENDSCRIPT +} + +############################################## +############################################## + # javascript_valid_email # # Generates javascript to validate an e-mail address. @@ -2428,6 +2725,7 @@ returns: XHTML list as String. # \@items, {listattr => { class => 'abc', id => 'xyx' }, itemattr => {class => 'abc', id => 'xyx'}} sub list_from_array { my ($items, $args) = @_; + return unless (ref($items) eq 'ARRAY'); return unless scalar @$items; my ($ul, $li) = inittags( qw(ul li) ); my $listitems = join '', map { $li->($_, $args->{itemattr}) } @$items; @@ -2479,11 +2777,15 @@ sub generate_menu { # create the markup for the current $link and push it into @links. # each entry consists of an image and a text optionally followed # by a help link. + my $src; + if ($$link{icon} ne '') { + $src = '/res/adm/pages/'.$$link{icon}; + } push(@links,$li->( $a->( $img->("", { class => "LC_noBorder LC_middle", - src => "/res/adm/pages/$$link{icon}", + src => $src, alt => mt(defined($$link{alttext}) ? $$link{alttext} : $$link{linktext}) }), { @@ -2636,6 +2938,7 @@ returns: XHTML list as string. sub funclist_from_array { my ($items, $args) = @_; + return unless(ref($items) eq 'ARRAY'); $args->{legend} ||= mt('Functions'); return list_from_array( [$args->{legend}, @$items], { listattr => {class => 'LC_funclist'} });