forked from MichaelEbert/OblivionProgressTracker
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnirnroute.html
147 lines (136 loc) · 6.61 KB
/
nirnroute.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html><head>
<meta charset="UTF-8"/>
<link rel="icon" type="image/png" href="./favicon.ico"/>
<link rel="stylesheet" type="text/css" href="main.css"/>
<link rel="stylesheet" type="text/css" href="guide.css"/>
<link rel="stylesheet" type="text/css" href="nirnroute.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nirnroute — Interactive Oblivion Checklist</title>
</head>
<body>
<div id="topbar" class="topbar">
<a href="./index.html" class="topbarSection">Checklist</a>
<div class="topbarSection">
<a href="./speedrun-3.html">Speedrun Guide (v3)</a>
<div class="topbarSublist">
<a href="./speedrun-3.html#guide_Pregame">Pregame</a>
<a href="./speedrun-3.html#guide_Tutorial">Tutorial</a>
<a href="./speedrun-3.html#guide_ImperialCityMarketDistrict">Imperial City Market District</a>
<a href="./speedrun-3.html#guide_MagesGuildPt1">Mages Guild Pt1</a>
<a href="./speedrun-3.html#guide_GoldFarming">Gold Farming/Arcane University</a>
<a href="./speedrun-3.html#guide_InvestingCircuit">Investing Circuit</a>
<a href="./speedrun-3.html#guide_MagesGuildPt2">Mages Guild Pt2</a>
<a href="./speedrun-3.html#guide_MainQuestPt1">Main Quest Pt1</a>
<a href="./speedrun-3.html#guide_MapExploration">Map Exploration</a>
<a href="./speedrun-3.html#guide_TheNirnroute">The Nirnroute</a>
<a href="./speedrun-3.html#guide_MainQuestPt2">Main Quest Pt2</a>
<a href="./speedrun-3.html#guide_FightersGuild">Fighters Guild</a>
<a href="./speedrun-3.html#guide_TheArena">The Arena</a>
<a href="./speedrun-3.html#guide_SideQuests">Side Quests</a>
<a href="./speedrun-3.html#guide_DarkBrotherhood">Dark Brotherhood</a>
<a href="./speedrun-3.html#guide_PowerLeveling">Power Leveling</a>
<a href="./speedrun-3.html#guide_ThievesGuild">Thieves Guild</a>
<a href="./speedrun-3.html#guide_DaedricShrines">Daedric Shrines</a>
<a href="./speedrun-3.html#guide_HeavenStoneGreaterPowers">Heaven Stone Greater Powers</a>
<a href="./speedrun-3.html#guide_RandomSkillBooks">Random Skill Books</a>
<a href="./speedrun-3.html#guide_TheGreatSkillGrind">The Great Skill Grind</a>
<a href="./speedrun-3.html#guide_AnUnexpectedVoyage">An Unexpected Voyage</a>
<a href="./speedrun-3.html#guide_ImperialDragonArmor">Imperial Dragon Armor</a>
</div>
</div>
<a href="./casual.html" class="topbarSection">Casual Guide</a>
<div class="topbarSection">
<a href="./map.html">Map</a>
<div class="topbarSublist">
<a href="./nirnroute.html">Nirnroute</a>
</div>
</div>
<a href="./settings.html" class="topbarSection">Settings</a>
<div class="topbarSection">
<a href="https://prclive.run/wiki/index.php/Main_Page">Wiki</a>
<div class="topbarSublist">
<a href="./tools/tools.html">Tools</a>
<a href="https://prclive.run/wiki/index.php/Oblivion:Tools/Resources">Tools (wiki)</a>
<a href="./glitches.html">Glitches</a>
<a href="https://prclive.run/wiki/index.php/Oblivion:Glitches/Tech">Glitches (wiki)</a>
</div>
</div>
<div class="topbarSection"><span class="totalProgressPercent">0</span>%</div>
</div>
<div class="contentContainer">
<div class="sidebar" id="sidebar">
<!-- sidebar contains images n navigation n stuff.-->
<h1 id="nirnName">Nirnroot Title</h1> <span class= "h3" >Nirnroots Found: ##</span>
<br/>
<button id="prevButton" title="left arrow">Prev</button><button id="nextButton" title="right arrow">Next</button> <label>Jump to <input type="number" id="nirnIdField"/></label>
<br/>
<span id="closeTo"></span>
<br/>
<span id="instructions"></span>
<h2>Far image</h2>
<a href="" id="farImageHyperlink"><img src="" id="farImage" alt="far image"></a>
<h2>Close image</h2>
<a href="" id="closeImageHyperlink"><img src="" id="closeImage" alt="close image"></a>
</div>
<div id="mapColumn">
<div class="mapContainer resizableWidthContainer" id="mapContainer">
<div id="mapSettingsContainer" style="display:none">
<input type="checkbox" name="icon_selection" id="button_Location" checked title="Shows all Locations that need to be discovered."><label>Locations</label>
<input type="checkbox" name="icon_selection" id="button_Nirnroot" title="Shows where all Nirnroot are in the overworld."/><label>Nirnroots</label>
<input type="checkbox" name="icon_selection" id="button_Wayshrine" title="Shows where all Wayshrines are in the overworld."/><label>Wayshrines (TODO)</label>
<br/>
<label><input type="radio" name="tsp_selection" id="button_tspNone" title="The fastest way to visit each location"/>No TSP</label>
<label><input type="radio" name="tsp_selection" id="button_tspLocation" title="The fastest way to visit each location"/>Location TSP</label>
<label><input type="radio" name="tsp_selection" id="button_tspNirnroot" title="The fastest way to visit each nirnroot"/>Nirnroot TSP</label>
<br/>
<label><input type="checkbox" id="mapShowPrediscovered" class="autosetting">Show prediscovered locations</label>
<label><input type="checkbox" id="mapShowDistanceCheck" class="autosetting">Show distance between locations</label>
</div>
<div id="wrapper_Map" class="mapWrapper">
<button id="showSettingsButton" style="position:absolute">Show Settings</button>
</div>
</div>
</div>
</div>
<script type="module">
//normally, we can't call module code from non-module code.
//exportNamespace appends everything to window, so it can be called like normal js code.
import exportNamespace from './js/module-shim.mjs'
import * as userdata from './js/userdata.mjs'
import * as obliviondata from './js/obliviondata.mjs'
import * as map from './js/map.mjs';
import * as point from './js/map/point.mjs';
import * as nirn from './js/nirnroute.mjs';
import * as sharing from './js/sharing.mjs';
if(userdata.loadCookie("debug") == true){
window.debug = true;
}
if(userdata.loadCookie("debugAsync") == true){
window.debugAsync = true;
}
var additionalSettingsShown = false;
window.showHideMapSettings = function(){
const mapSettingsContainer = document.getElementById("mapSettingsContainer");
const showHideButton = document.getElementById("showSettingsButton");
if(!additionalSettingsShown){
mapSettingsContainer.style.display = "unset";
showHideButton.innerText = "Hide Settings"
additionalSettingsShown = true;
}
else{
mapSettingsContainer.style.display = "none";
showHideButton.innerText = "Show Settings";
additionalSettingsShown = false;
}
};
(function(){
document.getElementById("showSettingsButton").addEventListener('click', showHideMapSettings);
obliviondata.loadJsonData().then(()=>{
userdata.loadProgressFromCookie();
nirn.init();
});
}).call(window);
</script>
</body>
</html>