diff --git a/package.json b/package.json index ebeebe2..4030776 100644 --- a/package.json +++ b/package.json @@ -7,9 +7,9 @@ "start": "node server.js", "dev": "node server.js", "deploy": "npm install && npm start", - "test": "node --test tests/frontend-integrity.test.js tests/browser-executable.test.js", + "test": "node --test tests/frontend-integrity.test.js tests/browser-executable.test.js tests/integration-status.test.js tests/settings-status-functional.test.js tests/configure-buttons.test.js", "capture:readme": "node scripts/capture-readme-screenshot.js" - }, +}, "keywords": [ "google-maps-scraper", "data-extractor", diff --git a/public/css/style.css b/public/css/style.css index 7127cfa..e1ddc05 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -2466,4 +2466,45 @@ textarea { background: var(--accent-primary); color: white; transform: scale(1.1); +} + + +/* Integration Readiness Status */ +.integration-status-list { + display: flex; + flex-direction: column; + gap: 10px; +} + +.integration-badge { + display: flex; + align-items: center; + justify-content: space-between; + padding: 10px 14px; + border-radius: var(--radius-md); + border: 1px solid var(--border-color); + background: var(--bg-tertiary); + font-size: 0.9rem; + color: var(--text-secondary); +} + +.integration-badge.configured { + border-color: var(--success); + color: var(--success); +} + +.integration-badge.not-configured { + border-color: var(--warning); + color: var(--text-secondary); +} + +.integration-badge a { + color: var(--accent-primary); + text-decoration: none; + font-weight: 600; + font-size: 0.85rem; +} + +.integration-badge a:hover { + text-decoration: underline; } \ No newline at end of file diff --git a/public/index.html b/public/index.html index daddbcf..2748093 100644 --- a/public/index.html +++ b/public/index.html @@ -104,6 +104,10 @@

Dashboard

Overview of your extraction campaigns

+
+

Integration Readiness

+
+
@@ -530,6 +534,8 @@

โš™๏ธ Settings

SMTP + @@ -686,8 +692,38 @@

โš™๏ธ Settings

style="padding: 8px 16px; background: var(--bg-tertiary); border: 1px solid var(--border-color); border-radius: 6px; color: var(--text-secondary); cursor: pointer;">๐Ÿงช Test Connection
- - + +