function Busqueda(myval) {
       myoperation = "operacion:Generar_gráfico_para_clave Clave: " + myval;
       $.post('/ajaxconsole',
              { operation: myoperation
              },
              function(data) {
                  myresult = eval("(" + data + ")" );
                  myfile = myresult["filename"];
                  $("#workflowid").attr("src","/static/tmp/" + myfile);
              }
       );
}

function Detalle(id) {
   document.getElementById("Detalle").innerHTML = '\
    <style>\
     .modal .modal-dialog { width: 50%; height: 80%, };\
    </style>\
       <div id="myModal1" class="modal fade" role="dialog">\
       <div class="modal-dialog">\
         <div class="modal-content">\
           <div id = "title" class="modal-header">\
             <!--<button type="button" class="close" data-dismiss="modal">&times;</button>-->\
             <h3 class="modal-title text-primary"><center>Gráfico de Vacaciones</center></h3>\
           </div>\
           <div id = "body" class="modal-body">\
             <br> <center><img id="workflowid" name="workflowid" src="" width= "400" height= "600" / ></center><br><br>\
            </div>\
            <div class="modal-footer">\
              <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>\
            </div>\
          </div>\
        </div>\
    </div>';

  Busqueda(id);
}


function Busqueda_planilla(myval) {

       $.post('/ajaxgeneratepdf',
              { id_form: myval
              },
              function(data) {
                  document.getElementById("body_planilla").innerHTML = '\
                    <embed id="pdf" src="/static/tmp/'+data+'" width="700" height="500"></embed>\
                 ';

              }
       );
}

function Detalle_Pdf(id) {
   document.getElementById("Detalle2").innerHTML = '\
     <style>\
      .modal .modal-dialog { width: 50%; height: 80%, };\
     </style>\
      <div id="myModal2" class="modal fade" role="dialog">\
       <div class="modal-dialog">\
         <div class="modal-content">\
           <div id = "title" class="modal-header">\
             <!--<button type="button" class="close" data-dismiss="modal">&times;</button>-->\
             <h3 class="modal-title text-primary"><center>Planilla de Vacaciones</center></h3>\
           </div>\
           <div id = "body_planilla" class="modal-body">\
             <br><br>\
            </div>\
            <div class="modal-footer">\
              <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>\
            </div>\
          </div>\
        </div>\
    </div>';

  Busqueda_planilla(id);
}