TrumpSwap/options.html at main · jordibrouwer/TrumpSwap · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>TrumpSwap - Settings</title>
  <link rel="stylesheet" href="options.css">
</head>
<body>
  <div class="container">
    <div class="header-with-language">
      <h1>TrumpSwap - Settings</h1>
      <div class="language-selector">
        <label for="languageSelect">Language:</label>
        <select id="languageSelect">
          <option value="en">English</option>
          <option value="nl">Nederlands</option>
        </select>
      </div>
    </div>

    <!-- Extension Status Section -->
    <div class="settings-section">
      <h2 data-i18n="extensionStatus">Extension Status</h2>
      <label class="checkbox-label">
        <input type="checkbox" id="extensionEnabled" checked>
        <span data-i18n="extensionEnabledLabel">Extension enabled</span>
      </label>
      <p class="help-text" data-i18n="extensionEnabledHelp">When disabled, the extension performs no replacements.</p>
    </div>

    <!-- Filter Words Section -->
    <div class="settings-section">
      <h2 data-i18n="filterWordsTitle">Filter Words</h2>
      <p class="help-text" data-i18n="filterWordsHelp">Enter one search term per line. All occurrences of these words will be replaced.</p>
      <textarea id="filterWords" placeholder="Trump&#10;Donald Trump&#10;President Trump&#10;Trump Jr." rows="6"></textarea>
    </div>

    <!-- Replacement Text Section -->
    <div class="settings-section">
      <h2 data-i18n="replacementTextTitle">Replacement Text</h2>
      <p class="help-text" data-i18n="replacementTextHelp">Enter one replacement text per line. Each replacement randomly selects one of these texts.</p>
      <textarea id="replacementTexts" placeholder="Lorem ipsum dolor sit amet, consectetur adipiscing elit.&#10;Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." rows="6"></textarea>
    </div>

    <!-- Options Section -->
    <div class="settings-section">
      <h2 data-i18n="optionsTitle">Options</h2>
      <label class="checkbox-label">
        <input type="checkbox" id="caseSensitive">
        <span data-i18n="caseSensitiveLabel">Case-sensitive filtering</span>
      </label>
      <p class="help-text" data-i18n="caseSensitiveHelp">When enabled, "Trump" is different from "trump".</p>
    </div>

    <!-- Action Buttons -->
    <div class="button-group">
      <button id="saveBtn" class="btn btn-primary" data-i18n="saveBtn">Save</button>
      <button id="resetBtn" class="btn btn-secondary" data-i18n="resetBtn">Reset to Defaults</button>
    </div>

    <!-- Status Message -->
    <div id="status" class="status-message"></div>
  </div>

  <script src="options.js"></script>
</body>
</html>