vlw/vlw.se
1
0
Fork 0
mirror of https://codeberg.org/vlw/vlw.se.git synced 2025-09-13 21:13:40 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Compare commits

base: vlw:14e98d9dbdd8247d5a9b12743a94c0950906256b
Branches Tags
vlw:master
vlw:feat/asyncapp
vlw:feat/playground
vlw:2.3.3
vlw:2.3.2
vlw:2.3.1
vlw:2.3.0
vlw:2.2.0
vlw:2.1.5
vlw:2.1.4
vlw:2.1.3
vlw:2.1.2
vlw:2.1.1
vlw:2.1.0
vlw:2.0.1
vlw:2.0.0
vlw:1.6.1
vlw:1.6.0
vlw:1.5.0
vlw:1.4.1
vlw:1.4.0
vlw:1.3.4
vlw:1.3.3
vlw:1.3.2
vlw:1.3.1
vlw:1.3.0
vlw:1.2.0
vlw:1.1.4
vlw:1.1.3
vlw:1.1.2
vlw:1.1.1
vlw:1.1.0
vlw:1.0.0
...
compare: vlw:bb06c73fe501c28b02e24878427c50ced8afdac4
Branches Tags
vlw:master
vlw:feat/asyncapp
vlw:feat/playground
vlw:2.3.3
vlw:2.3.2
vlw:2.3.1
vlw:2.3.0
vlw:2.2.0
vlw:2.1.5
vlw:2.1.4
vlw:2.1.3
vlw:2.1.2
vlw:2.1.1
vlw:2.1.0
vlw:2.0.1
vlw:2.0.0
vlw:1.6.1
vlw:1.6.0
vlw:1.5.0
vlw:1.4.1
vlw:1.4.0
vlw:1.3.4
vlw:1.3.3
vlw:1.3.2
vlw:1.3.1
vlw:1.3.0
vlw:1.2.0
vlw:1.1.4
vlw:1.1.3
vlw:1.1.2
vlw:1.1.1
vlw:1.1.0
vlw:1.0.0

1 commit
14e98d9dbd ... bb06c73fe5

Author SHA1 Message Date
Victor Westerlund
bb06c73fe5 fix/contact-error-output 2024-05-08 14:52:14 +02:00
2 changed files with 38 additions and 35 deletions
Show stats Expand all files Collapse all files

5
assets/css/pages/contact.css
View file

@ -158,6 +158,7 @@ section.form-message h3 {
}
section.form-message pre {
white-space: pre-wrap;
padding: var(--padding);
background-color: rgba(0, 0, 0, .15);
}
@ -171,6 +172,10 @@ section.form-message.sent {
background-color: var(--color-accent);
}
section.form-message.sent + section.form {
display: none;
}
/* # Size queries */
@media (min-width: 460px) {

68
pages/contact.php
View file

@ -11,18 +11,6 @@
// Connect to VLW API
$api = new Client();
// Null when nothing has been sent, true if message has been sent, false if it failed
$message_sent = null;
// Message has been submitted
if ($_SERVER["REQUEST_METHOD"] === "POST") {
// Submit message to endpoint and set variable with results
$message_sent = $api->call(Endpoints::MESSAGES->value)->post([
ContactFieldsEnum::EMAIL->value => $_POST[ContactFieldsEnum::EMAIL->value],
ContactFieldsEnum::MESSAGE->value => $_POST[ContactFieldsEnum::MESSAGE->value]
])->ok;
}
?>
<style><?= VV::css("pages/contact") ?></style>
<section>
@ -55,35 +43,45 @@
</section>
<?= VV::media("line.svg") ?>
<?php // Show contact form if a message has not been (sucessfully) sent ?>
<?php if ($message_sent !== true): ?>
<?php // Send message on POST request ?>
<?php if ($_SERVER["REQUEST_METHOD"] === "POST"): ?>
<?php // Show error message if something went wrong ?>
<?php if ($message_sent === false): ?>
<?php
// Send message via API
$send = $api->call(Endpoints::MESSAGES->value)->post([
ContactFieldsEnum::EMAIL->value => $_POST[ContactFieldsEnum::EMAIL->value],
ContactFieldsEnum::MESSAGE->value => $_POST[ContactFieldsEnum::MESSAGE->value]
]);
?>
<?php if ($send->ok): ?>
<section class="form-message sent">
<h3>🙏 Message sent!</h3>
</section>
<?php else: ?>
<?php // Show response body from endpoint as error if request failed ?>
<section class="form-message error">
<h3>😟 Oh no, something went wrong</h3>
<p>Response from API:</p>
<pre><?= json_encode($post_message[1], JSON_PRETTY_PRINT) ?></pre>
<pre><?= $send->output() ?></pre>
</section>
<?php endif; ?>
<section class="form">
<form method="POST">
<input-group>
<label>your email</label>
<input type="email" name="<?= ContactFieldsEnum::EMAIL->value ?>" placeholder="nissehult@example.com" autocomplete="off"></input>
</input-group>
<input-group>
<label title="this field is required">your message<sup>*</sup></label>
<textarea name="<?= ContactFieldsEnum::MESSAGE->value ?>" required placeholder="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed molestie dignissim mauris vel dignissim. Sed et aliquet odio, id egestas libero. Vestibulum ut dui a turpis aliquam hendrerit id et dui. Morbi eu tristique quam, sit amet dictum felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ac nibh a ex accumsan ullamcorper non quis eros. Nam at suscipit lacus. Nullam placerat semper sapien, vitae aliquet nisl elementum a. Duis viverra quam eros, eu vestibulum quam egestas sit amet. Duis lobortis varius malesuada. Mauris in fringilla mi. "></textarea>
</input-group>
<button class="inline solid">send</button>
</form>
</section>
<?php else: ?>
<section class="form-message sent">
<h3>🙏 Message sent!</h3>
</section>
<?php endif; ?>
<section class="form">
<form method="POST">
<input-group>
<label>your email (optional)</label>
<input type="email" name="<?= ContactFieldsEnum::EMAIL->value ?>" placeholder="nissehult@example.com" autocomplete="off"></input>
</input-group>
<input-group>
<label title="this field is required">your message (required)</label>
<textarea name="<?= ContactFieldsEnum::MESSAGE->value ?>" required placeholder="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed molestie dignissim mauris vel dignissim. Sed et aliquet odio, id egestas libero. Vestibulum ut dui a turpis aliquam hendrerit id et dui. Morbi eu tristique quam, sit amet dictum felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ac nibh a ex accumsan ullamcorper non quis eros. Nam at suscipit lacus. Nullam placerat semper sapien, vitae aliquet nisl elementum a. Duis viverra quam eros, eu vestibulum quam egestas sit amet. Duis lobortis varius malesuada. Mauris in fringilla mi. "></textarea>
</input-group>
<button class="inline solid">send</button>
</form>
</section>
<script><?= VV::js("pages/contact") ?></script>