chamilo
/
chamilo-lms
mirror of https://github.com/chamilo/chamilo-lms/tree/1.11.x
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Course home: Add icon to switch visibility for all tools in course #3301

Browse Source 
Add fontawsome eye and put show/hide on toolbar.
pull/3310/head
alvaradocarlo@gmail.com 5 years ago
parent ca94af25dc
commit f0ab9bef7b
5 changed files with 36 additions and 22 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 5
      main/course_home/activity.php
  2. 27
      main/course_home/course_home.php
  3. 4
      main/inc/ajax/course_home.ajax.php
  4. 15
      main/inc/introductionSection.inc.php
  5. 7
      main/inc/lib/course_home.lib.php

5
main/course_home/activity.php
Unescape View File

@ -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 class="alert alert-success" id="id_confirmation_message" style="display:none"></div>
</div>'; </div>';
$content .= $pluginExtra; $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()) { } elseif (api_is_coach()) {
$content .= $pluginExtra; $content .= $pluginExtra;

27
main/course_home/course_home.php
Unescape View File

@ -43,13 +43,14 @@ $htmlHeadXtra[] = '<script>
tools_visibles = []; tools_visibles = [];
$.each($(".make_visible_and_invisible").parent(), function (index, item) { $.each($(".make_visible_and_invisible").parent(), function (index, item) {
var element = $(item).find("a"); var element = $(item).find("a");
image = $(element[0]).find("img")[0]; image = $(element[0]).find("em")[0];
image_id = $(image).attr("id").replace("linktool_",""); image_id = $(image).attr("id").replace("linktool_","");
if (!$(element[1]).hasClass("text-muted")) { if (!$(image).hasClass("fa-eye-slash")) {
tools_invisibles.push(image_id) tools_invisibles.push(image_id)
}else{ } else {
tools_visibles.push(image_id) tools_visibles.push(image_id)
} }
}); });
if (tools_visibles.length == 0) { if (tools_visibles.length == 0) {
$(".visible-all").addClass("hidden"); $(".visible-all").addClass("hidden");
@ -69,11 +70,11 @@ $(function() {
tools_visibles = []; tools_visibles = [];
$.each($(".make_visible_and_invisible").parent(), function (index, item) { $.each($(".make_visible_and_invisible").parent(), function (index, item) {
var element = $(item).find("a"); var element = $(item).find("a");
image = $(element[0]).find("img")[0]; image = $(element[0]).find("em")[0];
image_id = $(image).attr("id").replace("linktool_",""); image_id = $(image).attr("id").replace("linktool_","");
if (!$(element[1]).hasClass("text-muted")) { if (!$(image).hasClass("fa-eye-slash")) {
tools_invisibles.push(image_id) tools_invisibles.push(image_id)
}else{ } else {
tools_visibles.push(image_id) tools_visibles.push(image_id)
} }
}); });
@ -99,7 +100,8 @@ $(function() {
$.each(data,function(index,item){ $.each(data,function(index,item){
new_current_view = "'.api_get_path(WEB_IMG_PATH).'" + item.view; new_current_view = "'.api_get_path(WEB_IMG_PATH).'" + item.view;
//eyes //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 //tool
$("#toolimage_" + item.id).attr("src", item.image); $("#toolimage_" + item.id).attr("src", item.image);
//clase //clase
@ -132,12 +134,12 @@ $(function() {
}); });
$(".make_visible_and_invisible").attr("href", "javascript:void(0);"); $(".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_visible = "visible.gif";
make_invisible = "invisible.gif"; make_invisible = "invisible.gif";
path_name = $(this).attr("src"); //path_name = $(this).attr("src");
list_path_name = path_name.split("/"); //list_path_name = path_name.split("/");
image_link = list_path_name[list_path_name.length - 1]; //image_link = list_path_name[list_path_name.length - 1];
tool_id = $(this).attr("id"); tool_id = $(this).attr("id");
tool_info = tool_id.split("_"); tool_info = tool_id.split("_");
my_tool_id = tool_info[1]; my_tool_id = tool_info[1];
@ -157,7 +159,8 @@ $(function() {
new_current_tool_image = info.image; new_current_tool_image = info.image;
new_current_view = "'.api_get_path(WEB_IMG_PATH).'" + info.view; new_current_view = "'.api_get_path(WEB_IMG_PATH).'" + info.view;
//eyes //eyes
$("#" + tool_id).attr("src", new_current_view); //$("#" + tool_id).attr("src", new_current_view);
$("#linktool_"+my_tool_id).attr("class", info.fclass);
//tool //tool
$("#toolimage_" + my_tool_id).attr("src", new_current_tool_image); $("#toolimage_" + my_tool_id).attr("src", new_current_tool_image);
//clase //clase

4
main/inc/ajax/course_home.ajax.php
Unescape View File

@ -99,6 +99,7 @@ switch ($action) {
$requestedVisible = $visibility == 0 ? 1 : 0; $requestedVisible = $visibility == 0 ? 1 : 0;
$requested_view = $visibility == 0 ? 'visible.png' : 'invisible.png'; $requested_view = $visibility == 0 ? 'visible.png' : 'invisible.png';
$requestedVisible = $visibility == 0 ? 1 : 0; $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 // HIDE AND REACTIVATE TOOL
if ($_GET['id'] == strval(intval($_GET['id']))) { if ($_GET['id'] == strval(intval($_GET['id']))) {
@ -131,6 +132,7 @@ switch ($action) {
'tclass' => $requested_class, 'tclass' => $requested_class,
'message' => $requested_message, 'message' => $requested_message,
'view' => $requested_view, 'view' => $requested_view,
'fclass' => $requested_fa_class,
]; ];
echo json_encode($response); echo json_encode($response);
} }
@ -229,6 +231,7 @@ switch ($action) {
$requested_view = $visibility == 0 ? 'visible.png' : 'invisible.png'; $requested_view = $visibility == 0 ? 'visible.png' : 'invisible.png';
$requestedVisible = $visibility == 0 ? 1 : 0; $requestedVisible = $visibility == 0 ? 1 : 0;
$requested_view = $visibility == 0 ? 'visible.png' : 'invisible.png'; $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; $requestedVisible = $visibility == 0 ? 1 : 0;
// HIDE AND REACTIVATE TOOL // HIDE AND REACTIVATE TOOL
@ -261,6 +264,7 @@ switch ($action) {
'tclass' => $requested_class, 'tclass' => $requested_class,
'message' => $requested_message, 'message' => $requested_message,
'view' => $requested_view, 'view' => $requested_view,
'fclass' => $requested_fa_class,
'id'=>$tool_id, 'id'=>$tool_id,
]; ];
} }

15
main/inc/introductionSection.inc.php
Unescape View File

@ -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(), api_get_path(WEB_CODE_PATH).'course_info/tools.php?'.api_get_cidreq(),
['class' => 'btn btn-default', 'title' => get_lang('CustomizeIcons')] ['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 = ''; $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 = '<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 .= '<em class="fa fa-file-text"></em> ';
$textIntro .= "</a>"; $textIntro .= "</a>";
$toolbar .= $textIntro.$editIconButton; $toolbar .= $textIntro . $editIconButton.$toolAllShowHide;
} else { } else {
$toolbar .= '<a class="btn btn-default" href="'.api_get_self().'?intro_cmdAdd=1">'.get_lang('AddIntro').'</a>'; $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>'; $toolbar .= '</div></div>';
} else { } else {
@ -317,7 +324,7 @@ if ($intro_dispCommand) {
$toolbar .= $toolbar .=
'<a class="btn btn-default" href="'.api_get_self().'?'.api_get_cidreq().$blogParam.'&intro_cmdEdit=1" title="'.get_lang('Modify').'"> '<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>'; <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: $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)). if(!confirm('".addslashes(api_htmlentities(get_lang('ConfirmYourChoice'), ENT_QUOTES, $charset)).
"')) return false;\"><em class=\"fa fa-trash-o\"></em></a>"; "')) 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').'"> '<a class="btn btn-default" href="'.api_get_self().'?intro_cmdEdit=1" title="'.get_lang('Modify').'">
<em class="fa fa-pencil"></em> <em class="fa fa-pencil"></em>
</a>"'; </a>"';
$toolbar .= $editIconButton; $toolbar .= $editIconButton . $toolAllShowHide;
$toolbar .= "<a class=\"btn btn-default\" href=\"".api_get_self()."?".api_get_cidreq()."&intro_cmdDel=1\" onclick=\"javascript: $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)). if(!confirm('".addslashes(api_htmlentities(get_lang('ConfirmYourChoice'), ENT_QUOTES, $charset)).
"')) return false;\"><em class=\"fa fa-trash-o\"></em></a>"; "')) return false;\"><em class=\"fa fa-trash-o\"></em></a>";

7
main/inc/lib/course_home.lib.php
Unescape View File

@ -898,6 +898,7 @@ class CourseHome
ICON_SIZE_SMALL, ICON_SIZE_SMALL,
false false
); );
$link['name']='<em id="'.'linktool_'.$tool['iid'].'"class="fa fa-eye" title="'.get_lang('Deactivate').'"></em>';
$link['cmd'] = 'hide=yes'; $link['cmd'] = 'hide=yes';
$lnk[] = $link; $lnk[] = $link;
} }
@ -909,6 +910,7 @@ class CourseHome
ICON_SIZE_SMALL, ICON_SIZE_SMALL,
false false
); );
$link['name']='<em id="'.'linktool_'.$tool['iid'].'"class="fa fa-eye-slash text-muted" title="'.get_lang('Activate').'"></em>';
$link['cmd'] = 'restore=yes'; $link['cmd'] = 'restore=yes';
$lnk[] = $link; $lnk[] = $link;
} }
@ -935,6 +937,7 @@ class CourseHome
ICON_SIZE_SMALL, ICON_SIZE_SMALL,
false false
); );
$link['name']='<em id="'.'linktool_'.$tool['iid'].'"class="fa fa-eye" title="'.get_lang('Deactivate').'"></em>';
$link['cmd'] = 'restore=yes'; $link['cmd'] = 'restore=yes';
$lnk[] = $link; $lnk[] = $link;
break; break;
@ -946,6 +949,7 @@ class CourseHome
ICON_SIZE_SMALL, ICON_SIZE_SMALL,
false false
); );
$link['name']='<em id="'.'linktool_'.$tool['iid'].'"class="fa fa-eye-slash text-muted" title="'.get_lang('Activate').'"></em>';
$link['cmd'] = 'hide=yes'; $link['cmd'] = 'hide=yes';
$lnk[] = $link; $lnk[] = $link;
break; break;
@ -958,6 +962,7 @@ class CourseHome
ICON_SIZE_SMALL, ICON_SIZE_SMALL,
false false
); );
$link['name']='<em id="'.'linktool_'.$tool['iid'].'"class="fa fa-eye-slash text-muted" title="'.get_lang('Activate').'"></em>';
$link['cmd'] = 'hide=yes'; $link['cmd'] = 'hide=yes';
$lnk[] = $link; $lnk[] = $link;
} }
@ -982,7 +987,7 @@ class CourseHome
if (empty($tool['adminlink'])) { if (empty($tool['adminlink'])) {
$item['visibility'] .= $item['visibility'] .=
'<a class="make_visible_and_invisible" href="'.api_get_self().'?'.api_get_cidreq().'&id='.$tool['iid'].'&'.$this_link['cmd'].'">'. '<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>' ;
} }
} }
} }

Write Preview
Loading…
Cancel
Save