-
Notifications
You must be signed in to change notification settings - Fork 14
/
Copy pathindex.html
128 lines (113 loc) · 5.94 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
<!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="./app/assets/favicon16.png" type="image/png" sizes="16x16"/>
<link rel="shortcut icon" href="./app/assets/favicon128.png" type="image/png" sizes="128x128"/>
<link type="text/css" rel="stylesheet" href="./app/style.css" media="all"/>
<script type="text/javascript" src="./app/MarcDataTable.min.js"></script>
<script type="text/javascript" src="./app/systems.js"></script>
<script type="text/javascript" src="./app/retroarch-playlist-editor.js"></script>
</head>
<body>
<div id="app">
<div id="app" class="app-columns">
<div class="app-rows app-fill">
<div id="topbar">
<header>
<h1><img src="app/assets/favicon128.png" id="icon" /> RetroArch Playlist Editor <small class="hide-for-mobile">2.0</small></h1>
<div id="topright">
<h2 class="hide-for-mobile">by <a href="/" tabindex="-1" class="author">Marc Robledo</a></h2>
<a href="https://github.com/marcrobledo/retroarch-playlist-editor/" target="_blank" tabindex="-1" class="extlink github"><img src="app/assets/icon_github.svg" class="icon" /><span class="hide-for-mobile"> See on GitHub</a></a>
<a href="https://www.paypal.me/marcrobledo/5" target="_blank" rel="nofollow" tabindex="-1" class="extlink donate"><img src="app/assets/icon_heart.svg" class="icon" /> Donate</a>
</div>
</header>
<div class="toolbar">
<div class="toolbar-left">
<button id="button-toolbar-select" tabindex="10" class="btn"><img src="app/assets/icon_select_none.svg" class="icon" /> Select</button>
<button id="button-toolbar-import" tabindex="20" class="btn"><img src="app/assets/icon_plus.svg" class="icon" /> Import content</button>
<button id="button-toolbar-save" tabindex="30" class="btn"><img src="app/assets/icon_download.svg" class="icon" /> Save playlist</button>
</div>
<div id="toolbar-right" class="hide">
<span id="selected-elements">0 elements selected</span> |
<button id="button-toolbar-edit" tabindex="40" class="btn"><img src="app/assets/icon_pencil.svg" class="icon" /> Edit content</button>
<button id="button-toolbar-remove" tabindex="50" class="btn" title="Remove content"><img src="app/assets/icon_trash.svg" class="icon" /></button>
</div>
</div>
</div>
<div id="table-panel" class="app-fill unselectable" unselectable="on" onselectstart="return false">
<div id="playlist-table-container"></div>
<div id="drop-message" class="drop-zone">Drag and drop content/playlist here<br/>or <span onclick="openImportBrowser()" tabindex="70" class="clickable">browse content</span> in your computer</div>
</div>
</div>
</div>
</div>
<!-- BALLOONS -->
<div id="balloon-select" class="balloon">
<div class="input-container">
<div style="width:30%;display:inline-block">
<button id="button-select-none" tabindex="11" class="btn btn-active"><img src="app/assets/icon_select_none.svg" class="icon" /> None</button>
</div>
<div style="width:30%;display:inline-block">
<button id="button-select-inverse" tabindex="12" class="btn"><img src="app/assets/icon_select_mixed.svg" class="icon" /> Invert</button>
</div>
<div style="width:30%;display:inline-block">
<button id="button-select-all" tabindex="13" class="btn"><img src="app/assets/icon_select_all.svg" class="icon" /> All</button>
</div>
</div>
<div class="input-container end">
<label for="input-search">Search content</label>
<input id="input-search" type="text" tabindex="14" />
</div>
</div>
<div id="balloon-save" class="balloon">
<div class="input-container">
<label for="input-playlist-name">Playlist name</label>
<input id="input-playlist-name" tabindex="31" type="text" />
</div>
<div class="input-container">
<label for="select-core-path">Core path</label>
<select id="select-core-path" tabindex="32"></select>
<div id="core-path-message"></div>
</div>
<div class="text-right">
<label>Legacy mode <input id="checkbox-legacy" type="checkbox" tabindex="33" /></label> <button id="button-save" tabindex="34" class="btn btn-save"><img src="app/assets/icon_download.svg" class="icon" /> Save</button>
</div>
</div>
<div id="balloon-edit" class="balloon">
<div id="edit-content-name-single" class="input-container">
<label for="input-content-name">Name</label>
<input id="input-content-name" type="text" tabindex="41" />
</div>
<div id="edit-content-name-multiple" class="input-container">
<label for="select-massive-rename">Massive rename</label>
<select id="select-massive-rename" tabindex="42"><option>- Select an action -</option></select>
</div>
<div class="input-container">
<label for="input-content-path">Path</label>
<input id="input-content-path" tabindex="43" type="text" value="./roms/" list="path-suggestions"/>
</div>
<div>
<div class="input-container end" style="width:48.5%; float:left;">
<label for="select-database">Database</label>
<select id="select-database" tabindex="44"></select>
</div>
<div class="input-container end" style="width:48.5%; float:right;">
<label for="select-core">Core</label>
<select id="select-core" tabindex="45"></select>
</div>
</div>
</div>
<datalist id="path-suggestions"></datalist>
<div id="dialogs">
<div id="dialog-backdrop" onclick="UI.closeDialog()"></div>
<div id="dialog-scripts" class="dialog">
Scripts
</div>
</div>
<form id="form"><!-- input type="file" id="input-directory" webkitdirectory multiple class="hide" onchange="readFiles(currentPlaylist, this.files)" /> --><input type="file" id="input-file" multiple class="hide" onchange="readFiles(currentPlaylist, this.files)" /></form>
</body></html>