refactor(frontend): refactor index frontend page

Author: sergio11

src/main/webapp/WEB-INF/i18n/messages.properties

@@ -29,6 +29,12 @@ admin.navigation.profile = Perfil
 home.title = Oh My Blog!
 home.subtitle = Blog para los amantes del desarrollo web
 home.post.title = \u00daltimos 5 art\u00edculos publicados.
+home.not.article.user.login.subtitle = Bienvenido {0}!
+home.not.article.user.login.text = No existen art\u00edculos, s\u00e9 t\u00fa el primero y crear un art\u00edculo.
+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
 ##### About Page #######
 about.title = Acerca de este blog.
 about.subtitle = Apasionados de la programaci\u00f3n en general.

src/main/webapp/WEB-INF/templates/frontend/index.html

@@ -40,6 +40,18 @@ <h3 class="post-subtitle" th:text="${p.subtitle}">Post Subtitle</h3>
                             <hr>
                         </div>
                     </div>
+                    <div th:if="${#lists.isEmpty(latest5posts)}">
+                        <th:block sec:authorize="isAuthenticated()">
+                            <h2 th:text="#{home.not.article.user.login.subtitle(${#authentication.name})}">Welcome User!.</h2>
+                            <h3 th:text="#{home.not.article.user.login.text}">Create Post</h3>
+                            <a th:href="@{/admin/posts/create}" th:text="#{home.create.new.post}">Create a new post</a>
+                        </th:block>
+                        <th:block sec:authorize="!isAuthenticated()">
+                            <h2 th:text="#{home.not.article.user.not.login.subtitle}">Login User.</h2>
+                            <h3 th:text="#{home.not.article.user.not.login.text}">Init Session</h3>
+                            <a th:href="@{/admin/login}" th:text="#{home.login}">login user</a>
+                        </th:block>
+                    </div>
                 </div>
             </div>
         </div>