47 lines
No EOL
2.5 KiB
HTML
47 lines
No EOL
2.5 KiB
HTML
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Microsoft Authentication Required</title>
|
|
<style>
|
|
body { font-family: Arial, sans-serif; margin: 0; padding: 20px; background-color: #f5f5f5; }
|
|
.container { max-width: 800px; margin: 0 auto; background-color: white; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); padding: 30px; }
|
|
h1 { color: #0078d4; margin-top: 0; }
|
|
.step { margin-bottom: 20px; }
|
|
.step-number { display: inline-block; width: 30px; height: 30px; background-color: #0078d4; color: white; border-radius: 50%; text-align: center; line-height: 30px; margin-right: 10px; font-weight: bold; }
|
|
.auth-button { display: inline-block; background-color: #0078d4; color: white; padding: 12px 24px; text-decoration: none; border-radius: 4px; font-weight: bold; margin: 20px 0; }
|
|
.auth-button:hover { background-color: #106ebe; }
|
|
.note { background-color: #fff4e5; border-left: 4px solid #ff8c00; padding: 15px; margin: 20px 0; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h1>Microsoft Authentication Required</h1>
|
|
|
|
<p>To create email templates and drafts, you need to authenticate with your Microsoft account. Follow these steps:</p>
|
|
|
|
<div class="step">
|
|
<span class="step-number">1</span>
|
|
<strong>Click the authentication link below</strong>
|
|
</div>
|
|
|
|
<a href="http://localhost:8080/api/msft/login" class="auth-button" target="_blank">Authenticate with Microsoft</a>
|
|
|
|
<div class="step">
|
|
<span class="step-number">2</span>
|
|
<strong>Sign in with your Microsoft account</strong> and grant the required permissions
|
|
</div>
|
|
|
|
<div class="step">
|
|
<span class="step-number">3</span>
|
|
<strong>Return to this application</strong> and run the email agent again after completing authentication
|
|
</div>
|
|
|
|
<div class="note">
|
|
<p><strong>Note:</strong> You only need to authenticate once. Your session will be remembered for future email operations.</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
|