{"id":136960,"date":"2024-08-22T09:58:56","date_gmt":"2024-08-22T07:58:56","guid":{"rendered":"https:\/\/www.mysep.gr\/?p=136960"},"modified":"2025-08-22T10:00:00","modified_gmt":"2025-08-22T08:00:00","slug":"%ce%b1","status":"publish","type":"post","link":"https:\/\/www.mysep.gr\/?p=136960","title":{"rendered":"\u0391"},"content":{"rendered":"<p>  <div id=\"saek-root\">\n    <noscript>\u0393\u03b9\u03b1 \u03bd\u03b1 \u03c4\u03c1\u03ad\u03be\u03b5\u03b9 \u03c4\u03bf \u03c4\u03b5\u03c3\u03c4 \u03c7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c4\u03b1\u03b9 JavaScript.<\/noscript>\n  <\/div>\n  <br \/>\n<!-- Shortcode [saek_tech] does not exist --><br \/>\n<!-- Shortcode [saek_pro] does not exist --><br \/>\n<!-- Shortcode [saek-final-report] does not exist --><\/p>\n<p>&nbsp;<\/p>\n<p><!-- === SAEK Wizard Wrapper (\u03c4\u03bf\u03c0\u03bf\u03b8\u03b5\u03c4\u03b5\u03af\u03c4\u03b1\u03b9 \u039a\u0391\u03a4\u03a9 \u03b1\u03c0\u03cc \u03c4\u03b1 4 shortcodes \u03c3\u03c4\u03b7\u03bd \u03af\u03b4\u03b9\u03b1 \u03c3\u03b5\u03bb\u03af\u03b4\u03b1) === --><\/p>\n<style>\n  .saekw-wrap{max-width:1100px;margin:24px auto;padding:0 12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif}<br \/>\n  .saekw-step{display:none}<br \/>\n  .saekw-step.active{display:block}<br \/>\n  .saekw-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap; margin:8px 0 16px}<br \/>\n  .saekw-pill{display:flex;align-items:center;gap:8px;border:1px solid #e5e7eb;border-radius:999px;padding:8px 12px;background:#fff}<br \/>\n  .saekw-pill .idx{width:24px;height:24px;border-radius:999px;background:#111827;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700}<br \/>\n  .saekw-pill.active{background:#111827;color:#fff;border-color:#111827}<br \/>\n  .saekw-pill.active .idx{background:#fff;color:#111827}<br \/>\n  .saekw-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:12px 0}<br \/>\n  .saekw-btn{appearance:none;border:0;border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer;background:#111827;color:#fff}<br \/>\n  .saekw-btn.ghost{background:#eef2ff;color:#1e40af}<br \/>\n  .saekw-btn[disabled]{opacity:.5;cursor:not-allowed}<br \/>\n  .saekw-note{font-size:13px;color:#6b7280}<br \/>\n  .saekw-alert{background:#fff7ed;border:1px solid #fdba74;color:#7c2d12;border-radius:10px;padding:8px 12px;display:none}<br \/>\n  .saekw-dash{border:1px dashed #e5e7eb;border-radius:12px;padding:8px 12px;background:#fafafa;font-size:13px;color:#374151}<br \/>\n<\/style>\n<div id=\"saek-wizard\" class=\"saekw-wrap\">\n<div id=\"saek-crumbs\" class=\"saekw-head\"><\/div>\n<div class=\"saekw-dash\">\u03a3\u03c5\u03bc\u03c0\u03bb\u03ae\u03c1\u03c9\u03c3\u03b5 \u03ba\u03b1\u03b9 \u03b1\u03c0\u03bf\u03b8\u03ae\u03ba\u03b5\u03c5\u03c3\u03b5 \u03ba\u03ac\u03b8\u03b5 \u03b2\u03ae\u03bc\u03b1. \u03a4\u03bf \u03ba\u03bf\u03c5\u03bc\u03c0\u03af \u00ab\u03a3\u03c5\u03bd\u03ad\u03c7\u03b5\u03b9\u03b1\u00bb \u03b5\u03bd\u03b5\u03c1\u03b3\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c4\u03b1\u03b9 \u03bc\u03cc\u03bd\u03bf \u03cc\u03c4\u03b1\u03bd \u03c4\u03bf \u03b2\u03ae\u03bc\u03b1 \u03ad\u03c7\u03b5\u03b9 \u03b1\u03c0\u03bf\u03b8\u03b7\u03ba\u03b5\u03c5\u03c4\u03b5\u03af.<\/div>\n<div id=\"saek-steps\"><!-- \u03a4\u03b1 mounts \u03c4\u03c9\u03bd shortcodes \u03c5\u03c0\u03ac\u03c1\u03c7\u03bf\u03c5\u03bd \u03ae\u03b4\u03b7 \u03c3\u03c4\u03b7 \u03c3\u03b5\u03bb\u03af\u03b4\u03b1: #saek-root, #saek-tech-app, #saek-pro-app, #saek-final-report --><\/div>\n<div class=\"saekw-actions\"><button id=\"saek-prev\" class=\"saekw-btn ghost\" type=\"button\">\u2190 \u03a0\u03af\u03c3\u03c9<\/button><\/p>\n<div style=\"display: flex; gap: 8px; align-items: center;\"><span id=\"saek-status\" class=\"saekw-note\"><\/span><br \/>\n<button id=\"saek-next\" class=\"saekw-btn\" type=\"button\">\u03a3\u03c5\u03bd\u03ad\u03c7\u03b5\u03b9\u03b1 \u2192<\/button><\/div>\n<\/div>\n<div id=\"saek-alert\" class=\"saekw-alert\"><\/div>\n<\/div>\n<p><script>\n(function(){\n  \/\/ --- \u03a1\u03a5\u0398\u039c\u0399\u03a3\u0395\u0399\u03a3: \u03c4\u03b1 \u03ba\u03bb\u03b5\u03b9\u03b4\u03b9\u03ac \u03c0\u03bf\u03c5 \u03ae\u03b4\u03b7 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03bf\u03cd\u03bd \u03c4\u03b1 snippets \u03c3\u03bf\u03c5 ---\n  const KEYS = {\n    intro: 'saek_intro_unified_v4', \/\/ \u03b5\u03b9\u03c3\u03b1\u03b3\u03c9\u03b3\u03b9\u03ba\u03ac (RIASEC\/\u0391\u03c5\u03c4\u03bf\u03b5\u03b9\u03ba\u03cc\u03bd\u03b1\/\u0391\u03c0\u03bf\u03c6\u03b1\u03c3\u03b9\u03c3\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1\/\u0395\u03b9\u03bb\u03b9\u03ba\u03c1\u03af\u03bd\u03b5\u03b9\u03b1)\n    tech:  'saekTech',              \/\/ \u03c4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03b9\u03ba\u03bf\u03af \u03c4\u03bf\u03bc\u03b5\u03af\u03c2\n    pro:   'saekPro'                \/\/ \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03bf\u03af \u03c4\u03bf\u03bc\u03b5\u03af\u03c2\n  };<\/p>\n<p>  \/\/ --- \u0392\u03bf\u03b7\u03b8\u03b7\u03c4\u03b9\u03ba\u03ac ---\n  const $ = (sel,root=document)=>root.querySelector(sel);\n  function parseLS(key){\n    try{ return JSON.parse(localStorage.getItem(key)||'null'); }catch(e){ return null; }\n  }\n  function answeredCount(obj){ return obj && obj.answers ? Object.keys(obj.answers).length : 0; }<\/p>\n<p>  \/\/ --- \u0392\u03c1\u03b5\u03c2 \u03c4\u03b1 mounts \u03c0\u03bf\u03c5 \u03b4\u03b7\u03bc\u03b9\u03bf\u03cd\u03c1\u03b3\u03b7\u03c3\u03b1\u03bd \u03c4\u03b1 shortcodes ---\n  const introMount = document.getElementById('saek-root');\n  const techMount  = document.getElementById('saek-tech-app');\n  const proMount   = document.getElementById('saek-pro-app');\n  const repMount   = document.getElementById('saek-final-report');<\/p>\n<p>  if(!introMount || !techMount || !proMount || !repMount){\n    \/\/ \u0391\u03bd \u03ba\u03ac\u03c0\u03bf\u03b9\u03bf\u03c2 \u03bb\u03b5\u03af\u03c0\u03b5\u03b9, \u03bc\u03b7\u03bd \u03bc\u03c0\u03bb\u03bf\u03ba\u03ac\u03c1\u03b5\u03b9\u03c2 \u03c4\u03af\u03c0\u03bf\u03c4\u03b1\u00b7 \u03b4\u03b5\u03af\u03be\u03b5 \u03bc\u03ae\u03bd\u03c5\u03bc\u03b1.\n    const a = $('#saek-alert'); if(a){ a.style.display='block'; a.textContent = '\u0394\u03b5\u03bd \u03b2\u03c1\u03ad\u03b8\u03b7\u03ba\u03b1\u03bd \u03cc\u03bb\u03b1 \u03c4\u03b1 \u03b2\u03ae\u03bc\u03b1\u03c4\u03b1 (mounts). \u0392\u03b5\u03b2\u03b1\u03b9\u03ce\u03c3\u03bf\u03c5 \u03cc\u03c4\u03b9 \u03ad\u03b2\u03b1\u03bb\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03b1 4 shortcodes \u03c3\u03c4\u03b7 \u03c3\u03b5\u03bb\u03af\u03b4\u03b1.'; }\n    return;\n  }<\/p>\n<p>  \/\/ --- \u03a4\u03cd\u03bb\u03b9\u03be\u03b5 \u03c4\u03b1 mounts \u03c3\u03b5 step-containers \u03b3\u03b9\u03b1 \u03c4\u03bf wizard ---\n  const stepsWrap = $('#saek-steps');\n  const steps = [\n    { id:'step-intro',  title:'\u0392\u03ae\u03bc\u03b1 1 \u00b7 \u0395\u03b9\u03c3\u03b1\u03b3\u03c9\u03b3\u03ae',        mount:introMount,  guard:isIntroSaved },\n    { id:'step-tech',   title:'\u0392\u03ae\u03bc\u03b1 2 \u00b7 \u03a4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03b9\u03ba\u03bf\u03af',     mount:techMount,   guard:isTechSaved  },\n    { id:'step-pro',    title:'\u0392\u03ae\u03bc\u03b1 3 \u00b7 \u0395\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03bf\u03af',   mount:proMount,    guard:isProSaved   },\n    { id:'step-report', title:'\u0392\u03ae\u03bc\u03b1 4 \u00b7 \u03a4\u03b5\u03bb\u03b9\u03ba\u03cc Report',    mount:repMount,    guard:()=>true     }\n  ];<\/p>\n<p>  steps.forEach((s,i)=>{\n    const box = document.createElement('section');\n    box.className = 'saekw-step' + (i===0?' active':'');\n    box.id = s.id;\n    \/\/ \u039c\u03b5\u03c4\u03b1\u03ba\u03af\u03bd\u03b7\u03c3\u03b5 \u03c4\u03bf mount \u03bc\u03ad\u03c3\u03b1 \u03c3\u03c4\u03bf box (\u03b4\u03b5\u03bd \u03c0\u03b5\u03b9\u03c1\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03c4\u03bf \u03c0\u03b5\u03c1\u03b9\u03b5\u03c7\u03cc\u03bc\u03b5\u03bd\u03bf \u03c4\u03c9\u03bd snippets)\n    box.appendChild(s.mount);\n    stepsWrap.appendChild(box);\n  });<\/p>\n<p>  \/\/ --- Breadcrumbs \/ pills ---\n  const crumbs = $('#saek-crumbs');\n  steps.forEach((s,i)=>{\n    const pill = document.createElement('div');\n    pill.className = 'saekw-pill'+(i===0?' active':'');\n    pill.setAttribute('data-step', String(i));\n    pill.innerHTML = `<span class=\"idx\">${i+1}<\/span><span>${s.title}<\/span>`;\n    crumbs.appendChild(pill);\n  });<\/p>\n<p>  \/\/ --- \u03a0\u03bb\u03bf\u03ae\u03b3\u03b7\u03c3\u03b7 ---\n  let idx = 0;\n  const prevBtn = $('#saek-prev');\n  const nextBtn = $('#saek-next');\n  const status  = $('#saek-status');\n  const alertBx = $('#saek-alert');<\/p>\n<p>  function setActive(i){\n    idx = i;\n    document.querySelectorAll('.saekw-step').forEach((el,k)=> el.classList.toggle('active', k===i));\n    document.querySelectorAll('.saekw-pill').forEach((el,k)=> el.classList.toggle('active', k===i));\n    prevBtn.disabled = (i===0);\n    nextBtn.textContent = (i<steps.length-1)? '\u03a3\u03c5\u03bd\u03ad\u03c7\u03b5\u03b9\u03b1 \u2192' : '\u03a4\u03ad\u03bb\u03bf\u03c2 \/ \u0395\u03ba\u03c4\u03cd\u03c0\u03c9\u03c3\u03b7';\n    refreshState();\n    \/\/ scroll \u03b5\u03c0\u03ac\u03bd\u03c9 \u03c3\u03c4\u03bf \u03b5\u03bd\u03b5\u03c1\u03b3\u03cc\n    steps[i].mount.scrollIntoView({behavior:'smooth', block:'start'});\n  }\n\n  function refreshState(){\n    alertBx.style.display='none';\n    \/\/ \u0395\u03bd\u03b7\u03bc\u03ad\u03c1\u03c9\u03c3\u03b7 \u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7\u03c2 \u03ba\u03bf\u03c5\u03bc\u03c0\u03b9\u03bf\u03cd \"\u03a3\u03c5\u03bd\u03ad\u03c7\u03b5\u03b9\u03b1\"\n    const canGoNext = steps[idx].guard();\n    if(idx < steps.length-1){ nextBtn.disabled = !canGoNext; status.textContent = canGoNext ? '\u0388\u03c4\u03bf\u03b9\u03bc\u03bf \u03b3\u03b9\u03b1 \u03c3\u03c5\u03bd\u03ad\u03c7\u03b5\u03b9\u03b1' : '\u03a0\u03ac\u03c4\u03b7\u03c3\u03b5 \u00ab\u0391\u03c0\u03bf\u03b8\u03ae\u03ba\u03b5\u03c5\u03c3\u03b7\/\u03a5\u03c0\u03bf\u03b2\u03bf\u03bb\u03ae\u00bb \u03c3\u03b5 \u03b1\u03c5\u03c4\u03cc \u03c4\u03bf \u03b2\u03ae\u03bc\u03b1'; }else{ nextBtn.disabled = false; status.textContent = '\u039c\u03c0\u03bf\u03c1\u03b5\u03af\u03c2 \u03bd\u03b1 \u03b5\u03ba\u03c4\u03c5\u03c0\u03ce\u03c3\u03b5\u03b9\u03c2\/\u03b5\u03be\u03ac\u03b3\u03b5\u03b9\u03c2 \u03b1\u03c0\u03cc \u03c4\u03bf Report'; } } prevBtn.addEventListener('click', ()=> setActive(Math.max(0, idx-1)));\n  nextBtn.addEventListener('click', ()=>{\n    if(idx < steps.length-1){ if(!steps[idx].guard()){ alertBx.textContent = '\u0393\u03b9\u03b1 \u03bd\u03b1 \u03c3\u03c5\u03bd\u03b5\u03c7\u03af\u03c3\u03b5\u03b9\u03c2, \u03b1\u03c0\u03bf\u03b8\u03ae\u03ba\u03b5\u03c5\u03c3\u03b5 \u03c0\u03c1\u03ce\u03c4\u03b1 \u03c4\u03b9\u03c2 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c3\u03b5 \u03b1\u03c5\u03c4\u03cc \u03c4\u03bf \u03b2\u03ae\u03bc\u03b1.'; alertBx.style.display='block'; return; } setActive(idx+1); }else{ \/\/ \u03a3\u03c4\u03bf Report: \u03ba\u03ac\u03bd\u03b5 scroll \u03c3\u03c4\u03bf \u03c0\u03ac\u03bd\u03c9 \u03bc\u03ad\u03c1\u03bf\u03c2 \u03c4\u03bf\u03c5 report repMount.scrollIntoView({behavior:'smooth', block:'start'}); } }); \/\/ \u0391\u03bd \u03bf\/\u03b7 \u03c7\u03c1\u03ae\u03c3\u03c4\u03b7\u03c2 \u03c0\u03b1\u03c4\u03ae\u03c3\u03b5\u03b9 \u201c\u0391\u03c0\u03bf\u03b8\u03ae\u03ba\u03b5\u03c5\u03c3\u03b7\u201d \u03bc\u03ad\u03c3\u03b1 \u03c3\u03b5 \u03ba\u03ac\u03c0\u03bf\u03b9\u03bf \u03b2\u03ae\u03bc\u03b1, \/\/ \u03c3\u03c5\u03bd\u03ae\u03b8\u03c9\u03c2 \u03b5\u03bc\u03c6\u03b1\u03bd\u03af\u03b6\u03b5\u03c4\u03b1\u03b9 \u03c0\u03c1\u03ac\u03c3\u03b9\u03bd\u03bf \u03ba\u03bf\u03c5\u03c4\u03af \u03b5\u03c0\u03b9\u03c4\u03c5\u03c7\u03af\u03b1\u03c2. \u0398\u03b1 \u03ba\u03ac\u03bd\u03bf\u03c5\u03bc\u03b5 poll \/\/ \u03c4\u03bf localStorage (\u03b1\u03bd\u03ac 1s) \u03ce\u03c3\u03c4\u03b5 \u03bd\u03b1 \u201c\u03be\u03b5\u03ba\u03bb\u03b5\u03b9\u03b4\u03ce\u03bd\u03b5\u03b9\u201d \u03b1\u03c5\u03c4\u03cc\u03bc\u03b1\u03c4\u03b1 \u03c4\u03bf Next. setInterval(refreshState, 1000); \/\/ --- Guards: \u03c0\u03cc\u03c4\u03b5 \u03b8\u03b5\u03c9\u03c1\u03bf\u03cd\u03bc\u03b5 \u03cc\u03c4\u03b9 \u03ba\u03ac\u03b8\u03b5 \u03b2\u03ae\u03bc\u03b1 \u03ad\u03c7\u03b5\u03b9 \u03b1\u03c0\u03bf\u03b8\u03b7\u03ba\u03b5\u03c5\u03c4\u03b5\u03af; --- function isIntroSaved(){ const s = parseLS(KEYS.intro); \/\/ \u03c0\u03b5\u03c1\u03b9\u03bc\u03ad\u03bd\u03bf\u03c5\u03bc\u03b5 ~94+ \u03b1\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u2014 \u03b1\u03bb\u03bb\u03ac \u03b1\u03c1\u03ba\u03b5\u03af \u03bd\u03b1 \u03b4\u03bf\u03cd\u03bc\u03b5 \u03b1\u03c1\u03ba\u03b5\u03c4\u03ad\u03c2 return answeredCount(s) >= 80; \/\/ \u201c\u03b1\u03c3\u03c6\u03b1\u03bb\u03ad\u03c2\u201d \u03ba\u03b1\u03c4\u03ce\u03c6\u03bb\u03b9\n  }\n  function isTechSaved(){\n    const s = parseLS(KEYS.tech);\n    return !!(s && s.domainPercents && Object.keys(s.domainPercents).length>0);\n  }\n  function isProSaved(){\n    const s = parseLS(KEYS.pro);\n    return !!(s && s.domainPercents && Object.keys(s.domainPercents).length>0);\n  }<\/p>\n<p>  \/\/ \u0395\u03ba\u03ba\u03af\u03bd\u03b7\u03c3\u03b7\n  setActive(0);\n})();\n<\/script><br \/>\n<!-- === \/SAEK Wizard Wrapper === --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; \u03a3\u03c5\u03bc\u03c0\u03bb\u03ae\u03c1\u03c9\u03c3\u03b5 \u03ba\u03b1\u03b9 \u03b1\u03c0\u03bf\u03b8\u03ae\u03ba\u03b5\u03c5\u03c3\u03b5 \u03ba\u03ac\u03b8\u03b5 \u03b2\u03ae\u03bc\u03b1. \u03a4\u03bf \u03ba\u03bf\u03c5\u03bc\u03c0\u03af \u00ab\u03a3\u03c5\u03bd\u03ad\u03c7\u03b5\u03b9\u03b1\u00bb \u03b5\u03bd\u03b5\u03c1\u03b3\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c4\u03b1\u03b9 \u03bc\u03cc\u03bd\u03bf \u03cc\u03c4\u03b1\u03bd \u03c4\u03bf \u03b2\u03ae\u03bc\u03b1 \u03ad\u03c7\u03b5\u03b9 \u03b1\u03c0\u03bf\u03b8\u03b7\u03ba\u03b5\u03c5\u03c4\u03b5\u03af. \u2190 \u03a0\u03af\u03c3\u03c9 \u03a3\u03c5\u03bd\u03ad\u03c7\u03b5\u03b9\u03b1 \u2192<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-136960","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"acf":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/posts\/136960","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=136960"}],"version-history":[{"count":0,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/posts\/136960\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.mysep.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=136960"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=136960"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=136960"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}