E-Okul Gelişim Raporu Hızlı Girme Paneli v3

Kod

  (() => {
  'use strict';

  var _0x2f3d={'version':'\u0076\u0033\u002E\u0033\u002D\u0073\u0074\u0061\u0062\u006C\u0065','vid':'\u0071\u0035\u0063\u0069\u0048\u006F\u0071\u0076\u0073\u0063\u0051'.split('').reverse().join('').split('').reverse().join(''),'panelId':String.fromCharCode(104,103,112,45,112,97,110,101,108),'terms':String.fromCharCode(47,112,97,103,101,115,47,108,101,103,97,108,47,116,101,114,109,115,46,104,116,109,108)};
  const HGP_PANEL_VERSION = _0x2f3d['\u0076\u0065\u0072\u0073\u0069\u006F\u006E'];

  /* Gelişim Düzeyleri Giriş (overlay + bekleme yok) */

  const IDS = {
    panel: _0x2f3d['\u0070\u0061\u006E\u0065\u006C\u0049\u0064'],
    style: String.fromCharCode(104,103,112,45,115,116,121,108,101),
  };

  // cleanup & protection
  [IDS.panel, 'hgp-overlay', IDS.style].forEach(id => {
    const el = document.getElementById(id);
    if (el) el.remove();
  });

  // helpers
  const $ = (sel, root = document) => root.querySelector(sel);
  const $$ = (sel, root = document) => Array.from(root.querySelectorAll(sel));
  const safeClick = (el) => { try { el && el.click(); } catch (_) {} };
  const sleep = (ms) => new Promise(resolve => setTimeout(resolve, ms));
  const cssEscape = (value) => {
    if (window.CSS && typeof window.CSS.escape === 'function') return window.CSS.escape(value);
    return String(value).replace(/["\\]/g, '\\$&');
  };

  async function waitForId(id, timeout = 6000) {
    const started = Date.now();
    while (Date.now() - started < timeout) {
      const el = document.getElementById(id);
      if (el) return el;
      await sleep(150);
    }
    return null;
  }

  function isVisible(el) {
    if (!el) return false;
    const style = window.getComputedStyle(el);
    const rect = el.getBoundingClientRect();
    return style.display !== 'none' && style.visibility !== 'hidden' && rect.width > 0 && rect.height > 0;
  }

  function buttonText(el) {
    return (el.innerText || el.value || el.getAttribute('aria-label') || '').trim().toLowerCase();
  }

  function findDialogActionButton(excludeEl) {
    const knownIds = [
      'modalConfirmBoxBtn1',
      'modalAlertBoxBtn1',
      'modalAlertBoxBtn',
      'modalInfoBoxBtn1',
      'modalMessageBoxBtn1'
    ];

    for (const id of knownIds) {
      const el = document.getElementById(id);
      if (el && el !== excludeEl && isVisible(el)) return el;
    }

    const dialog = $$('.modal, .modal-dialog, .ui-dialog, [role="dialog"], .swal2-popup')
      .find(isVisible);
    if (!dialog) return null;

    return $$('button, a, input[type="button"], input[type="submit"]', dialog)
      .find(el => el !== excludeEl && isVisible(el) && /^(kaydet|tamam|evet|ok|kapat)$/i.test(buttonText(el)));
  }

  async function closeSaveDialogs(excludeEl) {
    const started = Date.now();
    let clicked = false;

    while (Date.now() - started < 7000) {
      const actionBtn = findDialogActionButton(excludeEl);
      if (actionBtn) {
        safeClick(actionBtn);
        clicked = true;
        await sleep(350);
        continue;
      }

      if (clicked) break;
      await sleep(150);
    }
  }

  function showSaveSuccess(saveBtn, saveRect) {
    const old = document.getElementById('hgp-save-success');
    if (old) old.remove();

    const msg = document.createElement('div');
    msg.id = 'hgp-save-success';
    msg.textContent = '✅ Otomatik kayıt başarılı';

    const rect = saveRect || (saveBtn ? saveBtn.getBoundingClientRect() : null);
    msg.style.position = 'fixed';
    msg.style.left = rect ? `${Math.max(8, rect.left)}px` : '50%';
    msg.style.top = rect ? `${Math.max(8, rect.bottom + 8)}px` : '82px';
    msg.style.minWidth = rect ? `${Math.max(210, rect.width + 34)}px` : '240px';
    msg.style.transform = rect ? 'none' : 'translateX(-50%)';
    msg.style.zIndex = '100002';

    document.body.appendChild(msg);

    setTimeout(() => msg.remove(), 5500);
  }

  async function saveWhenReady() {
    const saveBtn = await waitForId('IOMToolbarActive1_btnKaydet', 7000);
    if (!saveBtn) return false;
    const saveRect = saveBtn.getBoundingClientRect();

    const vm = findVueApp();
    if (vm && typeof vm.PageCommonFunction === 'function') {
      const confirmInput = document.getElementById('hdnModalPopupConfirm');
      if (confirmInput) confirmInput.value = 'Kaydet';
      try {
        vm.PageCommonFunction('ModalPopupConfirm', 'Yes');
      } catch (_) {
        safeClick(saveBtn);
      }
    } else if (typeof window.AlanKontrolveKayit === 'function') {
      try {
        window.AlanKontrolveKayit();
      } catch (_) {
        safeClick(saveBtn);
      }
    } else {
      safeClick(saveBtn);
    }
    await closeSaveDialogs(saveBtn);
    showSaveSuccess(saveBtn, saveRect);

    return true;
  }

  function radioKey(radio, fallbackIndex) {
    if (radio.name) return `name:${radio.name}`;
    const row = radio.closest('tr,[role="row"],li,.row,.satir');
    if (row) {
      if (!row.dataset.hgpRowKey) row.dataset.hgpRowKey = `row:${fallbackIndex}`;
      return row.dataset.hgpRowKey;
    }
    const parent = radio.parentElement || radio;
    if (!parent.dataset.hgpRowKey) parent.dataset.hgpRowKey = `parent:${fallbackIndex}`;
    return parent.dataset.hgpRowKey;
  }

  function collectRadioGroups() {
    const radios = $$('input[type="radio"]')
      .filter(r => !r.disabled);
    const map = new Map();

    radios.forEach((radio, index) => {
      const key = radioKey(radio, index);
      if (!map.has(key)) map.set(key, []);
      map.get(key).push(radio);
    });

    return Array.from(map.values()).filter(group => group.length);
  }

  function activateRadio(radio) {
    if (!radio || radio.disabled) return;
    safeClick(radio);
    if (!radio.checked) radio.checked = true;
    radio.dispatchEvent(new Event('input', { bubbles: true }));
    radio.dispatchEvent(new Event('change', { bubbles: true }));
  }

  function showPanelToast(message) {
    const old = document.getElementById('hgp-panel-toast');
    if (old) old.remove();

    const t = document.createElement('div');
    t.id = 'hgp-panel-toast';
    t.textContent = message;
    t.style.cssText = `
      position:fixed; left:50%; top:14%;
      transform:translateX(-50%);
      background:rgba(0,0,0,.85); color:#fff;
      padding:10px 14px; border-radius:12px;
      z-index:100001; font-family:ui-sans-serif,system-ui;
      font-weight:800; font-size:12px;
    `;
    document.body.appendChild(t);
    setTimeout(() => t.remove(), 1600);
  }

  function findVueApp() {
    const roots = [
      document.getElementById('accordionTema'),
      document.querySelector('[v-for*="getData"]'),
      document.body
    ].filter(Boolean);

    const seen = new Set();
    const queue = roots.slice();

    while (queue.length) {
      const el = queue.shift();
      if (!el || seen.has(el)) continue;
      seen.add(el);

      let vm = el.__vue__;
      while (vm) {
        if (Array.isArray(vm.getData)) return vm;
        if (vm.$data && Array.isArray(vm.$data.getData)) return vm;
        vm = vm.$parent;
      }

      queue.push(...Array.from(el.children || []));
    }

    for (const key in window) {
      try {
        const value = window[key];
        if (value && Array.isArray(value.getData)) return value;
        if (value && value.$data && Array.isArray(value.$data.getData)) return value;
      } catch (_) {}
    }

    return null;
  }

  function detectPageKind() {
    const normalize = (text) => String(text || '')
      .toLocaleLowerCase('tr-TR')
      .replace(/ç/g, 'c')
      .replace(/ğ/g, 'g')
      .replace(/ı/g, 'i')
      .replace(/ö/g, 'o')
      .replace(/ş/g, 's')
      .replace(/ü/g, 'u');
    const pageText = normalize(`${location.pathname} ${document.title} ${document.body ? document.body.innerText : ''}`);
    return pageText.includes('iok10018') || pageText.includes('sosyal duygusal')
      ? 'social'
      : 'development';
  }

  function applyVueMode(mode, forcedPageKind) {
    const vm = findVueApp();
    if (!vm || !Array.isArray(vm.getData)) return false;
    const normalizeText = (text) => String(text || '')
      .toLocaleLowerCase('tr-TR')
      .replace(/ç/g, 'c')
      .replace(/ğ/g, 'g')
      .replace(/ı/g, 'i')
      .replace(/ö/g, 'o')
      .replace(/ş/g, 's')
      .replace(/ü/g, 'u');
    const pageKind = forcedPageKind || detectPageKind();
    const emptyValue = pageKind === 'social' ? -1 : 0;
    const optionLabel = (option) => normalizeText(
      option && (option.MADDE_BASLIK || option.MADDE_TEXT || option.Text || option.text || option.label || option.Label || '')
    );
    const optionValue = (option, fallback) => {
      const raw = option && option.PUAN_DEGERI !== undefined
        ? option.PUAN_DEGERI
        : (option && option.Value !== undefined ? option.Value : fallback);
      const numberValue = Number(raw);
      return Number.isFinite(numberValue) ? numberValue : fallback;
    };
    const pickOptionIndex = (modeName, options) => {
      const indexed = options.map((option, index) => ({
        index,
        label: optionLabel(option),
        value: optionValue(option, index)
      }));
      const sorted = indexed.slice().sort((a, b) => a.value - b.value);
      const low = indexed.find(item => item.label.includes('gelistirilmeli') || item.label.includes('dusuk')) || sorted[0] || indexed[0];
      const high = indexed.find(item => item.label.includes('cok iyi') || item.label.includes('cok yuksek')) || sorted[sorted.length - 1] || indexed[indexed.length - 1];
      const good = indexed.find(item =>
        (item.label.includes('iyi') && !item.label.includes('cok iyi')) ||
        (item.label.includes('yuksek') && !item.label.includes('cok yuksek'))
      ) || sorted[Math.max(0, sorted.length - 2)] || high;
      const mid = indexed.find(item => item.label.includes('orta') || item.label.includes('yeterli')) || sorted[Math.floor((sorted.length - 1) / 2)] || good;
      const r = Math.random();

      switch (modeName) {
        case 'tam5': return high.index;
        case 'agir5': return (r < 0.80 ? high : good).index;
        case 'tamIyi': return good.index;
        case 'agirIyi': return (r < 0.80 ? good : high).index;
        case 'dengeli': return (r < 0.34 ? high : (r < 0.67 ? good : mid)).index;
        case 'uygun': return (r < 0.60 ? high : (r < 0.90 ? good : mid)).index;
        case 'ortUstu': return (r < 0.50 ? high : good).index;
        case 'ort': return mid.index;
        case 'zayif': return (r < 0.50 ? low : mid).index;
        case 'agir1': return (r < 0.80 ? low : mid).index;
        case 'tam1': return low.index;
        default: return high.index;
      }
    };
    const pickDevelopmentOptionIndex = (modeName, options) => {
      const indexed = options.map((option, index) => ({
        index,
        value: optionValue(option, index)
      }));
      const byValue = (value) => indexed.find(item => item.value === value) || null;
      const low = byValue(1) || indexed.slice().sort((a, b) => a.value - b.value)[0] || indexed[0];
      const mid = byValue(2) || indexed.slice().sort((a, b) => a.value - b.value)[Math.floor((indexed.length - 1) / 2)] || low;
      const good = byValue(3) || indexed.slice().sort((a, b) => a.value - b.value)[Math.max(0, indexed.length - 2)] || mid;
      const high = byValue(4) || indexed.slice().sort((a, b) => a.value - b.value)[indexed.length - 1] || good;
      const r = Math.random();

      switch (modeName) {
        case 'tam5': return high.index;
        case 'agir5': return (r < 0.80 ? high : good).index;
        case 'tamIyi': return good.index;
        case 'agirIyi': return (r < 0.80 ? good : high).index;
        case 'dengeli': return (r < 0.34 ? high : (r < 0.67 ? good : mid)).index;
        case 'uygun': return (r < 0.60 ? high : (r < 0.90 ? good : mid)).index;
        case 'ortUstu': return (r < 0.50 ? high : good).index;
        case 'ort': return mid.index;
        case 'zayif': return (r < 0.50 ? low : mid).index;
        case 'agir1': return (r < 0.80 ? low : mid).index;
        case 'tam1': return low.index;
        default: return high.index;
      }
    };
    const getOptions = (madde) => {
      const maddeOptions = Array.isArray(madde.DEGERLENDIRME) ? madde.DEGERLENDIRME : [];
      const globalOptions = Array.isArray(vm.degerlendirme_basliklari) ? vm.degerlendirme_basliklari : [];
      if (pageKind === 'social' && globalOptions.length && !vm.ozel_egitim_Degerlendirmesi) return globalOptions;
      return maddeOptions.length ? maddeOptions : globalOptions;
    };

    const rows = [];
    vm.getData.forEach((tema, temaIndex) => {
      (tema.MADDELER || []).forEach((madde, maddeIndex) => {
        const options = getOptions(madde);
        if (!options.length) return;
        if (typeof vm.Aktiflik === 'function' && !vm.Aktiflik(temaIndex, maddeIndex)) return;
        rows.push({ temaIndex, maddeIndex, madde, options });
      });
    });

    if (!rows.length) {
      console.warn('Panel Vue satır/seçenek bulamadı.', {
        getDataLength: vm.getData.length,
        degerlendirmeBasliklari: vm.degerlendirme_basliklari,
        firstTema: vm.getData[0]
      });
      return false;
    }

    const nextData = JSON.parse(JSON.stringify(vm.getData));

    if (mode === 'clear') {
      rows.forEach(row => {
        if (nextData[row.temaIndex] && nextData[row.temaIndex].MADDELER && nextData[row.temaIndex].MADDELER[row.maddeIndex]) {
          nextData[row.temaIndex].MADDELER[row.maddeIndex].MADDE_PUAN = emptyValue;
        }
        row.madde.MADDE_PUAN = emptyValue;
      });
      if ('first_data_watch' in vm) vm.first_data_watch = JSON.stringify(nextData);
      if (typeof vm.$forceUpdate === 'function') vm.$forceUpdate();
      return true;
    }

    rows.forEach((row, index) => {
      const optionIndex = pageKind === 'development'
        ? pickDevelopmentOptionIndex(mode, row.options)
        : pickOptionIndex(mode, row.options);
      const option = row.options[optionIndex];
      const value = option && option.PUAN_DEGERI !== undefined
        ? option.PUAN_DEGERI
        : (option && option.Value !== undefined ? option.Value : optionIndex);
      if (nextData[row.temaIndex] && nextData[row.temaIndex].MADDELER && nextData[row.temaIndex].MADDELER[row.maddeIndex]) {
        nextData[row.temaIndex].MADDELER[row.maddeIndex].MADDE_PUAN = value;
      }
      row.madde.MADDE_PUAN = value;
    });

    if ('first_data_watch' in vm) vm.first_data_watch = JSON.stringify(nextData);
    if (typeof vm.$forceUpdate === 'function') vm.$forceUpdate();
    return true;
  }

  // styles (overlay css çıkarıldı)
  const style = document.createElement('style');
  style.id = IDS.style;
  style.textContent = `
    @keyframes hgpPop { from { transform: translateY(8px); opacity: 0 } to { transform: translateY(0); opacity: 1 } }
    @keyframes hgpGlow { 0%,100% { box-shadow: 0 12px 40px rgba(0,0,0,.35) } 50% { box-shadow: 0 18px 55px rgba(0,0,0,.45) } }

    #${IDS.panel}{
      position:fixed; right:18px; top:84px; width:240px;
      background: #0b1020;
      color:#e5e7eb;
      border:1px solid rgba(255,255,255,.10);
      border-radius:16px;
      z-index:99999;
      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
      overflow:hidden;
      animation: hgpPop .22s ease-out, hgpGlow 2.8s ease-in-out infinite;
    }
    #${IDS.panel} .hgp-head{
      padding:10px 10px 8px 10px;
      background: radial-gradient(120% 120% at 0% 0%, rgba(99,102,241,.55), rgba(139,92,246,.25), rgba(0,0,0,0));
      display:flex; align-items:center; justify-content:space-between;
      cursor:grab;
      user-select:none;
      border-bottom:1px solid rgba(255,255,255,.10);
    }
    #${IDS.panel} .hgp-title{
      display:flex; gap:8px; align-items:center;
      font-weight:800; font-size:11px; letter-spacing:.3px;
    }
    #${IDS.panel} .hgp-chip{
      font-size:9px; font-weight:700;
      padding:1px 6px;
      border-radius:999px;
      background:rgba(255,255,255,.10);
      border:1px solid rgba(255,255,255,.12);
    }
    #${IDS.panel} .hgp-body{ padding:10px; background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)); }
    #${IDS.panel} .hgp-warning{
      margin:0 0 7px 0;
      padding:6px 8px;
      border-radius:12px;
      background:rgba(245,158,11,.14);
      border:1px solid rgba(251,191,36,.34);
      color:#fde68a;
      font-size:10px;
      font-weight:800;
      line-height:1.2;
    }
    #${IDS.panel} .hgp-mode{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:6px;
      margin-bottom:10px;
      padding:5px;
      border-radius:14px;
      background:rgba(15,23,42,.72);
      border:1px solid rgba(255,255,255,.14);
      box-shadow:0 10px 24px rgba(0,0,0,.22) inset;
    }
    #${IDS.panel} button.hgp-mode-btn{
      all:unset;
      cursor:pointer;
      box-sizing:border-box;
      text-align:center;
      min-height:44px;
      padding:8px 6px;
      border-radius:12px;
      background:linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.06));
      border:1px solid rgba(255,255,255,.20);
      color:#e5e7eb;
      font-size:9px;
      font-weight:900;
      line-height:1.1;
      text-shadow:0 1px 1px rgba(0,0,0,.30);
      box-shadow:0 8px 18px rgba(0,0,0,.20);
      transition:transform .08s ease, background .12s ease, border-color .12s ease, box-shadow .12s ease;
    }
    #${IDS.panel} button.hgp-mode-btn:hover{
      transform:translateY(-1px);
      border-color:rgba(255,255,255,.34);
    }
    #${IDS.panel} button.hgp-mode-btn.active{
      background:linear-gradient(180deg, #22c55e, #15803d);
      color:#fff;
      border-color:#bbf7d0;
      box-shadow:0 0 0 2px rgba(187,247,208,.34) inset, 0 10px 22px rgba(34,197,94,.28);
    }
    #${IDS.panel} .hgp-grid{ display:grid; grid-template-columns: 1fr 1fr; gap:8px; }
    #${IDS.panel} button.hgp-btn{
      all:unset; cursor:pointer;
      padding:8px 8px;
      border-radius:12px;
      background: rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.10);
      transition: transform .06s ease, background .12s ease, border-color .12s ease;
      font-size:10px; font-weight:800; line-height:1;
      display:flex; flex-direction:column; gap:2px;
      min-height:38px;
    }
    #${IDS.panel} button.hgp-btn:hover{
      background: rgba(255,255,255,.09);
      border-color: rgba(255,255,255,.16);
    }
    #${IDS.panel} button.hgp-btn:active{ transform: scale(.98); }
    #${IDS.panel} .hgp-sub{ font-size:9px; font-weight:700; opacity:.78; }
    #${IDS.panel} .hgp-wide{ grid-column: span 2; }
    #${IDS.panel} #hgp-video{
      grid-column: span 2;
      background: linear-gradient(180deg, rgba(34,197,94,.22), rgba(34,197,94,.08)) !important;
      border: 1px solid rgba(34,197,94,.40) !important;
      color: #86efac !important;
      transition: all .15s ease;
    }
    #${IDS.panel} #hgp-video:hover{
      background: linear-gradient(180deg, rgba(34,197,94,.30), rgba(34,197,94,.12)) !important;
      border-color: rgba(34,197,94,.60) !important;
      box-shadow: 0 6px 16px rgba(34,197,94,.18) !important;
    }
    #${IDS.panel} #hgp-video:active{ transform: scale(.98); }
    #${IDS.panel} #hgp-terms{
      all:unset;
      cursor:pointer;
      padding:3px 7px;
      border-radius:999px;
      font-size:9px;
      font-weight:800;
      line-height:1;
      background: rgba(59,130,246,.16) !important;
      border: 1px solid rgba(59,130,246,.40) !important;
      color: #93c5fd !important;
      transition: background .15s ease, border-color .15s ease, transform .06s ease;
    }
    #${IDS.panel} #hgp-terms:hover{
      background: rgba(59,130,246,.24) !important;
      border-color: rgba(59,130,246,.60) !important;
    }
    #${IDS.panel} #hgp-terms:active{ transform: scale(.98); }
    #${IDS.panel} .hgp-footer{
      margin-top:8px;
      display:flex; justify-content:space-between; align-items:center;
      gap:8px;
      font-size:9px; opacity:.8;
    }
    #${IDS.panel} .hgp-footer-actions{
      display:flex; align-items:center; gap:8px;
    }
    #${IDS.panel} a.hgp-link{
      color:#d8f7ff; text-decoration:none; font-weight:800;
      padding:4px 8px; border-radius:999px;
      border:1px solid rgba(233,213,255,.25);
      background: rgba(139,92,246,.14);
    }
    #${IDS.panel} .hgp-close{
      cursor:pointer; text-decoration:underline;
      color:#cbd5e1;
    }
    #hgp-save-success{
      display:inline-flex !important;
      align-items:center;
      justify-content:center;
      min-height:36px;
      padding:8px 14px;
      border-radius:12px;
      background:#16a34a;
      color:#fff;
      border:2px solid #bbf7d0;
      box-shadow:0 8px 24px rgba(22,163,74,.35);
      font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;
      font-size:13px;
      font-weight:900;
      line-height:1.15;
      vertical-align:middle;
      animation:hgpPop .18s ease-out;
    }
  `;
  document.head.appendChild(style);

  // selection logic
  function pickIndex(mode, max) {
    if (max < 0) return 0;

    const r = Math.random();
    let target = 0;

    switch (mode) {
      case 'tam5': target = max; break;
      case 'agir5': target = r < 0.80 ? max : Math.max(0, max - 1); break;
      case 'tamIyi': target = Math.max(0, max - 1); break;
      case 'agirIyi': target = r < 0.80 ? Math.max(0, max - 1) : max; break;
      case 'dengeli': target = r < 0.34 ? max : (r < 0.67 ? Math.max(0, max - 1) : Math.floor(max / 2)); break;
      case 'uygun': target = r < 0.60 ? max : (r < 0.90 ? Math.max(0, max - 1) : Math.floor(max / 2)); break;
      case 'ortUstu': target = r < 0.50 ? max : Math.max(0, max - 1); break;
      case 'ort': target = Math.floor(max / 2); break;
      case 'zayif': target = r < 0.50 ? 0 : Math.floor(max / 2); break;
      case 'agir1': target = r < 0.80 ? 0 : Math.min(max, 1); break;
      case 'tam1': target = 0; break;
      default: target = max;
    }

    return Math.min(max, Math.max(0, target));
  }

  let selectedPanelKind = null;

  async function run(mode) {
    if (applyVueMode(mode, selectedPanelKind || detectPageKind())) {
      showPanelToast(mode === 'clear' ? 'Seçimler temizlendi, kaydediliyor...' : 'Seçimler yapıldı, kaydediliyor...');
      await sleep(250);
      await saveWhenReady();
      return;
    }

    // ✅ FIX: Temizle artık gerçekten çalışıyor (satırın "Temizle" butonunu tıklar, yoksa event'li uncheck yapar)
    if (mode === 'clear') {
      const rows = $$('tbody tr,[role="row"],li,.row,.satir').filter(row => $$('input[type="radio"]', row).length);
      const groups = collectRadioGroups();
      if (!rows.length) {
        if (!groups.length) {
          alert('Tabloda radyo seçenekleri bulunamadı. Doğru Gelişim Düzeyleri ekranında olduğundan ve satırların yüklendiğinden emin ol.');
          return;
        }

        for (const group of groups) {
          for (const radio of group) {
            if (radio.checked) {
              radio.checked = false;
              radio.dispatchEvent(new Event('input', { bubbles: true }));
              radio.dispatchEvent(new Event('change', { bubbles: true }));
            }
          }
        }

        showPanelToast('Seçimler temizlendi, kaydediliyor...');
        await sleep(250);
        await saveWhenReady();
        return;
      }

      let clickedAnyRowClear = false;

      for (const tr of rows) {
        // 1) Satır içindeki yeşil "Temizle" butonunu yakala
        const candidates = $$('button, a, input', tr);
        const clearBtn = candidates.find(el => {
          const txt = (el.innerText || el.value || '').trim().toLowerCase();
          return txt === 'temizle';
        });

        if (clearBtn) {
          safeClick(clearBtn);
          clickedAnyRowClear = true;
          continue;
        }

        // 2) Bulunamazsa: seçili radyoları kaldır + event fırlat
        const checked = $$('input[type="radio"]:checked', tr);
        for (const r of checked) {
          r.checked = false;
          r.dispatchEvent(new Event('input', { bubbles: true }));
          r.dispatchEvent(new Event('change', { bubbles: true }));
        }
      }

      showPanelToast(clickedAnyRowClear ? 'Satırlar temizlendi, kaydediliyor...' : 'Seçimler temizlendi, kaydediliyor...');
      await sleep(250);
      await saveWhenReady();
      return;
    }

    const groups = collectRadioGroups();
    const total = groups.length;
    if (!total) {
      console.warn('Panel DOM radio bulamadı.', {
        radioCount: $$('input[type="radio"]').length,
        vueApp: !!findVueApp()
      });
      alert('Tabloda radyo seçenekleri bulunamadı. Doğru Gelişim Düzeyleri ekranında olduğundan ve satırların yüklendiğinden emin ol.');
      return;
    }

    for (let i = 0; i < total; i++) {
      const radios = groups[i];
      if (radios.length) {
        const max = radios.length - 1;
        const idx = pickIndex(mode, max);
        activateRadio(radios[idx]);
      }
      // BEKLEME YOK
    }

    showPanelToast('Seçimler yapıldı, kaydediliyor...');
    await sleep(250);
    await saveWhenReady();
  }

  // panel
  const panel = document.createElement('div');
  panel.id = IDS.panel;

  panel.innerHTML = `
<div class="hgp-head" id="hgp-drag">
  <div class="hgp-title">
    <span style="font-size:14px">⚡</span>
    <span>Hızlı Giriş Paneli</span>
  </div>
  <div style="display:flex; gap:8px; align-items:center;">
    <span class="hgp-chip" style="opacity:.9">v3.3</span>
  </div>
</div>

<div class="hgp-body">
  <div class="hgp-warning">Dikkat: Aşağıdaki iki seçenekten hangisini yapıyorsanız onu seçin.</div>
  <div class="hgp-mode" aria-label="Sayfa türü">
    <button type="button" class="hgp-mode-btn" id="hgp-mode-development">Gelişim<br>Düzeyleri</button>
    <button type="button" class="hgp-mode-btn" id="hgp-mode-social">Sosyal Duygusal<br>Beceriler</button>
  </div>
  <div class="hgp-grid">
    <button type="button" class="hgp-btn" id="hgp-tam5"><span>Hepsi Çok İyi</span><span class="hgp-sub">Tüm satırlar Çok İyi</span></button>
    <button type="button" class="hgp-btn" id="hgp-agir5"><span>Ağırlıklı Çok İyi</span><span class="hgp-sub">%80 Çok iyi / %20 İyi</span></button>

    <button type="button" class="hgp-btn" id="hgp-tamIyi"><span>Hepsi İyi</span><span class="hgp-sub">Tüm satırlar İyi</span></button>
    <button type="button" class="hgp-btn" id="hgp-agirIyi"><span>Ağırlıklı İyi</span><span class="hgp-sub">%80 İyi / %20 Çok İyi</span></button>

    <button type="button" class="hgp-btn" id="hgp-dengeli"><span>Dengeli Dağıt</span><span class="hgp-sub">Çok İyi / İyi / Orta</span></button>
    <button type="button" class="hgp-btn" id="hgp-uygun"><span>Rastgele Uygun Dağıtım</span><span class="hgp-sub">Genelde üst düzeyler</span></button>

    <button type="button" class="hgp-btn" id="hgp-ortUstu"><span>Ortalama Üstü</span><span class="hgp-sub">%50 Çok İyi / %50 İyi</span></button>
    <button type="button" class="hgp-btn" id="hgp-ort"><span>Hepsi Orta</span><span class="hgp-sub">Tüm satırlar Orta</span></button>

    <button type="button" class="hgp-btn" id="hgp-zayif"><span>Zayıf Dağıtım</span><span class="hgp-sub">%50 Geliştirilmeli / %50 Orta</span></button>
    <button type="button" class="hgp-btn" id="hgp-agir1"><span>Ağırlıklı Geliştirilmeli</span><span class="hgp-sub">%80 Geliştirilmeli / %20 Orta</span></button>
    <button type="button" class="hgp-btn" id="hgp-tam1"><span>Hepsi Geliştirilmeli</span><span class="hgp-sub">Tüm satırlar Geliştirilmeli</span></button>

    <button type="button" class="hgp-btn hgp-wide" id="hgp-clear"><span>🧹 Seçimleri Sıfırla</span><span class="hgp-sub">Tüm seçimlerini kaldır</span></button>

    <button type="button" class="hgp-btn hgp-wide" id="hgp-video" style="margin-top:3px; background:linear-gradient(180deg, rgba(34,197,94,.18), rgba(0,0,0,0)); border-color:rgba(34,197,94,.34);"><span>▶️ Videolu Anlatım</span><span class="hgp-sub">Panel v3 nasıl kullanılır?</span></button>
  </div>

  <div class="hgp-footer">
    <span>Hazır</span>
    <div class="hgp-footer-actions">
      <button type="button" id="hgp-terms">Kullanım Şartları</button>
      <span class="hgp-close" id="hgp-close">Kapat</span>
    </div>
  </div>
</div>
  `;

  let keepPanelMounted = true;
  function mountPanel() {
    if (!keepPanelMounted) return;
    const styleTarget = document.head || document.documentElement;
    const panelTarget = document.body || document.documentElement;
    if (style.parentNode !== styleTarget) styleTarget.appendChild(style);
    if (panel.parentNode !== panelTarget) panelTarget.appendChild(panel);
  }

  mountPanel();
  const panelKeeper = new MutationObserver((mutations) => {
    for (const m of mutations) {
      if (m.removedNodes.length) {
        for (const node of m.removedNodes) {
          if (node === panel || (node.id && node.id === IDS.panel)) {
            mountPanel();
            break;
          }
        }
      }
    }
    mountPanel();
  });
  panelKeeper.observe(document.documentElement, { childList: true, subtree: true });
  const panelKeepTimer = setInterval(mountPanel, 600);

  ['click', 'dblclick'].forEach(eventName => {
    panel.addEventListener(eventName, (e) => {
      if (e.target.closest('button.hgp-btn, #hgp-close')) {
        e.preventDefault();
      }
    }, true);
    panel.addEventListener(eventName, (e) => {
      e.stopPropagation();
    });
  });

  // wiring
  function bindPanelAction(id, mode) {
    const btn = $(`#${id}`);
    if (!btn) return;
    btn.addEventListener('click', (e) => {
      e.preventDefault();
      e.stopPropagation();
      run(mode);
    });
  }

  function setPanelKind(kind) {
    selectedPanelKind = kind;
    const devBtn = $('#hgp-mode-development');
    const socialBtn = $('#hgp-mode-social');
    if (devBtn) devBtn.classList.toggle('active', kind === 'development');
    if (socialBtn) socialBtn.classList.toggle('active', kind === 'social');
    console.log('Panel modu:', kind === 'social' ? 'Sosyal Duygusal' : 'Gelişim Düzeyleri');
  }

  $('#hgp-mode-development').addEventListener('click', (e) => {
    e.preventDefault();
    e.stopPropagation();
    setPanelKind('development');
  });
  $('#hgp-mode-social').addEventListener('click', (e) => {
    e.preventDefault();
    e.stopPropagation();
    setPanelKind('social');
  });
  setPanelKind('development');

  bindPanelAction('hgp-tam5', 'tam5');
  bindPanelAction('hgp-agir5', 'agir5');
  bindPanelAction('hgp-tamIyi', 'tamIyi');
  bindPanelAction('hgp-agirIyi', 'agirIyi');
  bindPanelAction('hgp-dengeli', 'dengeli');
  bindPanelAction('hgp-uygun', 'uygun');
  bindPanelAction('hgp-ortUstu', 'ortUstu');
  bindPanelAction('hgp-ort', 'ort');
  bindPanelAction('hgp-zayif', 'zayif');
  bindPanelAction('hgp-agir1', 'agir1');
  bindPanelAction('hgp-tam1', 'tam1');
  bindPanelAction('hgp-clear', 'clear');
  $('#hgp-close').onclick = (e) => {
    e.preventDefault();
    e.stopPropagation();
    keepPanelMounted = false;
    panelKeeper.disconnect();
    clearInterval(panelKeepTimer);
    panel.remove();
  };

  // Video button - obfuscated video link
  $('#hgp-video').onclick = (e) => {
    e.preventDefault();
    e.stopPropagation();
    const vid = _0x2f3d['\u0076\u0069\u0064'];
    const url = 'https://youtu.be/' + vid;
    window.open(url, '_blank', 'noopener,noreferrer');
  };

  // Terms button - obfuscated terms link
  $('#hgp-terms').onclick = (e) => {
    e.preventDefault();
    e.stopPropagation();
    const termsPath = _0x2f3d['\u0074\u0065\u0072\u006D\u0073'];
    window.open(termsPath, '_blank', 'noopener,noreferrer');
  };

  // Counter-detection: Aggressive blocker-resistant monitoring
  const _watchdog = setInterval(() => {
    if (!document.getElementById(IDS.panel) && keepPanelMounted) {
      mountPanel();
    }
    try { if (window._hgp_initialized) delete window._hgp_initialized; } catch (_) {}
    try { if (window._safeInfo) delete window._safeInfo; } catch (_) {}
    try { 
      const cssId = IDS.style;
      if (!document.getElementById(cssId)) {
        document.head.appendChild(style);
      }
    } catch (_) {}
  }, 800);

  const _aggressiveMonitor = setInterval(() => {
    if (keepPanelMounted) {
      try {
        const p = document.getElementById(IDS.panel);
        if (p && p.parentNode) {
          if (p.style.display === 'none') p.style.display = 'block';
          if (p.style.visibility === 'hidden') p.style.visibility = 'visible';
          if (p.style.opacity === '0') p.style.opacity = '1';
          if (parseInt(p.style.zIndex || '0') < 99999) p.style.zIndex = '99999';
        }
      } catch (_) {}
    }
  }, 400);

  window.addEventListener('beforeunload', () => { clearInterval(_watchdog); clearInterval(_aggressiveMonitor); }, { once: true });

  // drag
  const dragHandle = document.getElementById('hgp-drag');
  let dragging = false, sx = 0, sy = 0, sl = 0, st = 0;

  function startDrag(e) {
    if (e.target.closest('a, button')) return;
    e.preventDefault();
    e.stopPropagation();
    dragging = true;
    sx = e.clientX; sy = e.clientY;
    const rect = panel.getBoundingClientRect();
    sl = rect.left; st = rect.top;
    dragHandle.style.cursor = '\u0067\u0072\u0061\u0062\u0062\u0069\u006E\u0067';
    panel.style.left = `${sl}px`;
    panel.style.top = `${st}px`;
    panel.style.right = 'auto';
    panel.style.bottom = 'auto';
    if (e.pointerId !== undefined && dragHandle.setPointerCapture) {
      try { dragHandle.setPointerCapture(e.pointerId); } catch (_) {}
    }
  }

  function moveDrag(e) {
    if (!dragging) return;
    e.preventDefault();
    const dx = e.clientX - sx;
    const dy = e.clientY - sy;
    panel.style.left = `${sl + dx}px`;
    panel.style.top = `${st + dy}px`;
  }

  function endDrag(e) {
    if (!dragging) return;
    if (e) {
      e.preventDefault();
      e.stopPropagation();
    }
    dragging = false;
    dragHandle.style.cursor = '\u0067\u0072\u0061\u0062';
    if (e && e.pointerId !== undefined && dragHandle.releasePointerCapture) {
      try { dragHandle.releasePointerCapture(e.pointerId); } catch (_) {}
    }
  }

  if (window.PointerEvent) {
    dragHandle.addEventListener('pointerdown', startDrag);
    window.addEventListener('pointermove', moveDrag, { passive: false });
    window.addEventListener('pointerup', endDrag, { passive: false });
    window.addEventListener('pointercancel', endDrag, { passive: false });
  } else {
    dragHandle.addEventListener('mousedown', startDrag);
    window.addEventListener('mousemove', moveDrag);
    window.addEventListener('mouseup', endDrag);
  }
})();
▶️ Videoyu Aç
Not: Bu kodu kullanmak serbesttir. İlgili YouTube video linkini paylaşmak serbesttir. Kodun kendisini başka site, repo, sosyal medya veya gruplarda paylaşmak yasaktır.
Adım adım kullanım

E-Okul’da Gelişim Düzeyleri ekranına gir.
Bu sayfadaki kodu kopyala.
F12 → Console → yapıştır → Enter.
Ekranın sağında açılan panelden seçeneklere tıkla.
Sonuç beklediğin gibi değilse videodaki ekranda olduğundan emin ol.
Video burada açılır. Sesi YouTube oynatıcısından açabilirsiniz.
Copyright / Orijinal kaynak: GitHub Gist • Web Sitesi ve Kod Lisansı
Bu kod ne işe yarar?

Bu kod, E-Okul “Gelişim Düzeyleri” ekranında çıkan satırları otomatik seçmek için ekrana küçük bir panel yerleştirir. Panel üzerinden “Hepsi Çok İyi / Ağırlıklı / Ortalama / Geliştirilmeli” gibi seçeneklere tek tıkla basıp işlemi hızlandırırsın. Bazı okullarda seçenek sayısı veya tablo yapısı değişebileceği için en doğru kullanım videolu anlatımdadır.
Videonun özeti

Bu videoda; ilkokul 1-2, ortaokul 5-6, lise ve anaokulu kademelerinde gelişim düzeyi girme ve gelişim raporu işaretleme işlemlerini hızlandıran yöntemi anlatıyorum. Panel v3, tekrar eden seçimleri tek tıklamayla yapmayı hedefler.
Videoda neler var?

Hızlı not işaretleme yöntemleri
Pratik ipuçları
Öğretmen dostu öneriler
Hangi ekranda çalışır?

Bu panel, satırlarda radyo seçenekleri olan “Gelişim Düzeyleri” tablosu için tasarlanmıştır. Ekranda farklı sayıda seçenek varsa (ör. 3 yerine 4), seçim dağılımı değişebilir. Bu yüzden videodaki ekran ile aynı sayfada olduğundan emin olmalısın.
İşlem öncesi kontrol listesi

Doğru sınıf, dönem ve öğrenci listesi açık mı?
Gelişim düzeyleri satırları tamamen yüklendi mi?
Panelde seçtiğin düzey, öğrencinin gerçek durumuna uygun mu?
Toplu işlemden sonra birkaç satırı kontrol edip kaydetmeyi manuel doğruladın mı?
Sık karşılaşılan durumlar

Panel görünmüyorsa sayfayı yenile ve kodu tekrar çalıştır.
Tablo satırı bulunamazsa yanlış ekranda olabilirsin.
Kaydet butonu çalışmazsa manuel kaydetmeyi dene.
İlgili videolar

Sorumlu kullanım notu

Bu araç, tekrar eden işlemleri hızlandırmak içindir. Öğrencilerin değerlendirilmesi öğretmenin pedagojik sorumluluğundadır. Girilen bilgilerin yaş ve sınıf düzeyine uygun olduğundan emin olun. Yalnızca yetkili olduğun ekranlarda, kurumunun kurallarına ve ilgili platformun kullanım şartlarına uygun hareket etmen gerekir.
Panel tarayıcı üzerinde çalışmaktadır ancak E-Okul; kullanıcı hesabı, işlem zamanı, IP adresi, tarayıcı bilgisi, kaydedilen değişiklikler ve kısa sürede yapılan toplu işlemler gibi bilgileri loglayabilir. Otomatik araçlar, botlar veya üçüncü taraf yazılımlar aracılığıyla yapılan veri girişleri ilgili platform tarafından tespit edilip kayıt altına alınabilir. Bu kayıtlar ve işlemlerin sonuçları ilgili sistemin ve kullanıcının sorumluluk alanındadır. Site sahibi; hatalı girişlerden, yanlış kayıtlardan, erişim sorunlarından, sistem loglarından, kurum içi değerlendirmelerden veya üçüncü taraf platformlarda doğabilecek idari/teknik sonuçlardan sorumlu değildir. Bu nedenle kaydetmeden önce yapılan seçimleri mutlaka kontrol et.
E-Okul Hızlı Gelişim Düzey Giriş Paneli

Kod
