{"id":37435,"date":"2025-10-03T11:18:04","date_gmt":"2025-10-03T08:18:04","guid":{"rendered":"https:\/\/stokcivata.com\/?page_id=37435"},"modified":"2026-01-24T15:23:41","modified_gmt":"2026-01-24T12:23:41","slug":"teknik-tablo-tamir-somunu","status":"publish","type":"page","link":"https:\/\/stokcivata.com\/?page_id=37435","title":{"rendered":"Teknik tablo Tamir Somunu"},"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\": \"T-fix insert. A\u015fa\u011f\u0131daki tablodan d i\u00e7 \u00e7ap\u0131n\u0131 (vida \u00f6l\u00e7\u00fcs\u00fc) se\u00e7in. Bu \u00e7apa g\u00f6re kullanaca\u011f\u0131n\u0131z k\u0131lavuz \u00e7ap\u0131 (D) ve matkap \u00e7ap\u0131n\u0131 (s) belirleyebilirsiniz. Sonras\u0131nda kar\u015f\u0131l\u0131\u011f\u0131 olan referans\u0131 \u00dcR\u00dcN SE\u00c7ENEKLER\u0130'inden bularak sat\u0131n alabilirsiniz. T-fix insert hafif metallere (bak\u0131r, aluminyum..) ve sert plastiklere (derlin vb..), uygulanacaksa, sadece d\u0131\u015f \u00e7ap (s) \u00f6l\u00e7\u00fcs\u00fcnde matkap ile delmeniz yeterlidir. \u00dcr\u00fcn d\u0131\u015f di\u015fini kendi k\u0131lavuz formu ile a\u00e7acakt\u0131r.\",\n    \"drawingUrl\": \"https:\/\/kartalbaglanti.com\/wp-content\/uploads\/2025\/09\/tamirsomunu.png\",\n    \"columns\": [\"d\",\"D (DIS CAP)\",\"L\",\"DELME CAPI\",\"Siparis Kodu\"],\n    \"rows\": [\n  {\n    \"d\": \"M2*0.40\",\n    \"D (DIS CAP)\": \"M 4.5*0.5\",\n    \"L\": \"6 mm\",\n    \"DELME CAPI\": \"4 mm\",\n    \"Siparis Kodu\": 81020\n  },\n  {\n    \"d\": \"M2.5*045\",\n    \"D (DIS CAP)\": \"M 4.5*0.5\",\n    \"L\": \"6 mm\",\n    \"DELME CAPI\": \"4 mm\",\n    \"Siparis Kodu\": 81025\n  },\n  {\n    \"d\": \"M3*0.50\",\n    \"D (DIS CAP)\": \"M 5.0*0.5\",\n    \"L\": \"6 mm\",\n    \"DELME CAPI\": \"4.5 mm\",\n    \"Siparis Kodu\": 81030\n  },\n  {\n    \"d\": \"M4*0.70\",\n    \"D (DIS CAP)\": \"M 6.5*0.75\",\n    \"L\": \"8 mm\",\n    \"DELME CAPI\": \"5.75 mm\",\n    \"Siparis Kodu\": 81040\n  },\n  {\n    \"d\": \"M5*0.80\",\n    \"D (DIS CAP)\": \"M 8.0*1.0\",\n    \"L\": \"10 mm\",\n    \"DELME CAPI\": \"7 mm\",\n    \"Siparis Kodu\": 81050\n  },\n  {\n    \"d\": \"M6*1.00\",\n    \"D (DIS CAP)\": \"M 10*1.5\",\n    \"L\": \"14 mm\",\n    \"DELME CAPI\": \"8.5 mm\",\n    \"Siparis Kodu\": 81060\n  },\n  {\n    \"d\": \"M8*1.25\",\n    \"D (DIS CAP)\": \"M 12*1.58\",\n    \"L\": \"15 mm\",\n    \"DELME CAPI\": \"10.5 mm\",\n    \"Siparis Kodu\": 81080\n  },\n  {\n    \"d\": \"M10*1.50\",\n    \"D (DIS CAP)\": \"M 14*1.5\",\n    \"L\": \"18 mm\",\n    \"DELME CAPI\": \"12.5 mm\",\n    \"Siparis Kodu\": 81100\n  },\n  {\n    \"d\": \"M12*1.75\",\n    \"D (DIS CAP)\": \"M 16*1.5\",\n    \"L\": \"22 mm\",\n    \"DELME CAPI\": \"14.5 mm\",\n    \"Siparis Kodu\": 81120\n  },\n  {\n    \"d\": \"M14*2.0\",\n    \"D (DIS CAP)\": \"M 18*1.5\",\n    \"L\": \"24 mm\",\n    \"DELME CAPI\": \"16.5 mm\",\n    \"Siparis Kodu\": 81140\n  },\n  {\n    \"d\": \"M16*2.0\",\n    \"D (DIS CAP)\": \"M 20*1.5\",\n    \"L\": \"22 mm\",\n    \"DELME CAPI\": \"18.5 mm\",\n    \"Siparis Kodu\": 81160\n  },\n  {\n    \"d\": \"M20*2.5\",\n    \"D (DIS CAP)\": \"M 26*1.5\",\n    \"L\": \"27 mm\",\n    \"DELME CAPI\": \"24.5 mm\",\n    \"Siparis Kodu\": 81200\n  },\n  {\n    \"d\": \"M3*0.50 inox\",\n    \"D (DIS CAP)\": \"M 5.0*0.5\",\n    \"L\": \"6 mm\",\n    \"DELME CAPI\": \"4.5 mm\",\n    \"Siparis Kodu\": 81143\n  },\n  {\n    \"d\": \"M4*0.70 inox\",\n    \"D (DIS CAP)\": \"M 6.5*0.75\",\n    \"L\": \"8 mm\",\n    \"DELME CAPI\": \"5.75 mm\",\n    \"Siparis Kodu\": 81144\n  },\n  {\n    \"d\": \"M5*0.80 inox\",\n    \"D (DIS CAP)\": \"M 8.0*1.0\",\n    \"L\": \"10 mm\",\n    \"DELME CAPI\": \"7 mm\",\n    \"Siparis Kodu\": 81145\n  },\n  {\n    \"d\": \"M6*1.00 inox\",\n    \"D (DIS CAP)\": \"M 10*1.5\",\n    \"L\": \"14 mm\",\n    \"DELME CAPI\": \"8.5 mm\",\n    \"Siparis Kodu\": 81146\n  },\n  {\n    \"d\": \"M8*1.25 inox\",\n    \"D (DIS CAP)\": \"M 12.5*1.5\",\n    \"L\": \"15 mm\",\n    \"DELME CAPI\": \"10.5 mm\",\n    \"Siparis Kodu\": 81148\n  },\n  {\n    \"d\": \"M10*1.50 inox\",\n    \"D (DIS CAP)\": \"M 14*1.5\",\n    \"L\": \"18 mm\",\n    \"DELME CAPI\": \"12.5 mm\",\n    \"Siparis Kodu\": 81150\n  },\n  {\n    \"d\": \"M12*1.75 inox\",\n    \"D (DIS CAP)\": \"M 16*1.5\",\n    \"L\": \"22 mm\",\n    \"DELME CAPI\": \"14.5 mm\",\n    \"Siparis Kodu\": 81152\n  }\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-37435","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stokcivata.com\/index.php?rest_route=\/wp\/v2\/pages\/37435","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=37435"}],"version-history":[{"count":2,"href":"https:\/\/stokcivata.com\/index.php?rest_route=\/wp\/v2\/pages\/37435\/revisions"}],"predecessor-version":[{"id":49129,"href":"https:\/\/stokcivata.com\/index.php?rest_route=\/wp\/v2\/pages\/37435\/revisions\/49129"}],"wp:attachment":[{"href":"https:\/\/stokcivata.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=37435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}