-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathoptions.html
124 lines (116 loc) · 5.05 KB
/
options.html
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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!DOCTYPE html>
<html>
<head>
<title>CFP Manager Settings</title>
<link rel="stylesheet" href="options.css">
</head>
<body>
<h1>CFP Manager</h1>
<p>Manage your CFP (Call for Papers) submissions for easy copy and paste.</p>
<p>View on <a href="https://github.com/jerdog/cfp-chrome-extension" target="_blank">GitHub</a>, and submit any <a href="https://github.com/jerdog/cfp-chrome-extension" target="_blank">issues</a> you find. Contributions are welcome.</p>
<p>If you find this useful, maybe <a href="https://buymeacoffee.com/jerdog" target="_blank">Buy me a Coffee!</a>
<h2>Settings</h2>
<!-- General Settings Section -->
<div class="section">
<h3>General Settings</h3>
<div class="general-settings">
<!-- First Column: Export Settings and Custom Fields -->
<div class="column">
<div class="form-group">
<h4>Import/Export Settings (JSON)</h4>
<button id="exportSettingsBtn">Export Settings</button>
<input type="file" id="importSettingsInput" accept=".json" style="display: none;">
<button id="importSettingsBtn">Import Settings</button>
</div>
<div class="form-group">
<h4>Import/Export Talks</h4>
<label for="sessionizeUrl">Sessionize API URL:</label>
<input type="text" id="sessionizeUrl">
<button id="saveSessionizeBtn" style="margin: 10px 0 10px 0;">Save</button>
<button id="fetchSessionizeBtn">Fetch Talks</button>
<p id="fetchSessionizeStatus" style="margin: 10px 0 10px 0;"></p>
<p id="saveSessionizeUrlStatus" style="margin: 10px 0 10px 0;"></p>
<label for="importJson">Import Talks:</label>
<input type="file" id="importJson" accept=".json">
<button id="importJsonBtn" style="margin: 10px 0 10px 0;">Upload</button>
<button id="exportJsonBtn">Export Talks</button>
</div>
</div>
<!-- Second Column: Import/Export Talks -->
<div class="column">
<div class="form-group">
<h4>Manage Custom Fields</h4>
<button id="addCustomFieldBtn" style="margin: 0 0 10px 0;">Add Custom Field</button>
<button id="resetCustomFieldsBtn" style="margin: 0 0 10px 0;">Reset Custom Fields</button>
<div id="customFieldsContainer" class="container"></div>
</div>
</div>
</div>
</div>
<!-- Add/Edit Custom Field Modal -->
<div class="modal" id="addCustomFieldModal">
<h3 id="customFieldModalTitle">Add/Edit Custom Field</h3>
<div class="form-group">
<label for="customFieldName">Field Name:</label>
<input type="text" id="customFieldName">
</div>
<div class="form-group">
<label for="customFieldValue">Field Value:</label>
<input type="text" id="customFieldValue">
</div>
<div class="form-actions">
<button id="saveCustomFieldBtn" style="margin: 10px 10px 10px 10px;">Save</button>
<button type="button" id="closeCustomFieldModalBtn" style="margin: 10px 10px 10px 10px;">Cancel</button>
</div>
</div>
<!-- Manage Talks Section -->
<div class="section">
<h2>Manage Talks</h2>
<div class="form-group" style="border: 1px solid #ddd;">
<div>
<button id="addTalkBtn" style="margin: 10px 0 10px 0;">Add Talk</button>
<button id="deleteAllBtn" style="margin: 10px 0 10px 0;">Delete All Talks</button>
</div>
<div id="talksContainer"></div>
</div>
</div>
<!-- Add/Edit Talk Modal -->
<div class="modal" id="addEditModal">
<h3 id="modalTitle">Add/Edit Talk</h3>
<div class="form-group">
<label for="talkTitle">Title:</label>
<input type="text" id="talkTitle">
</div>
<div class="form-group">
<label for="talkDescription">Description:</label>
<textarea id="talkDescription"></textarea>
</div>
<div class="form-group">
<label for="talkDuration">Duration (minutes):</label>
<input type="number" id="talkDuration">
</div>
<div class="form-group">
<label for="talkLevel">Level:</label>
<select id="talkLevel">
<option value="Beginner">Beginner</option>
<option value="Intermediate">Intermediate</option>
<option value="Advanced">Advanced</option>
</select>
</div>
<div class="form-group">
<label for="talkPitch">Elevator Pitch:</label>
<textarea id="talkPitch"></textarea>
</div>
<div class="form-group">
<label for="talkNotes">Notes:</label>
<textarea id="talkNotes"></textarea>
</div>
<div class="form-actions">
<button id="saveTalkBtn" style="margin: 10px 10px 10px 10px;">Save</button>
<button type="button" id="closeModal" style="margin: 10px 10px 10px 10px;">Cancel</button>
</div>
</div>
<div id="modalBackdrop" class="modal-backdrop"></div>
<script src="options.js" defer></script>
</body>
</html>