From f0ab9bef7b178ec3f9d878bb0feede884912d30a Mon Sep 17 00:00:00 2001
From: "alvaradocarlo@gmail.com" <alvaradocarlo@gmail.com>
Date: Wed, 17 Jun 2020 19:28:32 -0500
Subject: [PATCH] Course home: Add icon to switch visibility for all tools in
 course #3301 Add fontawsome eye and put show/hide on toolbar.

---
 main/course_home/activity.php        |  5 -----
 main/course_home/course_home.php     | 27 +++++++++++++++------------
 main/inc/ajax/course_home.ajax.php   |  4 ++++
 main/inc/introductionSection.inc.php | 15 +++++++++++----
 main/inc/lib/course_home.lib.php     |  7 ++++++-
 5 files changed, 36 insertions(+), 22 deletions(-)

diff --git a/main/course_home/activity.php b/main/course_home/activity.php
index 5604770ede..80500a8fb4 100755
--- a/main/course_home/activity.php
+++ b/main/course_home/activity.php
@@ -52,11 +52,6 @@ if ($session_id === 0 && api_is_course_admin() && api_is_allowed_to_edit(null, t
 		<div class="alert alert-success" id="id_confirmation_message" style="display:none"></div>
 	</div>';
     $content .= $pluginExtra;
-    //show/hide all tools
-    $content .= '<div class="btn-group pull-right">'.
-        '<a class="hidden invisible-all show-hide-all-tools" href="javascript:void(0);"><img  src="'.api_get_path(WEB_IMG_PATH).'invisible.png" alt="'.get_lang('Deactivate', '').'" title="'.get_lang('Deactivate', '').'"></a>'.
-        '<a class="hidden visible-all  show-hide-all-tools" href="javascript:void(0);"><img  src="'.api_get_path(WEB_IMG_PATH).'visible.png" alt="'.get_lang('Activate', '').'" title="'.get_lang('Activate', '').'"></a>'.
-        '</div>';
 
 } elseif (api_is_coach()) {
     $content .= $pluginExtra;
diff --git a/main/course_home/course_home.php b/main/course_home/course_home.php
index 82f98c500b..03d933d1be 100755
--- a/main/course_home/course_home.php
+++ b/main/course_home/course_home.php
@@ -43,13 +43,14 @@ $htmlHeadXtra[] = '<script>
         tools_visibles = [];
         $.each($(".make_visible_and_invisible").parent(), function (index, item) {
             var element = $(item).find("a");
-            image = $(element[0]).find("img")[0];
+            image = $(element[0]).find("em")[0];
             image_id = $(image).attr("id").replace("linktool_","");
-            if (!$(element[1]).hasClass("text-muted")) {
+            if (!$(image).hasClass("fa-eye-slash")) {
                 tools_invisibles.push(image_id)
-            }else{
+            } else {
                 tools_visibles.push(image_id)
             }
+
         });
         if (tools_visibles.length == 0) {
             $(".visible-all").addClass("hidden");
@@ -69,11 +70,11 @@ $(function() {
         tools_visibles = [];
         $.each($(".make_visible_and_invisible").parent(), function (index, item) {
             var element = $(item).find("a");
-            image = $(element[0]).find("img")[0];
+           image = $(element[0]).find("em")[0];
             image_id = $(image).attr("id").replace("linktool_","");
-            if (!$(element[1]).hasClass("text-muted")) {
+            if (!$(image).hasClass("fa-eye-slash")) {
                 tools_invisibles.push(image_id)
-            }else{
+            } else {
                 tools_visibles.push(image_id)
             }
         });
@@ -99,7 +100,8 @@ $(function() {
             $.each(data,function(index,item){
                  new_current_view       = "'.api_get_path(WEB_IMG_PATH).'" + item.view;
                 //eyes
-                $("#linktool_"+item.id).attr("src", new_current_view);
+                //$("#linktool_"+item.id).attr("src", new_current_view);
+                $("#linktool_"+item.id).attr("class", item.fclass);
                 //tool
                 $("#toolimage_" + item.id).attr("src", item.image);
                 //clase
@@ -132,12 +134,12 @@ $(function() {
     });
 
 	$(".make_visible_and_invisible").attr("href", "javascript:void(0);");
-	$(".make_visible_and_invisible > img").click(function () {
+	$(".make_visible_and_invisible > em").click(function () {
 		make_visible = "visible.gif";
 		make_invisible = "invisible.gif";
-		path_name = $(this).attr("src");
-		list_path_name = path_name.split("/");
-		image_link = list_path_name[list_path_name.length - 1];
+		//path_name = $(this).attr("src");
+		//list_path_name = path_name.split("/");
+		//image_link = list_path_name[list_path_name.length - 1];
 		tool_id = $(this).attr("id");
 		tool_info = tool_id.split("_");
 		my_tool_id = tool_info[1];
@@ -157,7 +159,8 @@ $(function() {
 				new_current_tool_image = info.image;
 				new_current_view       = "'.api_get_path(WEB_IMG_PATH).'" + info.view;
 				//eyes
-				$("#" + tool_id).attr("src", new_current_view);
+				//$("#" + tool_id).attr("src", new_current_view);
+				 $("#linktool_"+my_tool_id).attr("class", info.fclass);
 				//tool
 				$("#toolimage_" + my_tool_id).attr("src", new_current_tool_image);
 				//clase
diff --git a/main/inc/ajax/course_home.ajax.php b/main/inc/ajax/course_home.ajax.php
index 25168719a3..bd622a16f2 100755
--- a/main/inc/ajax/course_home.ajax.php
+++ b/main/inc/ajax/course_home.ajax.php
@@ -99,6 +99,7 @@ switch ($action) {
             $requestedVisible = $visibility == 0 ? 1 : 0;
             $requested_view = $visibility == 0 ? 'visible.png' : 'invisible.png';
             $requestedVisible = $visibility == 0 ? 1 : 0;
+            $requested_fa_class = $visibility == 0 ? 'fa fa-eye '.$requested_class : 'fa fa-eye-slash '.$requested_class;
 
             // HIDE AND REACTIVATE TOOL
             if ($_GET['id'] == strval(intval($_GET['id']))) {
@@ -131,6 +132,7 @@ switch ($action) {
                 'tclass' => $requested_class,
                 'message' => $requested_message,
                 'view' => $requested_view,
+                'fclass' => $requested_fa_class,
             ];
             echo json_encode($response);
         }
@@ -229,6 +231,7 @@ switch ($action) {
                     $requested_view = $visibility == 0 ? 'visible.png' : 'invisible.png';
                     $requestedVisible = $visibility == 0 ? 1 : 0;
                     $requested_view = $visibility == 0 ? 'visible.png' : 'invisible.png';
+                    $requested_fa_class = $visibility == 0 ? 'fa fa-eye '.$requested_class : 'fa fa-eye-slash '.$requested_class;
                     $requestedVisible = $visibility == 0 ? 1 : 0;
 
                     // HIDE AND REACTIVATE TOOL
@@ -261,6 +264,7 @@ switch ($action) {
                         'tclass' => $requested_class,
                         'message' => $requested_message,
                         'view' => $requested_view,
+                        'fclass' => $requested_fa_class,
                         'id'=>$tool_id,
                     ];
                 }
diff --git a/main/inc/introductionSection.inc.php b/main/inc/introductionSection.inc.php
index 55e10b3e75..fc1e1b8d14 100755
--- a/main/inc/introductionSection.inc.php
+++ b/main/inc/introductionSection.inc.php
@@ -290,6 +290,13 @@ if (api_is_allowed_to_edit() && empty($session_id)) {
         api_get_path(WEB_CODE_PATH).'course_info/tools.php?'.api_get_cidreq(),
         ['class' => 'btn btn-default', 'title' => get_lang('CustomizeIcons')]
     );
+
+}
+/* Tool to show /hide all tools on course */
+$toolAllShowHide = '';
+if (api_is_allowed_to_edit() && empty($session_id)) {
+    $toolAllShowHide =  '<button class="btn btn-default hidden visible-all  show-hide-all-tools" title="'.get_lang('Activate', '').'"><em class="fa fa-eye "></em></button>';
+    $toolAllShowHide .=  '<button class="btn btn-default hidden invisible-all show-hide-all-tools" title="'.get_lang('Deactivate', '').'"><em class="fa fa-eye-slash"></em></button>';
 }
 
 $toolbar = '';
@@ -303,10 +310,10 @@ if ($intro_dispCommand) {
             $textIntro = '<a class="btn btn-default" title="'.addslashes(get_lang('AddIntro')).'" href="'.api_get_self().'?'.api_get_cidreq().$blogParam.'&intro_cmdAdd=1">';
             $textIntro .= '<em class="fa fa-file-text"></em> ';
             $textIntro .= "</a>";
-            $toolbar .= $textIntro.$editIconButton;
+            $toolbar .= $textIntro . $editIconButton.$toolAllShowHide;
         } else {
             $toolbar .= '<a class="btn btn-default" href="'.api_get_self().'?intro_cmdAdd=1">'.get_lang('AddIntro').'</a>';
-            $toolbar .= $editIconButton;
+            $toolbar .= $editIconButton . $toolAllShowHide;
         }
         $toolbar .= '</div></div>';
     } else {
@@ -317,7 +324,7 @@ if ($intro_dispCommand) {
             $toolbar .=
                 '<a class="btn btn-default" href="'.api_get_self().'?'.api_get_cidreq().$blogParam.'&intro_cmdEdit=1" title="'.get_lang('Modify').'">
                 <em class="fa fa-pencil"></em></a>';
-            $toolbar .= $editIconButton;
+            $toolbar .= $editIconButton . $toolAllShowHide;
             $toolbar .= "<a class=\"btn btn-default\" href=\"".api_get_self()."?".api_get_cidreq().$blogParam."&intro_cmdDel=1\" onclick=\"javascript:
                 if(!confirm('".addslashes(api_htmlentities(get_lang('ConfirmYourChoice'), ENT_QUOTES, $charset)).
                 "')) return false;\"><em class=\"fa fa-trash-o\"></em></a>";
@@ -326,7 +333,7 @@ if ($intro_dispCommand) {
                 '<a class="btn btn-default" href="'.api_get_self().'?intro_cmdEdit=1" title="'.get_lang('Modify').'">
                 <em class="fa fa-pencil"></em>
                 </a>"';
-            $toolbar .= $editIconButton;
+            $toolbar .= $editIconButton . $toolAllShowHide;
             $toolbar .= "<a class=\"btn btn-default\" href=\"".api_get_self()."?".api_get_cidreq()."&intro_cmdDel=1\" onclick=\"javascript:
                 if(!confirm('".addslashes(api_htmlentities(get_lang('ConfirmYourChoice'), ENT_QUOTES, $charset)).
                 "')) return false;\"><em class=\"fa fa-trash-o\"></em></a>";
diff --git a/main/inc/lib/course_home.lib.php b/main/inc/lib/course_home.lib.php
index 474623c3e8..f8bd8d488b 100755
--- a/main/inc/lib/course_home.lib.php
+++ b/main/inc/lib/course_home.lib.php
@@ -898,6 +898,7 @@ class CourseHome
                                     ICON_SIZE_SMALL,
                                     false
                                 );
+                                $link['name']='<em id="'.'linktool_'.$tool['iid'].'"class="fa fa-eye" title="'.get_lang('Deactivate').'"></em>';
                                 $link['cmd'] = 'hide=yes';
                                 $lnk[] = $link;
                             }
@@ -909,6 +910,7 @@ class CourseHome
                                     ICON_SIZE_SMALL,
                                     false
                                 );
+                                $link['name']='<em id="'.'linktool_'.$tool['iid'].'"class="fa fa-eye-slash text-muted" title="'.get_lang('Activate').'"></em>';
                                 $link['cmd'] = 'restore=yes';
                                 $lnk[] = $link;
                             }
@@ -935,6 +937,7 @@ class CourseHome
                                         ICON_SIZE_SMALL,
                                         false
                                     );
+                                    $link['name']='<em id="'.'linktool_'.$tool['iid'].'"class="fa fa-eye" title="'.get_lang('Deactivate').'"></em>';
                                     $link['cmd'] = 'restore=yes';
                                     $lnk[] = $link;
                                     break;
@@ -946,6 +949,7 @@ class CourseHome
                                         ICON_SIZE_SMALL,
                                         false
                                     );
+                                    $link['name']='<em id="'.'linktool_'.$tool['iid'].'"class="fa fa-eye-slash text-muted" title="'.get_lang('Activate').'"></em>';
                                     $link['cmd'] = 'hide=yes';
                                     $lnk[] = $link;
                                     break;
@@ -958,6 +962,7 @@ class CourseHome
                                 ICON_SIZE_SMALL,
                                 false
                             );
+                            $link['name']='<em id="'.'linktool_'.$tool['iid'].'"class="fa fa-eye-slash text-muted" title="'.get_lang('Activate').'"></em>';
                             $link['cmd'] = 'hide=yes';
                             $lnk[] = $link;
                         }
@@ -982,7 +987,7 @@ class CourseHome
                         if (empty($tool['adminlink'])) {
                             $item['visibility'] .=
                                 '<a class="make_visible_and_invisible" href="'.api_get_self().'?'.api_get_cidreq().'&id='.$tool['iid'].'&'.$this_link['cmd'].'">'.
-                                $this_link['name'].'</a>';
+                                $this_link['name'].'</a>' ;
                         }
                     }
                 }