Added FAB (well, not really floating). Improved form a bit.

This commit is contained in:
Markus Birth 2016-05-21 23:00:58 +02:00
parent 33ba665a0c
commit ee41c82e19
3 changed files with 36 additions and 14 deletions

View File

@ -93,3 +93,17 @@ h3 .material-icons {
font-size: 0.9em;
vertical-align: -0.15em;
}
.frs-content {
position: relative;
}
#frs-button-send {
position: absolute;
display: block;
right: 0;
bottom: 0;
margin-right: 40px;
margin-bottom: 40px;
z-index: 900;
}

View File

@ -62,10 +62,10 @@ if (!$tpl_done && isset($_SESSION['access_token']) && $_SESSION['access_token'])
$client->setAccessToken($_SESSION['access_token']);
if ($client->isAccessTokenExpired()) {
// TODO: Save everything in session
// TODO: Save everything (POST data) in session
// TODO: Redirect to $client->createAuthUrl(); to reauthenticate
echo "Token expired!";
session_destroy();
echo "Token expired! <a href=\"" . $client->createAuthUrl() . "\">Request new one</a>.";
#session_destroy();
die();
}

View File

@ -8,23 +8,31 @@
<h3><i class="material-icons">hotel</i> Hotel Reservation</h3>
<form action="./" method="post">
<p>
<form action="#">
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<input class="mdl-textfield__input" type="text" id="reservationFor_name">
<input class="mdl-textfield__input" type="text" required id="reservationFor_name">
<label class="mdl-textfield__label" for="reservationFor_name">Name</label>
<span class="mdl-textfield__error">Please input a name!</span>
</div>
</form>
<!-- Numeric Textfield with Floating Label -->
<form action="#">
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<input class="mdl-textfield__input" type="datetime-local" min="{{date_today}}" id="reservationFor_startDate">
<label class="mdl-textfield__label" for="reservationFor_startDate">Start Date</label>
<span class="mdl-textfield__error">Input is not a date!</span>
</div>
</form>
</p>
<p>
<!-- Numeric Textfield with Floating Label -->
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<input class="mdl-textfield__input" type="datetime-local" min="{{date_today}}" required id="reservationFor_startDate">
<label class="mdl-textfield__label" for="reservationFor_checkinDate">Checkin Time</label>
<span class="mdl-textfield__error">Input is empty or not a date!</span>
</div>
</p>
<button id="frs-button-send" type="submit" class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored">
<i class="material-icons">send</i>
</button>
</form>
{{> mdl_content_foot}}
{{> mdl_foot}}
{{> html_foot}}