Offset Editor.html

main 141 lines · 6.8 KB Raw
Alex Alex Commit Client Upload Part 2 19/10/2026 00:06
1<!DOCTYPE html>
2<html lang="es">
3<head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>Offsets Editor</title>
7 <link rel="stylesheet" href="styles.css">
8</head>
9<body>
10 <h1>Offsets Editor</h1>
11
12 <div class="editor-container">
13 <div class="tab">
14 <button class="tablinks" onclick="openTab(event, 'typesWingedOffSet')">Wings OffSet List</button>
15 <button class="tablinks" onclick="openTab(event, 'typesWingedMountedOffSet')">Wings Mounted OffSet List</button>
16 <button class="tablinks" onclick="openTab(event, 'WingsOffsets')">Combiner Unmount</button>
17 <button class="tablinks" onclick="openTab(event, 'WingsMountedOffsets')">Combiner Mounted</button>
18 </div>
19
20 <div id="typesWingedOffSet" class="tabcontent">
21 <h2>Wings OffSet</h2>
22 <div id="typesWingedOffSetEntries"></div>
23 <div class="entry-fields">
24 <label for="offsetIndex">Wings OffSet List:</label>
25 <input type="number" id="offsetIndex" min="0" value="0">
26 <label for="comment1">OffSet Name:</label>
27 <input type="text" id="comment1" placeholder="Name">
28 </div>
29 <div class="offset-fields">
30 <div class="offset-group">
31 <label for="northX">North X:</label>
32 <input type="number" id="northX" value="0">
33 <label for="northY">North Y:</label>
34 <input type="number" id="northY" value="0">
35 </div>
36 <div class="offset-group">
37 <label for="eastX">East X:</label>
38 <input type="number" id="eastX" value="0">
39 <label for="eastY">East Y:</label>
40 <input type="number" id="eastY" value="0">
41 </div>
42 <div class="offset-group">
43 <label for="southX">South X:</label>
44 <input type="number" id="southX" value="0">
45 <label for="southY">South Y:</label>
46 <input type="number" id="southY" value="0">
47 </div>
48 <div class="offset-group">
49 <label for="westX">West X:</label>
50 <input type="number" id="westX" value="0">
51 <label for="westY">West Y:</label>
52 <input type="number" id="westY" value="0">
53 </div>
54 </div>
55 <button onclick="addEntry('typesWingedOffSet')">Agregar Entrada</button>
56 </div>
57
58 <div id="typesWingedMountedOffSet" class="tabcontent" style="display:none">
59 <h2>Wings Mounted OffSet</h2>
60 <div id="typesWingedMountedOffSetEntries"></div>
61 <div class="entry-fields">
62 <label for="mountedOffsetIndex">Wings Mounted Offsets List:</label>
63 <input type="number" id="mountedOffsetIndex" min="0" value="0">
64 <label for="comment2">OffSet Name:</label>
65 <input type="text" id="comment2" placeholder="Name">
66 </div>
67 <div class="offset-fields">
68 <div class="offset-group">
69 <label for="mountedNorthX">North X:</label>
70 <input type="number" id="mountedNorthX" value="0">
71 <label for="mountedNorthY">North Y:</label>
72 <input type="number" id="mountedNorthY" value="0">
73 </div>
74 <div class="offset-group">
75 <label for="mountedEastX">East X:</label>
76 <input type="number" id="mountedEastX" value="0">
77 <label for="mountedEastY">East Y:</label>
78 <input type="number" id="mountedEastY" value="0">
79 </div>
80 <div class="offset-group">
81 <label for="mountedSouthX">South X:</label>
82 <input type="number" id="mountedSouthX" value="0">
83 <label for="mountedSouthY">South Y:</label>
84 <input type="number" id="mountedSouthY" value="0">
85 </div>
86 <div class="offset-group">
87 <label for="mountedWestX">West X:</label>
88 <input type="number" id="mountedWestX" value="0">
89 <label for="mountedWestY">West Y:</label>
90 <input type="number" id="mountedWestY" value="0">
91 </div>
92 </div>
93 <button onclick="addEntry('typesWingedMountedOffSet')">Agregar Entrada</button>
94 </div>
95
96 <div id="WingsOffsets" class="tabcontent" style="display:none">
97 <h2>Wings + Outfits or Aura Combination List</h2>
98 <div id="WingsOffsetsEntries"></div>
99 <div class="entry-fields">
100 <label for="offsetIndexWings">Wings Offsets List:</label>
101 <input type="number" id="offsetIndexWings" min="0" value="0">
102 <label for="comment3">Combination Name:</label>
103 <input type="text" id="comment3" placeholder="Name">
104 </div>
105 <div class="entry-fields">
106 <label for="wingID">WingID:</label>
107 <input type="number" id="wingID" min="0" value="1592">
108 <label for="outfitID">OutfitID:</label>
109 <input type="number" id="outfitID" min="0" value="1331">
110 </div>
111 <button onclick="addEntry('WingsOffsets')">Agregar Entrada</button>
112 </div>
113
114 <div id="WingsMountedOffsets" class="tabcontent" style="display:none">
115 <h2>Wings + Outfits or Aura Mounted Combination</h2>
116 <div id="WingsMountedOffsetsEntries"></div>
117 <div class="entry-fields">
118 <label for="offsetIndexMounted">Wings Mounted Offsets List:</label>
119 <input type="number" id="offsetIndexMounted" min="0" value="0">
120 <label for="comment4">Combination Name:</label>
121 <input type="text" id="comment4" placeholder="Name">
122 </div>
123 <div class="entry-fields">
124 <label for="mountedWingID">WingID:</label>
125 <input type="number" id="mountedWingID" min="0" value="1592">
126 <label for="mountedOutfitID">OutfitID:</label>
127 <input type="number" id="mountedOutfitID" min="0" value="1331">
128 </div>
129 <button onclick="addEntry('WingsMountedOffsets')">Agregar Entrada</button>
130 </div>
131
132 <div class="editor-section">
133 <h2>Guardar Cambios</h2>
134 <button id="saveButton">Guardar</button>
135 </div>
136 </div>
137
138 <script src="script.js"></script>
139</body>
140</html>
141
Top