-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
142 lines (120 loc) · 4.98 KB
/
index.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
<!doctype html>
<html lang=en>
<head>
<meta charset=utf-8>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>LockePick - FF6 Save Editor</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
<script defer src="https://use.fontawesome.com/releases/v5.14.0/js/all.js"></script>
<link href="./css/jsoneditor.css" rel="stylesheet" type="text/css">
<link href="./css/index.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="columns is-full-height p-1 m-0">
<div class="column is-full-height">
<div id="json-editor"></div>
</div>
<div class="column is-one-quarter">
<div class="tile is-ancestor">
<div class="tile is-12 is-vertical is-parent">
<div id="help" class="tile is-child box">
<p class="title">LockePick</p>
<p class="subtitle">FF6 Save Editor</p>
<p>A rough guide:</p>
<div class="content">
<ul>
<li>Upload your save file (probably at: <span class="is-family-monospace is-broken">C:/Program Files (x86)/steam/userdata/{userid}/382900/local</span>)</li>
<li>Using the JSON editor make the changes you want to the file.</li>
<li>One finished, button to download your altered save file.</li>
</ul>
</div>
<a class="button is-small" href="https://github.com/thomasmichaelwallace/lockepick">
<span class="icon">
<i class="fab fa-github"></i>
</span>
<span>Fork me on GitHub</span>
</a>
</div>
<div id="file-interaction" class="tile is-child box">
<div class="field is-grouped">
<p class="control file is-primary">
<label class="file-label">
<input id="upload-file" class="file-input" type="file" name="save-file">
<span class="file-cta">
<span class="file-icon">
<i class="fas fa-upload"></i>
</span>
<span class="file-label">
Upload
</span>
</span>
</label>
</p>
<p class="control"></p>
<button id="download-file" class="button is-info">
<span class="icon">
<i class="fas fa-download"></i>
</span>
<span>Download</span>
</button>
</p>
</div>
<label class="checkbox">
<input id="advanced-mode" type="checkbox">
Advanced editor mode
</label>
</div>
<div id="tools" class="tile is-child box">
<p class="subtitle">Utilities</p>
<div class="field is-horizontal">
<div class="field-label is-normal">
Update
</div>
<div class="field-body is-expanded">
<div class="field is-expanded">
<div class="select is-fullwidth">
<select id="save-slot">
<option value="0">Save Slot 0</option>
<option value="1">Save Slot 1</option>
<option value="2">Save Slot 2</option>
<option value="3">Save Slot 3</option>
<option value="4">Save Slot 4</option>
</select>
</div>
</div>
</div>
</div>
<div class="field has-addons">
<div class="control is-expanded">
<input id="value-min-level" class="input" type="text" placeholder="Level (1-100)">
</div>
<div class="control">
<button id="set-min-level" type="submit" class="button is-primary">Set minimum level</button>
</div>
</div>
<div class="field">
<button id="quick-spell" class="button is-light is-fullwidth">Learn found Esper spells</button>
</div>
<div class="field">
<button id="all-items" class="pt-1 button is-dark is-fullwidth">At least one of every item</button>
</div>
<div class="field">
<button id="fix-items" class="pt-1 button is-light is-fullwidth">Fix item sorting order</button>
</div>
<div class="field has-addons">
<div class="control is-expanded">
<input id="value-min-items" class="input" type="text" placeholder="Count (1-100)">
</div>
<div class="control">
<button id="set-min-items" type="submit" class="button is-info">Set minimum item count</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- scripts -->
<script src="./dist/main.js"></script>
</body>
</html>