forked from marcrobledo/retroarch-playlist-editor
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
139 lines (124 loc) · 6.17 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
<!DOCTYPE html>
<html>
<head>
<title>RetroArch Playlist Editor</title>
<meta http-equiv="content-Type" content="text/html; charset=UTF-8"/>
<meta name="description" content="This web app allows you to create and edit .lpl playlist files for RetroArch."/>
<meta name="keywords" content="retroarch, playlist, lpl, editor, builder, generator"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<link rel="shortcut icon" href="./favicon.png" type="image/png" sizes="16x16"/>
<link rel="shortcut icon" href="./logo192.png" type="image/png" sizes="192x192"/>
<link type="text/css" rel="stylesheet" href="./retroarch-playlist-editor.css" media="all"/>
<script type="text/javascript" src="./MarcTableSelect.min.js"></script>
<script type="text/javascript" src="./systems.js"></script>
<script type="text/javascript" src="./retroarch-playlist-editor.js"></script>
</head>
<body>
<!-- HEADER -->
<div id="topbar">
<div>
<h1><img src="logo192.png" id="icon"/> RetroArch Playlist Editor <small>(SilentTem's fork v1)</small></h1>
<div id="topright">
<h2>
forked by <a href="https://github.com/SilentTem">SilentTem</a><br>
originally by <a href="https://www.marcrobledo.com/">Marc Robledo</a>
</h2>
<a href="https://github.com/SilentTem/retroarch-playlist-editor/" target="_blank" class="extlink github"><span class="icon github"></span> See on GitHub</a>
</div>
</div>
<div id="toolbar">
<div id="toolbar-right">
<span id="selected-elements">0</span> elements selected |
<button onclick="openEditBalloon()" id="button-edit"><span class="icon edit"></span> Edit content</button>
<button onclick="currentPlaylist.removeSelectedContent()" title="Remove content"><span class="icon trash"></span></button>
</div>
<button onclick="checkAll()" id="button-selectall"><span class="icon select"></span></button>
<button onclick="openImportBrowser()"><span class="icon add"></span> Import content</button>
<button onclick="openTweakBalloon()" id="button-tweak"><span class="icon tweak"></span> Tweak playlist</button>
<button onclick="openSaveBalloon()" id="button-save"><span class="icon save"></span> Save playlist</button>
</div>
</div>
<div class="row unselectable" id="main-panel" unselectable="on" onselectstart="return false">
<div class="twelve columns" id="table-panel">
<div id="playlist-table-container"></div>
<div id="drop-message" class="drop-zone">Drag and drop content/playlist here<br/>or <span onclick="openImportBrowser()" class="clickable">browse content</span> in your computer</div>
</div>
<div class="zero columns" id="right-panel">
</div>
</div>
<form id="form">
<input type="file" id="input-file" multiple class="hidden" onchange="readFiles(this.files)" />
</form>
<!-- BALLOONS -->
<div id="balloon-save" class="balloon">
<div class="row">
<label for="input-playlist-name">Playlist name</label><br/>
<input type="text" id="input-playlist-name" class="full-width" oninput="currentPlaylist.setName(this.value)" />
</div>
<div class="row">
<label for="select-core-path">Core path</label><br/>
<select id="select-core-path" class="full-width" onchange="setCorePath(this.value)"></select>
</div>
<div class="row text-right" id="core-path-message"></div>
<div class="buttons">
<label for="checkbox-json">JSON format</label><input type="checkbox" id="checkbox-json" style="width:auto;vertical-align:middle"/> <button onclick="currentPlaylist.export(!el('checkbox-json').checked);closeBalloon('save')" class="colored">Save</button>
</div>
</div>
<div id="balloon-tweak" class="balloon">
<div class="row">
<div class="twelve columns"><input type="checkbox" id="checkbox-tweak-sort" checked /> <label for="checkbox-tweak-sort">Sort content by name</label></div>
</div>
<div class="row">
<div class="twelve columns"><input type="checkbox" id="checkbox-tweak-filter" onchange="toggleTweakFilter()" /> <label for="checkbox-tweak-filter">Filter content</label></div>
</div>
<div class="row row-tweak-toggled" id="tweak-filter">
<div class="row">
<label for="input-tweak-filter">Select content that contains</label>
</div>
<div class="row">
<input type="text" id="input-tweak-filter" class="full-width"/>
</div>
<div class="row">
<input type="checkbox" id="checkbox-tweak-filter-regex" /> <label for="checkbox-tweak-filter-regex">Regular expression</label>
<input type="checkbox" id="checkbox-tweak-filter-inverse" /> <label for="checkbox-tweak-filter-inverse">Invert</label>
</div>
</div>
<div class="row">
<input type="checkbox" id="checkbox-tweak-replace" onchange="toggleTweakReplace()" /> <label for="checkbox-tweak-replace">Replace content name</label>
</div>
<div class="row row-tweak-toggled" id="tweak-replace">
<div class="row">
<label for="input-tweak-replace-search">Search pattern</label>
</div>
<div class="row">
<input type="text" id="input-tweak-replace-search" class="full-width"/>
</div>
<div class="row">
<input type="checkbox" id="checkbox-tweak-replace-regex" /> <label for="checkbox-tweak-replace-regex">Regular expression</label>
</div>
<div class="row">
<label for="input-tweak-replace-replace">Replace by</label>
</div>
<div class="row">
<input type="text" id="input-tweak-replace-replace" class="full-width"/>
</div>
</div>
<div class="buttons">
<button onclick="tweakCurrentPlaylist();closeBalloon('tweak');" class="colored">Tweak playlist</button>
</div>
</div>
<div id="balloon-edit" class="balloon">
<div id="row-content-name">
<label for="input-content-name">Name:</label><br/><input type="text" id="input-content-name" oninput="currentPlaylist.selectedContent[0].setName(this.value);currentPlaylist.unsavedChanges=true"/>
</div>
<div>
<label for="input-content-path">Path:</label><br/><input type="text" id="input-content-path" value="./roms/" oninput="this.value=fixContentPath(this.value);currentPlaylist.setSelectedContentPath(this.value)"/>
</div>
<div>
<label for="select-core">Core:</label><br/><select id="select-core" onchange="currentPlaylist.setSelectedContentCore(this.value);"></select>
</div>
<!-- <div class="row">
<label for="select-crc32">CRC32:</label><br/><select id="select-crc32"></select>
</div> -->
</div>
</body></html>