Toggleable auto-click script for a specific button with countdown and additional logic for data comparison
// ==UserScript==
// @name MiliPass Refreshing
// @namespace http://tampermonkey.net/
// @version 0.4.4
// @description Toggleable auto-click script for a specific button with countdown and additional logic for data comparison
// @author You
// @match *://admin.milipass.kr/*
// @grant none
// @license MIT
// ==/UserScript==
(function() {
'use strict';
// 상태 변수
let isRunning = localStorage.getItem('autoClickRunning') === 'true';
let lastRefreshTime = localStorage.getItem('refreshTime');
let countdownIntervalId;
function sleep(ms) {
return new Promise((r) => setTimeout(r, ms));
}
// 자동 클릭 함수
function startClicking() {
if (isRunning) {
let countdownTime = localStorage.getItem('countdownTime');
if (countdownTime === null || countdownTime === undefined || countdownTime === 'undefined') {
localStorage.setItem('countdownTime', 300);
console.log('New countdownTime : 300s');
} else {
console.log('countdownTime remain : ', countdownTime);
}
console.log('자동 클릭 실행 중...');
console.log(`${countdownTime<60?countdownTime:countdownTime/60}${countdownTime<60?'초':'분'} 후 새로고침`);
countdown(countdownTime);
sleep(countdownTime*1000).then(() => {
const refreshTime = new Date().toLocaleString();
localStorage.setItem('refreshTime', refreshTime);
if(!isRunning) {
console.log('자동 클릭 중지됨.');
} else {
localStorage.setItem('countdownTime', 300);
window.Tmo.tmoSearch();
sleep(10000);
checkPresentData(); // 클릭 후 presentData 체크
}
});
} else {
console.log('자동 클릭 중지됨.');
}
}
// 카운트다운 함수
function countdown(seconds) {
let remaining = seconds;
let time = seconds < 60 ? 1 : 60;
countdownIntervalId = setInterval(() => {
remaining-=time;
localStorage.setItem('countdownTime', remaining);
console.log(`다음 클릭까지 남은 시간: ${remaining/time}${time<60?'초':'분'}`);
if (remaining < 0) {
clearInterval(countdownIntervalId);
if (isRunning) {
startClicking();
}
}
}, time*1000);
}
// 토글 함수
function toggleClicking() {
isRunning = !isRunning;
localStorage.setItem('autoClickRunning', isRunning);
console.log(`자동 클릭 상태: ${isRunning ? '실행 중' : '중지됨'}`);
if (isRunning) {
startClicking();
} else {
clearInterval(countdownIntervalId);
}
}
// 페이지 로드 시 상태 확인 및 자동 클릭 시작
console.log(`초기 자동 클릭 상태: ${isRunning ? '실행 중' : '중지됨'}`);
if (isRunning) {
startClicking();
}
// 토글 버튼 생성 함수
function createToggleButton() {
const toggleButton = document.createElement('button');
toggleButton.textContent = isRunning ? '최근 새로고침 : '+ lastRefreshTime : '자동 새로고침 시작';
toggleButton.style.position = 'fixed';
toggleButton.style.top = '10px';
toggleButton.style.right = '500px';
toggleButton.style.zIndex = 10000;
toggleButton.style.backgroundColor = isRunning ? '#000080' : '#30cd79';
toggleButton.style.color = 'white';
toggleButton.style.border = 'none';
toggleButton.style.padding = '10px';
toggleButton.style.cursor = 'pointer';
toggleButton.style.transition = 'background-color 0.2s ease-in-out'; // 부드러운 전환 효과 추가
// 마우스 오버 시 색상 변경
toggleButton.onmouseover = function() {
toggleButton.style.backgroundColor = isRunning ? '#50cd89' : '#2222a2';
};
// 마우스가 버튼을 벗어나면 원래 색상으로 복귀
toggleButton.onmouseout = function() {
toggleButton.style.backgroundColor = isRunning ? '#000080' : '#30cd79';
};
toggleButton.addEventListener('click', () => {
const trElement = document.getElementById('rowIndex0');
const result = trElement ? trElement.textContent.trim() : null;
// console.log(`Result: ${result}`);
localStorage.setItem('presentData', result);
// console.log('현재 1행 신청자를 presentData로 저장.');
toggleClicking();
const refreshTime = new Date().toLocaleString();
localStorage.setItem('refreshTime', refreshTime);
toggleButton.textContent = isRunning ? '최근 새로고침 : '+ refreshTime : '자동 새로고침 시작';
toggleButton.style.backgroundColor = isRunning ? '#000080' : '#30cd79';
window.Tmo.tmoSearch();
});
document.body.appendChild(toggleButton);
}
createToggleButton();
// presentData 체크 및 업데이트 함수
function checkPresentData() {
// id가 'rowIndex0'인 tr 요소의 값 가져오기
const trElement = document.getElementById('rowIndex0');
const result = trElement ? trElement.textContent.trim() : null;
const presentData = localStorage.getItem('presentData');
// console.log(`Result: ${result}`);
// console.log(`PresentData: ${presentData}`);
// console.log(`PresentDataType: ${typeof(presentData)}`);
if (presentData === null || presentData === undefined || presentData === 'undefined') {
// presentData가 없을 경우, presentData에 result를 덮어씌우고 계속 진행
localStorage.setItem('presentData', result);
console.log('PresentData가 없어서 result를 presentData로 저장했습니다.');
} else if (result !== presentData) {
// 결과값이 presentData와 다르면 isRunning을 False로 바꾸고 알림 표시
// isRunning = false;
// localStorage.setItem('autoClickRunning', 'false');
// const past = presentData.replace(/[\n\t\r]+/g, ' ').replace(/\s\s+/g, ' ');
// const current = result.replace(/[\n\t\r]+/g, ' ').replace(/\s\s+/g, ' ');
if(result.match(/\d{2}-\d{6}/)[0] !== presentData.match(/\d{2}-\d{6}/)[0] || result.match(/\d{5}/)[0] !== presentData.match(/\d{5}/)[0]) {
if(result[0] !== '-') {
localStorage.setItem('presentData', result);
openPopup();
}
}
// alert('발권신청접수');
}
}
// 새로운 팝업 창을 띄우는 함수
function openPopup() {
// 팝업 창의 크기와 위치를 지정
const width = 220;
const height = 110;
const left = (screen.width / 2) - (width / 2);
const top = (screen.height / 2) - (height / 2);
// 팝업 창 열기
const popup = window.open('', 'popup', `width=${width},height=${height},top=${top},left=${left}`);
// 팝업 창의 내용 설정
if (popup) {
popup.document.write(`
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>알림</title>
<style>
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
background-color: #44444488;
color: white;
font-family: Arial, sans-serif;
font-size: 24px;
}
.message {
padding: 20px;
background-color: rgba(0, 0, 200, 0.7);
border-radius: 10px;
}
</style>
</head>
<body>
<div class="message">발권신청접수</div>
</body>
</html>
`);
popup.document.close(); // 팝업 창의 문서 스트림을 닫음
} else {
console.error('팝업 창을 열 수 없습니다. 팝업 차단기가 활성화되어 있을 수 있습니다.');
}
}
function createToggleMenu() {
const toggleButton = document.createElement('button');
toggleButton.textContent = '발권제한 멘트';
toggleButton.style.position = 'fixed';
toggleButton.style.top = '10px';
toggleButton.style.right = '395px';
toggleButton.style.zIndex = 10000;
toggleButton.style.backgroundColor = '#d9214e';
toggleButton.style.color = 'white';
toggleButton.style.border = 'none';
toggleButton.style.padding = '10px';
toggleButton.style.cursor = 'pointer';
const menu = document.createElement('div');
menu.style.display = 'none';
menu.style.position = 'fixed';
menu.style.top = '50px';
menu.style.right = '410px';
menu.style.backgroundColor = 'white';
menu.style.border = '1px solid black';
menu.style.padding = '10px';
menu.style.zIndex = 10000;
toggleButton.style.transition = 'background-color 0.2s ease-in-out'; // 부드러운 전환 효과 추가
// 마우스 오버 시 색상 변경
toggleButton.onmouseover = function() {
toggleButton.style.backgroundColor = '#50cd89';
};
// 마우스가 버튼을 벗어나면 원래 색상으로 복귀
toggleButton.onmouseout = function() {
toggleButton.style.backgroundColor = '#d9214e';
};
const items = [
{ label: '매진', content: '매진으로 인한 지원 불가. 취소표 예매 후 TMO 현장 발매 바랍니다.' },
{ label: '지원 제한', content: '신청한 내용과 동일한 시간대에 운행하는 열차가 존재하지 않습니다. 코레일 운행시각표 확인 후 정확한 운행시각으로 재신청 바랍니다.' },
{ label: '소속 불명', content: '지원 구간 판별을 위해 명확한 소속 부대 위치 확인이 필요하기에 최소 대대급까지 작성 바랍니다.' },
{ label: '휴가 조회 불가', content: '국방수송정보체계상 휴가 조회 불가로 지원이 제한됩니다. 추후 재신청 혹은 TMO 현장 발매 바랍니다.' },
{ label: 'SRT', content: 'SRT는 밀리패스 지원이 불가합니다. 열차 출발 전 TMO 현장 발매 혹은 유선예매지원반 연락 후 원격 지원 바랍니다.' },
{ label: '환승 시간', content: '환승으로 열차를 이용하시는 경우 중간역 대기시간이 10분 이상~50분 이하인 경우에만 지원이 가능합니다. 열차 미존재 등의 사유로 50분 초과하시는 경우에는 TMO 현장방문 부탁드립니다.' },
{ label: '중복 신청', content: '중복 신청으로 발권이 제한됩니다. 만약 기존 수령표를 반환하신 경우 해당 TMO에 연락 후 반환 확인 부탁드립니다.' },
{ label: '예매 기간', content: '열차 예매는 출발일 1개월 전 07:00 부터 가능합니다. 코레일 앱에서 열차시각표 확인 후 정확한 시각으로 신청 바랍니다.' },
{ label: '행선지 전국', content: '휴가증 행선지가 전국인 경우 명확한 행선지 확인이 불가하여 지원이 어렵습니다. 부대 측에 연락하여 휴가증 행선지 수정 후 휴가증 재발급이 완료되어야 승차권 지원이 가능합니다.' },
{ label: '행선지 제주', content: '휴가증 행선지가 제주/국외인 경우 최기 터미널 또는 공항까지만 지원 가능합니다. 이용하시는 항공권 또는 승선권 지참 후 인근 TMO 현장 방문 부탁드립니다.' }
];
items.forEach(item => {
const menuItem = document.createElement('div');
menuItem.textContent = item.label;
menuItem.style.padding = '5px';
menuItem.style.cursor = 'pointer';
menuItem.style.borderBottom = '1px solid #ddd';
// hover 시 표시할 요소 생성
const hoverContent = document.createElement('div');
hoverContent.style.position = 'absolute';
hoverContent.style.top = '0'; // 위쪽으로 맞춤
hoverContent.style.left = '100%'; // 오른쪽으로 이동
hoverContent.style.background = '#f0f0f0';
hoverContent.style.padding = '10px';
hoverContent.style.border = '1px solid #ddd';
hoverContent.style.borderRadius = '5px';
hoverContent.style.zIndex = '1';
hoverContent.style.whiteSpace = 'normal';
hoverContent.style.width = '250px'; // 컨텐츠 너비 조정
hoverContent.textContent = item.content;
hoverContent.style.display = 'none'; // 기본적으로 숨김
// hover 효과 적용
menuItem.addEventListener('mouseover', () => {
hoverContent.style.display = 'block';
menuItem.style.background = '#f0f0f0'; // hover 시 배경색 변경
});
menuItem.addEventListener('mouseout', () => {
hoverContent.style.display = 'none';
menuItem.style.background = ''; // hover 해제 시 배경색 초기화
});
// hoverContent를 menuItem의 부모 요소에 추가
menu.appendChild(hoverContent);
menu.appendChild(menuItem);
// 클릭 이벤트 유지
menuItem.addEventListener('click', () => {
navigator.clipboard.writeText(item.content).then(() => {
alert(`제한사유 : ${item.label}\n안내멘트 : ${item.content}\n발권제한 > 사유:기타 > 붙여넣기`);
}).catch(err => {
console.error('클립보드 복사 실패:', err);
});
});
});
toggleButton.addEventListener('click', () => {
menu.style.display = menu.style.display === 'none' ? 'block' : 'none';
});
document.body.appendChild(toggleButton);
document.body.appendChild(menu);
}
createToggleMenu();
})();