82 lines
3.6 KiB
HTML
82 lines
3.6 KiB
HTML
<!----- Options HTML for Chrome Extension: Tracking Proxy Helper ----->
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Tracking Proxy Helper - Extension Options</title>
|
|
<link rel="stylesheet" href="options.css">
|
|
</head>
|
|
<body>
|
|
<h1>Tracking Proxy Helper Settings</h1>
|
|
<form id="options-form">
|
|
<div class="section" id="httpheader">
|
|
<h2>HTTP Header for Dev.Environment</h2>
|
|
<p class="url-match-label">Notice: The HTTP Header Name is: <strong>Tp-Dev</strong></p>
|
|
<div class="form-group">
|
|
<label for="header-value">HTTP Header Value:</label>
|
|
<input type="text" id="header-value" name="header-value">
|
|
</div>
|
|
<strong class="url-match-label">URLs to match:</strong>
|
|
<div id="url-fields-container">
|
|
<div class="url-field">
|
|
<input type="text" class="url-input" name="url[]">
|
|
<label>
|
|
<input type="checkbox" class="regex-checkbox"> Is Regex
|
|
</label>
|
|
<button type="button" class="remove-url-field">Remove</button>
|
|
</div>
|
|
</div>
|
|
<button type="button" id="add-url-field">Add URL Field</button>
|
|
</div>
|
|
<div class="section" id="blocking">
|
|
<h2>JavaScript Injection and Blocking</h2>
|
|
<div class="form-group">
|
|
<label for="script-url">URL for JavaScript Injection and Blocking:</label>
|
|
<div class="url-field">
|
|
<input type="text" id="script-url" name="script-url">
|
|
<label class="inline-checkbox">
|
|
<input type="checkbox" id="script-url-regex"> Is Regex
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="script-content">JavaScript to Inject:</label>
|
|
<textarea id="script-content" name="script-content" rows="4"></textarea>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>
|
|
<input type="checkbox" id="block-gtm"> Block Google Tag Manager
|
|
</label>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="gtm-container-id">Google Tag Manager Container ID:</label>
|
|
<div class="url-field">
|
|
<input type="text" id="gtm-container-id" name="gtm-container-id">
|
|
<label class="inline-checkbox">
|
|
<input type="checkbox" id="gtm-container-id-regex"> Is Regex
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>
|
|
<input type="checkbox" id="block-tracking-proxy"> Block Tracking Proxy Code
|
|
</label>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="tracking-proxy-url">URL for Tracking Proxy:</label>
|
|
<div class="url-field">
|
|
<input type="text" id="tracking-proxy-url" name="tracking-proxy-url">
|
|
<label class="inline-checkbox">
|
|
<input type="checkbox" id="tracking-proxy-url-regex"> Is Regex
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button type="submit">Save</button>
|
|
</form>
|
|
<h3>Saved Values</h3>
|
|
<pre id="saved-values"></pre>
|
|
<script src="options.js"></script>
|
|
</body>
|
|
</html> |