68 lines
2.4 KiB
HTML
68 lines
2.4 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>GMB Audit</title>
|
|
<link rel="stylesheet" href="/styles.css">
|
|
</head>
|
|
<body>
|
|
<main class="shell">
|
|
<header class="topbar">
|
|
<div>
|
|
<h1>GMB Audit</h1>
|
|
<p id="status">Checking connection...</p>
|
|
</div>
|
|
<div class="actions">
|
|
<a class="button primary" href="/auth" id="connectButton">Connect Google</a>
|
|
<button class="button" id="disconnectButton" hidden>Disconnect</button>
|
|
</div>
|
|
</header>
|
|
|
|
<section class="layout">
|
|
<aside class="panel">
|
|
<div class="panelHeader">
|
|
<h2>Accounts</h2>
|
|
<button class="button small" id="refreshAccounts">Refresh</button>
|
|
</div>
|
|
<div id="accounts" class="list empty">Connect a Google account to load accounts.</div>
|
|
</aside>
|
|
|
|
<div class="contentStack">
|
|
<section class="panel">
|
|
<div class="panelHeader">
|
|
<div>
|
|
<h2>Competitor Lookup</h2>
|
|
<p class="muted">Uses Places API public place types, not private GBP categories.</p>
|
|
</div>
|
|
</div>
|
|
<form id="competitorForm" class="searchForm">
|
|
<input id="competitorQuery" type="search" placeholder="Example: dentist near Toronto, ON" autocomplete="off">
|
|
<button class="button primary" type="submit">Search</button>
|
|
</form>
|
|
<div id="competitors" class="competitorGrid empty">Enter a competitor name, category, or local search query.</div>
|
|
</section>
|
|
|
|
<section class="panel">
|
|
<div class="panelHeader">
|
|
<h2>Businesses</h2>
|
|
<span id="businessCount" class="muted"></span>
|
|
</div>
|
|
<div id="locations" class="businessGrid empty">Select an account to load businesses.</div>
|
|
</section>
|
|
|
|
<section class="panel">
|
|
<div class="panelHeader">
|
|
<h2>Audit</h2>
|
|
<span id="auditScore" class="muted"></span>
|
|
</div>
|
|
<div id="audit" class="audit empty">Select a business to run the first audit.</div>
|
|
</section>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<script src="/app.js?v=12" type="module"></script>
|
|
</body>
|
|
</html>
|