-
${slotInfo.icon} ${rInfo.name}
-
✦ ${mainAffixName} (+${equipped.level})
-
${equipped.sub_affixes?.length || 4} ออปชั่นรอง (Max Level 15)
-
+
${slotInfo.icon}
- Slot ${slot}
+ ${slotInfo.name.split(' ')[0]}
${slotInfo.name}
-
ยังไม่ได้ติดตั้ง (แนะนำ: ${slotInfo.defaultStat})
-
-
-
+
ยังไม่ได้สวมใส่
+
+ คลิกเพื่อเลือกหรือสร้าง (แนะนำ: ${slotInfo.defaultStat})
`;
- box.querySelector('.btn-slot-equip').addEventListener('click', () => {
+
+ box.addEventListener('click', () => {
openSlotPicker(aid, slot);
});
}
@@ -2137,6 +2150,305 @@ async function quickGenSlotRelic(avatarId, slotNum) {
showToast(`สร้างและติดตั้งรีลิกส์แนะนำช่อง ${slotNum} สำเร็จ!`, 'success');
}
+// Open Lightcone Picker Modal
+function openLightconePicker(avatarId) {
+ state.lcPickerAvatarId = parseInt(avatarId, 10);
+ const aid = state.lcPickerAvatarId;
+ const meta = getAvatarInfo(aid);
+ const modal = document.getElementById('modal-select-lightcone');
+ if (!modal) return;
+
+ const titleEl = document.getElementById('modal-lc-picker-title');
+ if (titleEl) {
+ titleEl.textContent = `🗡️ เลือกสวมใส่กรวยแสง: ${meta.name}`;
+ }
+
+ const sigLcId = SIGNATURE_LIGHTCONES[aid];
+ const sigBox = document.getElementById('lc-picker-signature-box');
+ const sigThumb = document.getElementById('lc-picker-sig-thumb');
+ const sigName = document.getElementById('lc-picker-sig-name');
+ const btnQuickSig = document.getElementById('btn-lc-picker-quick-sig');
+
+ if (sigLcId && LIGHTCONE_METADATA[sigLcId]) {
+ const sInfo = getLightconeInfo(sigLcId);
+ if (sigBox) sigBox.style.display = 'flex';
+ if (sigThumb) {
+ sigThumb.src = getLightconeArtSrc(sigLcId);
+ sigThumb.onerror = function() { this.src = getLightconeArtFallback(sigLcId); };
+ }
+ if (sigName) sigName.textContent = `${sInfo.name} (★${sInfo.rarity} ${sInfo.path})`;
+ if (btnQuickSig) {
+ btnQuickSig.onclick = async () => {
+ const rank = parseInt(document.getElementById('lc-picker-rank')?.value || '5', 10);
+ await equipLightconeToAvatar(aid, sigLcId, rank, 80);
+ modal.classList.remove('active');
+ };
+ }
+ } else if (sigBox) {
+ sigBox.style.display = 'none';
+ }
+
+ const pathSelect = document.getElementById('lc-picker-filter-path');
+ if (pathSelect) pathSelect.value = 'same';
+
+ const searchInput = document.getElementById('lc-picker-search');
+ if (searchInput) searchInput.value = '';
+
+ renderLightconePickerGrid();
+ modal.classList.add('active');
+}
+
+// Render Lightcone Picker Grid
+function renderLightconePickerGrid() {
+ const listEl = document.getElementById('lc-picker-list');
+ if (!listEl) return;
+ listEl.innerHTML = '';
+
+ const aid = state.lcPickerAvatarId;
+ const avatarMeta = getAvatarInfo(aid);
+ const search = document.getElementById('lc-picker-search')?.value.trim().toLowerCase() || '';
+ const pathFilter = document.getElementById('lc-picker-filter-path')?.value || 'same';
+ const rank = parseInt(document.getElementById('lc-picker-rank')?.value || '5', 10);
+
+ const currentLc = (state.fullFreesrData?.lightcones || []).find(l => l.equip_avatar === aid);
+
+ const allIds = Object.keys(LIGHTCONE_METADATA).map(id => parseInt(id, 10)).sort((a, b) => {
+ const metaA = LIGHTCONE_METADATA[a];
+ const metaB = LIGHTCONE_METADATA[b];
+ if (metaB.rarity !== metaA.rarity) return metaB.rarity - metaA.rarity;
+ return b - a;
+ });
+
+ const filtered = allIds.filter(id => {
+ const meta = LIGHTCONE_METADATA[id];
+ const info = getLightconeInfo(id);
+
+ // Path match
+ if (pathFilter === 'same' && meta.path !== avatarMeta.path) return false;
+ if (pathFilter !== 'all' && pathFilter !== 'same' && meta.path !== pathFilter) return false;
+
+ // Search match
+ if (search) {
+ const matchName = info.name.toLowerCase().includes(search);
+ const matchId = String(id).includes(search);
+ if (!matchName && !matchId) return false;
+ }
+ return true;
+ });
+
+ if (filtered.length === 0) {
+ listEl.innerHTML = `
ไม่พบกรวยแสงตามเงื่อนไขที่ค้นหา
`;
+ return;
+ }
+
+ filtered.forEach(id => {
+ const meta = LIGHTCONE_METADATA[id];
+ const info = getLightconeInfo(id);
+ const isCurrent = currentLc?.item_id === id;
+ const isSig = SIGNATURE_LIGHTCONES[aid] === id;
+
+ const card = document.createElement('div');
+ card.className = `lc-picker-card rarity-${info.rarity} ${isCurrent ? 'active-equipped' : ''}`;
+
+ let badgeHtml = '';
+ if (isCurrent) {
+ badgeHtml = `
สวมใส่อยู่`;
+ } else if (isSig) {
+ badgeHtml = `
ประจำตัว`;
+ }
+
+ card.innerHTML = `
+
})
+
+
+ ${info.name}
+ ${badgeHtml}
+
+
${'★'.repeat(info.rarity || 5)}
+
+ ${getPathIconHtml(meta.path, 14)} ${info.path}
+
+
+ `;
+
+ card.addEventListener('click', async () => {
+ await equipLightconeToAvatar(aid, id, rank, 80);
+ document.getElementById('modal-select-lightcone')?.classList.remove('active');
+ });
+
+ listEl.appendChild(card);
+ });
+}
+
+// Equip Lightcone directly to Avatar
+async function equipLightconeToAvatar(avatarId, lcId, rank = 5, level = 80) {
+ const aid = parseInt(avatarId, 10);
+ const id = parseInt(lcId, 10);
+ const meta = getAvatarInfo(aid);
+ const lcInfo = getLightconeInfo(id);
+
+ if (!state.fullFreesrData) state.fullFreesrData = { avatars: {}, lightcones: [], relics: [] };
+ state.fullFreesrData.lightcones = state.fullFreesrData.lightcones || [];
+
+ // 1. Unassign other lightcones from this avatar
+ state.fullFreesrData.lightcones.forEach(lc => {
+ if (lc.equip_avatar === aid) lc.equip_avatar = 0;
+ });
+
+ // 2. Find or create lightcone entry
+ let targetLc = state.fullFreesrData.lightcones.find(lc => lc.item_id === id && (!lc.equip_avatar || lc.equip_avatar === 0));
+ if (!targetLc) {
+ targetLc = state.fullFreesrData.lightcones.find(lc => lc.item_id === id);
+ if (targetLc) {
+ targetLc.equip_avatar = aid;
+ targetLc.rank = rank;
+ targetLc.level = level;
+ targetLc.promotion = 6;
+ } else {
+ let maxUid = 1000;
+ state.fullFreesrData.lightcones.forEach(l => {
+ if (l.unique_id >= maxUid) maxUid = l.unique_id + 1;
+ });
+ targetLc = {
+ unique_id: maxUid,
+ internal_uid: state.fullFreesrData.lightcones.length,
+ item_id: id,
+ level: level,
+ rank: rank,
+ promotion: 6,
+ equip_avatar: aid
+ };
+ state.fullFreesrData.lightcones.push(targetLc);
+ }
+ } else {
+ targetLc.equip_avatar = aid;
+ targetLc.rank = rank;
+ targetLc.level = level;
+ targetLc.promotion = 6;
+ }
+
+ if (state.isConnected) {
+ await saveFreesrChangesToServer().catch(() => {});
+ }
+
+ renderModalOverviewTab(aid);
+ renderModalRelicsTab(aid);
+ renderShowcaseCard(aid);
+ renderLightconesGrid();
+
+ showToast(`🗡️ สวมใส่ ${lcInfo.name} (S${rank}) ให้กับ ${meta.name} เรียบร้อย!`, 'success');
+}
+
+// Unequip Lightcone from Avatar
+async function unequipLightconeFromAvatar(avatarId) {
+ const aid = parseInt(avatarId, 10);
+ const meta = getAvatarInfo(aid);
+ if (state.fullFreesrData?.lightcones) {
+ state.fullFreesrData.lightcones.forEach(lc => {
+ if (lc.equip_avatar === aid) lc.equip_avatar = 0;
+ });
+ if (state.isConnected) await saveFreesrChangesToServer().catch(() => {});
+ renderModalOverviewTab(aid);
+ renderModalRelicsTab(aid);
+ renderShowcaseCard(aid);
+ renderLightconesGrid();
+ showToast(`ถอดกรวยแสงออกจาก ${meta.name} เรียบร้อย`, 'info');
+ }
+}
+
+// Quick Set All Avatars to E0S1 Standard (Lv.80, Prom 6, E0, S1 Signature LC)
+async function quickSetAllAvatarsE0S1() {
+ try {
+ if (!state.fullFreesrData) {
+ state.fullFreesrData = { avatars: {}, lightcones: [], relics: [] };
+ }
+ state.fullFreesrData.avatars = state.fullFreesrData.avatars || {};
+ state.fullFreesrData.lightcones = state.fullFreesrData.lightcones || [];
+
+ const allAvatarIds = Object.keys(AVATARS_DATA).map(id => parseInt(id, 10));
+
+ let nextUniqueId = 1000;
+ state.fullFreesrData.lightcones.forEach(lc => {
+ if (lc.unique_id >= nextUniqueId) nextUniqueId = lc.unique_id + 1;
+ });
+
+ for (const aid of allAvatarIds) {
+ if (!state.fullFreesrData.avatars[aid]) {
+ state.fullFreesrData.avatars[aid] = {
+ owner_uid: 0,
+ avatar_id: aid,
+ level: 80,
+ promotion: 6,
+ techniques: [],
+ sp_max: 140,
+ sp_value: 70,
+ data: {
+ rank: 0,
+ skills: {
+ [`${aid}001`]: 6,
+ [`${aid}002`]: 10,
+ [`${aid}003`]: 10,
+ [`${aid}004`]: 10,
+ [`${aid}007`]: 1,
+ [`${aid}101`]: 1,
+ [`${aid}102`]: 1,
+ [`${aid}103`]: 1,
+ [`${aid}201`]: 1
+ },
+ skills_by_anchor_type: {
+ "1": 6, "2": 10, "3": 10, "4": 10, "5": 1, "6": 1, "7": 1, "8": 1, "9": 1
+ }
+ }
+ };
+ } else {
+ const av = state.fullFreesrData.avatars[aid];
+ av.level = 80;
+ av.promotion = 6;
+ av.data = av.data || {};
+ av.data.rank = 0;
+ if (!av.sp_value) av.sp_value = 70;
+ }
+
+ // Equip S1 Signature Lightcone
+ const sigLcId = SIGNATURE_LIGHTCONES[aid] || 21001;
+ let existingLc = state.fullFreesrData.lightcones.find(l => l.equip_avatar === aid);
+ if (existingLc) {
+ existingLc.item_id = sigLcId;
+ existingLc.rank = 1;
+ existingLc.level = 80;
+ existingLc.promotion = 6;
+ } else {
+ state.fullFreesrData.lightcones.push({
+ unique_id: nextUniqueId++,
+ internal_uid: state.fullFreesrData.lightcones.length,
+ item_id: sigLcId,
+ level: 80,
+ promotion: 6,
+ rank: 1,
+ equip_avatar: aid
+ });
+ }
+ }
+
+ initAvatarsList();
+ state.avatarsList.forEach(a => {
+ a.level = 80;
+ a.promotion = 6;
+ a.rank = 0;
+ });
+
+ if (state.isConnected) {
+ await saveFreesrChangesToServer().catch(() => {});
+ }
+
+ renderAvatarsGrid();
+ if (el.statAvatars) el.statAvatars.textContent = Object.keys(state.fullFreesrData.avatars).length;
+ showToast('⚡ ปรับตัวละครทุกตัวเป็น E0S1 พร้อมกรวยแสงประจำตัวเรียบร้อยแล้ว!', 'success');
+ } catch (err) {
+ showToast(err.message, 'error');
+ }
+}
+
// Render Skills Tab with real StarRailRes descriptions & icons
async function renderModalSkillsTab(avatarId) {
const aid = String(avatarId);
@@ -2733,7 +3045,7 @@ function renderShowcaseCard(avatarId) {
activeSetBadges.forEach(sb => {
setsHtml += `
- ${sb.name}
+ ${sb.name}
${sb.count}-PC
`;
@@ -2769,8 +3081,8 @@ function renderShowcaseCard(avatarId) {
- ${rInfo.name}
- ${slotInfo.stat}
+ ${rInfo.name}
+ ${slotInfo.stat}
CRIT Rate +${(3.2 + slot * 1.5).toFixed(1)}%${rollBadge(slot % 2 === 0 ? 3 : 2)}
@@ -2989,12 +3301,22 @@ async function exportShowcaseImage(avatarId) {
if (typeof html2canvas !== 'undefined') {
try {
+ const origWidth = showcaseEl.style.width;
+ const origMinWidth = showcaseEl.style.minWidth;
+ showcaseEl.style.width = '1050px';
+ showcaseEl.style.minWidth = '1050px';
+
const canvas = await html2canvas(showcaseEl, {
useCORS: true,
allowTaint: true,
scale: 2,
- backgroundColor: '#0c1222'
+ backgroundColor: '#0c1222',
+ windowWidth: 1280
});
+
+ showcaseEl.style.width = origWidth;
+ showcaseEl.style.minWidth = origMinWidth;
+
const dataUrl = canvas.toDataURL('image/png');
const a = document.createElement('a');
a.href = dataUrl;
@@ -4344,9 +4666,37 @@ function setupEvents() {
setupSkillStepper(el.rangeSkillTalent, el.valSkillTalent, el.btnStepDecTalent, el.btnStepIncTalent, el.btnSkillMaxTalent, 10);
// Overview Tab Quick Navigation Cards
- el.overviewLcCard?.addEventListener('click', () => switchModalSubtab('modaltab-lightcone'));
+ el.overviewLcCard?.addEventListener('click', () => {
+ if (state.selectedAvatarDetail) openLightconePicker(state.selectedAvatarDetail.avatar_id);
+ });
el.overviewRelicsCard?.addEventListener('click', () => switchModalSubtab('modaltab-relics'));
+ // Lightcone Picker Modal Controls
+ document.getElementById('btn-close-lc-picker')?.addEventListener('click', () => {
+ document.getElementById('modal-select-lightcone')?.classList.remove('active');
+ });
+ document.getElementById('btn-lc-picker-close')?.addEventListener('click', () => {
+ document.getElementById('modal-select-lightcone')?.classList.remove('active');
+ });
+ document.getElementById('lc-picker-search')?.addEventListener('input', () => {
+ renderLightconePickerGrid();
+ });
+ document.getElementById('lc-picker-filter-path')?.addEventListener('change', () => {
+ renderLightconePickerGrid();
+ });
+ document.getElementById('lc-picker-rank')?.addEventListener('change', () => {
+ renderLightconePickerGrid();
+ });
+ document.getElementById('btn-lc-picker-unequip')?.addEventListener('click', async () => {
+ if (state.lcPickerAvatarId) {
+ await unequipLightconeFromAvatar(state.lcPickerAvatarId);
+ }
+ document.getElementById('modal-select-lightcone')?.classList.remove('active');
+ });
+
+ // Top Bar Characters Tab Quick Actions
+ document.getElementById('btn-all-avatars-e0s1')?.addEventListener('click', quickSetAllAvatarsE0S1);
+
// Relic Tab Controls in Modal
el.btnModalRelicsAuto?.addEventListener('click', async () => {
if (!state.selectedAvatarDetail) return;
diff --git a/js/i18n.js b/js/i18n.js
index c699d8c..7a61d4a 100644
--- a/js/i18n.js
+++ b/js/i18n.js
@@ -268,7 +268,31 @@ export const TRANSLATIONS = {
"Elation": "ปีติ"
},
"settingsSaved": "บันทึกการตั้งค่าสำเร็จ!",
- "settingsReset": "คืนค่าเริ่มต้นเรียบร้อย"
+ "settingsReset": "คืนค่าเริ่มต้นเรียบร้อย",
+ "qaLineupE0S1Title": "ปรับทีมเป็น E0S1",
+ "qaLineupE0S1Desc": "ตัวละครในทีมเป็น E0 พร้อม LC S1",
+ "qaLineupRelicsTitle": "ใส่อุปกรณ์ทีมครบชุด",
+ "qaLineupRelicsDesc": "ใส่รีลิกส์ +15 ครบ 4 คนในทีม",
+ "lblPersistenceInfo": "ระบบจัดการไฟล์เซฟและข้อมูลฝั่งเซิร์ฟเวอร์",
+ "modalTabOverview": "ภาพรวม",
+ "modalTabRelics": "รีลิกส์ & อุปกรณ์",
+ "overviewStatsTitle": "⚔️ ค่าพลังการต่อสู้ (Combat Stats)",
+ "overviewStatsNote": "รวมโบนัสกรวยแสงและรีลิกส์",
+ "overviewEquippedLc": "🗡️ กรวยแสงที่สวมใส่",
+ "overviewEquippedRelics": "🛡️ รีลิกส์และเซ็ต",
+ "modalRelicsTitle": "🛡️ สวมใส่รีลิกส์ (Relics 6 ชิ้น)",
+ "modalRelicsSubtitle": "คลิกแต่ละช่องเพื่อเลือกเปลี่ยน หรือสวมใส่เซ็ตแนะนำ",
+ "btnAutoEquipRelics": "⚡ สวมใส่เซ็ตแนะนำครบชุด",
+ "btnClearAllRelics": "🧹 ถอดทั้งหมด",
+ "activeSetEffects": "✨ เอฟเฟกต์เซ็ตที่เปิดใช้งาน",
+ "modalColLevel": "เลเวล",
+ "lblPromotion": "ขั้นเลื่อนขั้น",
+ "slotPickerTitle": "🛡️ เลือกสวมใส่รีลิกส์",
+ "quickGenRecTitle": "⚡ สร้างชิ้นแนะนำสำหรับช่องนี้",
+ "quickGenRecDesc": "สร้างรีลิกส์ 5★ +15 ตรงเซ็ตและสเตตัสหลักที่ดีที่สุด",
+ "btnGenAndEquip": "สร้าง & สวมใส่",
+ "selectFromInventory": "เลือกจากคลังเก็บของ (ตรงช่อง)",
+ "btnAllE0S1": "⚡ ปรับ E0S1 ทุกตัว"
},
"en": {
"ahaGlobalDesc": "Enable server-wide Aeon ★ Aha special trait",
@@ -520,7 +544,31 @@ export const TRANSLATIONS = {
"Elation": "Elation"
},
"settingsSaved": "Settings saved successfully!",
- "settingsReset": "Reset to default settings"
+ "settingsReset": "Reset to default settings",
+ "qaLineupE0S1Title": "Set Team to E0S1",
+ "qaLineupE0S1Desc": "Team characters to E0 with S1 LC",
+ "qaLineupRelicsTitle": "Auto-Equip Team Relics",
+ "qaLineupRelicsDesc": "Equip +15 relics for 4 teammates",
+ "lblPersistenceInfo": "Server save file & data management",
+ "modalTabOverview": "Overview",
+ "modalTabRelics": "Relics & Gear",
+ "overviewStatsTitle": "⚔️ Combat Stats",
+ "overviewStatsNote": "Includes Lightcone & Relic bonuses",
+ "overviewEquippedLc": "🗡️ Equipped Lightcone",
+ "overviewEquippedRelics": "🛡️ Relics & Set Bonuses",
+ "modalRelicsTitle": "🛡️ Equip Relics (6 Slots)",
+ "modalRelicsSubtitle": "Click each slot to change or equip recommended sets",
+ "btnAutoEquipRelics": "⚡ Equip Recommended Sets",
+ "btnClearAllRelics": "🧹 Unequip All",
+ "activeSetEffects": "✨ Active Set Bonuses",
+ "modalColLevel": "Level",
+ "lblPromotion": "Ascension Rank",
+ "slotPickerTitle": "🛡️ Select Relic to Equip",
+ "quickGenRecTitle": "⚡ Generate Recommended Piece",
+ "quickGenRecDesc": "Generate 5★ +15 with best set & main stat",
+ "btnGenAndEquip": "Generate & Equip",
+ "selectFromInventory": "Select from Inventory",
+ "btnAllE0S1": "⚡ All E0S1"
},
"zh-CN": {
"ahaGlobalDesc": "全服启用星神·阿哈特殊被动",
-