12 flex-direction: column;
19 background: url('/img/svg/osm-logo_color_rgb.svg') no-repeat center;
20 background-size: contain;
34 box-shadow: inset
0 1px
2px rgba(
0,
0,
0,
.39),
0 -
1px
1px #fff,
0 1px
0 #fff;
40 display: inline-block;
41 -webkit-box-shadow:
4px
4px
1px
0 #d9d9d9;
42 -moz-box-shadow:
4px
4px
1px
0 #d9d9d9;
43 box-shadow:
4px
4px
1px
0 #d9d9d9;
44 background-color: #
333;
46 text-decoration: none;
53 text-decoration: none;
54 text-transform: uppercase;
55 font-family: roboto-thin, Helvetica, Arial, sans-serif;
59 <title>Login Page
</title>
60 <script src='/jquery'
></script>
63 function getSearchParams(url) {
64 var a = document.createElement('a');
67 var items = a.search.replace('?', '').split('&');
68 for (var i =
0; i < items.length; i++) {
69 if (items[i].length
> 0) {
70 var key_value = items[i].split('=');
71 params[key_value[
0]] = key_value[
1];
77 $(document).ready(function() {
80 var api_server = getSearchParams(window.location).api_server;
81 $('#submit').click(function() {
82 username=$('#username').val();
83 pass=$('#password').val();
85 * Perform some validation here.
88 url: '/session?api_server=' + api_server,
94 success: function(data) {
95 window.location.href='/?api_server=' + api_server;
100 $('#loginForm').on('keyup', function(e) {
101 if (e.keyCode ==
13) {
102 $('#submit').click();
110 <form id='loginForm' autocomplete='on'
>
111 <div class='logo'
> </div>
112 <h1 class='title'
>Launchpad Login
</h1>
113 <input type='text' size='
40' placeholder='Username' id='username'
><br />
114 <input type='password' size='
40' placeholder='Password' id='password'
><br />
115 <input type='button' value='Submit' id='submit'
>