Idea para mostrar los menus del escritorio separados por secciones

[rbeltranlopez850827]

Actualmente Practico muestra los menus uno despues del otro sin tener en cuenta las secciones, seria bueno modificar el codigo para mostrar los menus separados por secciones, es mas descriptivo para el usuario, modificando comunes.php asi:
function PCO_ImprimirOpcionMenu($RegistroOpcion, $Ubicacion = '', $PreUbicacion = '')
{
global $ArchivoCORE, $PCOSESS_LoginUsuario, $TablasCore;

// Static variable to track the current section and whether we've started rendering escritorio items
static $current_seccion = null;
static $escritorio_active = false;

// Verifica si se trata de una opcion simple o de una agrupadora. Si es agrupadora recorre sus opciones hijas
if ($RegistroOpcion['tipo_menu'] == 'grp') {
    // ... (Existing group menu logic unchanged) ...
}

// Genera el formulario que sera llamado en la opcion de menu
echo '<form action="' . $ArchivoCORE . '" method="post" name="' . $PreUbicacion . '_' . $Ubicacion . '_' . $RegistroOpcion["id"] . '" id="' . $PreUbicacion . '_' . $Ubicacion . '_' . $RegistroOpcion["id"] . '" style="display:inline; height: 0px; border-width: 0px; width: 0px; padding: 0; margin: 0;">';
if ($RegistroOpcion["tipo_comando"] == "Interno" || $RegistroOpcion["tipo_comando"] == "Personal") {
    echo '<input type="hidden" name="PCO_Accion" value="' . $RegistroOpcion["comando"] . '">';
}
if ($RegistroOpcion["tipo_comando"] == "Objeto") {
    echo '<input type="hidden" name="PCO_Accion" value="PCO_CargarObjeto"><input type="hidden" name="PCO_Objeto" value="' . $RegistroOpcion["comando"] . '">';
}
echo '</form>';

// Define la cadena a imprimir como accion para el menu
$CadenaPreOpcion = '';
$CadenaPosOpcion = '</a>';
if ($RegistroOpcion["url"] != "") {
    if ($Ubicacion == 'submenu' || $Ubicacion == 'usuario') {
        $CadenaPreOpcion = '<a href="' . PCO_ReemplazarVariablesPHPEnCadena($RegistroOpcion["url"]) . '" target="' . $RegistroOpcion["destino"] . '"><i class="' . $RegistroOpcion["imagen"] . ' fa-fw"></i> ' . PCO_ReemplazarVariablesPHPEnCadena($RegistroOpcion["texto"]);
    } else {
        $CadenaPreOpcion = '<a title="' . PCO_ReemplazarVariablesPHPEnCadena($RegistroOpcion["texto"]) . '" href="' . PCO_ReemplazarVariablesPHPEnCadena($RegistroOpcion["url"]) . '" target="' . $RegistroOpcion["destino"] . '">';
    }
} else {
    if ($Ubicacion == 'arriba' || $Ubicacion == 'lateral') {
        $CadenaPreOpcion = '<a href="javascript:document.' . $PreUbicacion . '_' . $Ubicacion . '_' . $RegistroOpcion["id"] . '.submit();">';
    }
    if ($Ubicacion == 'centro' || $Ubicacion == 'escritorio' || $Ubicacion == 'formulario') {
        $CadenaPreOpcion = '<a title="' . PCO_ReemplazarVariablesPHPEnCadena($RegistroOpcion["texto"]) . '" href="javascript:document.' . $PreUbicacion . '_' . $Ubicacion . '_' . $RegistroOpcion["id"] . '.submit();">';
    }
    if ($Ubicacion == 'submenu' || $Ubicacion == 'usuario') {
        $CadenaPreOpcion = '<a href="javascript:document.' . $PreUbicacion . '_' . $Ubicacion . '_' . $RegistroOpcion["id"] . '.submit();"><i class="' . $RegistroOpcion["imagen"] . ' fa-fw"></i> ' . PCO_ReemplazarVariablesPHPEnCadena($RegistroOpcion["texto"]) . ' ' . $TextoAccesoDirecto;
    }
}

// Imprime opciones de submenus
if ($RegistroOpcion['tipo_menu'] == 'opc' && $Ubicacion == "submenu") {
    // ... (Existing submenu logic unchanged) ...
}

// Imprime opciones estandar de menu
if ($RegistroOpcion['tipo_menu'] == 'opc' && $Ubicacion != "submenu") {
    // Determina si la opcion es una imagen o no
    $PCO_EsImagen = 0;
    if (strpos($RegistroOpcion["imagen"], ".png") || strpos($RegistroOpcion["imagen"], ".jpg") || strpos($RegistroOpcion["imagen"], ".gif")) {
        $PCO_EsImagen = 1;
    }

    // Si no detecta ninguna extension de archivo de imagen entonces agrega codigo en bootstrap para representarla
    $CadenaInOpcion = '';
    if (!$PCO_EsImagen) {
        if ($Ubicacion == 'arriba') {
            $CadenaInOpcion = '<button class="btn-circle btn-info btn-xs"><i class="' . $RegistroOpcion["imagen"] . '"></i></button> ' . PCO_ReemplazarVariablesPHPEnCadena($RegistroOpcion["texto"]);
        }
        if ($Ubicacion == 'centro') {
            $CadenaInOpcion = '<button type="button" class="btn btn-default btn-outline"><i class="' . $RegistroOpcion["imagen"] . ' fa-fw"></i><span class="btn-xs">' . PCO_ReemplazarVariablesPHPEnCadena($RegistroOpcion["texto"]) . '</span></button>';
        }
        if ($Ubicacion == 'formulario') {
            $CadenaInOpcion = '<ul type="button" class="btn ' . $RegistroOpcion["clase_contenedor"] . '"><i class="' . $RegistroOpcion["imagen"] . ' fa-fw"></i><span>' . PCO_ReemplazarVariablesPHPEnCadena($RegistroOpcion["texto"]) . '</span></ul>';
        }
        if ($Ubicacion == 'escritorio') {
            $CadenaInOpcion = '<button style="margin-left:5px; margin-bottom:5px;" class="btn btn-default"><i class="' . $RegistroOpcion["imagen"] . ' fa-3x fa-fw"></i><br><span class="btn-xs">' . PCO_ReemplazarVariablesPHPEnCadena($RegistroOpcion["texto"]) . '</span></button>';
        }
        if ($Ubicacion == 'lateral') {
            $CadenaInOpcion = '<i class="' . $RegistroOpcion["imagen"] . '"></i>' . PCO_ReemplazarVariablesPHPEnCadena($RegistroOpcion["texto"]);
        }
    } else {
        $CadenaInOpcion = '<img src="' . $RegistroOpcion["imagen"] . '" border="0" />';
    }

    // Imprime opciones ubicadas en la barra superior de la aplicacion
    if ($Ubicacion == 'arriba') {
        echo '<li role="presentation">';
        echo $CadenaPreOpcion;
        echo $CadenaInOpcion;
        echo $CadenaPosOpcion;
        echo '</li>';
    }

    // Imprime opciones ubicadas en ventanas o acordeones en el centro de la aplicacion
    if ($Ubicacion == 'centro') {
        echo $CadenaPreOpcion;
        echo $CadenaInOpcion;
        echo $CadenaPosOpcion . ' ';
    }

    // Imprime opciones ubicadas en ventanas o acordeones en el centro de la aplicacion
    if ($Ubicacion == 'formulario') {
        echo $CadenaPreOpcion;
        echo $CadenaInOpcion;
        echo $CadenaPosOpcion . ' ';
    }

    // Imprime opciones ubicadas en el escritorio de la aplicacion (iconos grandes categorizados por seccion)
    if ($Ubicacion == 'escritorio') {
        $seccion = $RegistroOpcion["seccion"] ?: 'Uncategorized';

        // Si estamos entrando al modo escritorio por primera vez o cambiando de seccion
        if (!$escritorio_active || $current_seccion !== $seccion) {
            if ($escritorio_active && $current_seccion !== null) {
                echo '</div></div><div style="clear: both;"></div>'; // Cierra el grupo anterior
            }
            echo '<div class="section-group" style="margin-bottom: 20px;">';
            echo '<h4 style="color: #fff; background: #007bff; padding: 5px; border-radius: 3px;">' . htmlspecialchars($seccion) . '</h4>';
            echo '<div class="menu-items" style="display: flex; flex-wrap: nowrap; gap: 10px; width: 100%; overflow-x: auto;">';
            $current_seccion = $seccion;
            $escritorio_active = true;
        }

        // Imprime la imagen
        echo $CadenaPreOpcion;
        echo $CadenaInOpcion;
        echo $CadenaPosOpcion;
    }

    // Imprime opciones ubicadas en la barra lateral de navegacion (izquierda)
    if ($Ubicacion == 'lateral') {
        echo '<li style="text-align: left; font-size:0.95em;">';
        echo $CadenaPreOpcion;
        echo $CadenaInOpcion;
        echo $CadenaPosOpcion;
        echo '</li>';
    }

    // Imprime opciones ubicadas en la barra superior, menu de usuario
    if ($Ubicacion == 'usuario') {
        echo '<li>';
        echo $CadenaPreOpcion;
        echo $CadenaInOpcion;
        echo $CadenaPosOpcion;
        echo '</li>';
    }

    // Cierra el ultimo grupo de escritorio al salir del modo escritorio (e.g., next $Ubicacion differs)
    if ($Ubicacion != 'escritorio' && $escritorio_active) {
        echo '</div></div><div style="clear: both;"></div>';
        $escritorio_active = false;
        $current_seccion = null;
    }
}

// Cierra el ultimo grupo si escritorio fue el ultimo modo procesado (end of all calls)
if ($Ubicacion == 'escritorio' && $escritorio_active) {
    register_shutdown_function(function() use ($escritorio_active) {
        if ($escritorio_active) {
            echo '</div></div><div style="clear: both;"></div>';
        }
    });
}

}

[unix4you2]

Genial @rbeltranlopez850827
Veo que ya propones modificaciones, tienes algún screen-shot que puedas pegar aquí para ver cómo quedan reorganizados?
Un abrazo

[rbeltranlopez850827]

[unix4you2]

Genial.
Lo vas a enviar como un pull request o prefieres que lo cargue yo manualmente y haga algunos ajustes gráficos?

[rbeltranlopez850827]

Dejame le hago una revision final para hacerle pruebas con muchas opciones de menu y le comento, gracias.

[unix4you2]

OK. Ahí sólo veo menues a un sólo nivel, recuerda que pueden haber menues dentro de otros de manera ilimitada... (submenúes).
Saludos