-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathpoedit.html
220 lines (203 loc) · 12.3 KB
/
poedit.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
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
<html>
<head>
<title>PoE Item Filter Debugger</title>
<meta property='og:image' content='https://bschug.github.io/poedit/poedit.png'/>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="css/poedit.css"/>
<link rel="stylesheet" href="css/codemirror.css"/>
<link rel="stylesheet" href="css/theme/bschug.css"/>
<link rel="stylesheet" href="css/theme/elegant.css"/>
<link rel="stylesheet" href="css/theme/neat.css"/>
<link rel="stylesheet" href="css/theme/rubyblue.css"/>
<link rel="stylesheet" href="css/theme/solarized.css"/>
<link rel="stylesheet" href="lib/hint/show-hint.css"/>
<script type="text/javascript" src="lib/codemirror.js"></script>
<script type="text/javascript" src="mode/poe.js"></script>
<script type="text/javascript" src="lib/hint/show-hint.js"></script>
<script type="text/javascript" src="lib/hint/poe-hint.js"></script>
<script type="text/javascript" src="lib/comment/comment.js"></script>
<script type="text/javascript" src="lib/comment/continuecomment.js"></script>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="js/addItemDialog.js"></script>
<script type="text/javascript" src="js/colorpicker.js"></script>
<script type="text/javascript" src="js/initialContent.js"></script>
<script type="text/javascript" src="js/item.js"></script>
<script type="text/javascript" src="js/itemDetails.js"></script>
<script type="text/javascript" src="js/itemsEditor.js"></script>
<script type="text/javascript" src="js/parser.js"></script>
<script type="text/javascript" src="js/pastebin.js"></script>
<script type="text/javascript" src="js/rule.js"></script>
<script type="text/javascript" src="js/settingsDialog.js"></script>
<script type="text/javascript" src="js/urlArgs.js"></script>
<script type="text/javascript" src="js/utils.js"></script>
<script type="text/javascript" src="js/tips.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-67186151-2', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<p id="header"></p>
<div id="main">
<div id="code-area">
<div id="code-window-container">
<textarea id="code-window"></textarea>
</div>
<div id="code-toolbar">
<div id="colorpicker">
<form id="RGB-picker">
<input type="color" name="colorchooser" id="color-picker" onchange="getRGB();">
<div id="RGB-color" contenteditable="true"></div>
</form>
</div>
<button id="download-button">Download</button>
</div>
<div id="log-window">This is a log message</div>
</div>
<div id="items-area"></div>
<div id="items-editor" contenteditable="true"></div>
<div id="area-level-form">Area Level:<input id="area-level-input" type="number" value="1"></div>
<div id="buttons">
<button id="settings-button">Settings</button>
<button id="feedback-button">Feedback</button>
<button id="help-button">Help</button>
<button id="reset-button">Reset</button>
<button id="items-edit-button">Edit</button>
</div>
<div id="item-details">
<p data="item-level"><span class="label">Item Level: </span><span class="value">?</span></p>
<p data="drop-level"><span class="label">Drop Level: </span><span class="value">?</span></p>
<p data="quality"><span class="label">Quality: </span><span class="value">?</span></p>
<p data="rarity"><span class="label">Rarity: </span><span class="value">?</span></p>
<p data="class"><span class="label">Class: </span><span class="value">?</span></p>
<p data="base-type"><span class="label">Base Type: </span><span class="value">?</span></p>
<p data="enchantment"><span class="label">Enchant: </span><span class="value">?</span></p>
<p data="prophecy-name"><span class="label">Prophecy: </span><span class="value">?</span></p>
<p data="sockets"><span class="label">Sockets: </span><span class="value">?</span></p>
<p data="identified"><span class="value">(Identified)</span></p>
<p data="corrupted"><span class="value">(Corrupted)</span></p>
<p data="influence"><span class="label">(<span class="value"></span>)</span></p>
<p data="fractured-item"><span class="value">(Fractured)</span></p>
<p data="synthesised-item"><span class="value">(Synthesised)</span></p>
<p data="replica"><span class="value">(Replica)</span></p>
<p data="shaped-map"><span class="value">(Shaped Map)</span></p>
<p data="map-tier"><span class="label">Map Tier: </span><span class="value">?</span></p>
<p data="gem-level"><span class="label">Gem Level: </span><span class="value">?</span></p>
<p data="stack-size"><span class="label">Stack Size: </span><span class="value">?</span></p>
<p data="explicit-mods"><span class="label">Explicit Mods: </span><ul class="value"></ul></p>
</div>
<div id="additem-dialog">
<p data="base-type"><span class="label">Base Type: </span><input type="text"></p>
<p data="enchantment"><span class="label">Enchantment: </span><input type="text"></p>
<p data="prophecy"><span class="label">Prophecy: </span><input type="text"></p>
<p data="class"><span class="label">Class: </span><input type="text"></p>
<p data="item-level"><span class="label">Item Level: </span><input type="text"></p>
<p data="drop-level"><span class="label">Drop Level: </span><input type="text"></p>
<p data="rarity"><span class="label">Rarity: </span>
<select>
<option selected>Normal</option>
<option>Magic</option>
<option>Rare</option>
<option>Unique</option>
</select>
</p>
<p data="inventory-size"><span class="label">Size: </span><input type="text"></p>
<p data="sockets"><span class="label">Sockets: </span><input type="text"></p>
<p data="quality"><span class="label">Quality: </span><input type="text"></p>
<p data="corrupted"><span class="label">Corrupted: </span><span class="checkbox-align"><input type="checkbox"></span></p>
<p data="identified"><span class="label">Identified: </span><span class="checkbox-align"><input type="checkbox">test</span></p>
<p data="influence"><span class="label">Influence: </span><input type="text"></p>
<p data="fracturedItem"><span class="label">Fractured: </span><span class="checkbox-align"><input type="checkbox"></span></p>
<p data="synthesisedItem"><span class="label">Synthesised: </span><span class="checkbox-align"><input type="checkbox"></span></p>
<p data="replica"><span class="label">Replica: </span><span class="checkbox-align"><input type="checkbox"></span></p>
<p data="shaped-map"><span class="label">Shaped Map: </span><span class="checkbox-align"><input type="checkbox"></span></p>
<p data="blighted-map"><span class="label">Blighted Map: </span><span class="checkbox-align"><input type="checkbox"></span></p>
<p data="map-tier"><span class="label">Map Tier: </span><input type="text"></p>
<p data="gem-level"><span class="label">Gem Level: </span><input type="text"></p>
<p data="stack-size"><span class="label">Stack Size: </span><input type="text"></p>
<p data="explicit-mods"><span class="label">Explicit Mods: </span><input type="text"></p>
<p data="name"><span class="label">Name: </span><input type="text"></p>
<p>
<span class="label">Show Obsolete <input type="checkbox" id="show-hidden-stats-checkbox" checked="false"></span>
<button id="additem-cancel-button">Cancel</button>
<button id="additem-ok-button">OK</button>
</p>
</div>
<div id="settings-dialog">
<!--h1>Settings</h1-->
<h2>Editor Settings</h2>
<p><span>Color Scheme</span><select id="editor-settings-colorscheme"></select></p>
<p><span>Auto-indent while typing</span><input id="editor-settings-autoindent" type="checkbox"></input></p>
<p><span>Line Numbers</span><input id="editor-settings-linenumbers" type="checkbox"></input></p>
<h2>Item Settings</h2>
<p><span>Item Set</span><select id="item-settings-itemset"></select></p>
<p><button id="settings-dialog-close">Close</button></p>
</div>
<div id="help-window">
<h1>Using Item Filters</h1>
<p>Simply save your script to a file with the extension <b>".filter"</b> in
<b>Documents\My Games\Path of Exile</b>.<br>
Then you open the options menu in the game, switch to the UI tab and scroll all
the way down to the Item Filter setting where you can select your filter in the
dropdown list.
You also need to enable the Always Highlight option, otherwise the game will always hide
all items by default.
Pressing Alt will show all items that were hidden by the item filter.
</p>
<h1>Helpful Links</h1>
<p><a href="http://www.pathofexile.com/forum/view-thread/1260664">Detailed Tutorial by davros70</a></p>
<p><a href="http://www.pathofexile.com/forum/view-thread/1235695">Script Reference</a></p>
<p><a href="http://pastebin.com/S5h8bNjv">Item Classes and Base Types</a></p>
<p><a href="http://www.reddit.com/r/pathofexile/comments/31b1ue/default_color_values_for_your_item_filters/cpzziji">In-Game Color Values</a></p>
<p><a href="https://www.youtube.com/watch?v=cHUJUygz-l8">Video of the Alert Sounds</a></p>
<br>
<h1>Tips</h1>
<list id="tips-list">
</list>
<br>
<h1>Changing the Item Set</h1>
<list>
<li>Press the <img src="img/plus.png" class="inline"></img> icon in the item list to add new items.</li>
<li>Right-click an item to delete it.</li>
<li>Press the Reset button to load the default item set.</li>
<li>Press the Edit button to modify the item list directly as JSON (this way you can copy/paste it).</li>
<li>If you want to add a lot of items, the keyboard shortcuts come in handy: Ctrl+I opens the Add Item dialog, Tab/Shift+Tab selects the next/previous input field, and Enter closes the dialog and adds the item.</li>
</list>
<br>
<h1>Pastebin Integration</h1>
<p>You can share your script with others using <a href="http://pastebin.com">Pastebin</a>.
To do this, upload it to pastebin and look at the url of that paste.
It will look like <a href="http://pastebin.com/uHyVQ7Ti" class="url">http://pastebin.com/<span class="highlight">uHyVQ7Ti</span></a>.<br>
Copy the pastebin id found at the end of that url and append it to the poedit url like this:
<a href="http://bschug.github.io/poedit/poedit.html#uHyVQ7Ti" class="url">http://bschug.github.io/poedit/poedit.html#<span class="highlight">uHyVQ7Ti</span></a>.<br>
This link will automatically display the content of your pastebin in the script window.
</p>
<p>You can also share custom items sets like this. If your item definition is stored at
<a href="http://pastebin.com/19mWjnKb" class="url">http://pastebin.com/<span class="highlight2">19mWjnKb</span></a>,
then <a href="http://bschug.github.io/poedit/poedit.html#items=19mWjnKb" class="url">http://bschug.github.io/poedit/poedit.html#<span class="highlight2">items=19mWjnKb</span></a>
will create a version of the preview tool that uses your item set.
</p>
<p>You can combine script and item pastebins by separating them with a comma:
<a href="http://bschug.github.io/poedit/poedit.html#xu2fiBCm,items=19mWjnKb" class="url">http://bschug.github.io/poedit/poedit.html#<span class="highlight">xu2fiBCm</span>,<span class="highlight2">items=19mWjnKb</span></a>
</p>
<p>Note that the pastebin integration requires an actual reload of the page to work, so if you're playing around with this feature
and it seems like the page is not reloading or applying your changes correctly, try pressing F5 or opening it in a new tab.
This is a problem only when you are editing the url in your browser's address bar while the page is open. Clicking the link
should always work as expected.
</p>
<h1>Contact</h1>
<p><a href="http://www.pathofexile.com/forum/view-thread/1239574/page/1">Forum Thread</a></p>
<p><a href="http://www.reddit.com/u/bschug">Reddit</a></p>
<p><a href="http://github.com/bschug/poedit/issues">GitHub</a></p>
</div>
<script type='text/javascript'>
getRGB();
PoEdit.init();
</script>
</body>
</html>