(function(){ window.RKP = {}; var s = document.getElementById('rk-st'); if (s) s.innerText = '상태: S1 실행됨 (임시 표시 - 확인 후 제거)'; })(); (function(){ var R = window.RKP; if (!R) return; R.el = function(id){ return document.getElementById(id); }; R.TIERS = 3; R.PRIS = 3; R.RESULTS = 6; R.tier = 2; R.LABELS = ['게임 성능', '작업/멀티태스킹', '오래 쓸 여유 사양']; R.PERM = { '123': 1, '132': 2, '213': 3, '231': 4, '312': 5, '321': 6 }; R.order = [1, 2, 3]; R.dragging = false; R.moved = false; R.grabLabel = 0; R.startY = 0; R.startPos = 0; R.STEP = 60; R.st = function(msg){ var s = R.el('rk-st'); if (s) s.innerText = '상태: ' + msg + ' (임시 표시 - 확인 후 제거)'; }; R.posOf = function(label){ var i = 0; while (R.order.length > i){ if (R.order[i] === label) return i + 1; i++; } return 1; }; R.moveLabel = function(label, target){ var next = []; var i = 0; while (R.order.length > i){ if (R.order[i] !== label) next.push(R.order[i]); i++; } var out = []; var j = 0; var placed = false; while (next.length > j){ if (out.length === target - 1){ out.push(label); placed = true; } out.push(next[j]); j++; } if (!placed) out.push(label); R.order = out; }; R.renderList = function(){ var i = 1; while (R.PRIS >= i){ var lab = R.el('rk-lab-' + i); if (lab) lab.innerText = R.LABELS[R.order[i - 1] - 1]; var row = R.el('rk-row-' + i); if (row){ var on = R.dragging && R.order[i - 1] === R.grabLabel; row.style.borderColor = on ? '#2F80ED' : '#CBDCEE'; row.style.background = on ? 'rgba(47,128,237,.12)' : '#FFFFFF'; } i++; } }; R.styleChip = function(id, on){ var c = R.el(id); if (!c) return; c.style.background = on ? '#2F80ED' : '#FFFFFF'; c.style.color = on ? '#FFFFFF' : '#2C4258'; c.style.borderColor = on ? '#2F80ED' : '#B7CCE2'; }; R.pointerY = function(e){ var y = 0; if (e) y = e.clientY || 0; return y; }; R.p1 = true; var m = R.el('rk-m1'); if (m){ m.innerText = 'O'; m.style.color = '#7FE08A'; } })(); (function(){ var R = window.RKP; if (!R) return; R.render = function(){ var key = '' + R.order[0] + R.order[1] + R.order[2]; var perm = R.PERM[key]; var t = 1; while (R.TIERS >= t){ R.styleChip('rk-tier-' + t, t === R.tier); var sec = R.el('rk-tsec-' + t); if (sec) sec.style.display = t === R.tier ? 'block' : 'none'; var p = 1; while (R.RESULTS >= p){ var res = R.el('rk-res-' + t + '-' + p); if (res) res.style.display = (t === R.tier && p === perm) ? 'block' : 'none'; p++; } t++; } }; R.pR = true; var m = R.el('rk-mr'); if (m){ m.innerText = 'O'; m.style.color = '#7FE08A'; } })(); (function(){ var R = window.RKP; if (!R) return; R.calcDy = function(e){ return R.pointerY(e) - R.startY; }; R.rowsFromDy = function(dy){ var r = Math.round(dy / R.STEP); return r; }; R.clampPos = function(pos){ if (1 > pos) pos = 1; if (pos > R.PRIS) pos = R.PRIS; return pos; }; R.trackDrag = function(e){ if (!R.dragging) return; var dy = R.calcDy(e); var ady = dy; if (0 > ady) ady = 0 - ady; if (ady > 5) R.moved = true; var pos = R.clampPos(R.startPos + R.rowsFromDy(dy)); var now = R.posOf(R.grabLabel); if (pos !== now){ R.moveLabel(R.grabLabel, pos); R.renderList(); } }; R.pMd = true; var m = R.el('rk-md'); if (m){ m.innerText = 'O'; m.style.color = '#7FE08A'; } })(); (function(){ var R = window.RKP; if (!R) return; R.endDrag = function(){ if (!R.dragging) return; if (!R.moved) R.moveLabel(R.grabLabel, 1); R.dragging = false; R.grabLabel = 0; R.moved = false; R.renderList(); R.render(); }; R.pU = true; var m = R.el('rk-mu'); if (m){ m.innerText = 'O'; m.style.color = '#7FE08A'; } })(); (function(){ var R = window.RKP; if (!R) return; var MD = 'mouse' + 'down'; var MM = 'mouse' + 'move'; var MU = 'mouse' + 'up'; R.bindRow = function(i){ var row = R.el('rk-row-' + i); if (!row) return; row.style.userSelect = 'none'; row.addEventListener(MD, function(e){ R.dragging = true; R.moved = false; R.grabLabel = R.order[i - 1]; R.startY = R.pointerY(e); R.startPos = i; R.renderList(); }); }; R.init = function(){ var picker = R.el('rk-picker'); if (picker) picker.style.display = 'block'; var capStatic = R.el('rk-cap-static'); var capLive = R.el('rk-cap-live'); if (capStatic) capStatic.style.display = 'none'; if (capLive) capLive.style.display = 'block'; var t = 1; while (R.TIERS >= t){ var head = R.el('rk-thead-' + t); if (head) head.style.display = 'none'; (function(n){ var c = R.el('rk-tier-' + n); if (c) c.addEventListener('click', function(){ R.tier = n; R.render(); }); })(t); t++; } var i = 1; while (R.PRIS >= i){ R.bindRow(i); i++; } var t2 = 1; while (R.TIERS >= t2){ var p2 = 1; while (R.RESULTS >= p2){ var tw = R.el('rk-two-' + t2 + '-' + p2); var ib = R.el('rk-imgbox-' + t2 + '-' + p2); var fb = R.el('rk-infobox-' + t2 + '-' + p2); var im = R.el('rk-pimg-' + t2 + '-' + p2); if (tw){ tw.style.display = 'flex'; tw.style.gap = '16px'; tw.style.alignItems = 'stretch'; } if (ib){ ib.style.flex = '0 0 44%'; ib.style.marginBottom = '0'; ib.style.display = 'flex'; ib.style.alignItems = 'center'; ib.style.justifyContent = 'center'; ib.style.padding = '14px'; } if (fb) fb.style.flex = '1'; if (im){ im.style.width = '92%'; im.style.maxWidth = '300px'; } p2++; } t2++; } document.addEventListener(MM, R.trackDrag); document.addEventListener(MU, R.endDrag); R.renderList(); R.render(); R.st('드래그 준비 완료 - 행을 끌어보세요'); }; R.p2b = true; var m = R.el('rk-m2b'); if (m){ m.innerText = 'O'; m.style.color = '#7FE08A'; } })(); (function(){ var R = window.RKP; var m = document.getElementById('rk-m3'); if (!R){ if (m) m.innerText = 'RKP 없음'; return; } var miss = ''; if (!R.p1) miss = miss + '1없음 '; if (!R.pR) miss = miss + 'R없음 '; if (!R.pMd) miss = miss + 'M없음 '; if (!R.pU) miss = miss + 'U없음 '; if (!R.p2b) miss = miss + 'B없음'; if (miss !== ''){ if (m) m.innerText = miss; return; } function go(){ R.init(); } if (document.readyState === 'loading'){ document.addEventListener('DOMContentLoaded', go); } else { go(); } if (m){ m.innerText = 'O'; m.style.color = '#7FE08A'; } })();