Download as
Browse Code »

Commit 39420401a44207f8ad927173fb4e8355b7c8d3bf

Authored by Luciano Borges
1 parent 3aafe321
Exists in master

Criação do menu e da tela home.

Showing 6 changed files with 152 additions and 12 deletions   Show diff stats
archetype/html-rest/src/main/resources/archetype-resources/src/main/webapp/bookmark-list.html
  Diff comments   View file @3942040
... ... @@ -17,9 +17,64 @@
17 17 <form>
18 18 <div id="wrap">
19 19 <div class="container">
  20 + <div id="menu">
  21 + <nav class="navbar navbar-default" role="navigation">
  22 + <div class="container-fluid">
  23 + <!-- Brand and toggle get grouped for better mobile display -->
  24 + <div class="navbar-header">
  25 + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  26 + <span class="sr-only">Toggle navigation</span>
  27 + <span class="icon-bar"></span>
  28 + <span class="icon-bar"></span>
  29 + <span class="icon-bar"></span>
  30 + </button>
  31 + <a class="navbar-brand" href="#">Brand</a>
  32 + </div>
  33 +
  34 + <!-- Collect the nav links, forms, and other content for toggling -->
  35 + <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  36 + <ul class="nav navbar-nav">
  37 + <li class="active"><a href="#">Link</a></li>
  38 + <li><a href="#">Link</a></li>
  39 + <li class="dropdown">
  40 + <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
  41 + <ul class="dropdown-menu">
  42 + <li><a href="#">Action</a></li>
  43 + <li><a href="#">Another action</a></li>
  44 + <li><a href="#">Something else here</a></li>
  45 + <li class="divider"></li>
  46 + <li><a href="#">Separated link</a></li>
  47 + <li class="divider"></li>
  48 + <li><a href="#">One more separated link</a></li>
  49 + </ul>
  50 + </li>
  51 + </ul>
  52 + <form class="navbar-form navbar-left" role="search">
  53 + <div class="form-group">
  54 + <input type="text" class="form-control" placeholder="Search">
  55 + </div>
  56 + <button type="submit" class="btn btn-default">Submit</button>
  57 + </form>
  58 + <ul class="nav navbar-nav navbar-right">
  59 + <li><a href="#">Link</a></li>
  60 + <li class="dropdown">
  61 + <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
  62 + <ul class="dropdown-menu">
  63 + <li><a href="#">Action</a></li>
  64 + <li><a href="#">Another action</a></li>
  65 + <li><a href="#">Something else here</a></li>
  66 + <li class="divider"></li>
  67 + <li><a href="#">Separated link</a></li>
  68 + </ul>
  69 + </li>
  70 + </ul>
  71 + </div><!-- /.navbar-collapse -->
  72 + </div><!-- /.container-fluid -->
  73 +</nav>
  74 + </div>
20 75 <p>
21   - <button id="new">Novo</button>
22   - <button id="delete">Excluir</button>
  76 + <button id="new" class="btn btn-success">Novo</button>
  77 + <button id="delete" class="btn btn-danger">Excluir</button>
23 78 </p>
24 79 <table id="resultList" cellpadding="0" cellspacing="0" border="0" class="datatable table table-striped table-bordered">
25 80 <thead>
... ...
archetype/html-rest/src/main/resources/archetype-resources/src/main/webapp/home.html 0 → 100644
  Diff comments   View file @3942040
... ... @@ -0,0 +1,28 @@
  1 +<!DOCTYPE html>
  2 +<html>
  3 +<head>
  4 + <meta charset="UTF-8">
  5 + <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6 + <meta name="viewport" content="width=device-width, initial-scale=1">
  7 + <title>Bookmark</title>
  8 + <link href="css/bootstrap.min.css" rel="stylesheet">
  9 + <link href="css/bookmark.css" rel="stylesheet">
  10 +</head>
  11 +<body>
  12 + <div class="container">
  13 + <div id="menu"></div>
  14 + <div class="jumbotron">
  15 + <h3>
  16 + Bem-vindo à aplicação de exemplo Bookmark usando arquétipo html-rest. <br/>
  17 + Este é o seu ponto de partida, portanto sinta-se à vontade para modificar esta aplicação.
  18 + </h3>
  19 + </div>
  20 + <p class="text-center">Aplicação de exemplo do Demoiselle 2.5.0</p>
  21 + </div>
  22 + <script type="text/javascript" src="js/lib/jquery-2.1.0.min.js"></script>
  23 + <script type="text/javascript" src="js/lib/bootstrap.min.js"></script>
  24 + <script type="text/javascript" src="js/controller/menu.js"></script>
  25 + <script type="text/javascript" src="js/controller/home.js"></script>
  26 + <script type="text/javascript" src="js/proxy/auth.js"></script>
  27 +</body>
  28 +</html>
0 29 \ No newline at end of file
... ...
archetype/html-rest/src/main/resources/archetype-resources/src/main/webapp/js/controller/home.js 0 → 100644
  Diff comments   View file @3942040
... ... @@ -0,0 +1,5 @@
  1 +$(function() {
  2 +
  3 + $("#menu").load("menu.html");
  4 +
  5 +});
0 6 \ No newline at end of file
... ...
archetype/html-rest/src/main/resources/archetype-resources/src/main/webapp/js/controller/menu.js 0 → 100644
  Diff comments   View file @3942040
... ... @@ -0,0 +1,20 @@
  1 +$(function() {
  2 +
  3 + AuthProxy.getUser(getUserOk, getUserFailed);
  4 +
  5 +});
  6 +
  7 +function getUserOk(data){
  8 + console.log('getUserOk');
  9 +}
  10 +
  11 +function getUserFailed(request){
  12 + switch (request.status) {
  13 + case 401:
  14 + location.href = "login.html";
  15 + break;
  16 + default:
  17 + console.log(request.statusText);
  18 + break;
  19 + }
  20 +}
0 21 \ No newline at end of file
... ...
archetype/html-rest/src/main/resources/archetype-resources/src/main/webapp/login.html
  Diff comments   View file @3942040
1 1 <!DOCTYPE html>
2 2 <html>
3   -<head>
4   -<meta charset="UTF-8">
5   -<meta http-equiv="X-UA-Compatible" content="IE=edge">
6   -<meta name="viewport" content="width=device-width, initial-scale=1">
7   -<title>Notifica | Login</title>
8   -<link href="css/bootstrap.min.css" rel="stylesheet">
9   -<link href="css/bookmark.css" rel="stylesheet">
  3 +<head>
  4 + <meta charset="UTF-8">
  5 + <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6 + <meta name="viewport" content="width=device-width, initial-scale=1">
  7 + <title>Notifica | Login</title>
  8 + <link href="css/bootstrap.min.css" rel="stylesheet">
  9 + <link href="css/bookmark.css" rel="stylesheet">
10 10 </head>
11 11 <body>
12 12 <div class="container">
13   - <form id="form-login" role="form">
  13 + <form id="form-login" role="form">
14 14 <div class="col-md-4 col-md-offset-4">
15 15 <div class="form-group">
16 16 <h1>Bookmark | Login</h1>
... ... @@ -18,14 +18,14 @@
18 18 </div>
19 19 <div class="col-md-4 col-md-offset-4">
20 20 <div class="form-group">
21   - <label for="username">Login (admin)</label>
  21 + <label for="username">Login</label>
22 22 <input id="username" type="text" class="form-control input-lg" />
23 23 <div id="username-message" class="label label-danger" hidden="true"></div>
24 24 </div>
25 25 </div>
26 26 <div class="col-md-4 col-md-offset-4">
27 27 <div class="form-group">
28   - <label for="password">Senha (admin)</label>
  28 + <label for="password">Senha</label>
29 29 <input id="password" type="password" class="form-control input-lg" />
30 30 <div id="password-message" class="label label-danger" hidden="true"></div>
31 31 </div>
... ...
archetype/html-rest/src/main/resources/archetype-resources/src/main/webapp/menu.html 0 → 100644
  Diff comments   View file @3942040
... ... @@ -0,0 +1,32 @@
  1 +<h1 id="title">Bookmark</h1>
  2 +<nav class="navbar navbar-default" role="navigation">
  3 + <div class="container-fluid">
  4 + <!-- Brand and toggle get grouped for better mobile display -->
  5 + <div class="navbar-header">
  6 + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  7 + <span class="sr-only">Toggle navigation</span>
  8 + <span class="icon-bar"></span>
  9 + <span class="icon-bar"></span>
  10 + <span class="icon-bar"></span>
  11 + </button>
  12 + </div>
  13 +
  14 + <!-- Collect the nav links, forms, and other content for toggling -->
  15 + <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  16 + <ul class="nav navbar-nav">
  17 + <li><a href="home.html">Home</a></li>
  18 + <li class="dropdown">
  19 + <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-th-list"></span> Bookmark<b class="caret"></b></a>
  20 + <ul class="dropdown-menu">
  21 + <li><a href="bookmark-edit.html"><span class="glyphicon glyphicon glyphicon-edit"></span> Novo</a></li>
  22 + <li><a href="bookmark-list.html"><span class="glyphicon glyphicon-list-alt"></span> Listar</a></li>
  23 + </ul>
  24 + </li>
  25 + </ul>
  26 + <ul class="nav navbar-nav navbar-right">
  27 + <li><a href="#">[username]</a></li>
  28 + <li><a href="#">Sair</a></li>
  29 + </ul>
  30 + </div><!-- /.navbar-collapse -->
  31 + </div><!-- /.container-fluid -->
  32 +</nav>
0 33 \ No newline at end of file
... ...