nsinnovations/fusionpbx
2
0
Fork 0
mirror of https://github.com/fusionpbx/fusionpbx.git synced 2025-12-30 00:53:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Dashboard - Edit, Menu Item - Edit: Integrate icon search.

Browse Source
This commit is contained in:
fusionate
2024-08-12 16:25:21 -06:00
parent 37af618998
commit 0e3a861cf5
4 changed files with 269 additions and 235 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
core/menu/menu_item_edit.php
View File

@@ -435,62 +435,44 @@
echo " <td class='vtable' style='vertical-align: bottom;'>";
if (file_exists($_SERVER["PROJECT_ROOT"].'/resources/fontawesome/fa_icons.php')) {
include $_SERVER["PROJECT_ROOT"].'/resources/fontawesome/fa_icons.php';
if (!empty($font_awesome_icons) && is_array($font_awesome_icons)) {
//initialize variables
$previous_icon_classes = $previous_icon_name = $previous_icon_style = '';
//rebuild array, parse and format label
foreach ($font_awesome_icons as $i => $icon_classes) {
//split classes
$icon_class = explode(' ', $icon_classes);
$icon_style = $icon_class[0];
$icon_name = $icon_class[1];
//determine label
$icon_label = str_replace('fa-', '', $icon_name);
$icon_label = str_replace('-', ' ', $icon_label);
$icon_label = ucwords($icon_label);
//update previous
if (
!empty($previous_icon_name) &&
!empty($previous_icon_style) &&
$icon_name == $previous_icon_name &&
$icon_style != $previous_icon_style
) {
$icons[$previous_icon_classes] = $icon_label.' - '.ucwords(str_replace('fa-', '', $previous_icon_style));
$append_style = true;
}
else {
$append_style = false;
}
//set current
$icons[$icon_classes] = $icon_label.($append_style ? ' - '.ucwords(str_replace('fa-', '', $icon_style)) : null);
//set previous values
$previous_icon_name = $icon_name;
$previous_icon_style = $icon_style;
$previous_icon_classes = $icon_classes;
}
unset($icon_classes, $icon_class, $icon_style, $icon_name, $previous_icon_classes, $previous_icon_style, $previous_icon_name, $icon_label, $previous_icon_name, $previous_icon_style, $previous_icon_classes);
echo "<table cellpadding='0' cellspacing='0' border='0'>\n";
echo " <tr>\n";
echo " <td>\n";
echo " <select class='formfld' name='menu_item_icon' id='menu_item_icon' onchange=\"$('#icons').slideUp(); $('#grid_icon').fadeIn();\">\n";
echo " <option value=''></option>\n";
foreach ($icons as $icon_class => $icon_label) {
$selected = $menu_item_icon == $icon_class ? "selected" : null;
echo " <option value='".escape($icon_class)."' ".$selected.">".escape($icon_label)."</option>\n";
}
echo " </select>\n";
echo " </td>\n";
echo " <td style='padding: 0 0 0 5px;'>\n";
echo " <button id='grid_icon' type='button' class='btn btn-default list_control_icon' style='font-size: 15px; padding-top: 1px; padding-left: 3px;' onclick=\"$('#icons').fadeIn(); $(this).fadeOut();\"><span class='fa-solid fa-th'></span></button>";
echo " </td>\n";
echo " </tr>\n";
echo "</table>\n";
echo "<div id='icons' style='clear: both; display: none; margin-top: 8px; padding-top: 10px; color: #000; max-height: 400px; overflow: auto;'>\n";
foreach ($icons as $icon_class => $icon_label) {
echo "<span class='".escape($icon_class)." fa-fw' style='font-size: 24px; float: left; margin: 0 8px 8px 0; cursor: pointer; opacity: 0.3;' title='".escape($icon_label)."' onclick=\"$('#menu_item_icon').val('".escape($icon_class)."'); $('#icons').slideUp(); $('#grid_icon').fadeIn();\" onmouseover=\"this.style.opacity='1';\" onmouseout=\"this.style.opacity='0.3';\"></span>\n";
}
echo "</div>";
}
if (!empty($font_awesome_icons) && is_array($font_awesome_icons)) {
echo "<table cellpadding='0' cellspacing='0' border='0'>\n";
echo " <tr>\n";
echo " <td>\n";
echo " <select class='formfld' name='menu_item_icon' id='selected_icon' onchange=\"$('#icons').slideUp(200); $('#icon_search').fadeOut(200, function() { $('#grid_icon').fadeIn(); });\">\n";
echo " <option value=''></option>\n";
foreach ($font_awesome_icons as $icon) {
$selected = $menu_item_icon == implode(' ', $icon['classes']) ? "selected" : null;
echo " <option value='".escape(implode(' ', $icon['classes']))."' ".$selected.">".escape($icon['label'])."</option>\n";
}
echo " </select>\n";
echo " </td>\n";
echo " <td style='padding: 0 0 0 5px;'>\n";
echo " <button id='grid_icon' type='button' class='btn btn-default list_control_icon' style='font-size: 15px; padding-top: 1px; padding-left: 3px;' onclick=\"load_icons(); $(this).fadeOut(200, function() { $('#icons').fadeIn(200); $('#icon_search').fadeIn(200).focus(); });\"><span class='fa-solid fa-th'></span></button>";
echo " <input id='icon_search' type='text' class='formfld' style='display: none;' onkeyup=\"if (this.value.length >= 3) { delay_submit(this.value); } else if (this.value == '') { load_icons(); } else { $('#icons').html(''); }\" placeholder=\"".$text['label-search']."\">\n";
echo " </td>\n";
echo " </tr>\n";
echo "</table>\n";
echo "<div id='icons' style='clear: both; display: none; margin-top: 8px; padding-top: 10px; color: #000; max-height: 400px; overflow: auto;'></div>";
echo "<script>\n";
//load icons by search
echo "function load_icons(search) {\n";
echo " xhttp = new XMLHttpRequest();\n";
echo " xhttp.open('GET', '".PROJECT_PATH."/resources/fontawesome/fa_icons.php?output=icons' + (search ? '&search=' + search : ''), false);\n";
echo " xhttp.send();\n";
echo " document.getElementById('icons').innerHTML = xhttp.responseText;\n";
echo "}\n";
//delay kepress for 1/2 second
echo "var keypress_timer;\n";
echo "function delay_submit(search) {\n";
echo " clearTimeout(keypress_timer);\n";
echo " keypress_timer = setTimeout(function(){\n";
echo " load_icons(search);\n";
echo " }, 500);\n";
echo "}\n";
echo "</script>\n";
}
else {
echo " <input type='text' class='formfld' name='menu_item_icon' value='".escape($menu_item_icon)."'>";