render function

Last updated: 2026-03-04T23:36:57.288Z

Location

src/popup/popup.ts:22-45

Metrics

LOC: 24 Complexity: 1 Params: 0

Signature

render(): : void

Source Code

function render(): void {
  document.body.innerHTML = `
    <div class="popup-container">
      <div class="popup-header">
        <span class="popup-logo">Fill All</span>
      </div>
      <div class="popup-body">
        <div id="status" class="status" style="display:none"></div>
        <button id="btn-fill-all" class="action-btn primary">
          ⚡ ${t("fillAll")}
        </button>
        <button id="btn-fill-ai" class="action-btn">
          🤖 ${t("fillContextualAI")}
        </button>
        <button id="btn-fill-empty" class="action-btn">
          🔍 ${t("fillOnlyEmpty")}
        </button>
        <button id="btn-settings" class="action-btn info">
          ⚙️ ${t("settings")}
        </button>
      </div>
    </div>
  `;
}

Dependencies (Outgoing)

graph LR render["render"] initI18n["initI18n"] t["t"] createLogger["createLogger"] initLogger["initLogger"] openAIContextModal["openAIContextModal"] sendToActiveTab["sendToActiveTab"] init["init"] render -->|uses| initI18n render -->|uses| t render -->|uses| createLogger render -->|uses| initLogger render -->|uses| openAIContextModal render -->|uses| sendToActiveTab render -->|calls| init style render fill:#dbeafe,stroke:#2563eb,stroke-width:2px click render "89e5905fc5b1676c.html" click initI18n "6ba39c0538592b1c.html" click t "8e8864a3c5cfd1e1.html" click createLogger "70597a0a6b5e9ebb.html" click initLogger "ad03e6e0ac6d4c9a.html" click openAIContextModal "97760a8ce5debd4a.html" click sendToActiveTab "a91f63e9f38af9db.html" click init "cc1420d67c7ecf47.html"
TargetType
initI18n uses
t uses
createLogger uses
initLogger uses
openAIContextModal uses
sendToActiveTab uses
init calls

No incoming dependencies.