{"id":1948,"date":"2024-05-04T12:19:14","date_gmt":"2024-05-04T15:19:14","guid":{"rendered":"https:\/\/label.info\/?page_id=1948"},"modified":"2025-01-22T17:59:10","modified_gmt":"2025-01-22T20:59:10","slug":"die-builder","status":"publish","type":"page","link":"https:\/\/label.info\/pt\/die-builder\/","title":{"rendered":"Construtor de Faca"},"content":{"rendered":"<style>\r\n\r\n.tab {\r\nborder: 1px solid #fff;\r\nbackground-color: #f1f1f1;\r\n}\r\n\r\n\/* Style the buttons inside the tab *\/\r\n.tab button {\r\nbackground-color: inherit;\r\nfloat: left;\r\nborder: none;\r\noutline: none;\r\ncursor: pointer;\r\npadding: 14px 16px;\r\ntransition: 0.3s;\r\nfont-size: 17px;\r\n}\r\n\r\n\/* Change background color of buttons on hover *\/\r\n.tab button:hover {\r\nbackground-color: #ddd;\r\n}\r\n\r\n\/* Create an active\/current tablink class *\/\r\n.tab button.active {\r\nbackground-color: #ccc;\r\n}\r\n\r\n\/* Style the tab content *\/\r\n.tabcontent {\r\ndisplay: none;\r\npadding: 6px 12px;\r\n\/\/border: 1px solid #ccc;\r\nborder-top: none;\r\n}\r\n\r\n.buttonlist:hover {\r\ntext-decoration: underline;\r\n}\r\n.buttonlist {\r\ntext-decoration: underline;\r\ncursor: pointer;\r\nbackground:none;\r\nborder:none;\r\nmargin:0;\r\npadding:0;\r\ncursor: pointer;\r\ncolor: #7f64e0;\r\nfont-weight : bold ;\r\n}\r\n\r\n.EditarRascunho:hover {\r\ntext-decoration: underline;\r\n}\r\n.EditarRascunho {\r\ntext-decoration: underline;\r\ncursor: pointer;\r\nbackground:none;\r\nborder:none;\r\nmargin:0;\r\npadding:0;\r\ncursor: pointer;\r\ncolor: #7f64e0;\r\nfont-weight : bold ;\r\n}\r\n\r\n.buttonsave {\r\nfloat: left;\r\nlist-style: none;\r\nmargin-right: 0px;\r\nmargin-bottom: 0px;\r\nbackground-color: #636363;\r\nborder: 0;\r\nborder-radius: 7px;\r\nbox-sizing: border-box;\r\ncolor: white;\r\nfont-size: .875rem;\r\nfont-weight: 600;\r\nline-height: 1.25rem;\r\npadding: .75rem 1rem;\r\ntext-align: center;\r\ntext-decoration: none #D1D5DB solid;\r\ntext-decoration-thickness: auto;\r\nbox-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.34), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\r\ncursor: pointer;\r\nuser-select: none;\r\n-webkit-user-select: none;\r\ntouch-action: manipulation;\r\n}\r\n.buttonsave:hover {\r\nbackground-color: #858585;\r\n}\r\n\r\n.buttonsave:focus {\r\noutline: 2px solid transparent;\r\noutline-offset: 2px;\r\n}\r\n.buttonsave:focus-visible {\r\nbox-shadow: none;\r\n}\r\n\r\n.pdf_download_die_builder li {\r\nfloat: left;\r\nlist-style: none;\r\nmargin-right: 0px;\r\nmargin-bottom: 0px;\r\nbackground-color: #636363;\r\nborder: 0;\r\nborder-radius: 7px;\r\nbox-sizing: border-box;\r\ncolor: white;\r\nfont-size: .875rem;\r\nfont-weight: 600;\r\nline-height: 1.25rem;\r\npadding: .75rem 1rem;\r\ntext-align: center;\r\ntext-decoration: none #D1D5DB solid;\r\ntext-decoration-thickness: auto;\r\nbox-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.34), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\r\ncursor: pointer;\r\nuser-select: none;\r\n-webkit-user-select: none;\r\ntouch-action: manipulation;\r\n}\r\n\r\n.pdf_download_die_builder li:hover {\r\nbackground-color: #858585;\r\n}\r\n\r\n.lista1 {\r\noverflow-x: auto;\r\n}\r\n\r\n.pdf_download_die_builder li:focus {\r\noutline: 2px solid transparent;\r\noutline-offset: 2px;\r\n}\r\n.pdf_download_die_builder li:focus-visible {\r\nbox-shadow: none;\r\n}\r\n\r\n.pdf_download_die_builder li a {\r\ncolor: white;\r\ntext-decoration: none;\r\n}\r\n\r\n.Painel1 {\r\nborder-radius: 0px;\r\nfloat: left;\r\nmin-width: 350px;\r\nbox-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\r\nmargin-left: 0px;\r\nmargin-bottom: 25px;\r\nbackground: #ffffff;\r\n\/\/max-width: 1000px;\r\nwidth: 100%;\r\n}\r\n.Painel2 {\r\nborder-radius: 3px;\r\nfloat: left;\r\nmin-width: 350px;\r\nbox-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\r\nmargin-left: 0px;\r\nmargin-bottom: 25px;\r\nbackground: #ffffff;\r\n\/\/max-width: 1000px;\r\nwidth: 100%;\r\n}\r\n\r\n.informacoesferramentas{\r\nborder-radius: 0px;\r\nfloat: left;\r\nmargin-left: 0px;\r\nmargin-bottom: 25px;\r\npadding:15px;\r\nbackground: #EFEFF0;\r\nwidth: 100%;\r\n}\r\n\r\n.sugestoes{\r\nborder-radius: 0px;\r\nfloat: left;\r\nmargin-left: 0px;\r\nmargin-bottom: 25px;\r\npadding:15px;\r\nbackground: #d9ffc9;\r\nwidth: 100%;\r\n}\r\n\r\n.ContainerTopBorda {\r\nborder-top-left-radius: 3px;\r\nborder-top-right-radius: 3px;\r\npadding: 12px;  \r\nwidth: 100%;\r\nmargin-top: 0px;\r\nbackground: linear-gradient(0.25turn, #863A2A, #E66B25, #EB9C36);\r\n}\r\n.ConteinerConteudo {\r\npadding: 25px;\r\nwidth: 100%;\r\nmargin-top: 0px;\r\nmargin-bottom:0px;\r\n}\r\n.centralizar {\r\nmargin: auto;\r\nmax-width: 1000px;\r\n}\r\n.centralizar1 {\r\ntext-align: center;\r\nmargin: auto;\r\n}\r\n\/* HIDE RADIO *\/\r\n[name=etiquetaMedida] { \r\nposition: absolute;\r\nopacity: 0;\r\nwidth: 0;\r\nheight: 0;\r\n}\r\n\r\n\/* IMAGE STYLES *\/\r\n[name=etiquetaMedida] + img {\r\ncursor: pointer;\r\n}\r\n\r\n\/* CHECKED STYLES *\/\r\n[name=etiquetaMedida]:checked + img {\r\noutline: 2px solid #f00;\r\n}\r\n.buttonlist2:hover {\r\ntext-decoration: underline;\r\n\r\n}\r\n.buttonlist2 {\r\ntext-decoration: none;\r\ncursor: pointer;\r\nbackground:none;\r\nborder:none;\r\nmargin:0;\r\npadding:0;\r\ncursor: pointer;\r\ncolor: #4024a5;\r\nfont-weight : bold ;\r\n}\r\n\r\n.bg_fundo {\r\nz-index: 0 !important; \r\nposition: relative;   \r\nbackground-color: white; \/* Fundo branco *\/\r\nborder: 1px solid var(--bb-content-border-color);\r\nborder-radius: 10px; \/* Bordas arredondadas *\/\r\npadding: 15px; \/* Espa\u00e7o interno *\/\r\n\/\/box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); \/* Sombra leve para destacar *\/\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<div class=\"bg_fundo\">\r\n\r\n\r\n    <div style=\"display: grid;  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));   gap: 10px;   width: 100%; margin-bottom:-35px;\">\r\n        <div>\r\n            <form id=\"dimensions-form\" action=\"\">\r\n\r\n                <label for=\"shape\" style=\"font-size:16px\">Forma:<\/label><br>\r\n\r\n                <input type=\"radio\" id=\"square\" name=\"shape\" value=\"square\" checked>\r\n                <label for=\"square\"  style=\"font-size: 16px\">Quadrada<\/label><br>\r\n                <input type=\"radio\" id=\"round\" name=\"shape\" value=\"round\">\r\n                <label for=\"round\"  style=\"font-size: 16px\">Redonda<\/label><br><br>\r\n\r\n                <div style=\"display: grid;  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));   gap: 10px;   width: 100%; margin-bottom:35px;\">\r\n                    <div>\r\n                        <label for=\"width\" style=\"font-size:16px\">Largura:<\/label><br>\r\n                        <input type=\"number\" id=\"width\" name=\"width\" value=\"50\" step=\"1\" style=\"font-size: 15px; height:34px; width:100%\">\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <label for=\"height\" style=\"font-size:16px\">Altura:<\/label><br>\r\n                        <input type=\"number\" id=\"height\" name=\"height\" value=\"50\" step=\"1\" style=\"font-size: 15px; height:34px; width:100%\">\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <label for=\"radius\" style=\"font-size:16px\">Radius:<\/label><br>\r\n                        <input type=\"number\" id=\"radius\" name=\"radius\" value=\"3\" step=\"1\" style=\"font-size: 15px; width:100%; height:34px;\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div style=\"display: grid;  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));   gap: 10px;   width: 100%; margin-bottom:35px;\">\r\n            \r\n                    <div>\r\n                        <input type=\"checkbox\" id=\"serrilha\" name=\"serrilha\">\r\n                        <label style=\"font-size:16px\" for=\"serrilha\">Perfura\u00e7\u00e3o<\/label><br>\r\n\r\n                        <input type=\"checkbox\" id=\"refileLateral\" name=\"refileLateral\">\r\n                        <label for=\"refileLateral\"  style=\"font-size: 15px; height:34px;\">Refile Lateral<\/label><br>\r\n                        <div id=\"idRefileLateralCheck\">\r\n                            <label for=\"refileSpacing\" style=\"font-size:16px\">Espa\u00e7. refile lateral<\/label>\r\n                            <input type=\"number\" id=\"refileSpacing\" name=\"refileSpacing\" value=\"10\" step=\"1\" style=\"font-size: 16px; width:100%;height:34px;\">\r\n                        <\/div>\r\n                    <\/div>\r\n                        \r\n                    <div>\r\n                        <label for=\"columns\" style=\"font-size:16px\">Colunas:<\/label><br>\r\n                        <input type=\"number\" id=\"columns\" name=\"columns\" value=\"1\" step=\"1\" style=\"font-size: 15px; width:100%; height:34px;\"><br>\r\n                        <div id=\"refileColumnsDiv\">\r\n                            <label for=\"columnSpacing\" style=\"font-size:16px\">Espa\u00e7. coluna<\/label><br>\r\n                            <input type=\"number\" id=\"columnSpacing\" name=\"columnSpacing\" value=\"6\" step=\"1\" style=\"font-size: 15px; width:100%;height:34px;\"><br>\r\n                            <input type=\"checkbox\" id=\"refileColumns\"\/>\r\n                            <label style=\"font-size:16px\" for=\"refileColumns\">Refile de colunas<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <label for=\"zsize\" style=\"font-size:16px\">Dimens\u00f5es da faca:<\/label><br>\r\n                <input type=\"radio\" id=\"manual\" name=\"zsize\" value=\"manual\" >\r\n                <label for=\"manual\" style=\"font-size:16px\">Manual<\/label><br>\r\n                <input type=\"radio\" id=\"automatic\" name=\"zsize\" value=\"automatic\" checked>\r\n                <label for=\"automatic\" style=\"font-size:16px\">Automatica com contador de z.<\/label>\r\n\r\n                <div id=\"setDieDimentionManual\" style=\"display:none\">\r\n                    <div style=\"display: grid;  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));   gap: 10px;   width: 100%; margin-bottom:35px;\">\r\n                        <div>\r\n                            <label for=\"rows\" style=\"font-size:16px\">Repetitions:<\/label><br>\r\n                            <input type=\"number\" style=\"font-size:15px; width:100%;height:34px;\" id=\"rows\" name=\"rows\" value=\"3\" step=\"1\"><br>\r\n                        <\/div>\r\n                        <div>\r\n                            <label for=\"rowSpacing\" style=\"font-size:16px\">Rows Spacing:<\/label><br>\r\n                            <input type=\"number\" style=\"font-size:15px; width:100%;height:34px;\" id=\"rowSpacing\" name=\"rowSpacing\" value=\"3\" step=\"1\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div id=\"setDieDimentionAutomatic\" >\r\n                    <div style=\"display: grid;  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));   gap: 10px;   width: 100%; margin-bottom:35px;\">\r\n                        <div>\r\n                            <label for=\"pitch\" style=\"font-size:16px\">Passo da eng.:<\/label><br>\r\n                            <select id=\"pitch\" name=\"pitch\" style=\"font-size:15px; height:34px; width:100%\"><br>\r\n                                <option value=\"3.175\" style=\"font-size:15px\">Comet - CP1\/8<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <label for=\"dieSizeZ\" style=\"font-size:16px\">Tamanho faca (z):<\/label><br>\r\n                            <input type=\"number\" id=\"dieSizeZ\" style=\"font-size:15px; width:100%;height:34px;\" name=\"dieSizeZ\" value=\"50\" step=\"0\">\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <label for=\"minGAP\" style=\"font-size:16px\">Tam. Gap M\u00edn.<\/label><br>\r\n                            <input type=\"number\" style=\"font-size:15px; width:100%; height:34px;\" id=\"MinGapSize\" name=\"MinGapSize\" value=\"2.5\" step=\"0.5\">\r\n                        <\/div>\r\n                    <\/div>  \r\n                    <label style=\"font-size:16px\">Desenvolvimento:<\/label> <label style=\"font-size:16px\" id=\"development_result\">158<\/label><br>\r\n                    <label style=\"font-size:16px\">Tamanho do Gap:<\/label> <label style=\"font-size:16px\" id=\"gapsize_result\">158<\/label><br>  \r\n                <\/div>\r\n                \r\n\r\n\r\n\r\n\r\n            <input type=\"hidden\" name=\"trp-form-language\" value=\"pt\"\/><\/form>\r\n        <\/div>\r\n\r\n        <div>\r\n            <svg id=\"preview\" width=\"700\" height=\"700\">\r\n                <g id=\"scale-group\">\r\n                    <!-- O ret\u00e2ngulo ser\u00e1 adicionado aqui -->\r\n                <\/g>\r\n            <\/svg>\r\n            \r\n            <div style=\"display: grid;  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));   gap: 10px;   width: 100%; margin-bottom:35px;\">\r\n                <div>\r\n                    <label for=\"zoom\" style=\"font-size:13px\">Zoom: <\/label><input type=\"number\" id=\"zoom\" name=\"zoom\" value=\"100\" min=\"1\" step=\"0.01\" style=\"font-size: 13px;height:25px;\"><br>\r\n                <\/div>\r\n\r\n                <div class=\"pdf_download_die_builder\" style=\"margin:10px; align\">\r\n                    <li style=\"float:right;\"><a >Baixar arquivo PDF<\/a><\/li>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    \r\n<\/div>\r\n\r\n<script>\r\nstart();\r\nfunction start() {\r\n\/\/document.addEventListener('DOMContentLoaded', function() {\r\n\r\n\r\nconst manualRadio = document.getElementById('manual');\r\nconst automaticRadio = document.getElementById('automatic');\r\nconst manualDiv = document.getElementById('setDieDimentionManual');\r\nconst automaticDiv = document.getElementById('setDieDimentionAutomatic');\r\nconst pitchSelect = document.getElementById('pitch');\r\nconst dieSizeZInput = document.getElementById('dieSizeZ');\r\nconst minGapSizeInput = document.getElementById('MinGapSize');\r\nconst rowsInput = document.getElementById('rows');\r\nconst rowSpacingInput = document.getElementById('rowSpacing');\r\nconst labelHeightInput = document.getElementById('height');\r\n\r\npitchSelect.addEventListener('input', calculateAutomaticDimensions);\r\ndieSizeZInput.addEventListener('input', calculateAutomaticDimensions);\r\nminGapSizeInput.addEventListener('input', calculateAutomaticDimensions);\r\n\r\nmanualRadio.addEventListener('change', toggleVisibility);\r\nautomaticRadio.addEventListener('change', toggleVisibility);\r\n\r\nfunction toggleVisibility() {\r\nmanualDiv.style.display = manualRadio.checked ? 'block' : 'none';\r\nautomaticDiv.style.display = automaticRadio.checked ? 'block' : 'none';\r\n}\r\n\r\nfunction calculateAutomaticDimensions() {\r\nconst pitchValue = pitchSelect.value.replace(\",\", \".\");\r\nconst pitch = parseFloat(pitchValue);\r\n\r\nconst dieSizeZ = parseFloat(dieSizeZInput.value);\r\nconst minGapSize = parseFloat(minGapSizeInput.value);\r\nconst labelHeight = parseFloat(labelHeightInput.value); \/\/ Altura da etiqueta\r\n\r\nconst development = dieSizeZ * pitch;\r\nconst repetitions = Math.floor(development \/ (labelHeight + minGapSize));\r\nconst rowSpacing = (development-(repetitions*labelHeight))\/repetitions;\r\n\r\n\/\/rowsInput.value = development;\r\n\/\/rowSpacingInput.value = repetitions; \/\/ Duas casas decimais\r\nrowsInput.value = repetitions;\r\nrowSpacingInput.value = rowSpacing.toFixed(2); \/\/ Duas casas decimais\r\n\r\ndocument.getElementById('development_result').textContent = development.toFixed(2);\r\ndocument.getElementById('gapsize_result').textContent = rowSpacing.toFixed(2);\r\n\r\n}\r\n\r\n\r\nautomaticRadio.addEventListener('change', function() {\r\nif (this.checked) {\r\ncalculateAutomaticDimensions();\r\n\r\n}\r\n});\r\n\r\n\/\/ Voc\u00ea tamb\u00e9m pode adicionar event listeners aos elementos dentro do automaticDiv,\r\n\/\/ caso deseje recalcular os valores quando algum deles for alterado.\r\npitchSelect.addEventListener('change', calculateAutomaticDimensions);\r\ndieSizeZInput.addEventListener('change', calculateAutomaticDimensions);\r\nminGapSizeInput.addEventListener('change', calculateAutomaticDimensions);\r\n\r\ncalculateAutomaticDimensions();\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/script>\r\n\r\n<style>\r\n\r\nsvg {\r\nborder: 1px solid #000;\r\n\r\ndisplay: block;\r\nmargin: auto;\r\n}\r\n\r\n#preview {\r\nwidth: 100%;\r\nheight: 500px;\r\n}\r\n\r\nrect, ellipse {\r\nfill: none;\r\nstroke: #000;\r\n}\r\n\r\n#refileColumnsDiv {\r\ndisplay: none;\r\n}\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\ndocument.getElementById('dimensions-form').addEventListener('input', updateSvg);\r\n\r\ndocument.getElementById('preview').addEventListener('wheel', function(e) {\r\nvar zoomInput = document.getElementById('zoom');\r\nvar newZoom = parseFloat(zoomInput.value) - e.deltaY * 0.05;\r\nzoomInput.value = newZoom;\r\nupdateSvg();\r\ne.preventDefault();\r\n});\r\n\r\nfunction updateSvg() {\r\nvar shape = document.querySelector('input[name=\"shape\"]:checked').value;\r\nvar width = parseFloat(document.getElementById('width').value);\r\nvar height = parseFloat(document.getElementById('height').value);\r\nvar radius = parseFloat(document.getElementById('radius').value);\r\nvar columns = parseInt(document.getElementById('columns').value);\r\nvar rows = parseInt(document.getElementById('rows').value);\r\nvar columnSpacing = parseFloat(document.getElementById('columnSpacing').value);\r\nvar rowSpacing = parseFloat(document.getElementById('rowSpacing').value);\r\nvar zoom = parseFloat(document.getElementById('zoom').value) \/ 100;\r\nvar serrilha = document.getElementById('serrilha').checked;\r\nvar refileLateral = document.getElementById('refileLateral').checked;\r\nvar refileColumns = document.getElementById('refileColumns').checked;\r\nvar refileSpacing = parseFloat(document.getElementById('refileSpacing').value);\r\n\r\nvar svg = document.getElementById('preview');\r\nvar scaleGroup = document.getElementById('scale-group');\r\nscaleGroup.innerHTML = '';\r\n\r\n\/\/ Ajusta o zoom\r\nscaleGroup.setAttribute('transform', 'scale(' + zoom + ')');\r\n\r\nvar offset = (serrilha || refileLateral) ? refileSpacing : 0;\r\n\r\nfor (var i = 0; i < rows; i++) {\r\nfor (var j = 0; j < columns; j++) {\r\nvar element;\r\nvar xPosition = offset + j * (width + columnSpacing);\r\n\r\nif (shape === 'square') {\r\nelement = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'rect');\r\nelement.setAttribute('width', width);\r\nelement.setAttribute('height', height);\r\nelement.setAttribute('rx', radius);\r\nelement.setAttribute('ry', radius);\r\nelement.setAttribute('x', xPosition);\r\nelement.setAttribute('y', i * (height + rowSpacing));\r\n} else if (shape === 'round') {\r\nelement = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'ellipse');\r\nelement.setAttribute('rx', width \/ 2);\r\nelement.setAttribute('ry', height \/ 2);\r\nelement.setAttribute('cx', xPosition + width \/ 2);\r\nelement.setAttribute('cy', i * (height + rowSpacing) + height \/ 2);\r\n}\r\n\r\nscaleGroup.appendChild(element);\r\n\r\n\/\/ Adiciona refile entre colunas\r\nif (refileColumns && j < columns - 1) {\r\nvar refileColumnElement = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'line');\r\nvar xPos = xPosition + width + columnSpacing \/ 2;\r\nrefileColumnElement.setAttribute('x1', xPos);\r\nrefileColumnElement.setAttribute('y1', 0);\r\nrefileColumnElement.setAttribute('x2', xPos);\r\nrefileColumnElement.setAttribute('y2', rows * (height + rowSpacing));\r\nrefileColumnElement.setAttribute('stroke', 'green');\r\nrefileColumnElement.setAttribute('stroke-width', '2');\r\nscaleGroup.appendChild(refileColumnElement);\r\n}\r\n}\r\n\r\nif (serrilha) {\r\nvar serrilhaElement = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'line');\r\nserrilhaElement.setAttribute('x1', 0);\r\nserrilhaElement.setAttribute('y1', i * (height + rowSpacing) + height + rowSpacing \/ 2);\r\nserrilhaElement.setAttribute('x2', columns * (width + columnSpacing) - columnSpacing + 2 * offset);\r\nserrilhaElement.setAttribute('y2', i * (height + rowSpacing) + height + rowSpacing \/ 2);\r\nserrilhaElement.setAttribute('stroke', 'red');\r\nserrilhaElement.setAttribute('stroke-width', '2');\r\nserrilhaElement.setAttribute('stroke-dasharray', '5,5'); \/\/ para linha tracejada\r\nscaleGroup.appendChild(serrilhaElement);\r\n}\r\n}\r\n\r\nif (refileLateral) {\r\nfor (var side = 0; side <= 1; side++) {\r\nvar refile = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'line');\r\nvar xPosition = side == 0 ? 0 : columns * (width + columnSpacing) - columnSpacing + 2 * offset;\r\n\r\nrefile.setAttribute('x1', xPosition);\r\nrefile.setAttribute('y1', 0);\r\nrefile.setAttribute('x2', xPosition);\r\nrefile.setAttribute('y2', rows * (height + rowSpacing));\r\nrefile.setAttribute('stroke', 'blue');\r\nrefile.setAttribute('stroke-width', '2');\r\nscaleGroup.appendChild(refile);\r\n}\r\n}\r\n\r\n\/\/ Controla a visibilidade do checkbox \"Refile entre colunas\"\r\n\/\/ Controla a visibilidade do checkbox \"Refile entre colunas\"\r\nvar refileColumnsDiv = document.getElementById('refileColumnsDiv');\r\nif (columns > 1) {\r\nrefileColumnsDiv.style.display = 'block';\r\n} else {\r\nrefileColumnsDiv.style.display = 'none';\r\n}\r\n\r\n\/\/ Controla a visibilidade do checkbox Lateral slitting\r\nvar refileLateralCheckbox = document.getElementById('refileLateral');\r\nvar idRefileLateralCheck = document.getElementById('idRefileLateralCheck');\r\nif (refileLateralCheckbox.checked) {\r\n        idRefileLateralCheck.style.display = 'block'; \/\/ Mostra o div\r\n    } else {\r\n        idRefileLateralCheck.style.display = 'none'; \/\/ Oculta o div\r\n    }\r\n\r\n}\r\n\r\n\/\/window.addEventListener('DOMContentLoaded', (event) => {\r\nupdateSvg();\r\n\/\/});\r\n\r\n\r\n\/\/\/\/\r\njQuery(document).off('click', '.pdf_download_die_builder').on('click', '.pdf_download_die_builder', function(event) {\r\n\r\nevent.preventDefault();\r\n\r\n\/\/ Primeiro, vamos pegar os valores dos campos do formul\u00e1rio\r\nvar shape = jQuery(\"input[name='shape']:checked\").val();\r\nvar width = jQuery('#width').val();\r\nvar height = jQuery('#height').val();\r\nvar radius = jQuery('#radius').val();\r\nvar columns = jQuery('#columns').val();\r\nvar rows = jQuery('#rows').val();\r\nvar columnSpacing = jQuery('#columnSpacing').val();\r\nvar rowSpacing = jQuery('#rowSpacing').val();\r\nvar refileColumns = jQuery('#refileColumns').is(\":checked\");\r\nvar serrilha = jQuery('#serrilha').is(\":checked\");\r\nvar refileLateral = jQuery('#refileLateral').is(\":checked\");\r\nvar refileSpacing = jQuery('#refileSpacing').val();\r\n\r\n\/\/ Agora, na chamada AJAX, vamos enviar esses dados\r\njQuery.ajax({\r\ntype: \"post\",\r\nurl: ajax_object.url,\r\ndata: {\r\naction: 'labelinfo_download_pdf_die_builder',\r\nnonce: ajax_object.nonce,\r\nshape: shape,\r\nwidth: width,\r\nheight: height,\r\nradius: radius,\r\ncolumns: columns,\r\nrows: rows,\r\ncolumnSpacing: columnSpacing,\r\nrowSpacing: rowSpacing,\r\nrefileColumns: refileColumns,\r\nserrilha: serrilha,\r\nrefileLateral: refileLateral,\r\nrefileSpacing: refileSpacing\r\n},\r\nsuccess: function(response){\r\nvar downloadLink = document.createElement('a');\r\ndownloadLink.href = response;\r\ndownloadLink.download = ''; \/\/ O nome do arquivo pode ser configurado aqui, se desejado\r\ndownloadLink.style.display = 'none';\r\ndocument.body.appendChild(downloadLink);\r\ndownloadLink.click();\r\ndocument.body.removeChild(downloadLink);\r\n}\r\n});\r\n});\r\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1948","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Die Builder - Label Info<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/label.info\/pt\/die-builder\/\" class=\"yoast-seo-meta-tag\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" class=\"yoast-seo-meta-tag\" \/>\n<meta property=\"og:type\" content=\"article\" class=\"yoast-seo-meta-tag\" \/>\n<meta property=\"og:title\" content=\"Die Builder - Label Info\" class=\"yoast-seo-meta-tag\" \/>\n<meta property=\"og:url\" content=\"https:\/\/label.info\/pt\/die-builder\/\" class=\"yoast-seo-meta-tag\" \/>\n<meta property=\"og:site_name\" content=\"Label Info\" class=\"yoast-seo-meta-tag\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-22T20:59:10+00:00\" class=\"yoast-seo-meta-tag\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" class=\"yoast-seo-meta-tag\" \/>\n<meta name=\"twitter:label1\" content=\"Est. tempo de leitura\" class=\"yoast-seo-meta-tag\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" class=\"yoast-seo-meta-tag\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/label.info\/die-builder\/\",\"url\":\"https:\/\/label.info\/die-builder\/\",\"name\":\"Die Builder - Label Info\",\"isPartOf\":{\"@id\":\"https:\/\/label.info\/#website\"},\"datePublished\":\"2024-05-04T15:19:14+00:00\",\"dateModified\":\"2025-01-22T20:59:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/label.info\/die-builder\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/label.info\/die-builder\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/label.info\/die-builder\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/label.info\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Die Builder\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/label.info\/#website\",\"url\":\"https:\/\/label.info\/\",\"name\":\"Label Info\",\"description\":\"For Label Makers\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/label.info\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Die Builder - Label Info","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/label.info\/pt\/die-builder\/","og_locale":"pt_BR","og_type":"article","og_title":"Die Builder - Label Info","og_url":"https:\/\/label.info\/pt\/die-builder\/","og_site_name":"Label Info","article_modified_time":"2025-01-22T20:59:10+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. tempo de leitura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/label.info\/die-builder\/","url":"https:\/\/label.info\/die-builder\/","name":"Die Builder - Label Info","isPartOf":{"@id":"https:\/\/label.info\/#website"},"datePublished":"2024-05-04T15:19:14+00:00","dateModified":"2025-01-22T20:59:10+00:00","breadcrumb":{"@id":"https:\/\/label.info\/die-builder\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/label.info\/die-builder\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/label.info\/die-builder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/label.info\/"},{"@type":"ListItem","position":2,"name":"Die Builder"}]},{"@type":"WebSite","@id":"https:\/\/label.info\/#website","url":"https:\/\/label.info\/","name":"Label Info","description":"For Label Makers","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/label.info\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"}]}},"_links":{"self":[{"href":"https:\/\/label.info\/pt\/wp-json\/wp\/v2\/pages\/1948","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/label.info\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/label.info\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/label.info\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/label.info\/pt\/wp-json\/wp\/v2\/comments?post=1948"}],"version-history":[{"count":2,"href":"https:\/\/label.info\/pt\/wp-json\/wp\/v2\/pages\/1948\/revisions"}],"predecessor-version":[{"id":5802,"href":"https:\/\/label.info\/pt\/wp-json\/wp\/v2\/pages\/1948\/revisions\/5802"}],"wp:attachment":[{"href":"https:\/\/label.info\/pt\/wp-json\/wp\/v2\/media?parent=1948"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}