Initial commit of MyWorkspace - contains multiple projects and global workspace configuration
This commit is contained in:
73
Linkding Browser Extension/LinkdingSync/popup.html
Normal file
73
Linkding Browser Extension/LinkdingSync/popup.html
Normal file
@@ -0,0 +1,73 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>LinkdingSync</title>
|
||||
<link rel="stylesheet" href="popup.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<header>
|
||||
<h1>LinkdingSync</h1>
|
||||
<p class="subtitle">Bookmark Sync Extension</p>
|
||||
</header>
|
||||
|
||||
<div id="status-section">
|
||||
<div class="status-card">
|
||||
<div class="status-header">
|
||||
<span class="status-icon" id="status-icon">🔄</span>
|
||||
<span class="status-title" id="status-title">Loading...</span>
|
||||
</div>
|
||||
<p class="status-message" id="status-message">Connecting to Linkding...</p>
|
||||
<div class="sync-info" id="sync-info" style="display: none;">
|
||||
<div class="info-row">
|
||||
<span class="label">Bundle:</span>
|
||||
<span class="value" id="bundle-name">-</span>
|
||||
</div>
|
||||
<div class="info-row">
|
||||
<span class="label">Sync Mode:</span>
|
||||
<span class="value" id="sync-mode-display">-</span>
|
||||
</div>
|
||||
<div class="info-row">
|
||||
<span class="label">Last Sync:</span>
|
||||
<span class="value" id="last-sync">-</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="add-bookmark-section">
|
||||
<div class="add-section">
|
||||
<h2>Add Bookmark</h2>
|
||||
<div class="form-group">
|
||||
<label for="bookmark-url">URL</label>
|
||||
<input type="url" id="bookmark-url" placeholder="https://example.com" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="bookmark-notes">Notes (optional)</label>
|
||||
<textarea id="bookmark-notes" placeholder="Add notes for this bookmark..."></textarea>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="bookmark-folder">Folder</label>
|
||||
<select id="bookmark-folder">
|
||||
<option value="">(Browser default)</option>
|
||||
<option value="Work">Work</option>
|
||||
<option value="Personal">Personal</option>
|
||||
<option value="Development">Development</option>
|
||||
<option value="Research">Research</option>
|
||||
<option value="Other">Other</option>
|
||||
</select>
|
||||
</div>
|
||||
<button class="btn btn-primary" id="btn-add-bookmark">Add Bookmark</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="actions-section">
|
||||
<button class="btn btn-secondary" id="btn-settings">⚙️ Settings</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="popup.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user