harukin/jrshikoku
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge commit 'cab738fa34d9d34de06503567ecca275f47c68f9' into patch/6.x

Browse Source
This commit is contained in:
harukin-expo-dev-env 2025-03-25 07:22:54 +00:00
commit 74087067ea
3 changed files with 144 additions and 145 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
components/ActionSheetComponents/JRSTraInfo.js
View File

@ -10,6 +10,7 @@ import {
BackHandler, BackHandler,
} from "react-native"; } from "react-native";
import { Ionicons, MaterialCommunityIcons } from "@expo/vector-icons"; import { Ionicons, MaterialCommunityIcons } from "@expo/vector-icons";
import dayjs from "dayjs";
import ActionSheet, { import ActionSheet, {
SheetManager, SheetManager,
useScrollHandlers, useScrollHandlers,
@ -19,9 +20,11 @@ import { useSafeAreaInsets } from "react-native-safe-area-context";
import ViewShot from "react-native-view-shot"; import ViewShot from "react-native-view-shot";
import * as Sharing from "expo-sharing"; import * as Sharing from "expo-sharing";
import { useTrainDelayData } from "../../stateBox/useTrainDelayData"; import { useTrainDelayData } from "../../stateBox/useTrainDelayData";
import { BottomButtons } from "./JRSTraInfo/BottomButtons";
export const JRSTraInfo = () => { export const JRSTraInfo = () => {
const { getTime, delayData, loadingDelayData, setLoadingDelayData } = const { getTime, delayData, loadingDelayData, setLoadingDelayData } =
useTrainDelayData(); useTrainDelayData();
const timeData = dayjs(getTime).format("HH:mm");
const actionSheetRef = useRef(null); const actionSheetRef = useRef(null);
const scrollHandlers = useScrollHandlers("scrollview-1", actionSheetRef); const scrollHandlers = useScrollHandlers("scrollview-1", actionSheetRef);
const insets = useSafeAreaInsets(); const insets = useSafeAreaInsets();
@ -46,11 +49,7 @@ export const JRSTraInfo = () => {
ref={actionSheetRef} ref={actionSheetRef}
isModal={Platform.OS == "ios"} isModal={Platform.OS == "ios"}
containerStyle={ containerStyle={
Platform.OS == "android" Platform.OS == "android" ? { paddingBottom: insets.bottom } : {}
? {
paddingBottom: insets.bottom,
}
: {}
} }
useBottomSafeAreaPadding={Platform.OS == "android"} useBottomSafeAreaPadding={Platform.OS == "android"}
> >
@ -90,15 +89,8 @@ export const JRSTraInfo = () => {
列車遅延速報EX 列車遅延速報EX
</Text> </Text>
<View style={{ flex: 1 }} /> <View style={{ flex: 1 }} />
{/* <TouchableOpacity style={{padding:10,backgroundColor:"white",alignContent:"center"}} onPress={() => {doFetch()}}>
<Text style={{fontSize:20,fontWeight:"bold",color:"#0099CC"}}>最新の情報へ更新</Text>
</TouchableOpacity> */}
<Text style={{ fontSize: 30, fontWeight: "bold", color: "white" }}> <Text style={{ fontSize: 30, fontWeight: "bold", color: "white" }}>
{getTime {timeData}
? getTime.toLocaleTimeString("ja-JP").split(":")[0] +
":" +
getTime.toLocaleTimeString("ja-JP").split(":")[1]
: NaN}{" "}
</Text> </Text>
<Ionicons <Ionicons
name="reload" name="reload"
@ -156,57 +148,7 @@ export const JRSTraInfo = () => {
</View> </View>
</ScrollView> </ScrollView>
</ViewShot> </ViewShot>
<View <BottomButtons onCapture={onCapture} />
style={{
padding: 10,
backgroundColor: "#0099CC",
flexDirection: "row",
justifyContent: "space-between",
}}
>
<TouchableOpacity
style={{
padding: 10,
flexDirection: "row",
borderColor: "white",
borderWidth: 1,
margin: 10,
borderRadius: 5,
alignItems: "center",
backgroundColor: "#0099CC",
flex: 1,
}}
onPress={() =>
Linking.openURL("https://mstdn.y-zu.org/@JRSTraInfoEX")
}
>
<MaterialCommunityIcons name="mastodon" color="white" size={30} />
<View style={{ flex: 1 }} />
<Text style={{ fontSize: 25, fontWeight: "bold", color: "white" }}>
MastodonBOT
</Text>
<View style={{ flex: 1 }} />
</TouchableOpacity>
<TouchableOpacity
style={{
padding: 10,
flexDirection: "row",
borderColor: "white",
borderWidth: 1,
margin: 10,
borderRadius: 5,
alignItems: "center",
backgroundColor: "#0099CC",
}}
onPress={onCapture}
>
<MaterialCommunityIcons
name="share-variant"
color="white"
size={30}
/>
</TouchableOpacity>
</View>
</View> </View>
</ActionSheet> </ActionSheet>
); );

49
components/ActionSheetComponents/JRSTraInfo/BottomButtons.tsx Normal file
View File

@ -0,0 +1,49 @@
import React, { CSSProperties, FC } from "react";
import {
View,
Text,
TouchableOpacity,
Linking,
StyleProp,
ViewStyle,
} from "react-native";
import { MaterialCommunityIcons } from "@expo/vector-icons";
const styles: StyleProp<ViewStyle> = {
padding: 10,
flexDirection: "row",
borderColor: "white",
borderWidth: 1,
margin: 10,
borderRadius: 5,
alignItems: "center",
backgroundColor: "#0099CC",
};
export const BottomButtons: FC<{ onCapture: () => void }> = ({ onCapture }) => {
return (
<View
style={{
padding: 10,
backgroundColor: "#0099CC",
flexDirection: "row",
justifyContent: "space-between",
}}
>
<TouchableOpacity
style={{ ...styles, flex: 1 }}
onPress={() => Linking.openURL("https://mstdn.y-zu.org/@JRSTraInfoEX")}
>
<MaterialCommunityIcons name="mastodon" color="white" size={30} />
<View style={{ flex: 1 }} />
<Text style={{ fontSize: 25, fontWeight: "bold", color: "white" }}>
MastodonBOT
</Text>
<View style={{ flex: 1 }} />
</TouchableOpacity>
<TouchableOpacity style={styles} onPress={onCapture}>
<MaterialCommunityIcons name="share-variant" color="white" size={30} />
</TouchableOpacity>
</View>
);
};

170
lib/webViewInjectjavascript.ts
View File

@ -28,9 +28,16 @@ export const injectJavascriptData: InjectJavascriptData = (
// 上部ヘッダーの取り扱い、自動再読み込み、setStringsの実行 // 上部ヘッダーの取り扱い、自動再読み込み、setStringsの実行
const bootData = ` const bootData = `
let probremsData = [];
fetch("https://n8n.haruk.in/webhook/jrshikoku-position-problems").then((response) => response.json()).then((data) => {
probremsData = data.data;
});
const setReload = () =>{ const setReload = () =>{
try{ try{
document.getElementById('refreshIcon').click(); document.getElementById('refreshIcon').click();
fetch("https://n8n.haruk.in/webhook/jrshikoku-position-problems").then((response) => response.json()).then((data) => {
probremsData = data.data;
});
setStrings(); setStrings();
}catch(error){} }catch(error){}
setTimeout(setReload, 10000); setTimeout(setReload, 10000);
@ -39,16 +46,16 @@ export const injectJavascriptData: InjectJavascriptData = (
`; `;
// 左か右かを判定してアイコンを設置する // 左か右かを判定してアイコンを設置する
const trainIcon = ` const trainIcon = `
const setStationIcon = (setIconElem,img) =>{ const setStationIcon = (setIconElem,img,hasProblem) =>{
if(setIconElem.getAttribute("style").includes("left")){ if(setIconElem.getAttribute("style").includes("left")){
setIconElem.insertAdjacentHTML('beforebegin', "<img src="+img+" style='float:left;height:20px;'>"); setIconElem.insertAdjacentHTML('beforebegin', "<img src="+img+" style='float:left;height:20px; background-color: "+(hasProblem ? 'black' : 'white')+";'>");
} }
else{ else{
setIconElem.insertAdjacentHTML('beforebegin', "<img src="+img+" style='float:right;height:20px;'>"); setIconElem.insertAdjacentHTML('beforebegin', "<img src="+img+" style='float:right;height:20px; background-color: "+(hasProblem ? 'black' : 'white')+";'>");
} }
setIconElem.remove(); setIconElem.remove();
} }
const setTrainIcon = (列番データ,e) =>{ const setTrainIcon = (列番データ,e,hasProblem) =>{
switch(列番データ){ switch(列番データ){
//しおかぜメイン //しおかぜメイン
//8000 ノーマル //8000 ノーマル
@ -70,14 +77,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'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s8000nr.png',hasProblem);
break; break;
//8000 アンパン //8000 アンパン
case "10M": case "10M":
case "22M": case "22M":
case "9M": case "9M":
case "21M": case "21M":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s8000ap.png'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s8000ap.png',hasProblem);
break; break;
@ -90,7 +97,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'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s8600.png',hasProblem);
break; break;
//いしづちメイン //いしづちメイン
@ -113,7 +120,7 @@ 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'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s8000no.png',hasProblem);
break; break;
//8000 アンパン //8000 アンパン
@ -121,7 +128,7 @@ export const injectJavascriptData: InjectJavascriptData = (
case "1022M": case "1022M":
case "1009M": case "1009M":
case "1021M": case "1021M":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s8000ap.png'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s8000ap.png',hasProblem);
break; break;
//8600 //8600
@ -133,29 +140,29 @@ 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'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s8600_isz.png',hasProblem);
break; break;
//MEXP //MEXP
//8000 //8000
case "1092M": case "1092M":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s8000nr.png'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s8000nr.png',hasProblem);
break; break;
//8600 //8600
case "1091M": case "1091M":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s8600_isz.png'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s8600_isz.png',hasProblem);
break; break;
//三桁いしづち //三桁いしづち
//8000 アンパン //8000 アンパン
case "1041M": case "1041M":
case "1044M": case "1044M":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s8000ap.png'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s8000ap.png',hasProblem);
break; 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'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s8600_isz.png',hasProblem);
break; break;
@ -178,7 +185,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'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s2700.png',hasProblem);
break; break;
//2700アンパン //2700アンパン
case "32D": case "32D":
@ -211,7 +218,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'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s2700_uzu.png',hasProblem);
break; break;
//2700 二両編成 //2700 二両編成
@ -225,7 +232,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'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s2700_uzu.png',hasProblem);
break; break;
//2600 //2600
@ -239,7 +246,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'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s2600.png',hasProblem);
break; break;
//マリンライナー //マリンライナー
@ -311,14 +318,14 @@ 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'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s5001.png',hasProblem);
break; 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'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s5001k.png',hasProblem);
break; break;
//サンライズ瀬戸 //サンライズ瀬戸
@ -326,7 +333,7 @@ export const injectJavascriptData: InjectJavascriptData = (
case "5031M": case "5031M":
case "8041M": //琴平延長高松迄 case "8041M": //琴平延長高松迄
case "8031M": //琴平延長高松以降 case "8031M": //琴平延長高松以降
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/w285.png'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/w285.png',hasProblem);
break; break;
//宇和海 //宇和海
@ -357,7 +364,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'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s2000_uwa.png',hasProblem);
break; break;
//2000 アンパン込み //2000 アンパン込み
case "1058D": case "1058D":
@ -366,14 +373,14 @@ export const injectJavascriptData: InjectJavascriptData = (
case "1053D": case "1053D":
case "1059D": case "1059D":
case "1067D": case "1067D":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s2002a.png'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s2002a.png',hasProblem);
break; 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'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s2700_smn.png',hasProblem);
break; break;
//あしずり 2000 //あしずり 2000
@ -385,7 +392,7 @@ export const injectJavascriptData: InjectJavascriptData = (
case "2073D": case "2073D":
case "2079D": case "2079D":
case "2081D": case "2081D":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s2000_asi.png'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s2000_asi.png',hasProblem);
break; break;
//あしずり 2700 //あしずり 2700
@ -395,7 +402,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'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s2700_asi.png',hasProblem);
break; break;
//剣山 //剣山
case "4002D": case "4002D":
@ -405,14 +412,14 @@ 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'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s185tu.png',hasProblem);
break; break;
//よしのがわトロッコ //よしのがわトロッコ
case "8452D": case "8452D":
case "8451D": case "8451D":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s185to_ai.png'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s185to_ai.png',hasProblem);
break; break;
//岡山高松アントロ //岡山高松アントロ
@ -421,14 +428,14 @@ export const injectJavascriptData: InjectJavascriptData = (
//岡山琴平アントロ //岡山琴平アントロ
case "8277D": case "8277D":
case "8278D": case "8278D":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s32to4.png'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s32to4.png',hasProblem);
break; break;
//千年ものがたり //千年ものがたり
case "8021D": case "8021D":
case "8022D": case "8022D":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s185mm1.png'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s185mm1.png',hasProblem);
break; break;
//夜明けものがたり //夜明けものがたり
@ -436,12 +443,12 @@ export const injectJavascriptData: InjectJavascriptData = (
case "8083D": case "8083D":
case "8073D": case "8073D":
case "8074D": case "8074D":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s185ym1.png'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s185ym1.png',hasProblem);
break; break;
//ラマルドボア //ラマルドボア
case "9253M": case "9253M":
case "9256M": case "9256M":
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/w213w.png'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/w213w.png',hasProblem);
break; break;
// 貨物 // 貨物
@ -463,7 +470,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'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/ef210a.png',hasProblem);
break; break;
// // 普通列車系統、6000系運用 // // 普通列車系統、6000系運用
@ -479,7 +486,7 @@ export const injectJavascriptData: InjectJavascriptData = (
// case "147M": // case "147M":
// //962運用 // //962運用
// case "114M": // case "114M":
// setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s6000p.png'); // setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s6000p.png',hasProblem);
// break; // break;
@ -487,31 +494,31 @@ export const injectJavascriptData: InjectJavascriptData = (
// // ごな線 // // ごな線
// case "5851D": //219D併結 [ToDo: 219Dとの分割対策] // case "5851D": //219D併結 [ToDo: 219Dとの分割対策]
// case "5854D": // case "5854D":
// setStationIcon(e.querySelector("img"),'https://storage.haruk.in/tosa9640jgr.png'); // setStationIcon(e.querySelector("img"),'https://storage.haruk.in/tosa9640jgr.png',hasProblem);
// break; // break;
// //JR車両乗り入れ運用 // //JR車両乗り入れ運用
// case "5858D": // case "5858D":
// case "5869D": // case "5869D":
// setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s1000.png'); // setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s1000.png',hasProblem);
// break; // break;
// //併結運用の併結される側 [ToDo: 分割対策] // //併結運用の併結される側 [ToDo: 分割対策]
// case "5845D": // case "5845D":
// case "5851D": // case "5851D":
// case "5818D": // case "5818D":
// case "5820D": // case "5820D":
// setStationIcon(e.querySelector("img"),'https://storage.haruk.in/tosa9640.png'); // setStationIcon(e.querySelector("img"),'https://storage.haruk.in/tosa9640.png',hasProblem);
// break; // break;
// // 土讃線単体列車のキハ32運用 // // 土讃線単体列車のキハ32運用
// case "715D": // case "715D":
// case "718D": // case "718D":
// setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s32ns.png'); // setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s32ns.png',hasProblem);
// break; // break;
// // サンライズに伴う気動車代走 // // サンライズに伴う気動車代走
// case "6219D": // case "6219D":
// case "6222D": // case "6222D":
// setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s1000.png'); // setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s1000.png',hasProblem);
// break; // break;
// // それ以外の土讃線ごな線直通列車 // // それ以外の土讃線ごな線直通列車
// case "5811D": // case "5811D":
@ -540,7 +547,7 @@ export const injectJavascriptData: InjectJavascriptData = (
// case "5876D": // case "5876D":
// case "5880D": // case "5880D":
// case "5882D": // case "5882D":
// setStationIcon(e.querySelector("img"),'https://storage.haruk.in/tosa9640.png'); // setStationIcon(e.querySelector("img"),'https://storage.haruk.in/tosa9640.png',hasProblem);
// break; // break;
// // それ以外の土讃線普通列車(1000) // // それ以外の土讃線普通列車(1000)
// case "4210D": // case "4210D":
@ -661,7 +668,7 @@ export const injectJavascriptData: InjectJavascriptData = (
// case "757D": // case "757D":
// case "761D": // case "761D":
// setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s1000.png'); // setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s1000.png',hasProblem);
// break; // break;
// // 予讃線/土讃線普通列車運用(7000,7200) // // 予讃線/土讃線普通列車運用(7000,7200)
// // 下り列車(伊予西条-松山は全て7000系) // // 下り列車(伊予西条-松山は全て7000系)
@ -715,7 +722,7 @@ export const injectJavascriptData: InjectJavascriptData = (
// case "155M": // case "155M":
// case "1263M": // case "1263M":
// case "157M": // case "157M":
// setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s7200.png'); // setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s7200.png',hasProblem);
// break; // break;
// // 下り7000系 // // 下り7000系
// case "101M": // case "101M":
@ -727,7 +734,7 @@ export const injectJavascriptData: InjectJavascriptData = (
// case "555M": // case "555M":
// case "4565M": // case "4565M":
// case "159M": // case "159M":
// setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s7000.png'); // setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s7000.png',hasProblem);
// break; // break;
// // 上り列車 7200系 // // 上り列車 7200系
// case "5102M": // case "5102M":
@ -781,7 +788,7 @@ export const injectJavascriptData: InjectJavascriptData = (
// case "1606M": // case "1606M":
// case "5160M": // case "5160M":
// case "5256M": // case "5256M":
// setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s7200.png'); // setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s7200.png',hasProblem);
// break; // break;
// // 上り7000系 // // 上り7000系
// case "114M": // case "114M":
@ -792,7 +799,7 @@ export const injectJavascriptData: InjectJavascriptData = (
// case "4542M": // case "4542M":
// case "162M": // case "162M":
// case "4166M": // case "4166M":
// setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s7000.png'); // setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s7000.png',hasProblem);
// break; // break;
// // 松山界隈気動車運用 // // 松山界隈気動車運用
// // 上り下りの概念アリ // // 上り下りの概念アリ
@ -815,28 +822,28 @@ export const injectJavascriptData: InjectJavascriptData = (
// case "4824D": // case "4824D":
// case "4813D": // case "4813D":
// case "4664D": // case "4664D":
// setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s32s.png'); // setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s32s.png',hasProblem);
// break; // break;
// // 河童うようよ号偶数 // // 河童うようよ号偶数
// case "4816D": // case "4816D":
// case "4830D": // case "4830D":
// setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s32kpuy2.png'); // setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s32kpuy2.png',hasProblem);
// break; // break;
// // 河童うようよ号奇数 // // 河童うようよ号奇数
// case "4827D": // case "4827D":
// setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s32kpuy1.png'); // setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s32kpuy1.png',hasProblem);
// break; // break;
// // 新幹線偶数 // // 新幹線偶数
// case "4810D": // case "4810D":
// case "4822D": // case "4822D":
// case "4826D": // case "4826D":
// setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s32tht.png'); // setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s32tht.png',hasProblem);
// break; // break;
// // 新幹線奇数 // // 新幹線奇数
// case "4817D": // case "4817D":
// case "4823D": // case "4823D":
// case "4829D": // case "4829D":
// setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s32thtk.png'); // setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s32thtk.png',hasProblem);
// break; // break;
// // キハ54 通常運用 // // キハ54 通常運用
// case "4632D": // case "4632D":
@ -879,29 +886,29 @@ export const injectJavascriptData: InjectJavascriptData = (
// case "4922D": // case "4922D":
// case "4923D": // case "4923D":
// case "4663D": // case "4663D":
// setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s54s.png'); // setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s54s.png',hasProblem);
// break; // break;
// // 54しまんとろっこ // // 54しまんとろっこ
// case "4623D": // case "4623D":
// case "8814D": // case "8814D":
// case "8819D": // case "8819D":
// case "4662D": // case "4662D":
// setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s54to0ys.png'); // setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s54to0ys.png',hasProblem);
// break; // break;
// // キハ185 通常運用 // // キハ185 通常運用
// case "911D": // case "911D":
// case "628D": // case "628D":
// setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s185cm.png'); // setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s185cm.png',hasProblem);
// break; // break;
// // 伊予灘ものがたり 赤 // // 伊予灘ものがたり 赤
// case "8091D": // case "8091D":
// case "8093D": // case "8093D":
// setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s185iyor.png'); // setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s185iyor.png',hasProblem);
// break; // break;
// // 伊予灘ものがたり 黄 // // 伊予灘ものがたり 黄
// case "8092D": // case "8092D":
// case "8094D": // case "8094D":
// setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s185iyoy.png'); // setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s185iyoy.png',hasProblem);
// break; // break;
// 高徳線、徳島線、牟岐線、鳴門線普通列車系統 // 高徳線、徳島線、牟岐線、鳴門線普通列車系統
@ -927,7 +934,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'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s40.png',hasProblem);
break; break;
// 1000形 // 1000形
case "4311D": case "4311D":
@ -940,7 +947,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'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s1000.png',hasProblem);
break; break;
// 1200形 // 1200形
case "4301D": case "4301D":
@ -981,56 +988,56 @@ 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'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s1200n.png',hasProblem);
break; break;
default: //指定車両でなく、Regexでの指定に移動 default: //指定車両でなく、Regexでの指定に移動
// // 琴平直通系普通電車 // // 琴平直通系普通電車
// if(new RegExp(/^(1|4|5)2\\d\\dM$/).test(列番データ)){ // if(new RegExp(/^(1|4|5)2\\d\\dM$/).test(列番データ)){
// setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s7200.png'); // setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s7200.png',hasProblem);
// break; // break;
// } // }
// else if(new RegExp(/^(1|4|5)(1|5|6)\\d\\dM$/).test(列番データ)){ // else if(new RegExp(/^(1|4|5)(1|5|6)\\d\\dM$/).test(列番データ)){
// setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s7000.png'); // setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s7000.png',hasProblem);
// break; // break;
// } // }
// else if(new RegExp(/^(1|5|6)\\d\\dM$/).test(列番データ)){ // else if(new RegExp(/^(1|5|6)\\d\\dM$/).test(列番データ)){
// setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s7000.png'); // setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s7000.png',hasProblem);
// break; // break;
// }// 高徳線 普通列車系統 // }// 高徳線 普通列車系統
// 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'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s1500.png',hasProblem);
break; break;
} }
else if(new RegExp(/^3\\d\\dD$/).test(列番データ)){ else if(new RegExp(/^3\\d\\dD$/).test(列番データ)){
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s1500.png'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s1500.png',hasProblem);
break; 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'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s1500.png',hasProblem);
break; break;
} }
else if(new RegExp(/^4\\d\\dD$/).test(列番データ)){ else if(new RegExp(/^4\\d\\dD$/).test(列番データ)){
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s1500.png'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s1500.png',hasProblem);
break; 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'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s1500.png',hasProblem);
break; break;
} }
else if(new RegExp(/^9(5|6|7|8)\\dD$/).test(列番データ)){ else if(new RegExp(/^9(5|6|7|8)\\dD$/).test(列番データ)){
setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s1500.png'); setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s1500.png',hasProblem);
break; break;
} }
// 牟岐線普通列車系統 一旦閉鎖 // 牟岐線普通列車系統 一旦閉鎖
// else if(new RegExp(/^(4|5)5\\d\\dD$/).test(列番データ)){ // else if(new RegExp(/^(4|5)5\\d\\dD$/).test(列番データ)){
// setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s7200.png'); // setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s7200.png',hasProblem);
// break; // break;
// } // }
// else if(new RegExp(/^5\\d\\dD$/).test(列番データ)){ // else if(new RegExp(/^5\\d\\dD$/).test(列番データ)){
// setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s7000.png'); // setStationIcon(e.querySelector("img"),'https://storage.haruk.in/s7000.png',hasProblem);
// break; // break;
// } // }
break; break;
@ -1039,7 +1046,7 @@ export const injectJavascriptData: InjectJavascriptData = (
`; `;
const normal_train_name = ` const normal_train_name = `
const nameReplace = (列車名データ,列番データ,行き先情報) =>{ const nameReplace = (列車名データ,列番データ,行き先情報,hasProblem) =>{
let isWanman = false; let isWanman = false;
let trainName = ""; let trainName = "";
let viaData = ""; let viaData = "";
@ -1166,7 +1173,7 @@ export const injectJavascriptData: InjectJavascriptData = (
//牟岐線発高徳線行き //牟岐線発高徳線行き
case "358D": case "358D":
viaData = "牟岐線直通"; viaData = "高徳線直通";
break; break;
case "4314D": case "4314D":
case "4326D": case "4326D":
@ -1174,31 +1181,31 @@ export const injectJavascriptData: InjectJavascriptData = (
case "4342D": case "4342D":
case "4350D": case "4350D":
case "4368D": case "4368D":
viaData = "牟岐線直通"; viaData = "高徳線直通";
isWanman = true; isWanman = true;
break; break;
//牟岐線発徳島線行き //牟岐線発徳島線行き
case "451D": case "451D":
case "475D": case "475D":
viaData = "牟岐線直通"; viaData = "徳島線直通";
break; break;
case "4447D": case "4447D":
case "4455D": case "4455D":
case "5467D": case "5467D":
case "5471D": case "5471D":
case "5479D": case "5479D":
viaData = "牟岐線直通"; viaData = "徳島線直通";
isWanman = true; isWanman = true;
break; break;
//牟岐線発鳴門線行き //牟岐線発鳴門線行き
case "952D": case "952D":
viaData = "牟岐線直通"; viaData = "鳴門線直通";
break; break;
case "4954D": case "4954D":
case "4978D": case "4978D":
viaData = "牟岐線直通"; viaData = "鳴門線直通";
isWanman = true; isWanman = true;
break; break;
@ -1220,7 +1227,7 @@ export const injectJavascriptData: InjectJavascriptData = (
case "248D": case "248D":
case "250D": case "250D":
viaData = "ごめん・なはり線[快速]"; viaData = "ごめん・なはり線[快速]";
ToData = "(後免にて解結)土佐山田/奈半利"; ToData = "(後免にて解結)\\n土佐山田/奈半利";
break; break;
case "9395D": case "9395D":
viaData = "[臨時]普通"; viaData = "[臨時]普通";
@ -1256,8 +1263,8 @@ 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 = "";
行き先情報.insertAdjacentHTML('beforebegin', "<p style='font-size:10px;font-weight:bold;padding:0;'>" + returnText1 + "</p>"); 行き先情報.insertAdjacentHTML('beforebegin', "<p style='font-size:10px;font-weight:bold;padding:0;color:" + (hasProblem ? "red" : "black") + ";background-color:"+ (hasProblem ? "black" : "unset") +";'>" + returnText1 + (hasProblem ? "\[停止中\]" : "") + "</p>");
行き先情報.insertAdjacentHTML('beforebegin', "<div style='display:inline-flex;flex-direction:row;'><p style='font-size:10px;font-weight: bold;padding:0;'>" + (ToData ? ToData + "行 " : ToData) + "</p><p style='font-size:10px;padding:0;'>" + TrainNumber + (JRF ? "":"レ") + "</p></div>"); 行き先情報.insertAdjacentHTML('beforebegin', "<div style='display:inline-flex;flex-direction:row;'><p style='font-size:10px;font-weight: bold;padding:0;color:" + (hasProblem ? "red" : "black") + ";background-color:"+ (hasProblem ? "black" : "unset") +";'>" + (ToData ? ToData + "行 " : ToData) + "</p><p style='font-size:10px;padding:0;color:" + (hasProblem ? "red" : "black") + ";background-color:"+ (hasProblem ? "black" : "unset") +";'>" + TrainNumber + (JRF ? "":"レ") + "</p></div>");
} }
`; `;
@ -1274,12 +1281,13 @@ const setStrings = () =>{
var 行き先情報 = element.getElementsByTagName("p")[0]; var 行き先情報 = element.getElementsByTagName("p")[0];
var 列番データ = element.getAttribute('offclick').split('"')[1]; var 列番データ = element.getAttribute('offclick').split('"')[1];
var 列車名データ = element.getAttribute('offclick').split('"')[3]; var 列車名データ = element.getAttribute('offclick').split('"')[3];
const hasProblem = probremsData.find(e => e.TrainNum == 列番データ);
var flag=false; var flag=false;
var TrainType = undefined; var TrainType = undefined;
setTrainMenuDialog(element) setTrainMenuDialog(element)
${iconSetting == "true" ? "setTrainIcon(列番データ,element);" : ""} ${iconSetting == "true" ? "setTrainIcon(列番データ,element,hasProblem);" : ""}
nameReplace(列車名データ,列番データ,行き先情報); nameReplace(列車名データ,列番データ,行き先情報,hasProblem);
} }
try{ try{
for(let d of document.getElementById('disp').childNodes){ for(let d of document.getElementById('disp').childNodes){