画像アイコン取得を動的に変更

This commit is contained in:
harukin-expo-dev-env 2025-05-04 09:31:02 +00:00
parent e9f845f448
commit 0206bb4cf8

View File

@ -51,7 +51,8 @@ export const injectJavascriptData: InjectJavascriptData = (
setIconElem.insertAdjacentHTML('beforebegin', "<img src="+img+" style='float:"+(position ? 'left' : 'right')+";height:20px;'>"); setIconElem.insertAdjacentHTML('beforebegin', "<img src="+img+" style='float:"+(position ? 'left' : 'right')+";height:20px;'>");
setIconElem.remove(); setIconElem.remove();
} }
const setTrainIcon = (,e,hasProblem) =>{
const setTrainIcon = () => {
switch () { switch () {
//しおかぜメイン //しおかぜメイン
//8000 ノーマル //8000 ノーマル
@ -73,16 +74,14 @@ export const injectJavascriptData: InjectJavascriptData = (
case "25M": case "25M":
case "27M": case "27M":
case "29M": case "29M":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s8000nr.png',hasProblem); return "https://storage.haruk.in/s8000nr.png";
break;
//8000 アンパン //8000 アンパン
case "10M": case "10M":
case "22M": case "22M":
case "9M": case "9M":
case "21M": case "21M":
setStationIcon(e.querySelector("img"),'https://n8n.haruk.in/webhook/anpanman-pictures.png?trainNum='+,hasProblem); return "https://n8n.haruk.in/webhook/anpanman-pictures.png?trainNum=" +
break; ;
//8600 //8600
case "8M": case "8M":
@ -93,8 +92,7 @@ export const injectJavascriptData: InjectJavascriptData = (
case "11M": case "11M":
case "19M": case "19M":
case "23M": case "23M":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s8600.png',hasProblem); return "https://storage.haruk.in/s8600.png";
break;
//いしづちメイン //いしづちメイン
//8000 ノーマル //8000 ノーマル
@ -116,17 +114,15 @@ export const injectJavascriptData: InjectJavascriptData = (
case "1025M": case "1025M":
case "1027M": case "1027M":
case "1029M": case "1029M":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s8000no.png',hasProblem); return "https://storage.haruk.in/s8000no.png";
break;
//8000 アンパン //8000 アンパン
case "1010M": case "1010M":
case "1022M": case "1022M":
case "1009M": case "1009M":
case "1021M": case "1021M":
setStationIcon(e.querySelector("img"),'https://n8n.haruk.in/webhook/anpanman-pictures.png?trainNum='+,hasProblem); return "https://n8n.haruk.in/webhook/anpanman-pictures.png?trainNum=" +
break; ;
//8600 //8600
case "1008M": case "1008M":
case "1012M": case "1012M":
@ -136,32 +132,26 @@ export const injectJavascriptData: InjectJavascriptData = (
case "1011M": case "1011M":
case "1019M": case "1019M":
case "1023M": case "1023M":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s8600_isz.png',hasProblem); return "https://storage.haruk.in/s8600_isz.png";
break;
//MEXP //MEXP
//8000 //8000
case "1092M": case "1092M":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s8000nr.png',hasProblem); return "https://storage.haruk.in/s8000nr.png";
break;
//8600 //8600
case "1091M": case "1091M":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s8600_isz.png',hasProblem); return "https://storage.haruk.in/s8600_isz.png";
break;
//三桁いしづち //三桁いしづち
//8000 アンパン //8000 アンパン
case "1041M": case "1041M":
case "1044M": case "1044M":
setStationIcon(e.querySelector("img"),'https://n8n.haruk.in/webhook/anpanman-pictures.png?trainNum='+,hasProblem); return "https://n8n.haruk.in/webhook/anpanman-pictures.png?trainNum=" +
break; ;
//8600 //8600
case "1043M": case "1043M":
case "1042M": case "1042M":
case "1046M": case "1046M":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s8600_isz.png',hasProblem); return "https://storage.haruk.in/s8600_isz.png";
break;
//南風 2700ーマル //南風 2700ーマル
case "34D": case "34D":
case "38D": case "38D":
@ -181,8 +171,7 @@ export const injectJavascriptData: InjectJavascriptData = (
case "51D": case "51D":
case "53D": case "53D":
case "55D": case "55D":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s2700.png',hasProblem); return "https://storage.haruk.in/s2700.png";
break;
//2700アンパン //2700アンパン
case "32D": case "32D":
case "36D": case "36D":
@ -194,11 +183,8 @@ export const injectJavascriptData: InjectJavascriptData = (
case "45D": case "45D":
case "49D": case "49D":
case "57D": case "57D":
setStationIcon(e.querySelector("img"),'https://n8n.haruk.in/webhook/anpanman-pictures.png?trainNum='+,hasProblem); return "https://n8n.haruk.in/webhook/anpanman-pictures.png?trainNum=" +
break; ;
//うずしお //うずしお
//2700 //2700
case "3004D": case "3004D":
@ -214,9 +200,7 @@ export const injectJavascriptData: InjectJavascriptData = (
case "3019D": case "3019D":
case "3025D": case "3025D":
case "3031D": case "3031D":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s2700_uzu.png',hasProblem); return "https://storage.haruk.in/s2700_uzu.png";
break;
//2700 二両編成 //2700 二両編成
case "3008D": case "3008D":
@ -228,9 +212,7 @@ export const injectJavascriptData: InjectJavascriptData = (
case "3017D": case "3017D":
case "3023D": case "3023D":
case "3029D": case "3029D":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s2700_uzu.png',hasProblem); return "https://storage.haruk.in/s2700_uzu.png";
break;
//2600 //2600
case "3002D": case "3002D":
case "3012D": case "3012D":
@ -242,9 +224,7 @@ export const injectJavascriptData: InjectJavascriptData = (
case "3021D": case "3021D":
case "3027D": case "3027D":
case "3033D": case "3033D":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s2600.png',hasProblem); return "https://storage.haruk.in/s2600.png";
break;
//マリンライナー //マリンライナー
case "3104M": case "3104M":
case "3106M": case "3106M":
@ -314,24 +294,20 @@ export const injectJavascriptData: InjectJavascriptData = (
case "3167M": case "3167M":
case "3169M": case "3169M":
case "3175M": case "3175M":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s5001.png',hasProblem); return "https://storage.haruk.in/s5001.png";
break;
case "3102M": case "3102M":
case "3101M": case "3101M":
case "3103M": case "3103M":
case "3171M": case "3171M":
case "3173M": case "3173M":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s5001k.png',hasProblem); return "https://storage.haruk.in/s5001k.png";
break;
//サンライズ瀬戸 //サンライズ瀬戸
case "5032M": case "5032M":
case "5031M": case "5031M":
case "8041M": //琴平延長高松迄 case "8041M": //琴平延長高松迄
case "8031M": //琴平延長高松以降 case "8031M": //琴平延長高松以降
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/w285.png',hasProblem); return "https://storage.haruk.in/w285.png";
break;
//宇和海 //宇和海
//2000 ノーマル //2000 ノーマル
case "1052D": case "1052D":
@ -360,8 +336,7 @@ export const injectJavascriptData: InjectJavascriptData = (
case "1077D": case "1077D":
case "1079D": case "1079D":
case "1081D": case "1081D":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s2000_uwa.png',hasProblem); return "https://storage.haruk.in/s2000_uwa.png";
break;
//2000 アンパン込み //2000 アンパン込み
case "1058D": case "1058D":
case "1066D": case "1066D":
@ -369,16 +344,14 @@ export const injectJavascriptData: InjectJavascriptData = (
case "1053D": case "1053D":
case "1059D": case "1059D":
case "1067D": case "1067D":
setStationIcon(e.querySelector("img"),'https://n8n.haruk.in/webhook/anpanman-pictures.png?trainNum='+,hasProblem); return "https://n8n.haruk.in/webhook/anpanman-pictures.png?trainNum=" +
break; ;
//しまんと //しまんと
case "2002D": case "2002D":
case "2004D": case "2004D":
case "2001D": case "2001D":
case "2003D": case "2003D":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s2700_smn.png',hasProblem); return "https://storage.haruk.in/s2000_smn.png";
break;
//あしずり 2000 //あしずり 2000
case "2074D": case "2074D":
case "2076D": case "2076D":
@ -388,8 +361,8 @@ export const injectJavascriptData: InjectJavascriptData = (
case "2073D": case "2073D":
case "2079D": case "2079D":
case "2081D": case "2081D":
setStationIcon(e.querySelector("img"),'https://n8n.haruk.in/webhook/anpanman-pictures.png?trainNum='+,hasProblem); return "https://n8n.haruk.in/webhook/anpanman-pictures.png?trainNum=" +
break; ;
//あしずり 2700 //あしずり 2700
case "2072D": case "2072D":
@ -398,8 +371,7 @@ export const injectJavascriptData: InjectJavascriptData = (
case "2075D": case "2075D":
case "2077D": case "2077D":
case "2083D": case "2083D":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s2700_asi.png',hasProblem); return "https://storage.haruk.in/s2700_asi.png";
break;
//剣山 //剣山
case "4002D": case "4002D":
case "4004D": case "4004D":
@ -408,15 +380,12 @@ export const injectJavascriptData: InjectJavascriptData = (
case "4003D": case "4003D":
case "4005D": case "4005D":
case "4007D": case "4007D":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s185tu.png',hasProblem); return "https://storage.haruk.in/s185tu.png";
break;
//よしのがわトロッコ //よしのがわトロッコ
case "8452D": case "8452D":
case "8451D": case "8451D":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s185to_ai.png',hasProblem); return "https://storage.haruk.in/s185to_ai.png";
break;
//岡山高松アントロ //岡山高松アントロ
case "8176D": case "8176D":
@ -424,28 +393,23 @@ export const injectJavascriptData: InjectJavascriptData = (
//岡山琴平アントロ //岡山琴平アントロ
case "8277D": case "8277D":
case "8278D": case "8278D":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s32to4.png',hasProblem); return "https://storage.haruk.in/s32to4.png";
break;
//千年ものがたり //千年ものがたり
case "8021D": case "8021D":
case "8022D": case "8022D":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s185mm1.png',hasProblem); return "https://storage.haruk.in/s185mm1.png";
break;
//夜明けものがたり //夜明けものがたり
case "8082D": case "8082D":
case "8083D": case "8083D":
case "8073D": case "8073D":
case "8074D": case "8074D":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s185ym1.png',hasProblem); return "https://storage.haruk.in/s185ym1.png";
break;
//ラマルドボア //ラマルドボア
case "9253M": case "9253M":
case "9256M": case "9256M":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/w213w.png',hasProblem); return "https://storage.haruk.in/w213w.png";
break;
// 貨物 // 貨物
case "74": case "74":
@ -466,8 +430,7 @@ export const injectJavascriptData: InjectJavascriptData = (
case "8071": case "8071":
case "8072": case "8072":
case "8077": case "8077":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/ef210a.png',hasProblem); return "https://storage.haruk.in/ef210a.png";
break;
// // 普通列車系統、6000系運用 // // 普通列車系統、6000系運用
// //61運用 // //61運用
@ -485,7 +448,6 @@ export const injectJavascriptData: InjectJavascriptData = (
// setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s6000p.png',hasProblem); // setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s6000p.png',hasProblem);
// break; // break;
// // 土讃線普通列車系統(include ごな線) // // 土讃線普通列車系統(include ごな線)
// // ごな線 // // ごな線
// case "5851D": //219D併結 [ToDo: 219Dとの分割対策] // case "5851D": //219D併結 [ToDo: 219Dとの分割対策]
@ -899,13 +861,11 @@ export const injectJavascriptData: InjectJavascriptData = (
// 伊予灘ものがたり 赤 // 伊予灘ものがたり 赤
case "8091D": case "8091D":
case "8093D": case "8093D":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s185iyor.png',hasProblem); return "https://storage.haruk.in/s185iyor.png";
break;
// 伊予灘ものがたり 黄 // 伊予灘ものがたり 黄
case "8092D": case "8092D":
case "8094D": case "8094D":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s185iyoy.png',hasProblem); return "https://storage.haruk.in/s185iyoy.png";
break;
// 高徳線、徳島線、牟岐線、鳴門線普通列車系統 // 高徳線、徳島線、牟岐線、鳴門線普通列車系統
// キハ40・47 // キハ40・47
@ -930,8 +890,7 @@ export const injectJavascriptData: InjectJavascriptData = (
case "976D": case "976D":
case "980D": case "980D":
case "982D": case "982D":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s40.png',hasProblem); return "https://storage.haruk.in/s40.png";
break;
// 1000形 // 1000形
case "4311D": case "4311D":
case "363D": case "363D":
@ -943,8 +902,7 @@ export const injectJavascriptData: InjectJavascriptData = (
case "450D": case "450D":
case "4458D": case "4458D":
case "474D": case "474D":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s1000.png',hasProblem); return "https://storage.haruk.in/s1000.png";
break;
// 1200形 // 1200形
case "4301D": case "4301D":
case "4327D": case "4327D":
@ -984,17 +942,12 @@ export const injectJavascriptData: InjectJavascriptData = (
case "4958D": case "4958D":
case "4962D": case "4962D":
case "4966D": case "4966D":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s1200n.png',hasProblem); return "https://storage.haruk.in/s1200n.png";
break;
// 半定期臨時列車 // 半定期臨時列車
case "9174M": case "9174M":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s5001.png',hasProblem); return "https://storage.haruk.in/s5001.png";
break;
case "9395D": case "9395D":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s1500.png',hasProblem); return "https://storage.haruk.in/s1500.png";
break;
default: //指定車両でなく、Regexでの指定に移動 default: //指定車両でなく、Regexでの指定に移動
// // 琴平直通系普通電車 // // 琴平直通系普通電車
@ -1012,28 +965,19 @@ export const injectJavascriptData: InjectJavascriptData = (
// }// 高徳線 普通列車系統 // }// 高徳線 普通列車系統
// else // else
if (new RegExp(/^(4|5)3\\d\\dD$/).test()) { if (new RegExp(/^(4|5)3\\d\\dD$/).test()) {
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s1500.png',hasProblem); return "https://storage.haruk.in/s1500.png";
break; } else if (new RegExp(/^3\\d\\dD$/).test()) {
} return "https://storage.haruk.in/s1500.png";
else if(new RegExp(/^3\\d\\dD$/).test()){
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s1500.png',hasProblem);
break;
} // 徳島線 普通列車系統 } // 徳島線 普通列車系統
else if (new RegExp(/^(4|5)4\\d\\dD$/).test()) { else if (new RegExp(/^(4|5)4\\d\\dD$/).test()) {
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s1500.png',hasProblem); return "https://storage.haruk.in/s1500.png";
break; } else if (new RegExp(/^4\\d\\dD$/).test()) {
} return "https://storage.haruk.in/s1500.png";
else if(new RegExp(/^4\\d\\dD$/).test()){
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s1500.png',hasProblem);
break;
} // 鳴門線普通列車系統 } // 鳴門線普通列車系統
else if (new RegExp(/^(4|5)9(5|6|7|8)\\dD$/).test()) { else if (new RegExp(/^(4|5)9(5|6|7|8)\\dD$/).test()) {
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s1500.png',hasProblem); return "https://storage.haruk.in/s1500.png";
break; } else if (new RegExp(/^9(5|6|7|8)\\dD$/).test()) {
} return "https://storage.haruk.in/s1500.png";
else if(new RegExp(/^9(5|6|7|8)\\dD$/).test()){
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s1500.png',hasProblem);
break;
} }
// 牟岐線普通列車系統 一旦閉鎖 // 牟岐線普通列車系統 一旦閉鎖
// else if(new RegExp(/^(4|5)5\\d\\dD$/).test(列番データ)){ // else if(new RegExp(/^(4|5)5\\d\\dD$/).test(列番データ)){
@ -1310,7 +1254,12 @@ const setStrings = () =>{
var TrainType = undefined; var TrainType = undefined;
setTrainMenuDialog(element) setTrainMenuDialog(element)
${iconSetting == "true" ? "setTrainIcon(列番データ,element,hasProblem);" : ""} ${iconSetting == "true" ? `
const trainIconUrl = setTrainIcon();
if(trainIconUrl){
setStationIcon(element.querySelector("img"),trainIconUrl,hasProblem);
}
` : ""}
nameReplace(,,,hasProblem); nameReplace(,,,hasProblem);
} }
try{ try{