45 lines
2.5 KiB
HTML
45 lines
2.5 KiB
HTML
<vbox
|
|
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
|
xmlns:html="http://www.w3.org/1999/xhtml"
|
|
onload="Zotero.ResearchOsSync.hooks.onPrefsEvent('load', { window })"
|
|
style="padding: 16px; min-width: 480px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;"
|
|
>
|
|
<groupbox style="border: 1px solid #e2e8f0; border-radius: 8px; padding: 16px; background-color: #ffffff; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
|
|
<label><html:h3 style="margin: 0 0 16px 0; color: #0f172a; font-size: 16px; font-weight: 600; border-bottom: 1px solid #f1f5f9; padding-bottom: 8px;">Research OS Integration Settings</html:h3></label>
|
|
|
|
<html:div style="display: flex; flex-direction: column; gap: 12px; width: 100%;">
|
|
<html:div style="display: flex; flex-direction: column; gap: 4px;">
|
|
<html:label for="zotero-prefpane-researchossync-serverUrl" style="font-size: 13px; font-weight: 500; color: #475569;">Server Endpoint URL</html:label>
|
|
<html:input
|
|
type="text"
|
|
id="zotero-prefpane-researchossync-serverUrl"
|
|
preference="extensions.zotero.researchossync.serverUrl"
|
|
placeholder="e.g. http://localhost:3000"
|
|
style="padding: 8px 12px; border: 1px solid #cbd5e1; border-radius: 6px; font-size: 13px; outline: none; background: #f8fafc; transition: all 0.2s;"
|
|
/>
|
|
</html:div>
|
|
|
|
<html:div style="display: flex; flex-direction: column; gap: 4px;">
|
|
<html:label for="zotero-prefpane-researchossync-apiToken" style="font-size: 13px; font-weight: 500; color: #475569;">Extension API Token</html:label>
|
|
<html:input
|
|
type="password"
|
|
id="zotero-prefpane-researchossync-apiToken"
|
|
preference="extensions.zotero.researchossync.apiToken"
|
|
placeholder="ext_..."
|
|
style="padding: 8px 12px; border: 1px solid #cbd5e1; border-radius: 6px; font-size: 13px; outline: none; background: #f8fafc; transition: all 0.2s;"
|
|
/>
|
|
</html:div>
|
|
|
|
<html:div style="display: flex; justify-content: flex-end; margin-top: 10px;">
|
|
<html:button
|
|
id="zotero-prefpane-researchossync-test"
|
|
onclick="Zotero.ResearchOsSync.hooks.onPrefsEvent('test', { window })"
|
|
style="padding: 8px 16px; background-color: #cbd5e1; color: #0f172a; font-weight: 600; font-size: 13px; border-radius: 6px; border: 1px solid #94a3b8; cursor: pointer;"
|
|
>
|
|
Test Connection
|
|
</html:button>
|
|
</html:div>
|
|
</html:div>
|
|
</groupbox>
|
|
</vbox>
|