66 lines
2.4 KiB
HTML
66 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<meta charset="UTF-8">
|
|
<html>
|
|
<head>
|
|
<link href="https://fonts.googleapis.com/css?family=Rubik&display=swap" rel="stylesheet">
|
|
<link href='popup.css' rel='stylesheet' type='text/css'>
|
|
<script src="popup.js" type="text/javascript"></script>
|
|
</head>
|
|
<body>
|
|
<div class="fade-when-deactivate">
|
|
<h1>Enter the name here:</h1>
|
|
<form id="change-name-form">
|
|
<input type="text" id="change-name-form-text"/>
|
|
<input type="submit" class="change" value="Change"/>
|
|
</form>
|
|
<details>
|
|
<summary>Need to replace something other than Y/N?</summary>
|
|
<p><small>This change will go away when you refresh/go to another page unless you check the box next to "Store this replacement".</small></p>
|
|
<p>
|
|
<form id="replace-other-words-form" class="other-words">
|
|
<label>
|
|
<span>Value (e.g. L/N, E/C, etc):</span>
|
|
<input type="text" id="replace-word" class="other"/>
|
|
</label>
|
|
<label>
|
|
<input type="checkbox" id="is-case-sensitive">Case sensitive
|
|
</label>
|
|
<br><br>
|
|
<label>
|
|
<span>Replace with:</span>
|
|
<input type="text" id="replace-with" class="replace-with"/>
|
|
</label>
|
|
<br>
|
|
<label>
|
|
<input type="checkbox" id="is-perm">Store this replacement
|
|
</label>
|
|
<input type="submit" class="change" value="Change">
|
|
</form>
|
|
</p>
|
|
</details>
|
|
<details>
|
|
<summary id="show-saved">Stored Replacements</summary>
|
|
<p><small>To remove, simply click on a replacement. To change, re-enter in the previous section.</small></p>
|
|
<div class="saved-items-list-wrapper">
|
|
<ul id="saved-items-list">
|
|
</ul>
|
|
</div>
|
|
</details>
|
|
</div>
|
|
<div>
|
|
<details>
|
|
<summary>⚙️ Settings</summary>
|
|
<div class="fade-when-deactivate"><input type="checkbox" id="enable-observer"> Auto-detect page changes <small>(Wattpad support)</small><br></div>
|
|
<input type="checkbox" id="deactivate"> Deactivate Extension</span>
|
|
</details>
|
|
</div>
|
|
|
|
<input type="button" id="refresh-replacements" class="fade-when-deactivate" value="Refresh Replacements"/>
|
|
|
|
<a href="http://interactivefics.tumblr.com/ask" target="_blank">Feedback, suggestions and requests.</a></br>
|
|
<a href="https://interactivefics.tumblr.com/changelog" target="_blank">> What's new?</a></br>
|
|
<div id="src-code">
|
|
🤖 <a href="https://github.com/interactivefics/interactive-fics" target="_blank">source code</a> 🤖
|
|
</div>
|
|
</body>
|
|
</html> |