oss/RomPatcher.js
oss/RomPatcher.js
1
0
Fork 0
mirror of https://github.com/marcrobledo/RomPatcher.js.git synced 2025-06-27 16:25:54 +00:00
Code Wiki Activity
RomPatcher.js/index.html
Iranon 8f31944230 feat: add tauri file saving handling
2024-06-05 11:21:57 +02:00

337 lines
11 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html translate="no">
<head>
<title>Rom Patcher JS</title>
<meta http-equiv="content-Type" content="text/html; charset=UTF-8" />
<meta
name="description"
content="An online web-based ROM patcher. Supported formats: IPS, BPS, UPS, APS, RUP, PPF and xdelta."
/>
<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/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/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" />
<meta name="twitter:creator" content="@marc_robledo" />
<meta name="twitter:domain" content="marcrobledo.com" />
<meta property="og:title" content="Rom Patcher JS" />
<meta name="twitter:title" content="Rom Patcher JS" />
<meta
name="twitter:description"
content="An online web-based ROM patcher. Supported formats: IPS, BPS, UPS, APS, RUP, PPF and xdelta."
/>
<meta
property="og:image"
content="https://www.marcrobledo.com/RomPatcher.js/style/thumbnail.jpg"
/>
<meta
name="twitter:image"
content="https://www.marcrobledo.com/RomPatcher.js/style/thumbnail.jpg"
/>
<meta name="twitter:card" content="photo" />
<link
type="text/css"
rel="stylesheet"
href="./style/RomPatcher.css"
media="all"
/>
<script type="text/javascript" src="scripts/locale.js"></script>
<script type="text/javascript" src="scripts/RomPatcher.js"></script>
<script type="text/javascript" src="scripts/MarcFile.js"></script>
<script type="text/javascript" src="scripts/crc.js"></script>
<script type="text/javascript" src="scripts/formats/zip.js"></script>
<script type="text/javascript" src="scripts/formats/ips.js"></script>
<script type="text/javascript" src="scripts/formats/ups.js"></script>
<script type="text/javascript" src="scripts/formats/aps_n64.js"></script>
<script type="text/javascript" src="scripts/formats/aps_gba.js"></script>
<script type="text/javascript" src="scripts/formats/bps.js"></script>
<script type="text/javascript" src="scripts/formats/rup.js"></script>
<script type="text/javascript" src="scripts/formats/ppf.js"></script>
<script type="text/javascript" src="scripts/formats/pmsr.js"></script>
<script type="text/javascript" src="scripts/formats/vcdiff.js"></script>
<script type="text/javascript" src="scripts/zip.js/zip.js"></script>
<script type="text/javascript" src="scripts/tauriSaveFile.js"></script>
</head>
<body>
<div id="column">
<!-- 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" 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 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 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 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 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 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,.vcdiff,.zip"
/>
</div>
</div>
<div class="buttons">
<span id="message-apply" class="message"></span>
<button
id="button-apply"
data-localize="apply_patch"
class="disabled"
disabled
>
Apply patch
</button>
</div>
</div>
<div id="tab1" class="tab">
<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 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 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>
<option value="bps">BPS</option>
<option value="ppf">PPF</option>
<option value="ups">UPS</option>
<option value="aps">APS</option>
<option value="rup">RUP</option>
</select>
</div>
</div>
<div class="buttons">
<span id="message-create" class="message"></span>
<button
id="button-create"
class="disabled"
disabled
data-localize="create_patch"
>
Create patch
</button>
</div>
</div>
</div>
<!-- FOOTER -->
<footer>
<div>
<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.8.1</small> by <a href="/">Marc Robledo</a>
<br />
<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>
<!-- 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="it">Italiano</option>
<option value="es">Español</option>
<option value="nl">Nederlands</option>
<option value="sv">Svenska</option>
<option value="ca">Català</option>
<option value="ca-va">Valencià</option>
<option value="pt-br">Português Brasileiro</option>
<option value="ru">Russian</option>
<option value="ja">日本語</option>
<option value="zh-cn">中文（简体）</option>
<option value="zh-tw">中文（正體）</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="fix_checksum">Fix ROM checksum</label>
</div>
<div class="rightcol-lg text-right">
<span id="switch-fix-checksum" class="switch disabled"></span>
</div>
</div>
<div class="row">
<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>
View git blame Copy permalink