{"id":37429,"date":"2025-10-03T11:10:53","date_gmt":"2025-10-03T08:10:53","guid":{"rendered":"https:\/\/stokcivata.com\/?page_id=37429"},"modified":"2025-10-03T11:11:03","modified_gmt":"2025-10-03T08:11:03","slug":"teknik-tablo-iso-7380","status":"publish","type":"page","link":"https:\/\/stokcivata.com\/?page_id=37429","title":{"rendered":"Teknik tablo ISO 7380"},"content":{"rendered":"\n<!-- ==== TEK STANDART TEKN\u0130K TABLO (Basit Kolonlar + d Filtresi) ==== -->\n<div class=\"std-tech-table\" data-id=\"std-table\">\n  <!-- G\u00f6rsel -->\n  <div class=\"stt-drawing\" style=\"margin-bottom:1rem;text-align:center;\">\n    <a class=\"stt-drawing-link\" href=\"#\" target=\"_blank\" rel=\"noopener\">\n      <img decoding=\"async\" class=\"stt-drawing-img\" src=\"\" alt=\"Teknik \u00e7izim\"\n           style=\"max-width:100%;height:auto;border:1px solid #eee;border-radius:8px;display:none;\">\n    <\/a>\n  <\/div>\n\n  <!-- Ba\u015fl\u0131k + Filtre + Aksiyon -->\n  <div class=\"stt-toolbar\" role=\"region\" aria-label=\"Teknik tablo\">\n    <div class=\"stt-title\" data-bind=\"title\" style=\"font-weight:700;\"><\/div>\n    <label>\u00c7ap (d):\n      <select data-ctrl=\"d\"><\/select>\n    <\/label>\n    <button type=\"button\" data-action=\"csv\">CSV indir<\/button>\n  <\/div>\n\n  <!-- Tablo -->\n  <div class=\"stt-wrap\" tabindex=\"0\">\n    <table class=\"stt-table\" role=\"table\" aria-label=\"Teknik \u00f6l\u00e7\u00fcler\">\n      <thead><tr><\/tr><\/thead>\n      <tbody><\/tbody>\n    <\/table>\n  <\/div>\n  <div class=\"stt-status\" aria-live=\"polite\"><\/div>\n\n  <!-- ======= VER\u0130 (JSON) ======= -->\n  <script type=\"application\/json\" class=\"stt-data\">\n  {\n    \"title\": \"ISO 7380 \u2013 Bembe Ba\u015fl\u0131 \u0130mbus Civata\",\n    \"drawingUrl\": \"https:\/\/kartalbaglanti.com\/wp-content\/uploads\/2025\/09\/15MBtr.png\",\n    \"columns\": [\"d\",\"d2\",\"b\",\"kmax\",\"s\",\"tmin\",\"amax\"],\n    \"rows\": [\n  {\n    \"d\": 2,\n    \"d2\": 3.5,\n    \"b\": \"-\",\n    \"kmax\": 1.3,\n    \"s\": 1.25,\n    \"tmin\": \"-\",\n    \"amax\": \"-\"\n  },\n  {\n    \"d\": 2.5,\n    \"d2\": 4.5,\n    \"b\": \"-\",\n    \"kmax\": 1.5,\n    \"s\": 1.5,\n    \"tmin\": \"-\",\n    \"amax\": \"-\"\n  },\n  {\n    \"d\": 3,\n    \"d2\": 5.5,\n    \"b\": 18,\n    \"kmax\": 1.65,\n    \"s\": 2,\n    \"tmin\": 1.04,\n    \"amax\": 1\n  },\n  {\n    \"d\": 4,\n    \"d2\": 7.5,\n    \"b\": 20,\n    \"kmax\": 2.2,\n    \"s\": 2.5,\n    \"tmin\": 1.3,\n    \"amax\": \"1..4\"\n  },\n  {\n    \"d\": 5,\n    \"d2\": 0.5,\n    \"b\": 22,\n    \"kmax\": 2.75,\n    \"s\": 3,\n    \"tmin\": 1.56,\n    \"amax\": 1.6\n  },\n  {\n    \"d\": 6,\n    \"d2\": 10.5,\n    \"b\": 24,\n    \"kmax\": 3.3,\n    \"s\": 4,\n    \"tmin\": 2.08,\n    \"amax\": 2\n  },\n  {\n    \"d\": 8,\n    \"d2\": 14,\n    \"b\": 28,\n    \"kmax\": 4.4,\n    \"s\": 5,\n    \"tmin\": 2.6,\n    \"amax\": 2.5\n  },\n  {\n    \"d\": 10,\n    \"d2\": 18,\n    \"b\": 32,\n    \"kmax\": 5.5,\n    \"s\": 6,\n    \"tmin\": 3.12,\n    \"amax\": 3\n  },\n  {\n    \"d\": 12,\n    \"d2\": 21,\n    \"b\": 36,\n    \"kmax\": 6.6,\n    \"s\": 8,\n    \"tmin\": 4.16,\n    \"amax\": 3.25\n  },\n  {\n    \"d\": 16,\n    \"d2\": 28,\n    \"b\": \"-\",\n    \"kmax\": 8.8,\n    \"s\": 10,\n    \"tmin\": \"-\",\n    \"amax\": 0\n  }\n]  }\n  <\/script>\n  <!-- ======= \/VER\u0130 ======= -->\n<\/div>\n\n<style>\n.std-tech-table{--bd:1px solid #e7e7e7;--br:10px;--pad:.8rem;font:500 15px\/1.4 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}\n.std-tech-table .stt-toolbar{display:flex;flex-wrap:wrap;gap:.6rem .8rem;align-items:center;margin-bottom:.8rem;background:#fafafa;border:var(--bd);border-radius:var(--br);padding:var(--pad)}\n.std-tech-table select,.std-tech-table button{padding:.5rem .7rem;border:var(--bd);border-radius:8px;background:#fff;cursor:pointer}\n.std-tech-table .stt-title{margin-right:auto}\n.std-tech-table .stt-wrap{overflow:auto;border:var(--bd);border-radius:var(--br);background:#fff}\n.std-tech-table table{width:100%;border-collapse:separate;border-spacing:0}\n.std-tech-table thead th{position:sticky;top:0;background:#fff;border-bottom:var(--bd);padding:.7rem;text-align:left;font-weight:600;white-space:nowrap}\n.std-tech-table tbody td{border-bottom:1px dashed #f0f0f0;padding:.55rem .7rem;vertical-align:top}\n.std-tech-table .stt-status{margin-top:.4rem;color:#666;font-size:.9em}\n@media (max-width:720px){\n  .std-tech-table thead{display:none}\n  .std-tech-table tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:.2rem .8rem;padding:.6rem;border-bottom:var(--bd)}\n  .std-tech-table tbody td{border:none;padding:.2rem 0}\n  .std-tech-table tbody td::before{content:attr(data-label);font-weight:600;display:block;opacity:.72}\n}\n<\/style>\n\n<script>\n(function(){\n  document.querySelectorAll('.std-tech-table').forEach(init);\n\n  function init(root){\n    const status = root.querySelector('.stt-status');\n    let data;\n    try {\n      const txt = root.querySelector('.stt-data').textContent.trim();\n      data = JSON.parse(txt);\n    } catch (e) {\n      if (status) status.textContent = \"Veri okunamad\u0131: JSON ge\u00e7ersiz.\";\n      return;\n    }\n\n    const titleEl = root.querySelector('[data-bind=\"title\"]');\n    const theadRow = root.querySelector('thead tr');\n    const tbody = root.querySelector('tbody');\n    const btnCSV = root.querySelector('[data-action=\"csv\"]');\n    const selD = root.querySelector('[data-ctrl=\"d\"]');\n    const img  = root.querySelector('.stt-drawing-img');\n    const aLink= root.querySelector('.stt-drawing-link');\n\n    const cols = Array.isArray(data.columns) ? data.columns.slice() : [];\n    if (!cols.length){ status.textContent = \"S\u00fctun listesi (columns) bo\u015f.\"; return; }\n\n    \/\/ Ba\u015fl\u0131k ve resim\n    titleEl.textContent = data.title || \"\";\n    const rawUrl = (data.drawingUrl||\"\").trim();\n    const safeUrl = rawUrl ? encodeURI(rawUrl) : \"\";\n    if (safeUrl){ img.src = safeUrl; img.style.display=\"inline-block\"; aLink.href = safeUrl; }\n    else { img.removeAttribute('src'); img.style.display=\"none\"; aLink.removeAttribute('href'); }\n\n    \/\/ Ba\u015fl\u0131klar\u0131 olu\u015ftur\n    theadRow.innerHTML = cols.map(c=>`<th>${escapeHtml(c)}<\/th>`).join('');\n\n    \/\/ d se\u00e7eneklerini \u00fcret\n    const uniq = arr => [...new Set(arr)];\n    const ds = uniq((data.rows||[]).map(r=>r.d)).filter(v=>v!==undefined && v!==null).sort((a,b)=>a-b);\n    selD.innerHTML = `<option value=\"\">T\u00fcm\u00fc<\/option>` + ds.map(d=>`<option value=\"${d}\">${d}<\/option>`).join('');\n\n    \/\/ Render\n    function filteredRows(){\n      const val = selD.value;\n      let rows = Array.isArray(data.rows) ? data.rows : [];\n      if (val !== \"\") rows = rows.filter(r => String(r.d) === String(val));\n      return rows;\n    }\n\n    function render(){\n      const rows = filteredRows();\n      tbody.innerHTML = rows.map(r=>{\n        return `<tr>` + cols.map(c=>{\n          const v = (r[c]===undefined || r[c]===null) ? \"\" : r[c];\n          return `<td data-label=\"${escapeHtml(c)}\">${escapeHtml(String(v))}<\/td>`;\n        }).join('') + `<\/tr>`;\n      }).join('');\n      status.textContent = rows.length ? `${rows.length} sat\u0131r` : `Kay\u0131t yok`;\n    }\n\n    selD.addEventListener('input', render);\n    render();\n\n    \/\/ CSV indir\n    btnCSV.addEventListener('click', ()=>{\n      const rows = filteredRows();\n      const head = cols.join(',');\n      const body = rows.map(r=>cols.map(c=>{\n        const val = r[c]!==undefined && r[c]!==null ? String(r[c]) : \"\";\n        return (val.includes(',') || val.includes('\"') || val.includes('\\n'))\n          ? `\"${val.replace(\/\"\/g,'\"\"')}\"`\n          : val;\n      }).join(',')).join('\\n');\n      const csv = head + '\\n' + body;\n      const blob = new Blob([csv],{type:\"text\/csv;charset=utf-8\"});\n      const a = document.createElement('a');\n      a.href = URL.createObjectURL(blob);\n      a.download = (data.title||\"table\").replace(\/\\s+\/g,'_') + \".csv\";\n      a.click(); a.remove();\n    });\n\n    function escapeHtml(s){\n      return s.replace(\/[&<>\"']\/g, (m)=>({ \"&\":\"&amp;\",\"<\":\"&lt;\",\">\":\"&gt;\",\"\\\"\":\"&quot;\",\"'\":\"&#39;\" }[m]));\n    }\n  }\n})();\n<\/script>\n<!-- ==== \/BAS\u0130T TABLO + d Filtresi ==== -->\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00c7ap (d): CSV indir<\/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-37429","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stokcivata.com\/index.php?rest_route=\/wp\/v2\/pages\/37429","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stokcivata.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stokcivata.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stokcivata.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stokcivata.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=37429"}],"version-history":[{"count":1,"href":"https:\/\/stokcivata.com\/index.php?rest_route=\/wp\/v2\/pages\/37429\/revisions"}],"predecessor-version":[{"id":37430,"href":"https:\/\/stokcivata.com\/index.php?rest_route=\/wp\/v2\/pages\/37429\/revisions\/37430"}],"wp:attachment":[{"href":"https:\/\/stokcivata.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=37429"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}