tracking-proxy-helper/options.html
Andi Petzoldt 1c1479b239 Tracking Proxy Helper v1.1
- added Session ID to Popup
- added Channels to Popup
2024-07-31 16:49:16 +02:00

93 lines
4.0 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">
<script src="options.js"></script>
</head>
<body>
<h1>Tracking Proxy Helper Settings</h1>
<form id="options-form">
<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>
<span onclick="toggleSection('dev-core')" class="toggle-header">+ Dev.Core</span>
<div class="section" id="dev-core">
<div id="httpheader" style="display:none;">
<div class="form-group">
<label>HTTP Header Key:</label>
<input type="text" id="header-key" name="header-key" value="Tp-Dev">
</div>
<div class="form-group">
<label>HTTP Header Value:</label>
<input type="text" id="header-value" name="header-value">
</div>
<div class="form-group">
<label>
<input type="checkbox" id="header-global"> Add HTTP Header to all Requests (Notice: This will need more Resources)
</label>
</div>
</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>
<button type="submit">Save</button>
</form>
<h3>Saved Values</h3>
<pre id="saved-values"></pre>
<script src="options.js"></script>
</body>
</html>