Commit 32936e5f9886a21e4faed9acc54b30ae0dcbdbf2

Authored by Luciano Borges
1 parent 42b970f5
Exists in master

Ajuste no layout. Colocado o menu em todas as páginas.

archetype/html-rest/src/main/resources/archetype-resources/src/main/webapp/bookmark-edit.html
@@ -15,34 +15,34 @@ @@ -15,34 +15,34 @@
15 <body> 15 <body>
16 16
17 <div class="container"> 17 <div class="container">
18 - 18 + <div id="menu"></div>
19 <form class="well" role="form"> 19 <form class="well" role="form">
20 <div id="id-row" hidden="true" class="form-group"> 20 <div id="id-row" hidden="true" class="form-group">
21 - <label for="id">ID</label>  
22 - <span id="id-text" class="form-control-static"></span> 21 + <label for="id">ID</label> <span id="id-text" class="form-control-static"></span>
23 <input id="id" type="hidden"> 22 <input id="id" type="hidden">
24 </div> 23 </div>
25 -  
26 - <div class="form-group">  
27 - <label for="description">Description</label> 24 +
  25 + <div class="form-group">
  26 + <label for="description">Description</label>
28 <input id="description" type="text" class="form-control"> 27 <input id="description" type="text" class="form-control">
29 <div id="description-message" class="label label-danger"></div> 28 <div id="description-message" class="label label-danger"></div>
30 </div> 29 </div>
31 - 30 +
32 <div class="form-group"> 31 <div class="form-group">
33 - <label for="link">Link</label> 32 + <label for="link">Link</label>
34 <input id="link" type="text" class="form-control"> 33 <input id="link" type="text" class="form-control">
35 <div id="link-message" class="label label-danger"></div> 34 <div id="link-message" class="label label-danger"></div>
36 </div> 35 </div>
37 - 36 +
38 <div class="form-group"> 37 <div class="form-group">
39 <button id="save" class="btn btn-primary">Salvar</button> 38 <button id="save" class="btn btn-primary">Salvar</button>
40 <button id="delete" class="btn btn-danger" hidden="true">Excluir</button> 39 <button id="delete" class="btn btn-danger" hidden="true">Excluir</button>
41 <button id="back" class="btn btn-warning">Voltar</button> 40 <button id="back" class="btn btn-warning">Voltar</button>
42 </div> 41 </div>
43 </form> 42 </form>
44 -  
45 - </div> <!-- /container --> 43 +
  44 + </div>
  45 + <!-- /container -->
46 46
47 <script src="js/lib/jquery-2.1.0.min.js" type="text/javascript"></script> 47 <script src="js/lib/jquery-2.1.0.min.js" type="text/javascript"></script>
48 <script src="js/lib/bootstrap.min.js" type="text/javascript"></script> 48 <script src="js/lib/bootstrap.min.js" type="text/javascript"></script>
@@ -50,4 +50,6 @@ @@ -50,4 +50,6 @@
50 <script src="js/proxy/auth.js" type="text/javascript"></script> 50 <script src="js/proxy/auth.js" type="text/javascript"></script>
51 <script src="js/proxy/bookmark.js" type="text/javascript"></script> 51 <script src="js/proxy/bookmark.js" type="text/javascript"></script>
52 <script src="js/controller/bookmark-edit.js" type="text/javascript"></script> 52 <script src="js/controller/bookmark-edit.js" type="text/javascript"></script>
  53 + <script src="js/controller/menu.js" type="text/javascript"></script>
  54 +
53 </body> 55 </body>
54 \ No newline at end of file 56 \ No newline at end of file
archetype/html-rest/src/main/resources/archetype-resources/src/main/webapp/js/controller/bookmark-edit.js
1 $(function() { 1 $(function() {
  2 +
  3 + // Carregando o menu na página home
  4 + $("#menu").load("menu.html", function() {
  5 +
  6 + AuthProxy.getUser(getUserOk, getUserFailed);
  7 +
  8 + $("#logout").on("click", function() {
  9 + sessionStorage.removeItem('credentials');
  10 + location.href = "home.html";
  11 + });
  12 +
  13 + });
  14 +
2 $("#delete").hide(); 15 $("#delete").hide();
3 $("#description").focus(); 16 $("#description").focus();
4 17
@@ -95,4 +108,4 @@ function saveFailed(request) { @@ -95,4 +108,4 @@ function saveFailed(request) {
95 108
96 function removeOk(data) { 109 function removeOk(data) {
97 location.href = 'bookmark-list.html'; 110 location.href = 'bookmark-list.html';
98 -} 111 -}
  112 +}
99 \ No newline at end of file 113 \ No newline at end of file
archetype/html-rest/src/main/resources/archetype-resources/src/main/webapp/js/controller/home.js
1 $(function() { 1 $(function() {
2 2
3 - $("#menu").load("menu.html");  
4 -  
5 -});  
6 \ No newline at end of file 3 \ No newline at end of file
  4 + // Carregando o menu na página home
  5 + $("#menu").load("menu.html", function() {
  6 +
  7 + AuthProxy.getUser(getUserOk, getUserFailed);
  8 +
  9 + $("#logout").on("click", function() {
  10 + sessionStorage.removeItem('credentials');
  11 + location.href = "home.html";
  12 + });
  13 +
  14 + });
  15 +
  16 +});
archetype/html-rest/src/main/resources/archetype-resources/src/main/webapp/js/controller/login.js
@@ -57,4 +57,4 @@ function loginFail(request) { @@ -57,4 +57,4 @@ function loginFail(request) {
57 }); 57 });
58 break; 58 break;
59 } 59 }
60 -} 60 -}
  61 +}
61 \ No newline at end of file 62 \ No newline at end of file
archetype/html-rest/src/main/resources/archetype-resources/src/main/webapp/js/controller/menu.js
1 -$(function() {  
2 - AuthProxy.getUser(getUserOk, getUserFailed);  
3 -});  
4 -  
5 -function getUserOk(data){ 1 +function getUserOk(data) {
6 $("#username").html(data.username); 2 $("#username").html(data.username);
7 } 3 }
8 4
9 -function getUserFailed(request){ 5 +function getUserFailed(request) {
10 switch (request.status) { 6 switch (request.status) {
11 case 401: 7 case 401:
12 location.href = "login.html"; 8 location.href = "login.html";
@@ -15,4 +11,14 @@ function getUserFailed(request){ @@ -15,4 +11,14 @@ function getUserFailed(request){
15 console.log(request.statusText); 11 console.log(request.statusText);
16 break; 12 break;
17 } 13 }
18 -}  
19 \ No newline at end of file 14 \ No newline at end of file
  15 +}
  16 +
  17 +function logoutOk(data) {
  18 + sessionStorage.removeItem('credentials');
  19 + location.href = "home.html";
  20 +}
  21 +
  22 +function logoutFailed(data) {
  23 + console.log('Falha no logout');
  24 + console.log(data);
  25 +}
archetype/html-rest/src/main/resources/archetype-resources/src/main/webapp/js/proxy/auth.js
@@ -18,7 +18,11 @@ AuthProxy.logout = function($success, $error) { @@ -18,7 +18,11 @@ AuthProxy.logout = function($success, $error) {
18 url : this.url, 18 url : this.url,
19 type : "DELETE", 19 type : "DELETE",
20 success : $success, 20 success : $success,
21 - error : $error 21 + error : $error,
  22 + beforeSend : function(xhr) {
  23 + console.log(AuthProxy.getCredentials());
  24 + xhr.setRequestHeader("Authorization", AuthProxy.getCredentials());
  25 + }
22 }); 26 });
23 }; 27 };
24 28
@@ -34,6 +38,6 @@ AuthProxy.getUser = function($success, $error) { @@ -34,6 +38,6 @@ AuthProxy.getUser = function($success, $error) {
34 }); 38 });
35 }; 39 };
36 40
37 -AuthProxy.getCredentials = function(){ 41 +AuthProxy.getCredentials = function() {
38 return sessionStorage.getItem('credentials'); 42 return sessionStorage.getItem('credentials');
39 } 43 }
40 \ No newline at end of file 44 \ No newline at end of file
archetype/html-rest/src/main/resources/archetype-resources/src/main/webapp/menu.html
@@ -25,7 +25,7 @@ @@ -25,7 +25,7 @@
25 </ul> 25 </ul>
26 <ul class="nav navbar-nav navbar-right"> 26 <ul class="nav navbar-nav navbar-right">
27 <li><a id="username" href="#"></a></li> 27 <li><a id="username" href="#"></a></li>
28 - <li><a href="#">Sair</a></li> 28 + <li><a id="logout" href="#">Sair</a></li>
29 </ul> 29 </ul>
30 </div><!-- /.navbar-collapse --> 30 </div><!-- /.navbar-collapse -->
31 </div><!-- /.container-fluid --> 31 </div><!-- /.container-fluid -->