Untitled

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>BSP - Web App</title>

        <!-- CSS -->
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,100,300,500">
        <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
        <link rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css">
        <link rel="stylesheet" href="assets/css/form-elements.css">
        <link rel="stylesheet" href="assets/css/style.css">
        <link rel="stylesheet" href="assets/css/modal.css">

        <!--JavaScript-->
        <script src="javascript/index.js"></script>
        <script>
        function login(){
            var username = document.getElementById("form-username").value;
            var password = document.getElementById("form-password").value;
            $.ajax({
                url: "http://127.0.0.1:8081/login?username="+username,
                type:'GET',
                async: true,
                success: function(result){
                    console.log(password+"-"+result[0].password);
                    if(password==result[0].password){
                        localStorage.setItem("username",username);
                        window.location.href = 'index.html';
                    }
                    else
                        alert("Dados inválidos!");
                },
                error: function(result){
                        alert("Dados inválidos!");
                }
            });
        }

        function change(){
            var button = document.getElementById("btnlogin");
            button.innerHTML = "REGISTAR";
            button.onclick = function(){register()};
            var p = document.getElementById("string");
            p.innerHTML = "Tem registo? ";
            var a = document.createElement("A");
            a.innerHTML = "Entrar";
            a.href = "#";
            a.onclick = function(){changeback()};
            p.appendChild(a);
        }

        function changeback(){
            var button = document.getElementById("btnlogin");
            button.innerHTML = "ENTRAR";
            button.onclick = function(){login()};
            var p = document.getElementById("string");
            p.innerHTML = "Sem registo? ";
            var a = document.createElement("A");
            a.innerHTML = "Registar";
            a.href = "#";
            a.onclick = function(){change()};
            p.appendChild(a);
        }

        </script>
        <!-- Favicon and touch icons -->
        <link rel="shortcut icon" href="assets/ico/favicon.png">
    </head>

    <body>

        <!-- Top content -->
        <div class="top-content">
            <div class="inner-bg">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-8 col-sm-offset-2 text">
                            <img src="img/logo.png" alt="Logo BSP"  height="50%" width="50%">
                            <h1><strong>Business System Planning</strong> Aplicação Web</h1>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-6 col-sm-offset-3 form-box">
                            <div class="form-top">
                                <div class="form-top-left">
                                    <h3>Entrar na Área de Projetos</h3>
                                    <p id="string">Sem registo? <a href="#" onclick=change()>Registar</a></p>
                                </div>
                                <div class="form-top-right">
                                    <i class="fa fa-lock"></i>
                                </div>
                            </div>
                            <div class="form-bottom">
                                <form role="form" action="" method="post" class="login-form">
                                    <div class="form-group">
                                        <label class="sr-only" for="form-username">Username</label>
                                        <input type="text" name="form-username" placeholder="Username" class="form-username form-control" id="form-username">
                                    </div>
                                    <div class="form-group">
                                        <label class="sr-only" for="form-password">Password</label>
                                        <input type="password" name="form-password" placeholder="Password" class="form-password form-control" id="form-password">
                                    </div>
                                    <button class="btn" id="btnlogin" onclick=login()>ENTRAR</button>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div  style="float: bottom; float: center;">
                        <p>Gestão de Sistemas de Informação - 2017 - <a href="#" onclick=fichatecnica()>Ficha Técnica</a></p>
                    </div>

                    <!-- The Modal -->
                    <div id="ficha" class="modal">
                        <!-- Modal content -->
                        <div class="modal-content">
                            <div class="modal-header">
                                <h2 style="color: #FFFFFF">Ficha Técnica</h2>
                            </div>
                            <div class="modal-body" style="text-align: left">
                                <div class="row">
                                    <h4 class="col-sm-2">Nome do Projeto</h4>
                                    <div class="col-sm-10">
                                        <p>Business System Planning - Aplicação Web</p>
                                    </div>
                                </div>
                                <div class="row">
                                    <h4 class="col-sm-2">Descrição</h4>
                                    <div class="col-sm-10">
                                        <p>O Business System Planning - Aplicação Web é uma aplicação web para a aplicação do BSP em empresas, permitindo melhorar os seus sistemas de informação.</p>
                                    </div>
                                </div>
                                <div class="row">
                                    <h4 class="col-sm-2">Unidade Curricular</h4>
                                    <div class="col-sm-10">
                                        <p>Gestão de Sistemas de Informação</p>
                                    </div>
                                </div>
                                <div class="row">
                                    <h4 class="col-sm-2">Ano</h4>
                                    <div class="col-sm-10">
                                        <p>2017-2018</p>
                                    </div>
                                </div>
                                <div class="row">
                                    <h4 class="col-sm-2">Instituição</h4>
                                    <div class="col-sm-10">
                                        <p>Faculdade de Ciências e Tecnologias da Universidade de Coimbra</p>
                                    </div>
                                </div>
                                <div class="row">
                                    <h4 class="col-sm-2">Equipa</h4>
                                    <div class="col-sm-3">
                                        <p>António Rui Madeira Bebiano</p>
                                        <p>Francisco Nogueira Fernandes</p>
                                        <p>Marcos Martinez</p>
                                        <p>Patrícia A. Dionísio Mendes</p>
                                    </div>
                                    <div class="col-sm-2">
                                        <p>2017221512</p>
                                        <p>2014200243</p>
                                        <p>2017226399</p>
                                        <p>2014198113</p>
                                    </div>
                                    <div class="col-sm-5">
                                        <p>aruimb95@gmail.com</p>
                                        <p>ffernand@student.dei.uc.pt</p>
                                        <p>marcos_zaldi@hotmail.com</p>
                                        <p>pdmendes@student.dei.uc.pt</p>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">

                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>


        <!-- Javascript -->
        <script src="assets/js/jquery-1.11.1.min.js"></script>
        <script src="assets/bootstrap/js/bootstrap.min.js"></script>
        <script src="assets/js/jquery.backstretch.min.js"></script>
        <script src="assets/js/scripts.js"></script>
    </body>
</html>