[BACK]Return to lonsyllabus.pm CVS log [TXT] [DIR] Up to [LON-CAPA] / loncom / interface

Diff for /loncom/interface/lonsyllabus.pm between versions 1.106.2.3 and 1.106.2.4

version 1.106.2.3, 2010/02/15 20:28:51 version 1.106.2.4, 2010/02/17 04:48:09
Line 151  ENDSCRIPT Line 151  ENDSCRIPT
   
 <style type="text/css">  <style type="text/css">
  .LC_Sortable ul { list-style-type: none; margin: 0px; padding: 0px}   .LC_Sortable ul { list-style-type: none; margin: 0px; padding: 0px}
  .LC_Sortable li { list-style-type: none; margin: 0px 5px 5px 5px; padding: 5px; padding-left: 1.5em; width: 175px; font-size:90% }   .LC_Sortable li { list-style-type: none; cursor: pointer; margin: 0px 5px 5px 5px; padding: 5px; padding-left: 1.5em; width: 200px; font-size:90% }
  .LC_Sortable li span { float: left; margin-left: -1.5em; }   .LC_Sortable li span.left { float: left; cursor: move; margin-left: -1.5em; }
    .LC_Sortable li span.right { float: right; cursor: auto; margin-right: 0em }
  .LC_EllipseOverflow { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }   .LC_EllipseOverflow { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }
  #scrollable-fields-container {float: left; background-color: white; width: 235px; border: 1px solid grey; margin: 0px}   .LC_ActivityBarButton-IconLeft { padding-left: 20px }
  #syllabus-fields {position:relative; top: 0;}   .LC_ActivityBarButton-IconLeft .ui-icon { float:left; margin-left: -18px; }
  #syllabus-fields-container {padding: 0 0 0 0}   #scrollable-fields-container {float:left; background-color: white; width: 235px; border: 1px solid grey; margin: 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
    #syllabus-fields-actions {text-align: center}
  #syllabus-content {margin-left: 245px}   #syllabus-content {margin-left: 245px}
    #activity-bar {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: solid 1px grey; background-color: #dddddd; padding: 0px 0px;margin: 5px 0 2px 0;}
    #activity-bar button { font-size: 100%; vertical-align: middle }
 </style>  </style>
   
 <script type="text/javascript">  <script type="text/javascript">
Line 205  ENDSCRIPT Line 209  ENDSCRIPT
  };   };
  })(jQuery);   })(jQuery);
   
    var changesMade = false;
    var changesBreakVersion = false;
   
  jQuery(document).ready(function() {   jQuery(document).ready(function() {
  jQuery('.LC_EllipseOverflow').ellipsis();   jQuery('.LC_EllipseOverflow').ellipsis();
    jQuery('#syllabus-fields li').click(function() {
    jQuery(this).parent().children('li').removeClass('ui-state-highlight');
    jQuery(this).addClass('ui-state-highlight');
    var id = /title-([0-9_]+)/i.exec(jQuery(this).attr('id'));
    jQuery('#syllabus-form .LC_Box').hide();
    jQuery('#box-'+id[1]).show();
    });
  jQuery('#syllabus-fields').sortable({   jQuery('#syllabus-fields').sortable({
  revert: true,   revert: true,
    axis: 'y',
    cursor: 'move',
    placeholder: 'ui-state-highlight',
    handle: 'span.ui-icon-arrowthick-2-n-s',
    forcePlaceholderSize: true,
  start: function(event, ui) {   start: function(event, ui) {
  jQuery(ui.item).css('font-style', 'italic');   jQuery(ui.item).css('font-style', 'italic');
  },   },
Line 219  ENDSCRIPT Line 237  ENDSCRIPT
  var id = /title-([0-9_]+)/i.exec(jQuery(this).attr('id'));   var id = /title-([0-9_]+)/i.exec(jQuery(this).attr('id'));
  order.push(id[1]);   order.push(id[1]);
  });   });
    if (!changesMade) {
    changesMade = true;
    $('#save-button').addClass('ui-state-highlight');
    $('#save-button').removeClass('ui-state-disabled');
    }
  }   }
  });   });
  jQuery('#syllabus-fields li').click(function() {   jQuery('#syllabus-fields li').disableSelection();
  jQuery(this).parent().children('li').removeClass('ui-state-highlight');   jQuery('.RemoveSection').hide();
  jQuery(this).addClass('ui-state-highlight');   jQuery('#syllabus-fields li').hover(
  var id = /title-([0-9_]+)/i.exec(jQuery(this).attr('id'));   function(){
  jQuery('#syllabus-form .LC_Box').hide();   jQuery(this).find('.RemoveSection').toggle();
  jQuery('#box-'+id[1]).show();   },
  });   function(){
  jQuery('#syllabus-fields ui, li').disableSelection();   jQuery(this).find('.RemoveSection').toggle();
  jQuery('#syllabus-fields-container').height('500px');   }
  jQuery('#syllabus-fields-container').css('overflow-x', 'hidden');   );
  jQuery('#syllabus-fields-container').css('overflow-y', 'auto');   jQuery('#syllabus-fields li span.right').hover(
  jQuery('#syllabus-fields-container').css('position', 'relative');   function(){
  jQuery('#syllabus-fields').css('position', 'relative');   jQuery(this).css('background-image', 'url("/adm/jQuery/css/smoothness/images/ui-icons_2e83ff_256x240.png")');
  jQuery('#syllabus-fields').css('top', '0px');   },
  jQuery('#syllabus-fields').css('display','block');   function(){
  jQuery('#syllabus-fields-container').scroll(function() {   jQuery(this).css('background-image', 'url("/adm/jQuery/css/smoothness/images/ui-icons_454545_256x240.png")');
  jQuery('#syllabus-fields').sortable('refreshPositions');   }
  });   );
  jQuery('#syllabus-form .LC_Box').hide();   jQuery('#syllabus-form .LC_Box').hide();
    jQuery('.LC_ActivityBarButton').hover(
    function(){ 
    $(this).addClass("ui-state-hover"); 
    },
    function(){ 
    $(this).removeClass("ui-state-hover"); 
    }
    );
  });   });
 </script>  </script>
 ENDSCRIPT  ENDSCRIPT
Line 611  ENDSCRIPT Line 642  ENDSCRIPT
              &Apache::lonannounce::readcalendar($cdom.'_'.$cnum));               &Apache::lonannounce::readcalendar($cdom.'_'.$cnum));
     if ($target ne 'tex') {      if ($target ne 'tex') {
     if (($syllabus{'uploaded.lastmodified'}) || ($allowed)) {      if (($syllabus{'uploaded.lastmodified'}) || ($allowed)) {
     $r->print("<br />");      &print_activity_bar($r, \%data, $target, $allowed, Apache::lontemplate->RICH_TEXT_DETECT_HTML);
     &print_field_sortable($r, \%data, $target, $allowed, Apache::lontemplate->RICH_TEXT_DETECT_HTML);      &print_field_sortable($r, \%data, $target, $allowed, Apache::lontemplate->RICH_TEXT_DETECT_HTML);
         }          }
         $r->print("<div id='syllabus-content'>\n");          $r->print("<div id='syllabus-content'>\n");
Line 671  ENDSCRIPT Line 702  ENDSCRIPT
   @htmlids = &print_template_new_fields($r, \%data,     @htmlids = &print_template_new_fields($r, \%data, 
   $target, $allowed, Apache::lontemplate->RICH_TEXT_DETECT_HTML, \%custom_hash);    $target, $allowed, Apache::lontemplate->RICH_TEXT_DETECT_HTML, \%custom_hash);
         if ($allowed) {          if ($allowed) {
             $r->print('</form>'.              $r->print('</form>');
             &Apache::lonhtmlcommon::htmlareaselectactive(@htmlids));              #&Apache::lonhtmlcommon::htmlareaselectactive(@htmlids));
         }          }
         if ($target ne 'tex') {$r->print('</div><p style="clear:both">&nbsp;</p>');}          if ($target ne 'tex') {$r->print('</div><p style="clear:both">&nbsp;</p>');}
         if ($allowed) {          if ($allowed) {
Line 704  ENDSCRIPT Line 735  ENDSCRIPT
     return OK;      return OK;
 }  }
   
   sub print_activity_bar {
    my ($r, $data_ref, $target, $allowed, $default_rich_text, $group) = @_;
    $r->print("<div id='activity-bar'>
   <button id='save-button' type='button' class='LC_ActivityBarButton LC_ActivityBarButton-IconLeft ui-state-default ui-priority-primary ui-corner-all'>
    <span class='ui-icon ui-icon-disk'></span><a href='#'>Save</a>
   </button>
   
   </div>");
   }
   
 sub print_field_sortable {  sub print_field_sortable {
  my ($r, $data_ref, $target, $allowed, $default_rich_text, $group) = @_;   my ($r, $data_ref, $target, $allowed, $default_rich_text, $group) = @_;
  my %data = %{$data_ref};   my %data = %{$data_ref};
  my @fields = @{thaw($data{'data.fields'})};   my @fields = @{thaw($data{'data.fields'})};
  $r->print("<div id='scrollable-fields-container'>   $r->print("<div id='scrollable-fields-container'>
 <!--<div id='syllabus-fields-up' class='ui-state-default' style='text-align:center'>Up</div>-->  
 <div id='syllabus-fields-container'>  <div id='syllabus-fields-container'>
 <ui id='syllabus-fields' class='LC_Sortable LC_SyllabusFields'>\n");  <ui id='syllabus-fields' class='LC_Sortable LC_SyllabusFields'>\n");
  foreach my $key (@fields) {   foreach my $key (@fields) {
  my %field = %{thaw($data{'data.field.'.$key})};   my %field = %{thaw($data{'data.field.'.$key})};
  $r->print("<li id='title-$key' class='ui-state-default LC_EllipseOverflow' title='$field{title}'><span class='ui-icon ui-icon-arrowthick-2-n-s'></span>$field{title}</li>\n");   $r->print("<li id='title-$key' class='ui-state-default LC_EllipseOverflow' title='$field{title}'><span class='ui-icon ui-icon-arrowthick-2-n-s left'></span><span id='remove-$key' class='RemoveSection right ui-icon ui-icon-closethick' title='Delete'></span>$field{title}</li>\n");
  }   }
  $r->print("   $r->print("
 </ui>  </ui>
 </div>  </div>
 <!--<div id='syllabus-fields-down' class='ui-state-default' style='text-align:center'>Down</div>-->  <div id='syllabus-fields-actions'>
   <button id='add-section-button' type='button' class='LC_ActivityBarButton LC_ActivityBarButton-IconLeft ui-state-default ui-priority-secondary ui-corner-all'>
    <span class='ui-icon ui-icon-circle-plus'></span><a href='#'>Add&nbsp;Section</a>
   </button>
   <button id='revert-order-button' type='button' class='LC_ActivityBarButton LC_ActivityBarButton-IconLeft ui-state-default ui-priority-secondary ui-corner-all'>
    <span class='ui-icon ui-icon-arrowreturnthick-1-w'></span><a href='#'>Revert&nbsp;Order</a>
   </button>
   </div>
 </div>\n");  </div>\n");
 }  }
   
Removed from v.1.106.2.3  
changed lines
  Added in v.1.106.2.4

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