<div class="box box-info" >
    <div class="box-header">
        <!--Titulo de la vista o listado -->
        <h3 class="box-title">Lista de Operaciones</h3>
        <!--Botones con las operaciones que se pueden realizar sobre el listado-->
        <div class="box-tools pull-right">
            {{ boton( 'ver', "verDetallesPlanesOperacionesPlaneador", "verDetallesPlanesOperacionesPlaneador()") }}
            <script type="text/javascript" >
                /**
                 * Carga una vista con los detalles de PlanOperacion
                 * @returns {HTML} Vista de Detalles
                 */
                function verDetallesPlanesOperacionesPlaneador() {
                    var seleccionPlanesOperaciones = unoSoloSeleccionadoTabla('frm-Planeador-PlanesOperaciones{{hash_vista}} table', "VER DETALLES");
                    if (seleccionPlanesOperaciones) {
                        var planOperacionID =  seleccionPlanesOperaciones.value;
                            cargarVista(
                                'planeador', 'PlanesOperaciones', 'verDetalles', 
                                'planOperacionID=' + planOperacionID
                            );
                     }
                }
            </script>
            {{ boton( 'tabla', "mostrarTodosPlanesOperacionesPlaneador", "cargarTablaPlanesOperacionesPlaneador()") }}
            <script type="text/javascript" >
                /**
                 * Solcita la vista de tabla y la carga en una division (DIV)
                 * con identificador div-tbl-PlanesOperaciones.
                 * @returns {HTML} Vista Solicitada
                 */
                function cargarTablaPlanesOperacionesPlaneador() {
                    cargarDivisionSicam('div-tbl-Planeador-PlanesOperaciones{{hash_vista}}', 'planeador', 'PlanesOperaciones', 'tablaListadoPorColaborador');
                }
            </script>
        </div>
    </div>
    <!--Formulario que me permite acceder a los check seleccinoados-->
    <form id="frm-Planeador-PlanesOperaciones{{hash_vista}}">
        <div class="box-body" >
            <!--Divisón donde cargará la forma de presnetar el listado. Aqui es una tabla.-->
            <div id="div-tbl-Planeador-PlanesOperaciones{{hash_vista}}" ></div>
        </div>
    </form>
</div>
<script type="text/javascript" >
    /**
     * Carga inicial de plugins y funciones
     */
    $(document).ready(function () {
        cargarTablaPlanesOperacionesPlaneador();
    });
</script>

<!-- Generado el 2017-11-11 10:56:25:000000 -->