oss/RomPatcher.js
oss/RomPatcher.js
1
0
Fork 0
mirror of https://github.com/marcrobledo/RomPatcher.js.git synced 2025-08-06 16:50:54 +00:00
Code Wiki Activity

added settings screen with new features

Browse source
This commit is contained in:
Marc Robledo 2022-03-24 22:38:53 +01:00
parent a45e635696
commit e13da86290
18 changed files with 433 additions and 215 deletions
Download patch file Download diff file Expand all files Collapse all files

126
index.html
View file

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html>
<html translate="no">
<head>
<title>Rom Patcher JS</title>
<meta http-equiv="content-Type" content="text/html; charset=UTF-8"/>
@ -7,14 +7,19 @@
<meta name="keywords" content="ips,ups,aps,bps,rup,ninja,ppf,xdelta,patcher,online,html5,web,rom,patch,hack,translation"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<link rel="manifest" href="./manifest.json"/>
<link rel="shortcut icon" href="./style/favicon.png" type="image/png" sizes="16x16"/>
<link rel="shortcut icon" href="./style/logo192.png" type="image/png" sizes="192x192"/>
<link rel="shortcut icon" href="./style/app_icon_16.png" type="image/png" sizes="16x16"/>
<link rel="shortcut icon" href="./style/app_icon_192.png" type="image/png" sizes="192x192"/>
<!-- iOS icons -->
<link rel="apple-touch-icon" sizes="57x57" href="./style/logo114.png" />
<link rel="apple-touch-icon" sizes="114x114" href="./style/logo114.png" />
<link rel="apple-touch-icon" sizes="72x72" href="./style/logo144.png" />
<link rel="apple-touch-icon" sizes="144x144" href="./style/logo144.png" />
<link rel="apple-touch-icon" href="./style/logo192.png" />
<link rel="apple-touch-icon" sizes="57x57" href="./style/app_icon_114.png" />
<link rel="apple-touch-icon" sizes="114x114" href="./style/app_icon_114.png" />
<link rel="apple-touch-icon" sizes="72x72" href="./style/app_icon_144.png" />
<link rel="apple-touch-icon" sizes="144x144" href="./style/app_icon_144.png" />
<link rel="apple-touch-icon" href="./style/app_icon_192.png" />
<!-- cache -->
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<!-- social network metatags -->
<meta name="twitter:site" content="@marc_robledo">
@ -82,39 +87,39 @@
<!-- HEADER -->
<header><img src="./style/logo192.png" /><h1>Rom Patcher JS</h1></header>
<header><img src="./style/logo.png" /><h1>Rom Patcher JS</h1></header>
<!-- APP -->
<div id="wrapper">
<div id="switch-container"><span id="switch-create-button"><span data-localize="creator_mode">Creator mode</span> <span id="switch-create" class="switch disabled"></span></span></div>
<div id="switch-container"><span id="switch-create-button" class="button-outer"><span data-localize="creator_mode">Creator mode</span> <span id="switch-create" class="switch disabled"></span></span></div>
<div id="tab0" class="tab">
<div class="row">
<div class="leftcol"><label for="input-file-rom" data-localize="rom_file">ROM file:</label></div>
<div class="row m-b">
<div class="leftcol text-right"><label for="input-file-rom" data-localize="rom_file">ROM file:</label></div>
<div class="rightcol">
<input type="file" id="input-file-rom" class="enabled" />
</div>
</div>
<div class="row" id="rom-info">
<div class="leftcol">CRC32:</div><div class="rightcol"><span id="crc32"></span></div>
<div class="leftcol">MD5:</div><div class="rightcol"><span id="md5"></span></div>
<div class="leftcol">SHA-1:</div><div class="rightcol"><span id="sha1"></span></div>
<div class="row m-b" id="rom-info">
<div class="leftcol text-right">CRC32:</div><div class="rightcol"><span id="crc32"></span></div>
<div class="leftcol text-right">MD5:</div><div class="rightcol"><span id="md5"></span></div>
<div class="leftcol text-right">SHA-1:</div><div class="rightcol"><span id="sha1"></span></div>
</div>
<div class="row hide" id="row-removeheader">
<div class="leftcol"></div>
<div class="row m-b hide" id="row-removeheader">
<div class="leftcol text-right"></div>
<div class="rightcol">
<input type="checkbox" id="checkbox-removeheader" /> <label for="checkbox-removeheader" data-localize="remove_header">Remove header before patching</label>
</div>
</div>
<div class="row hide" id="row-addheader">
<div class="leftcol"></div>
<div class="row m-b hide" id="row-addheader">
<div class="leftcol text-right"></div>
<div class="rightcol">
<input type="checkbox" id="checkbox-addheader" /> <label for="checkbox-addheader" data-localize="add_header">Add temporary header</label> <small>(<label id="headersize" for="checkbox-addheader"></label>)</small>
</div>
</div>
<div class="row" id="row-file-patch">
<div class="leftcol"><label for="input-file-patch" data-localize="patch_file">Patch file:</label></div>
<div class="row m-b" id="row-file-patch">
<div class="leftcol text-right"><label for="input-file-patch" data-localize="patch_file">Patch file:</label></div>
<div class="rightcol">
<input type="file" id="input-file-patch" accept=".ips,.ups,.bps,.aps,.rup,.ppf,.mod,.xdelta,.zip"/>
</div>
@ -129,22 +134,22 @@
<div id="tab1" class="tab">
<div class="row">
<div class="leftcol"><label for="input-file-rom1" data-localize="original_rom" >Original ROM:</label></div>
<div class="row m-b">
<div class="leftcol text-right"><label for="input-file-rom1" data-localize="original_rom" >Original ROM:</label></div>
<div class="rightcol">
<input type="file" id="input-file-rom1" />
</div>
</div>
<div class="row">
<div class="leftcol"><label for="input-file-rom2" data-localize="modified_rom">Modified ROM:</label></div>
<div class="row m-b">
<div class="leftcol text-right"><label for="input-file-rom2" data-localize="modified_rom">Modified ROM:</label></div>
<div class="rightcol">
<input type="file" id="input-file-rom2" />
</div>
</div>
<div class="row">
<div class="leftcol" data-localize="patch_type">Patch type:</div>
<div class="row m-b">
<div class="leftcol text-right" data-localize="patch_type">Patch type:</div>
<div class="rightcol">
<select id="select-patch-type">
<option value="ips">IPS</option>
@ -171,25 +176,56 @@
<!-- FOOTER -->
<footer>
<div>
<select id="select-language">
<option value="en">English</option>
<option value="fr">Français</option>
<option value="de">Deutsch</option>
<option value="es">Español</option>
<option value="nl">Nederlands</option>
<option value="sv">Svenska</option>
<option value="ca">Català</option>
<option value="pt-br">Português Brasileiro</option>
<option value="ru">Russian</option>
<option value="ja">日本語</option>
<option value="zh_CN">中文（简体）</option>
</select>
<button id="button-settings" class="button-outer"><img src="style/icon_settings.svg" class="icon settings" /> <span data-localize="settings">Settings</span></button>
</div>
Rom Patcher JS <small>v2.5.2</small> by <a href="/">Marc Robledo</a>
Rom Patcher JS <small>v2.6</small> by <a href="/">Marc Robledo</a>
<br />
<i class="icon github"></i> <a href="https://github.com/marcrobledo/RomPatcher.js/" target="_blank">See on GitHub</a>
<i class="icon heart"></i> <a href="https://www.paypal.me/marcrobledo/5" target="_blank" rel="nofollow">Donate</a>
<img src="style/icon_github.svg" class="icon github" /> <a href="https://github.com/marcrobledo/RomPatcher.js/" target="_blank">See on GitHub</a>
<img src="style/icon_heart.svg" class="icon heart" /> <a href="https://www.paypal.me/marcrobledo/5" target="_blank" rel="nofollow">Donate</a>
</footer>
</div></body></html>
</div>
<!-- SETTINGS DIALOG -->
<div id="dialog-backdrop">
<div id="zip-dialog" class="dialog">
<div id="zip-dialog-message" class="text-center"></div>
<ul id="zip-dialog-file-list"></ul>
</div>
<div id="settings-dialog" class="dialog">
<div class="text-right m-b"><img id="settings-close-dialog" src="style/icon_close.svg" /></div>
<div class="row m-b">
<div class="leftcol"><label for="select-language">Language</label></div>
<div class="rightcol text-right">
<select id="select-language" class="enabled w100">
<option value="en">English</option>
<option value="fr">Français</option>
<option value="de">Deutsch</option>
<option value="es">Español</option>
<option value="nl">Nederlands</option>
<option value="sv">Svenska</option>
<option value="ca">Català</option>
<option value="pt-br">Português Brasileiro</option>
<option value="ru">Russian</option>
<option value="ja">日本語</option>
<option value="zh-cn">中文（简体）</option>
</select>
</div>
</div>
<div class="row m-b">
<div class="leftcol-lg"><label data-localize="alternate_output_name">Use patch name for output</label></div>
<div class="rightcol-lg text-right"><span id="switch-output-name" class="switch disabled"></span></div>
</div>
<div class="row m-b">
<div class="leftcol-lg"><label data-localize="light_theme">Light theme</label></div>
<div class="rightcol-lg text-right"><span id="switch-theme" class="switch disabled"></span></div>
</div>
</div>
</div>
</body></html>