Kontakt-Popup wird zum Testzugang-Formular, nur noch ein Knopf
Im Kontakt-Abschnitt steht nur noch "Testzugang anfragen" und oeffnet das Popup. Darin liegt jetzt das Testzugang-Formular ohne die Frage nach dem Thema, also Name, Behoerde, Funktion, Telefon, dienstliche E-Mail und Nutzerzahl. Die Freemail-Sperre und die Erkennung von Behoerdendomains greifen dort genauso wie auf der Seite. Wer zuerst eine Frage hat, findet unter dem Knopf einen direkten Mail-Hinweis. Das alte submitContact in app.js entfaellt, beide Formulare laufen ueber js/trial-form.js. Die gemeinsamen Formular-Styles liegen jetzt in css/style.css statt doppelt in den Seiten.
Dieser Commit ist enthalten in:
71
index.html
71
index.html
@@ -650,11 +650,11 @@
|
||||
<section class="section section-base" id="contact">
|
||||
<div class="container cta-container">
|
||||
<h2 class="section-title">Interesse am AegisSight Monitor?</h2>
|
||||
<p class="cta-text">Testen Sie den Monitor eine Woche lang mit Ihrem eigenen Thema, oder sprechen Sie zuerst mit uns über Ihren Anwendungsfall.</p>
|
||||
<p class="cta-text">Testen Sie den Monitor eine Woche lang mit Ihrem eigenen Thema, kostenfrei und ohne Verpflichtung.</p>
|
||||
<div class="cta-buttons">
|
||||
<a class="btn btn-primary btn-lg" href="/testzugang/">Testzugang anfragen</a>
|
||||
<button class="btn btn-outline btn-lg" onclick="openContactModal()">Kontakt aufnehmen</button>
|
||||
<button class="btn btn-primary btn-lg" onclick="openContactModal()">Testzugang anfragen</button>
|
||||
</div>
|
||||
<p class="contact-alt">Sie haben zuerst eine Frage. Schreiben Sie uns an <a href="mailto:info@aegis-sight.de">info@aegis-sight.de</a>.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -768,38 +768,75 @@
|
||||
<div class="modal-overlay" id="contact-modal" style="display:none">
|
||||
<div class="modal-content">
|
||||
<button class="modal-close" onclick="closeContactModal()">×</button>
|
||||
<h2>Kontakt aufnehmen</h2>
|
||||
<p class="modal-sub">Sprechen Sie mit uns über Ihren Anwendungsfall.</p>
|
||||
<form id="contact-form" onsubmit="return submitContact(event)">
|
||||
<h2>Testzugang anfragen</h2>
|
||||
<p class="modal-sub">Eine Woche lang mit vollem Funktionsumfang testen, kostenfrei und ohne Verpflichtung. Für die Anfrage benötigen wir Ihre dienstliche E-Mail-Adresse.</p>
|
||||
|
||||
<div class="tf-error" id="tf-error" role="alert"></div>
|
||||
|
||||
<form id="trial-form" novalidate>
|
||||
<div class="form-row">
|
||||
<div class="form-group">
|
||||
<label for="cf-name">Name</label>
|
||||
<input type="text" id="cf-name" name="name" required>
|
||||
<label for="tf-name">Name</label>
|
||||
<input type="text" id="tf-name" name="name" autocomplete="name" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="cf-org">Organisation</label>
|
||||
<input type="text" id="cf-org" name="organisation">
|
||||
<label for="tf-org">Behörde oder Organisation</label>
|
||||
<input type="text" id="tf-org" name="organisation" autocomplete="organization" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<div class="form-group">
|
||||
<label for="tf-role">Funktion oder Dienststelle</label>
|
||||
<input type="text" id="tf-role" name="role" autocomplete="organization-title" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="tf-phone">Telefon <span class="tf-hint">optional</span></label>
|
||||
<input type="tel" id="tf-phone" name="phone" autocomplete="tel">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="cf-email">E-Mail</label>
|
||||
<input type="email" id="cf-email" name="email" required>
|
||||
<label for="tf-email">Dienstliche E-Mail-Adresse</label>
|
||||
<input type="email" id="tf-email" name="email" autocomplete="email" required aria-describedby="tf-email-note">
|
||||
<span class="tf-note" id="tf-email-note"></span>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="cf-message">Nachricht</label>
|
||||
<textarea id="cf-message" name="message" rows="4" required></textarea>
|
||||
<label for="tf-users">Geplante Nutzerzahl <span class="tf-hint">optional</span></label>
|
||||
<select id="tf-users" name="users">
|
||||
<option value="">Bitte wählen</option>
|
||||
<option value="1 Person">1 Person</option>
|
||||
<option value="2 bis 5 Personen">2 bis 5 Personen</option>
|
||||
<option value="6 bis 20 Personen">6 bis 20 Personen</option>
|
||||
<option value="mehr als 20 Personen">mehr als 20 Personen</option>
|
||||
</select>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary btn-block">Nachricht senden</button>
|
||||
|
||||
<div class="tf-hp" aria-hidden="true">
|
||||
<label for="tf-website">Website</label>
|
||||
<input type="text" id="tf-website" name="website" tabindex="-1" autocomplete="off">
|
||||
</div>
|
||||
|
||||
<div class="tf-consent">
|
||||
<input type="checkbox" id="tf-consent" name="consent" required>
|
||||
<label for="tf-consent">Ich bin damit einverstanden, dass meine Angaben zur Bearbeitung dieser Anfrage gespeichert und verarbeitet werden. Weitere Hinweise finden sich in der <a href="/datenschutz.html">Datenschutzerklärung</a>.</label>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-primary btn-block">Testzugang anfragen</button>
|
||||
</form>
|
||||
<div class="form-success" id="form-success" style="display:none">
|
||||
<p>Vielen Dank für Ihre Nachricht. Wir melden uns zeitnah bei Ihnen.</p>
|
||||
|
||||
<div class="tf-success" id="tf-success">
|
||||
<h3>Vielen Dank für Ihre Anfrage</h3>
|
||||
<p>Wir haben Ihre Angaben erhalten und melden uns in der Regel innerhalb von zwei Werktagen bei Ihnen.</p>
|
||||
<p>Sollten Sie in der Zwischenzeit Fragen haben, erreichen Sie uns unter <a href="mailto:info@aegis-sight.de">info@aegis-sight.de</a>.</p>
|
||||
</div>
|
||||
|
||||
<p class="tf-privacy">Alle Einzelheiten zum Testzugang stehen auf der <a href="/testzugang/">Seite zum Testzugang</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="/assets/vendor/leaflet/leaflet.js"></script>
|
||||
<script src="/assets/vendor/leaflet/leaflet.markercluster.js"></script>
|
||||
<script src="js/app.js"></script>
|
||||
<script src="/js/trial-form.js"></script>
|
||||
<script src="/cookie-consent.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
In neuem Issue referenzieren
Einen Benutzer sperren