iframe-proxy | Sunbelt Computer Software

169 lines (140 loc) · 7.45 KB
<!DOCTYPE html>
<html lang="en">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>IAY Financial LLC</title>
  <link rel="stylesheet" href="index.css">
  <div class="container">
    <img src="IAY consulting.png" alt="IAY Consulting" class="logo">
    <!-- Login Form -->
    <div id="login-view" class="hidden">
      <h1>Welcome Back</h1>
      <p class="subtitle">to IAY Financial LLC!</p>
      <p class="subtitle">Login to manage your bank connections</p>
      <div id="login-message"></div>
      <form id="login-form">
        <div class="form-group">
          <label for="login-email">Email</label>
          <input type="email" id="login-email" required>
        </div>
        <div class="form-group">
          <label for="login-password">Password</label>
          <input type="password" id="login-password" required>
        </div>
        <button type="submit" class="btn btn-primary">Login</button>
        <div style="display: flex; justify-content: space-between; margin-top: 10px;">
          <button type="button" class="btn-link" onclick="showRegister()">Don't have an account? Register</button>
          <button type="button" class="btn-link" onclick="showForgotPassword()">Forgot Password?</button>
        </div>
      </form>
    <!-- Forgot Password View -->
    <div id="forgot-password-view" class="hidden">
      <h1>Reset Password</h1>
      <p class="subtitle">Enter your email to receive a reset link</p>
      <div id="forgot-message"></div>
      <form id="forgot-form">
        <div class="form-group">
          <label for="forgot-email">Email</label>
          <input type="email" id="forgot-email" required>
        </div>
        <button type="submit" class="btn btn-primary">Send Reset Link</button>
        <button type="button" class="btn-link" onclick="showLogin()">Back to Login</button>
      </form>
    <!-- 2FA Login View -->
    <div id="two-factor-view" class="hidden">
      <h1>Two-Factor Authentication</h1>
      <p class="subtitle">Enter the code from your authenticator app</p>
      <div id="two-factor-message"></div>
      <form id="two-factor-form">
        <div class="form-group">
          <label for="two-factor-code">Authentication Code</label>
          <input type="text" id="two-factor-code" pattern="[0-9]*" inputmode="numeric" autocomplete="one-time-code" required placeholder="000000" style="text-align: center; letter-spacing: 5px; font-size: 1.2em;">
        </div>
        <button type="submit" class="btn btn-primary">Verify</button>
        <button type="button" class="btn-link" onclick="showLogin()">Back to Login</button>
      </form>
    <!-- Register Form -->
    <div id="register-view" class="hidden">
      <h1>Create Account</h1>
      <p class="subtitle">Get started with secure banking with IAY Financial LLC</p>
      <div id="register-message"></div>
      <form id="register-form">
        <div class="form-group">
          <label for="register-firstname">First Name</label>
          <input type="text" id="register-firstname" required>
        </div>
        <div class="form-group">
          <label for="register-lastname">Last Name</label>
          <input type="text" id="register-lastname" required>
        </div>
        <div class="form-group">
          <label for="register-email">Email</label>
          <input type="email" id="register-email" required>
        </div>
        <div class="form-group">
          <label for="register-password">Password (min 8 characters)</label>
          <input type="password" id="register-password" minlength="8" required>
        </div>
        <button type="submit" class="btn btn-primary">Create Account</button>
        <button type="button" class="btn-link" onclick="showLogin()">Already have an account? Login</button>
      </form>
    <!-- Dashboard (after login) -->
    <div id="dashboard-view" class="hidden">
      <h1>IAY Financial LLC</h1>
      <h1>Bank Connections</h1>
      <p class="subtitle">Connect and manage your accounts</p>
      <div class="user-info">
        <p><strong>Email:</strong> <span id="user-email"></span></p>
        <p><strong>Name:</strong> <span id="user-name"></span></p>
        <button class="logout-btn" onclick="logout()">Logout</button>
        <button class="logout-btn" onclick="window.location.href='transactions.html'" style="margin-left: 10px; background: #28a745;">View Transactions</button>
      </div>
      <div id="approval-message" style="display:none; color:#e74c3c; margin:15px 0; padding:15px; background:#fdf2f2; border-radius:4px;">
        ⚠️ Your account is pending admin approval. Please contact the administrator to enable bank connections.
      </div>
      <div id="dashboard-message"></div>
      <div class="security-settings" style="margin: 20px 0; padding: 20px; background: #fff; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
        <h2 style="margin-top: 0;">Security Settings</h2>
        <div id="2fa-status-section">
          <p>Two-Factor Authentication is currently <strong id="2fa-status-text">Disabled</strong></p>
          <button id="enable-2fa-btn" class="btn btn-primary" onclick="start2FASetup()" style="max-width: 200px;">Enable 2FA</button>
          <button id="disable-2fa-btn" class="btn btn-secondary hidden" onclick="disable2FA()" style="max-width: 200px; background-color: #dc3545;">Disable 2FA</button>
        </div>
        <!-- 2FA Setup Area (Hidden by default) -->
        <div id="2fa-setup-area" class="hidden" style="margin-top: 20px; border-top: 1px solid #eee; padding-top: 20px;">
          <h3>Setup Two-Factor Authentication</h3>
          <p>1. Scan this QR code with your authenticator app (Google Authenticator, Authy, etc.)</p>
          <div id="qr-code-container" style="margin: 15px 0; text-align: center;"></div>
          <p>Or enter this secret key manually: <code id="secret-key-display" style="background: #f5f5f5; padding: 4px 8px; border-radius: 4px; font-family: monospace;"></code></p>
          <p>2. Enter the 6-digit code from your app to verify</p>
          <form id="verify-2fa-setup-form">
            <div class="form-group">
              <input type="text" id="setup-2fa-code" placeholder="000000" pattern="[0-9]*" inputmode="numeric" required style="width: 100%; max-width: 200px; letter-spacing: 2px;">
            </div>
            <button type="submit" class="btn btn-primary" style="max-width: 200px;">Verify & Enable</button>
            <button type="button" class="btn-secondary" onclick="cancel2FASetup()" style="max-width: 100px;">Cancel</button>
          </form>
          <div id="setup-2fa-message"></div>
        </div>
      </div>
      <div class="current-connections" id="current-connections">
        <h2 style="margin-bottom: 4px;">Your Connected Banks</h2>
        <div id="connections-list">Loading connected banks...</div>
      </div>
      <button id="link-button" class="btn btn-primary">Connect New Bank</button>
      <button id="test-connection" class="btn btn-secondary">Test Backend Connection</button>
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
  <script src="https://cdn.plaid.com/link/v2/stable/link-initialize.js"></script>
  <script src="config.js"></script>
  <script src="index.js"></script>
Sunbelt Computer Software

PL/B Language Development and Support

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Sunbelt Computer Software

PL/B Language Development and Support

FilesExpand file tree

index.html

Latest commit

History

index.html

File metadata and controls
