Browse Source

apply font-awesome on resource tree (#8256)

replacing 0.gif and 1.gif with fa-plus-square-o and fa-minus-square-0, gain enlarging possibility (fa-lg, fa-3x), possiiblity to choose from other awesome icons
mk111 8 years ago
parent
commit
18bab28cea
1 changed files with 14 additions and 7 deletions
  1. 14 7
      main/coursecopy/classes/CourseSelectForm.class.php

+ 14 - 7
main/coursecopy/classes/CourseSelectForm.class.php

@@ -44,11 +44,13 @@ class CourseSelectForm
 				el = document.getElementById('div_'+item);
 				if (el.style.display=='none'){
 					el.style.display='';
-					document.getElementById('img_'+item).src='<?php echo Display::returnIconPath('1.gif'); ?>';
+					//document.getElementById('img_'+item).src='<?php echo Display::returnIconPath('1.gif'); ?>';
+					document.getElementById('img_'+item).className='fa fa-minus-square-o fa-lg';
 				}
 				else{
 					el.style.display='none';
-					document.getElementById('img_'+item).src='<?php echo Display::returnIconPath('0.gif'); ?>';
+					//document.getElementById('img_'+item).src='<?php echo Display::returnIconPath('0.gif'); ?>';
+					document.getElementById('img_'+item).className ='fa fa-plus-square-o fa-lg';
 				}
 			}
 
@@ -203,7 +205,8 @@ class CourseSelectForm
 					case RESOURCE_SCORM:
 						break;
                     default :
-						echo '<img id="img_'.$type.'" src="'.Display::returnIconPath('1.gif').'" onclick="javascript:exp('."'$type'".');" />&nbsp;';
+						//echo '<img id="img_'.$type.'" src="'.Display::returnIconPath('1.gif').'" onclick="javascript:exp('."'$type'".');" />&nbsp;';
+						echo '<span id="img_'.$type.'" class="fa fa-minus-square-o fa-lg" onclick="javascript:exp('."'$type'".');" >&nbsp;</span>&nbsp;';
 						echo '<b onclick="javascript:exp('."'$type'".');" >'.$resource_titles[$type].'</b><br />';
 						echo '<div id="div_'.$type.'">';
 						if ($type == RESOURCE_LEARNPATH) {
@@ -244,7 +247,8 @@ class CourseSelectForm
         if (!empty($forum_categories)) {
             $type = RESOURCE_FORUMCATEGORY;
 
-            echo '<img id="img_'.$type.'" src="'.Display::returnIconPath('1.gif').'" onclick="javascript:exp('."'$type'".');" />&nbsp;';
+            //echo '<img id="img_'.$type.'" src="'.Display::returnIconPath('1.gif').'" onclick="javascript:exp('."'$type'".');" />&nbsp;';
+            echo '<span id="img_'.$type.'" class="fa fa-minus-square-o fa-lg" onclick="javascript:exp('."'$type'".');" >&nbsp;</span>&nbsp;';
             echo '<b onclick="javascript:exp('."'$type'".');" >'.$resource_titles[RESOURCE_FORUM].'</b><br />';
             echo '<div id="div_'.$type.'">';
 
@@ -581,11 +585,13 @@ class CourseSelectForm
 				el = document.getElementById('div_'+item);
 				if (el.style.display=='none'){
 					el.style.display='';
-					document.getElementById('img_'+item).src='<?php echo Display::returnIconPath('1.gif'); ?>';
+					//document.getElementById('img_'+item).src='<?php echo Display::returnIconPath('1.gif'); ?>';
+					document.getElementById('img_'+item).className('fa fa-minus-square-o fa-lg');
 				}
 				else{
 					el.style.display='none';
-					document.getElementById('img_'+item).src='<?php echo Display::returnIconPath('0.gif'); ?>';
+					//document.getElementById('img_'+item).src='<?php echo Display::returnIconPath('0.gif'); ?>';
+					document.getElementById('img_'+item).className('fa fa-plus-square-o fa-lg');
 				}
 			}
 			function setCheckbox(type,value) {
@@ -638,7 +644,8 @@ class CourseSelectForm
 		foreach ($list_course as $course){
 			foreach ($course->resources as $type => $resources) {
 				if (count($resources) > 0) {
-					echo '<img id="img_'.$course->code.'" src="'.Display::returnIconPath('1.gif').'" onclick="javascript:exp('."'$course->code'".');" />';
+					//echo '<img id="img_'.$course->code.'" src="'.Display::returnIconPath('1.gif').'" onclick="javascript:exp('."'$course->code'".');" />';
+					echo '<span id="img_'.$course->code.'" class="fa fa-minus-square-o fa-lg" onclick="javascript:exp('."'$course->code'".');" >&nbsp;</span>';
 					echo '<b  onclick="javascript:exp('."'$course->code'".');" > '.$course->code.'</b><br />';
 					echo '<div id="div_'.$course->code.'">';
 					echo '<blockquote>';