You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
76 lines
2.0 KiB
76 lines
2.0 KiB
<?php $this->layout('layout', ['title' => $title]); ?>
|
|
|
|
<style type="text/css">
|
|
body {
|
|
background-color: #DADADA;
|
|
}
|
|
body > .grid {
|
|
height: 100%;
|
|
}
|
|
.image {
|
|
margin-top: -100px;
|
|
}
|
|
.column {
|
|
max-width: 450px;
|
|
}
|
|
</style>
|
|
|
|
<div class="ui middle aligned center aligned grid">
|
|
<div class="column">
|
|
<h2 class="ui teal image header">
|
|
<img src="/assets/telegraph-logo-256.png" class="image">
|
|
<div class="content">
|
|
Sign in to Telegraph
|
|
</div>
|
|
</h2>
|
|
|
|
<?php if(isset($error)): ?>
|
|
<div class="ui warning message" style="word-wrap: break-word;">
|
|
<div class="header"><?= $error ?></div>
|
|
<?= $error_description ?>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<form class="ui large form" action="/login/start" method="POST" >
|
|
<div class="ui stacked segment">
|
|
<div class="field">
|
|
<div class="ui left icon input">
|
|
<i class="globe icon"></i>
|
|
<input type="url" name="url" placeholder="Your Web Address">
|
|
</div>
|
|
</div>
|
|
<input type="hidden" name="return_to" value="<?= isset($return_to) ? $return_to : '' ?>">
|
|
<button class="ui fluid large teal submit button">Login</button>
|
|
</div>
|
|
|
|
<div class="ui error message"></div>
|
|
|
|
</form>
|
|
|
|
<div class="ui message">
|
|
What's this? <a href="https://indielogin.com/setup">About Web Sign-In</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
/* add http:// to URL fields on blur or when enter is pressed */
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
function addDefaultScheme(target) {
|
|
if(target.value.match(/^(?!https?:).+\..+/)) {
|
|
target.value = "http://"+target.value;
|
|
}
|
|
}
|
|
var elements = document.querySelectorAll("input[type=url]");
|
|
Array.prototype.forEach.call(elements, function(el, i){
|
|
el.addEventListener("blur", function(e){
|
|
addDefaultScheme(e.target);
|
|
});
|
|
el.addEventListener("keydown", function(e){
|
|
if(e.keyCode == 13) {
|
|
addDefaultScheme(e.target);
|
|
}
|
|
});
|
|
});
|
|
});
|
|
</script>
|