{"id":51,"date":"2023-05-18T18:37:41","date_gmt":"2023-05-19T01:37:41","guid":{"rendered":"http:\/\/localhost\/tomateros\/?page_id=51"},"modified":"2023-10-16T09:56:30","modified_gmt":"2023-10-16T16:56:30","slug":"jugadores","status":"publish","type":"page","link":"https:\/\/web.tomateros.online\/index.php\/jugadores\/","title":{"rendered":"Jugadores"},"content":{"rendered":"\n<!-- section starts  -->\n         <section id=\"hero\">\n            <div class=\"jumbotron jumbotronPage text-center\">\n                <h1 class=\"mt-0\">Jugadores<\/h1>\n            <\/div>\n            <div class=\"container \">\n                <div class=\"post-tabs rounded bordered bg-white jugadoresTabs\" >\n                    <ul class=\"nav nav-tabs nav-pills nav-fill p-0\" id=\"postTab\" role=\"tablist\">\n                        <li class=\"nav-item m-1\" role=\"presentation\" style=\"list-style-type: none;\">\n                            <button aria-controls=\"home\" aria-selected=\"true\" class=\"nav-link active\"\n                                data-bs-target=\"#home\" data-bs-toggle=\"tab\" id=\"home-tab\" role=\"tab\"\n                                type=\"button\">\n                                Batting\n                            <\/button>\n                        <\/li>\n                        <li class=\"nav-item m-1\" role=\"presentation\" style=\"list-style-type: none;\">\n                            <button aria-controls=\"second\" aria-selected=\"false\" class=\"nav-link\"\n                                data-bs-target=\"#second\" data-bs-toggle=\"tab\" id=\"second-tab\" role=\"tab\"\n                                type=\"button\">\n                                Pitching\n                            <\/button>\n                        <\/li>\n                    <\/ul>\n\n                    <!-- content  -->\n                    <div class=\"tab-content\" id=\"postsTabContent\">\n                        <!-- loader -->\n                        <div class=\"lds-dual-ring\"><\/div>\n                        <!-- pop post  -->\n\n                        <div class=\"tab-pane fade show active\" id=\"home\" aria-labelledby=\"home-tab\"\n                            role=\"tabpanel\">\n                            <table class=\" table align-middle\">\n                                <thead>\n                                    <tr>\n                                      <th>JUGADOR<\/th>\n                                      <th>B<\/th>\n                                      <th>AVG<\/th>\n                                      <th >RBI<\/th>\n                                      <th>OPS<\/th>\n                                    <\/tr>\n                                  <\/thead>\n                                  <tbody id=\"activo\" class=\"tablePlayers\">\n                                  <\/tbody>\n                            <\/table>\n                        <\/div>\n\n                        <div class=\"tab-pane fade\" id=\"second\" aria-labelledby=\"second-tab\"\n                            role=\"tabpanel\">\n                            <table class=\" table align-middle\">\n                                <thead>\n                                    <tr>\n                                        <th>JUGADOR<\/th>\n                                        <th>T<\/th>\n                                        <th>W<\/th>\n                                        <th>L<\/th>\n                                        <th>ERA<\/th>\n                                        <th>IP<\/th>\n                                      <\/tr>\n                                <\/thead>\n                                <tbody id=\"allPlayers\" class=\"tablePlayers\">\n                                <\/tbody>\n                            <\/table>\n                        <\/div>\n\n                        <div class=\"tab-pane fade\" id=\"third\" aria-labelledby=\"third-tab\"\n                            role=\"tabpanel\">\n                            <table class=\" table align-middle\">\n                                <thead>\n                                    <tr>\n                                        <th>Jugador<\/th>\n                                        <th>Posici\u00f3n<\/th>\n                                        <th>Altura<\/th>\n                                        <th class=\"jugadoresTable\">Peso<\/th>\n                                        <th class=\"jugadoresTable\">Cumplea\u00f1os<\/th>\n                                      <\/tr>\n                                <\/thead>\n                                <tbody id=\"coaches\" class=\"tablePlayers\">\n                                <\/tbody>\n                            <\/table>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n                       \n            <\/div>\n        <\/section>\n\n        <!-- main content  -->\n    \n        \n\n       \n\n\n       \n        <!-- Modal Start-->\n        <div id=\"modalContentPitcher\"><\/div>\n        <div id=\"modalContentAllPlayers\"><\/div>\n        <div id=\"modalContentCoaches\"><\/div>\n\n\n\n<script type=\"text\/javascript\">\nvar  fecha = new  Date();\n  var  year = fecha.getFullYear();\n\nconst batting = `https:\/\/api.lmp.mx\/3.0.0\/teams\/5d671e7de870608c1\/statistics?type=regular&mode=batting&order=desc&column=era&year=${year}`;\n\nconst pitching = `https:\/\/api.lmp.mx\/3.0.0\/teams\/5d671e7de870608c1\/statistics?type=regular&mode=pitching&order=desc&column=era&year=${year}`;\n\nconst rouster = 'https:\/\/api.lmp.mx\/3.0.0\/teams\/5d671e7de870608c1\/rosters';\n\nlet globalRouster;\n\n\/*Rouster completo*\/\nfetch(rouster)\n.then(response => response.json())\n.then(data => {\n  globalRouster = data.response;\n\n  \/*Batting*\/\n    fetch(batting)\n    .then(response => response.json())\n    .then(data => {\n        mostraActivo(data.response);\n    }\n    )\n    .catch(error => console.log(error));\n\n    \/\/Patching\n    fetch(pitching)\n    .then(response => response.json())\n    .then(data => {\n        allPlayers(data.response);\n    }\n    )\n    .catch(error => console.log(error));\n})\n.catch(error => console.log(error));\n\n\n\n  const mostraActivo = (data) => {\n    \/\/console.log(data);\n    \/\/console.log(globalRouster);\n    \n    let body = '';\n    let modal='';\n    for (let i = 0; i< data.length; i++ ){\n\n        let valorExtra;\n\n        for (let j = 0; j < globalRouster.length; j++) {\n            if(globalRouster[j].playerMLBamID === data[i].milb_id){\n              valorExtra = globalRouster[i];\n                break;\n            }\n        }\n\n        \/\/ Verificar si se encontr\u00f3 alguna coincidencia\n        if (typeof valorExtra === 'undefined') {\n            valorExtra = {\n                playerNum: '',\n                playerFielding: \"Right\",\n                playerHitting: \"Right\",\n                playerPosition:\"\"\n            };\n        }\n\n        \n        \/\/if(data[i].playerPosition == 'Pitcher'){\n            body += \n            `\n            <tr>\n                <td>\n                    <div class=\"d-flex align-items-center\">\n                        <a style=\"cursor: pointer;\" data-bs-toggle=\"modal\" data-bs-target=\"#modalPitcher${i}\"><img decoding=\"async\"\n                            src=\"${data[i].image}\"\n                                alt=\"\"\n                                class=\"rounded-circle imgJugadores imgJugadoresStyle\"\n                            \/><\/a>\n                        <div class=\"ms-3\">\n                            <p class=\"fw-normal mb-1\">${data[i].name} <span class=\"fw-bold\">No. ${valorExtra.playerNum}<\/span><\/p>\n                        <\/div>\n                    <\/div>\n                <\/td>\n                <td>\n                    <p class=\"fw-normal mb-1\">${valorExtra.playerHitting == 'Right' ? 'R' : 'L'}<\/p>\n                <\/td>\n                <td>\n                    <p class=\"fw-normal mb-1\">${data[i].avg}<\/p>\n                <\/td>\n                <td>\n                    <p class=\"fw-normal mb-1\">${data[i].rbi}<\/p>\n                <\/td>\n                <td>\n                    <p class=\"fw-normal mb-1\">${data[i].ops}<\/p>\n                <\/td>\n            <\/tr>\n            `;\n\n\n            modal += \n            `\n            <!-- Modal -->\n            <div class=\"modal fade\" id=\"modalPitcher${i}\" data-bs-backdrop=\"static\" data-bs-keyboard=\"false\" tabindex=\"-1\"\n                aria-labelledby=\"staticBackdropLabel\" aria-hidden=\"true\">\n            <div class=\"modal-dialog\">\n                <div class=\"modal-content\">\n                    <div class=\"modal-header\">\n                        <h5 class=\"modal-title\" id=\"staticBackdropLabel\">Jugador Tomatero <\/h5>\n                        <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"><\/button>\n                    <\/div>\n                    <div class=\"modal-body\">\n                    <!-- Card Regular -->\n                    <div class=\"card card-cascade\">\n                    \n                    <!-- Card image -->\n                    <div class=\"view view-cascade overlay\">\n                      <img decoding=\"async\" width=\"400px\" height=\"400px\" class=\"card-img-top\" src=\"${data[i].image}\" alt=\"Card image cap\">\n                      <a>\n                        <div class=\"mask rgba-white-slight\"><\/div>\n                      <\/a>\n                    <\/div>\n                    \n                      <!-- Card content -->\n                      <div class=\"card-body card-body-cascade text-center\">\n                    \n                        <!-- Title -->\n                        <h4 class=\"card-title\"><strong>${data[i].name} No.${valorExtra.playerNum}<\/strong><\/h4>\n                        <!-- Subtitle -->\n                        <h6 class=\"font-weight-bold indigo-text py-2\">${valorExtra.playerPosition}<\/h6>\n                        <!-- Text \n                        <p class=\"card-text\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus, ex, recusandae.\n                          Facere modi sunt, quod quibusdam.\n                        <\/p>\n                        -->\n                    \n                      <\/div>\n                    \n                    <\/div>\n                    <!-- Card Regular -->\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n            `;\n        }\n        \n    \/\/}\n    document.getElementById('activo').innerHTML = body;\n    document.getElementById('modalContentPitcher').innerHTML = modal;\n  }\n\n\n  const allPlayers = (data) => {\n    console.log(data[0]);\n    let body = '';\n    let modal= '';\n    for (let i = 0; i< data.length; i++ ){\n\n        let valorExtra;\n\n        for (let j = 0; j < globalRouster.length; j++) {\n            if(globalRouster[j].playerMLBamID === data[i].milb_id){\n              valorExtra = globalRouster[i];\n                break;\n            }\n        }\n\n        \/\/ Verificar si se encontr\u00f3 alguna coincidencia\n        if (typeof valorExtra === 'undefined') {\n            valorExtra = {\n                playerNum: '',\n                playerFielding: \"Right\",\n                playerHitting: \"Right\",\n                playerPosition:\"\"\n            };\n        }\n\n       \n\n            body += \n            `\n            <tr>\n                <td>\n                    <div class=\"d-flex align-items-center\">\n                        <a style=\"cursor: pointer;\" data-bs-toggle=\"modal\" data-bs-target=\"#modalAllplayer${i}\"> <img decoding=\"async\"\n                            src=\"${data[i].image}\"\n                                alt=\"\"\n                                class=\"rounded-circle imgJugadores imgJugadoresStyle\"\n                                \/>\n                        <\/a>\n                        <div class=\"ms-3\">\n                            <p class=\"fw-normal mb-1\">${data[i].name}  <span class=\"fw-bold\">No. ${valorExtra.playerNum}<\/span><\/p>\n                        <\/div>\n                    <\/div>\n                <\/td>\n                <td>\n                    <p class=\"fw-normal mb-1\">${valorExtra.playerHitting == 'Right' ? 'R' : 'L'}<\/p>\n                <\/td>\n                <td>\n                    <p class=\"fw-normal mb-1\">${data[i].w}<\/p>\n                <\/td>\n                <td >\n                    <p class=\"fw-normal mb-1\">${data[i].l}<\/p>\n                <\/td>\n                <td>\n                    <p class=\"fw-normal mb-1\">${data[i].era}<\/p>\n                <\/td>\n                <td>\n                    <p class=\"fw-normal mb-1\">${data[i].ip}<\/p>\n                <\/td>\n            <\/tr>\n            `;\n\n            modal += \n            `\n            <!-- Modal -->\n            <div class=\"modal fade\" id=\"modalAllplayer${i}\" data-bs-backdrop=\"static\" data-bs-keyboard=\"false\" tabindex=\"-1\"\n                aria-labelledby=\"staticBackdropLabel\" aria-hidden=\"true\">\n            <div class=\"modal-dialog\">\n                <div class=\"modal-content\">\n                    <div class=\"modal-header\">\n                        <h5 class=\"modal-title\" id=\"staticBackdropLabel\">Jugador Tomatero <\/h5>\n                        <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"><\/button>\n                    <\/div>\n                    <div class=\"modal-body\">\n                    <!-- Card Regular -->\n                    <div class=\"card card-cascade\">\n                    \n                      <!-- Card image -->\n                      <div class=\"view view-cascade overlay\">\n                        <img decoding=\"async\" width=\"400px\" height=\"400px\" class=\"card-img-top\" src=\"${data[i].image}\" alt=\"Card image cap\">\n                        <a>\n                          <div class=\"mask rgba-white-slight\"><\/div>\n                        <\/a>\n                      <\/div>\n                    \n                      <!-- Card content -->\n                      <div class=\"card-body card-body-cascade text-center\">\n                    \n                        <!-- Title -->\n                        <h4 class=\"card-title\"><strong>${data[i].name} No.${valorExtra.playerNum}<\/strong><\/h4>\n                        <!-- Subtitle -->\n                        <h6 class=\"font-weight-bold indigo-text py-2\">${valorExtra.playerPosition}<\/h6>\n                        <!-- Text \n                        <p class=\"card-text\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus, ex, recusandae.\n                          Facere modi sunt, quod quibusdam.\n                        <\/p>\n                        -->\n                    \n                    \n                      <\/div>\n                    \n                    <\/div>\n                    <!-- Card Regular -->\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n            `;\n        }\n        \n    document.getElementById('allPlayers').innerHTML = body;\n    document.getElementById('modalContentAllPlayers').innerHTML = modal;\n  }\n\n\/*\n  const mostraCoaches = (data) => {\n    let body = '';\n    let modal = '';\n    for (let i = 0; i< data.length; i++ ){\n        if(data[i].playerPosition == 'Coach'){\n            body += \n            `\n            <tr>\n                <td>\n                    <div class=\"d-flex align-items-center\">\n                        <a style=\"cursor: pointer;\" data-bs-toggle=\"modal\" data-bs-target=\"#modalCoaches${i}\"><img decoding=\"async\"\n                            src=\"${data[i].thumb}\"\n                                alt=\"\"\n                                class=\"rounded-circle imgJugadores imgJugadoresStyle\"\n                                \/>\n                        <\/a>\n                        <div class=\"ms-3\">\n                            <p class=\"fw-normal mb-1\">${data[i].name} <span class=\"fw-bold\">No. ${data[i].playerNum}<\/span><\/p>\n                        <\/div>\n                    <\/div>\n                <\/td>\n                <td>\n                    <p class=\"fw-normal mb-1\">${data[i].playerPosition}<\/p>\n                <\/td>\n                <td class=\"jugadoresTable\">\n                    <p class=\"fw-normal mb-1\">${data[i].height}<\/p>\n                <\/td>\n                <td class=\"jugadoresTable\">\n                    <p class=\"fw-normal mb-1\">${data[i].weight}<\/p>\n                <\/td>\n                <td>\n                    <p class=\"fw-normal mb-1\">${data[i].birthday}<\/p>\n                <\/td>\n            <\/tr>\n            `;\n\n            modal += \n            `\n            <!-- Modal -->\n            <div class=\"modal fade\" id=\"modalCoaches${i}\" data-bs-backdrop=\"static\" data-bs-keyboard=\"false\" tabindex=\"-1\"\n                aria-labelledby=\"staticBackdropLabel\" aria-hidden=\"true\">\n            <div class=\"modal-dialog\">\n                <div class=\"modal-content\">\n                    <div class=\"modal-header\">\n                        <h5 class=\"modal-title\" id=\"staticBackdropLabel\">Jugador Tomatero <\/h5>\n                        <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"><\/button>\n                    <\/div>\n                    <div class=\"modal-body\">\n                    <!-- Card Regular -->\n                    <div class=\"card card-cascade\">\n                    \n                      <!-- Card image -->\n                      <div class=\"view view-cascade overlay\">\n                        <img decoding=\"async\" width=\"400px\" height=\"400px\" class=\"card-img-top\" src=\"${data[i].thumb}\" alt=\"Card image cap\">\n                        <a>\n                          <div class=\"mask rgba-white-slight\"><\/div>\n                        <\/a>\n                      <\/div>\n                    \n                      <!-- Card content -->\n                      <div class=\"card-body card-body-cascade text-center\">\n                    \n                        <!-- Title -->\n                        <h4 class=\"card-title\"><strong>${data[i].name} No.${data[i].playerNum}<\/strong><\/h4>\n                        <!-- Subtitle -->\n                        <h6 class=\"font-weight-bold indigo-text py-2\">${data[i].playerPosition}<\/h6>\n                        <!-- Text \n                        <p class=\"card-text\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus, ex, recusandae.\n                          Facere modi sunt, quod quibusdam.\n                        <\/p>\n                        -->\n                    \n                    \n                      <\/div>\n                    \n                    <\/div>\n                    <!-- Card Regular -->\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n            `;\n\n        }\n    }\n\n    document.getElementById('coaches').innerHTML = body;\n    document.getElementById('modalContentCoaches').innerHTML = modal;\n    \n}\nif (data[i] && data[i].milb_id  === globalRouster[i].playerMLBamID) {\n                console.log(globalRouster[i]);\n              valorExtra = globalRouster[i];\n              break;\n            }\n\n\n*\/\n<\/script>\n\n\n\n<style>\n.tablePlayers{\n    transition-duration: 0.4s;\n}\n.tablePlayers tr:hover{\n    background-color: #612246;\n    color: white;\n    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);\n    border-radius: 20px;\n}\n\n#myTab li {\n    color: black;\n}\n\n\n\n\n\n@media screen and (max-width: 550px){\n    .jugadoresTable{\n        display: none;\n\n    }\n}\n\n@media screen and (min-width: 471px){\n    .imgJugadores{\n        width: 100px;\n        height: 100px;\n    }\n}\n\n@media screen and (max-width: 471px){\n    .imgJugadoresStyle {\n        max-width: 30px;\n        height: auto;\n    }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Jugadores Batting Pitching JUGADOR B AVG RBI OPS JUGADOR T W L ERA IP Jugador Posici\u00f3n Altura Peso Cumplea\u00f1os<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-51","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/web.tomateros.online\/index.php\/wp-json\/wp\/v2\/pages\/51","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/web.tomateros.online\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/web.tomateros.online\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/web.tomateros.online\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/web.tomateros.online\/index.php\/wp-json\/wp\/v2\/comments?post=51"}],"version-history":[{"count":4,"href":"https:\/\/web.tomateros.online\/index.php\/wp-json\/wp\/v2\/pages\/51\/revisions"}],"predecessor-version":[{"id":16624,"href":"https:\/\/web.tomateros.online\/index.php\/wp-json\/wp\/v2\/pages\/51\/revisions\/16624"}],"wp:attachment":[{"href":"https:\/\/web.tomateros.online\/index.php\/wp-json\/wp\/v2\/media?parent=51"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}