Newer
Older
<link href="/static/jquery-ui.css" rel="stylesheet">
<link href="/static/socialSignin/css/buttons-si.css" rel="stylesheet">
{% if cookieNotice %}
<script type="text/javascript" id="cookieinfo" src="/static/cookieinfo.js" ></script>
{% endif %}
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<script>
function onSubmit(token) {
document.getElementById("form").submit();
}
</script>
{% endif %}
<div id="loginbar">{{loginbar | safe}}</div>
<div class="login-page">
<div class="form">
{% if not short_url %}
<form method="post" id= "form" class="login-form" action="">
<input id="url" name="url" type="url" placeholder="long url" value="{{long_url_prefilled}}"/>
Domain: <select name="domain" id="domain">
{{domain | safe}}
</select>
<br><p> </p>
{% else %}
<input type="hidden" name="domain" id="domain" value={{domain}}>
{% endif %}
<input id="short" name="short" type="text" placeholder="short name" value="{{short_url_prefilled}}"/>
<button class="g-recaptcha" data-sitekey="{{recaptchaPublicKey}}" data-callback='onSubmit'>short</button>
{% else %}
<button>short</button>
{% endif %}
</form>
{% else %}
<h3>Your shortened URL is: <a href="http://{{short_url}}"> {{short_url}}</a></h3>
<img src="data:image/jpeg;base64,{{qrcode}}">
<p><a href="/">create another link</a></p>
{% endif %}
<p class="message">© Made by <a href="https://jonasled.de">jonasled</a><br>
Sourcecode is available <a href="https://gitlab.jonasled.de/jonasled/url_shorter_docker">here</a><br>
Builddate: {{builddate}}<br>
{% endif %}
{% if version %}
Version: {{version}}
{% endif %}
</p>
</div>
</div>
<div id="snackbar">{{snackbar}}</div>
<!-- ui-dialog -->
<div id="dialog" title="login">
<div class="box box-a">
<ul id="noDot">
</ul>
</div>
</div>
document.getElementById("snackbar").className = "show";
setTimeout(function(){ document.getElementById("snackbar").className = x.className.replace("show", ""); }, 10000);
</script>
{% endif %}
{% if domain_prefilled %}
<script>
var x = document.getElementById("domain");
x.selectedIndex = {{domain_prefilled}};
</script>
{% endif %}
<script src="/static/external/jquery/jquery.js"></script>
<script src="/static/jquery-ui.js"></script>
<script>
$( "#dialog" ).dialog({
autoOpen: false,
width: 400
});
function showLogin(){
$( "#dialog" ).dialog( "open" );
}
document.getElementById("noDot").innerHTML = '<li><a class="btn-si btn-si-a btn-github" style="color: white;" href="/user/login?service=github">Sign in with GitHub </a></li>\n<li><a class="btn-si btn-si-a btn-google" style="color: white;"href="/user/login?service=google">Sign in with Google</a></li>'