seo/custom-findmydevice
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

나의 찾기 화면을 자동 생성하도록 정리

Browse Source
This commit is contained in:
seo
2026-06-29 05:36:52 +09:00
parent ddbd193276
commit ba6fdbdf54
2 changed files with 85 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
js/main.js
+79 -9
View File
@@ -445,8 +445,8 @@ const deviceLang = (navigator.language || navigator.userLanguage || "en").starts
initialInfoOpened: false,
historyBoundsFitted: false,
};
let langCode = localStorage.getItem("currentLang") || deviceLang,
lastAutoSwitchChecked,
let langCode = localStorage.getItem("currentLang") || deviceLang,
lastAutoSwitchChecked,
lastUpdateSwitchChecked,
lastHash,
lastLat,
@@ -455,13 +455,83 @@ let langCode = localStorage.getItem("currentLang") || deviceLang,
map,
marker,
circle,
radiusInterval,
_overrideRange,
wakeLock = null;
applyLanguage(langCode);
document.querySelectorAll('.locateRow').forEach(row => {
radiusInterval,
_overrideRange,
wakeLock = null;
function ensureFindMyDeviceShell() {
if (document.getElementById('mySettingContainer')) return;
let mount = document.getElementById('findmydevice');
if (!mount) {
mount = document.createElement('div');
mount.id = 'findmydevice';
document.body.prepend(mount);
}
mount.innerHTML = `
<div id="mySettingContainer" style="user-select: none;">
<div id="settingsHeader">
<a id="blogBackLink"></a>
<div id="langToggle"><img alt="Language Toggle" src="/custom/findmydevice/img/language-empty.svg" /></div>
</div>
<div id="toggleContent" style="padding-bottom:80px;">
<div id="mapContainer"><div id="map" style="width:100%; height:100%;">&nbsp;</div></div>
<div class="settingTitle"><span id="titleSettings"></span></div>
<div class="settingSection">
<div class="settingRow" id="wakeLockRow"><span id="labelKeepScreenOn"></span><label class="iosSwitch"><input id="wakeLockSwitch" type="checkbox" /></label></div>
</div>
<div class="settingTitle"><span id="titleHistory"></span></div>
<div class="settingSection">
<div class="settingRow"><span id="labelStartTime"></span><input class="dth" id="rangeStart" type="datetime-local" /></div>
<div class="settingRow"><span id="labelEndTime"></span><input class="dth" id="rangeEnd" type="datetime-local" /></div>
<div class="settingRow locateRow" id="HistoryResetBtn"><span id="labelHistoryReset"></span></div>
</div>
<div class="settingTitle"><span id="titleLocation"></span></div>
<div class="settingSection">
<div class="settingRow"><span id="labelCurrentPosition"></span><span id="currentPosition"></span></div>
<div class="settingRow"><span id="labelGpsAccuracy"></span><span id="accuracyValue"></span></div>
<div class="settingRow" id="autoLocateBtn"><span id="labelCurrentAutoPosition"></span><label class="iosSwitch"><input id="autoPositionSwitch" type="checkbox" /></label></div>
<div class="settingRow locateRow" id="locateBtn"><span id="labelMoveToCurrent"></span></div>
</div>
<div class="settingTitle"><span id="titleUpdate"></span></div>
<div class="settingSection">
<div class="settingRow"><span id="labelLastUpdate"></span><span id="lastUpdateTime"></span></div>
<div class="settingRow"><span id="labelUpdateTrigger"></span><span id="updateTrigger"></span></div>
<div class="settingRow" id="autoUpdateBtn"><span id="labelAutoUpdate"></span><label class="iosSwitch"><input id="autoUpdateSwitch" type="checkbox" /></label></div>
<div class="settingRow locateRow" id="updateBtn"><span id="labelForceUpdate"></span></div>
</div>
<div class="settingTitle"><span id="titleBattery"></span></div>
<div class="settingSection">
<div class="settingRow"><span id="labelBatteryState"></span><span id="batteryStatus"></span></div>
<div class="settingRow"><span id="labelBatteryLevel"></span><span id="Battery"></span></div>
<div class="settingRow"><span id="labelWatchBatteryState"></span><span id="WbatteryStatus"></span></div>
<div class="settingRow"><span id="labelWatchBatteryLevel"></span><span id="WBattery"></span></div>
</div>
<div class="settingTitle"><span id="titleActivity"></span></div>
<div class="settingSection">
<div class="settingRow"><span id="labelCurrentActivity"></span><span id="nowActivity"></span></div>
<div class="settingRow"><span id="labelDistance"></span><span id="todayDistance"></span></div>
<div class="settingRow"><span id="labelSteps"></span><span id="todaySteps"></span></div>
<div class="settingRow"><span id="labelAscended"></span><span id="todayAscended"></span></div>
<div class="settingRow"><span id="labelDescended"></span><span id="todayDescended"></span></div>
</div>
</div>
</div>
<div id="ios-pwa-tooltip">
<span class="close-btn" id="close-tooltip">✕</span>
<span style="width:18px;height:18px;display:inline-block;vertical-align:middle;margin-right:5px;transform:translateZ(0);will-change:transform;">
<svg height="18" viewBox="0 0 50 50" width="18" xmlns="http://www.w3.org/2000/svg"><path d="M30.3 13.7L25 8.4l-5.3 5.3-1.4-1.4L25 5.6l6.7 6.7z"></path><path d="M24 7h2v21h-2z"></path><path d="M35 40H15c-1.7 0-3-1.3-3-3V19c0-1.7 1.3-3 3-3h7v2h-7c-.6 0-1 .4-1 1v18c0 .6.4 1 1 1h20c.6 0 1-.4 1-1V19c0-.6-.4-1-1-1h-7v-2h7c1.7 0 3 1.3 3 3v18c0 1.7-1.3 3-3 3z"></path></svg>
</span>
<span id="labelPwa"></span>
</div>
`;
}
ensureFindMyDeviceShell();
applyLanguage(langCode);
document.querySelectorAll('.locateRow').forEach(row => {
row.addEventListener('pointerdown', () => {
row.style.background = '#d3d3d3';
});