refactor(admin): change admin page

sergio11 · sergio11 · commit 8bbb54f7d273 · 2016-12-18T14:19:23.000+01:00
diff --git a/src/main/webapp/WEB-INF/i18n/messages.properties b/src/main/webapp/WEB-INF/i18n/messages.properties
@@ -36,6 +36,10 @@ home.create.new.post = Crear Art\u00edculo
 home.not.article.user.not.login.subtitle = No se han encontrado art\u00edculos
 home.not.article.user.not.login.text = Iniciar sesi\u00f3n para poder contribuir al blog.
 home.login = Iniciar Sesi\u00f3n
+###### Admin Page #######
+admin.home.title = Bienvenido al Admin {0}!
+admin.home.posts = En la secci\u00f3n "Art\u00edculos" podr\u00e1s ver los art\u00edculos que has creado, pudi\u00e9ndolos modificar o eliminar.
+admin.home.users = En la secci\u00f3n "Usuarios" podras editar los roles y deshabilitar cuentas de usuario que est\u00e9n haciendo un mal uso del sitio.
 ##### About Page #######
 about.title = Acerca de este blog.
 about.subtitle = Apasionados de la programaci\u00f3n en general.
diff --git a/src/main/webapp/WEB-INF/templates/admin/index.html b/src/main/webapp/WEB-INF/templates/admin/index.html
@@ -1,11 +1,22 @@
 <!DOCTYPE html>
-<html layout:decorator="admin/layout">
+<html xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:th="http://www.thymeleaf.org"
+    xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
+    layout:decorator="admin/layout">
     <head>
         <title th:text="#{admin.home.title}">Admin</title>
     </head>
     <body>
-        <div layout:fragment="content">
-            <h1>Welcome to Admin</h1>
+        <div layout:fragment="main-content">
+            <div class="content-box-large">
+                <div class="panel-heading">
+                    <div class="panel-title text-capitalize" th:text="#{admin.home.title(${#authentication.name})}">Welcome to Admin User!</div>
+                </div>
+                <div class="panel-body">
+                    <p th:text="#{admin.home.posts}">Post Section</p>
+                    <p sec:authorize="hasRole('BLOG_ADMIN')" th:text="#{admin.home.users}">Users Section</p>
+                </div>
+            </div>
         </div>
     </body>
 </html>
