Disclaimer re-added, added several documentation files for Codex
This commit is contained in:
@@ -60,6 +60,85 @@
|
||||
.fc-req-nok { color: #dc3545; font-weight: 600; }
|
||||
.formula-box { background: #f8f9fa; border: 1px solid #e0e0e0; border-radius: 6px; padding: 10px 14px; font-size: 12px; color: #666; margin-top: 18px; font-family: 'Courier New', monospace; }
|
||||
.footer { text-align: center; font-size: 11px; color: #aaa; padding: 18px; margin-top: 30px; }
|
||||
.disclaimer-overlay {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
z-index: 9999;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 20px;
|
||||
background: rgba(20, 28, 34, 0.72);
|
||||
}
|
||||
.disclaimer-overlay.is-hidden { display: none; }
|
||||
.disclaimer-dialog {
|
||||
width: min(760px, 100%);
|
||||
max-height: min(86vh, 820px);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: #fff;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28);
|
||||
overflow: hidden;
|
||||
}
|
||||
.disclaimer-header {
|
||||
padding: 18px 22px;
|
||||
background: #1F5438;
|
||||
color: #fff;
|
||||
}
|
||||
.disclaimer-header h2 { font-size: 18px; margin: 0; }
|
||||
.disclaimer-content {
|
||||
padding: 20px 22px;
|
||||
overflow-y: auto;
|
||||
line-height: 1.5;
|
||||
font-size: 14px;
|
||||
}
|
||||
.disclaimer-content h3 {
|
||||
margin: 0 0 8px;
|
||||
color: #1F5438;
|
||||
font-size: 15px;
|
||||
}
|
||||
.disclaimer-content p { margin: 0 0 12px; }
|
||||
.disclaimer-language + .disclaimer-language {
|
||||
margin-top: 18px;
|
||||
padding-top: 18px;
|
||||
border-top: 1px solid #e0e8f0;
|
||||
}
|
||||
.disclaimer-actions {
|
||||
padding: 16px 22px;
|
||||
border-top: 1px solid #e0e8f0;
|
||||
background: #f8fafa;
|
||||
}
|
||||
.disclaimer-confirm {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 10px;
|
||||
margin-bottom: 14px;
|
||||
font-size: 13px;
|
||||
color: #333;
|
||||
}
|
||||
.disclaimer-confirm input {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-top: 1px;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
.disclaimer-btn {
|
||||
width: 100%;
|
||||
border: none;
|
||||
border-radius: 6px;
|
||||
padding: 11px 18px;
|
||||
background: #2BAC70;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
cursor: pointer;
|
||||
}
|
||||
.disclaimer-btn:hover { background: #1F5438; }
|
||||
.disclaimer-btn:disabled {
|
||||
background: #b8c7bf;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
/* ============================================
|
||||
LOAD OPTIMIZER STYLES
|
||||
@@ -336,6 +415,37 @@
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="disclaimer-overlay" id="disclaimerOverlay" role="dialog" aria-modal="true" aria-labelledby="disclaimerTitle">
|
||||
<div class="disclaimer-dialog">
|
||||
<div class="disclaimer-header">
|
||||
<h2 id="disclaimerTitle">Disclaimer</h2>
|
||||
</div>
|
||||
<div class="disclaimer-content">
|
||||
<section class="disclaimer-language" aria-label="Deutscher Disclaimer">
|
||||
<h3>Deutsch</h3>
|
||||
<p><strong>⚠️ Disclaimer</strong></p>
|
||||
<p>Dieses Tool ist ausschließlich zur persönlichen, internen Verwendung bestimmt. Die Weitergabe von Logins ist nicht gestattet.</p>
|
||||
<p>Berechtigt sind nur: Produktmanagement, Produktionsleitung, R&D, Controlling und Logistik.</p>
|
||||
<p>Wichtig: Alle Eingaben und Ausgaben müssen vor der Verwendung auf Plausibilität geprüft werden. Die Datenbasis für Materialdicke und Flächengewicht wird automatisch erstellt und ist weder geprüft noch erhebt sie Anspruch auf Vollständigkeit.</p>
|
||||
</section>
|
||||
<section class="disclaimer-language" aria-label="English disclaimer">
|
||||
<h3>English</h3>
|
||||
<p><strong>⚠️ Disclaimer</strong></p>
|
||||
<p>This tool is exclusively for personal, internal use. Sharing login credentials is prohibited.</p>
|
||||
<p>Authorized departments only: Product Management, Production Management, R&D, Controlling, and Logistics.</p>
|
||||
<p>Important: All inputs and outputs must be verified for plausibility before use. The material thickness and area weight data is automatically generated and has not been reviewed. It does not claim to be complete or comprehensive.</p>
|
||||
</section>
|
||||
</div>
|
||||
<div class="disclaimer-actions">
|
||||
<label class="disclaimer-confirm" for="disclaimerAccepted">
|
||||
<input type="checkbox" id="disclaimerAccepted">
|
||||
<span>I have read and understood the disclaimer / Ich habe den Disclaimer gelesen und verstanden.</span>
|
||||
</label>
|
||||
<button class="disclaimer-btn" id="disclaimerConfirmBtn" type="button" disabled>Confirm / Bestätigen</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header">
|
||||
<h1>Naue Roll Diameter Calculator</h1>
|
||||
<p>Roll Diameter • Product Length • Roll Weight • Load Optimizer</p>
|
||||
@@ -1301,6 +1411,23 @@ class LoadOptimizerUI {
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
window.loadOptimizerUI = new LoadOptimizerUI();
|
||||
});
|
||||
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const overlay = document.getElementById('disclaimerOverlay');
|
||||
const checkbox = document.getElementById('disclaimerAccepted');
|
||||
const confirmBtn = document.getElementById('disclaimerConfirmBtn');
|
||||
|
||||
if (!overlay || !checkbox || !confirmBtn) return;
|
||||
|
||||
checkbox.addEventListener('change', () => {
|
||||
confirmBtn.disabled = !checkbox.checked;
|
||||
});
|
||||
|
||||
confirmBtn.addEventListener('click', () => {
|
||||
if (!checkbox.checked) return;
|
||||
overlay.classList.add('is-hidden');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user