injectJavascriptに変化条件を追加

This commit is contained in:
harukin-expo-dev-env 2025-06-11 13:47:37 +00:00
parent f2d49cbbf2
commit 7b4badb9b0

View File

@ -2,13 +2,15 @@ type InjectJavascriptData = (
a: string, a: string,
b: string, b: string,
c: string, c: string,
d: string d: string,
e: string
) => string; ) => string;
export const injectJavascriptData: InjectJavascriptData = ( export const injectJavascriptData: InjectJavascriptData = (
mapSwitch, mapSwitch,
iconSetting, iconSetting,
stationMenu, stationMenu,
trainMenu trainMenu,
uiSetting
) => { ) => {
// 一番上のメニュー非表示 地図スイッチによって切り替え // 一番上のメニュー非表示 地図スイッチによって切り替え
const topMenu = const topMenu =
@ -1247,10 +1249,16 @@ export const injectJavascriptData: InjectJavascriptData = (
const returnText1 = (isWanman ? "ワンマン " : "") + trainName + viaData; const returnText1 = (isWanman ? "ワンマン " : "") + trainName + viaData;
const returnText2 = (ToData ? ToData+"行 " : ToData)+ TrainNumber; const returnText2 = (ToData ? ToData+"行 " : ToData)+ TrainNumber;
.innerText = ""; .innerText = "";
${uiSetting === "tokyo" ? `
.insertAdjacentHTML('beforebegin', "<p style='font-size:10px;font-weight:bold;padding:0;color:black;text-align:center;'>" + (ToData ? ToData + "行 " : ToData) + "</p>"); .insertAdjacentHTML('beforebegin', "<p style='font-size:10px;font-weight:bold;padding:0;color:black;text-align:center;'>" + (ToData ? ToData + "行 " : ToData) + "</p>");
.insertAdjacentHTML('beforebegin', "<p style='font-size:8px;font-weight:bold;padding:0;color: black;text-align:center;'>" + returnText1 + "</p>"); .insertAdjacentHTML('beforebegin', "<p style='font-size:8px;font-weight:bold;padding:0;color: black;text-align:center;'>" + returnText1 + "</p>");
.insertAdjacentHTML('beforebegin', "<p style='font-size:8px;padding:0;color:black;text-align:center;'>" + TrainNumber + (JRF ? "":"レ") + "</p>"); .insertAdjacentHTML('beforebegin', "<p style='font-size:8px;padding:0;color:black;text-align:center;'>" + TrainNumber + (JRF ? "":"レ") + "</p>");
.insertAdjacentHTML('beforebegin', "<p style='font-size:8px;font-weight:bold;padding:0;text-align:center;color: "+(hasProblem ? "red":"black")+";'>" + (hasProblem ? "‼️停止中‼️" : "") + "</p>"); .insertAdjacentHTML('beforebegin', "<p style='font-size:8px;font-weight:bold;padding:0;text-align:center;color: "+(hasProblem ? "red":"black")+";'>" + (hasProblem ? "‼️停止中‼️" : "") + "</p>");
`: `
.insertAdjacentHTML('beforebegin', "<p style='font-size:10px;font-weight:bold;padding:0;color: black;'>" + returnText1 + "</p>");
.insertAdjacentHTML('beforebegin', "<div style='display:inline-flex;flex-direction:row;'><p style='font-size:10px;font-weight: bold;padding:0;color:black;'>" + (ToData ? ToData + "行 " : ToData) + "</p><p style='font-size:10px;padding:0;color:black;'>" + TrainNumber + (JRF ? "":"レ") + "</p></div>");
.insertAdjacentHTML('beforebegin', "<p style='font-size:10px;font-weight:bold;padding:0;color: "+(hasProblem ? "red":"black")+";'>" + (hasProblem ? "‼️停止中‼️" : "") + "</p>");
`}
} }
`; `;
@ -1293,6 +1301,7 @@ const setNewTrainItem = (element)=>{
const setStrings = () =>{ const setStrings = () =>{
try { try {
const elements = document.querySelectorAll('#disp > div > div > div[onclick]'); const elements = document.querySelectorAll('#disp > div > div > div[onclick]');
const setNewTrainItemUI = ()=>{
const elementBaseBase = document.querySelectorAll('[id^="stationBlock"]'); const elementBaseBase = document.querySelectorAll('[id^="stationBlock"]');
elementBaseBase.forEach(e=>{ //それぞれの駅ブロック横一列 elementBaseBase.forEach(e=>{ //それぞれの駅ブロック横一列
e.style.display = 'flex'; e.style.display = 'flex';
@ -1345,6 +1354,9 @@ const setStrings = () =>{
aaa(x[2],"right"); aaa(x[2],"right");
}); });
}
${uiSetting === "tokyo" ? `setNewTrainItemUI();`: ``}
for (let element of elements) { for (let element of elements) {
if(element.getAttribute('offclick')){ continue; } if(element.getAttribute('offclick')){ continue; }
element.setAttribute('offclick',element.getAttribute('onclick')) element.setAttribute('offclick',element.getAttribute('onclick'))
@ -1375,7 +1387,7 @@ const setStrings = () =>{
} }
` : ""} ` : ""}
nameReplace(,,,hasProblem); nameReplace(,,,hasProblem);
setNewTrainItem(element); ${uiSetting === "tokyo" ? `setNewTrainItem(element);`: ``}
} }
try{ try{
for(let d of document.getElementById('disp').childNodes){ for(let d of document.getElementById('disp').childNodes){