sx/real-chatgpt-extension
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improvements

Browse Source
This commit is contained in:
samex
2025-04-04 14:02:41 +02:00
parent 13c7ab1d08
commit 655e788b7a
7 changed files with 657 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
popup.html
View File

@@ -3,14 +3,59 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chrome extension</title>
<title>Real ChatGPT Extension Settings</title>
<link rel="stylesheet" href="popup.css">
<script defer src="popup.js"></script>
</head>
<body>
<div class="container">
<h1>Great!</h1>
<p>Your extension is ready<br>you can go to <a target="_blank" href="https://developer.chrome.com/docs/extensions/">https://developer.chrome.com/docs/extensions/</a> to learn more about chrome extensions</p>
<h1>Real ChatGPT Extension Settings</h1>
<div class="menu-items" id="menuItems">
<!-- Menu items will be added here dynamically -->
</div>
<button id="addMenuItem" class="btn btn-primary">+ New</button>
<div class="action-buttons">
<button id="saveSettings" class="btn btn-primary">Save Settings</button>
<button id="resetSettings" class="btn btn-danger">Reset to Default</button>
</div>
</div>
<!-- Template for menu item -->
<template id="menuItemTemplate">
<div class="menu-item">
<div class="menu-item-header">
<span class="menu-item-title">Menu Item</span>
<button class="toggle-btn">▼</button>
</div>
<div class="menu-item-content">
<div class="form-group">
<label for="menuId">ID:</label>
<input type="text" class="menu-id" placeholder="Unique identifier (e.g., improveMail)">
</div>
<div class="form-group">
<label for="menuTitle">Title:</label>
<input type="text" class="menu-title" placeholder="Display text in context menu">
</div>
<div class="form-group">
<label for="menuPrompt">Prompt Template:</label>
<textarea class="menu-prompt" placeholder="Prompt text to send to ChatGPT"></textarea>
</div>
<div class="form-group">
<label for="menuModel">Model:</label>
<select class="menu-model">
<option value="gpt-4o">GPT-4o</option>
<option value="gpt-4-5">GPT-4.5</option>
<option value="o1">o1</option>
<option value="o3-mini">o3-mini</option>
<option value="o3-mini-high">o3-mini-high</option>
</select>
</div>
<button class="btn btn-danger delete-menu-item">Delete</button>
</div>
</div>
</template>
</body>
</html>