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
chamilo · May 26, 2016 · 18bab28 · 18bab28
1 parent c0e459d
commit 18bab28
Showing 1 changed file with 14 additions and 7 deletions.
diff --git a/main/coursecopy/classes/CourseSelectForm.class.php b/main/coursecopy/classes/CourseSelectForm.class.php
@@ -44,11 +44,13 @@ function exp(item) {
 				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 @@ function check_topic(obj) {
 					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 @@ function check_topic(obj) {
         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 @@ function exp(item) {
 				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 @@ function checkLearnPath(message){
 		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>';