Browse Source

Post Detall

master
Cristobal Bernal Mayordomo 1 year ago
parent
commit
46ec9d2f46
3 changed files with 557 additions and 1455 deletions
  1. +1
    -1
      src/main/java/com/cristobalbernal/foro/controlador/Controlador.java
  2. +404
    -0
      src/main/resources/templates/Respuestas/post-detall.html
  3. +152
    -1454
      src/main/resources/templates/index.html

+ 1
- 1
src/main/java/com/cristobalbernal/foro/controlador/Controlador.java View File

@ -42,7 +42,7 @@ public class Controlador {
Respuestas[] respuestas = servicioRespuestas.findAll();
model.addAttribute("titulo", respuestas[0].getTitulos());
model.addAttribute("cuerpo", respuestas[0].getDescripcion());
return "respuesta/post-detall";
return "Respuestas/post-detall";
}


+ 404
- 0
src/main/resources/templates/Respuestas/post-detall.html View File

@ -0,0 +1,404 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="title" content="Ask online Form">
<meta name="description" content="The Ask is a bootstrap design help desk, support forum website template coded and designed with bootstrap Design, Bootstrap, HTML5 and CSS. Ask ideal for wiki sites, knowledge base sites, support forum sites">
<meta name="keywords" content="HTML, CSS, JavaScript,Bootstrap,js,Forum,webstagram ,webdesign ,website ,web ,webdesigner ,webdevelopment">
<meta name="robots" content="index, nofollow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="English">
<link href="/css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="/css/style.css" rel="stylesheet" type="text/css">
<!-- <link href="css/animate.css" rel="stylesheet" type="text/css"> -->
<link href="/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="/css/responsive.css" rel="stylesheet" type="text/css">
</head>
<body>
<header th:replace="menu/menu :: mimenu"></header>
<section class="main-content920">
<div class="container">
<div class="row">
<div class="col-md-9">
<div class="post-details">
<div class="details-header923">
<div class="row">
<div class="col-md-8">
<div class="post-title-left129">
<h3 th:text="${titulo}">This Is My first Question</h3> </div>
</div>
</div>
</div>
<div class="post-details-info1982">
<p th:text="${cuerpo}">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi adipiscing gravida odio, sit amet suscipit risus ultrices eu. Fusce viverra neque at purus laoreet consequat. Vivamus vulputate posuere nisl quis consequat. Donec congue commodo mi, sed commodo velit fringilla ac. Fusce placerat venenatis mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras ornare, dolor a aliquet rutrum, dolor turpis condimentum leo, a semper lacus purus in felis. Quisque blandit posuere turpis, eget auctor felis pharetra eu .</p>
<hr>
</div>
<button id="boton" onclick="mostrar();">Responder</button>
</div>
<div class="comment-list12993">
<div class="container">
<div class="row">
<div class="comments-container">
<ul id="comments-list" class="comments-list">
<li>
<div class="comment-main-level">
<!-- Avatar -->
<div class="comment-avatar"><img src="image/images.png" alt=""></div>
<!-- Contenedor del Comentario -->
<div class="comment-box">
<div class="comment-head">
<h6 class="comment-name"><a href="#">Lorena Rojero</a></h6> <span><i class="fa fa-clock-o" aria-hidden="true"> January 15 , 2014 at 10:00 pm</i></span> <i class="fa fa-reply"></i> <i class="fa fa-heart"></i> </div>
<div class="comment-content"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit omnis animi et iure laudantium vitae, praesentium optio, sapiente distinctio illo? </div>
</div>
</div>
<ul class="comments-list reply-list">
<li>
<div class="comment-avatar"><img src="image/images.png" alt=""></div>
<div class="comment-box">
<div class="comment-head">
<h6 class="comment-name"><a href="#">Lorena Rojero</a></h6> <span><i class="fa fa-clock-o" aria-hidden="true"> January 15 , 2014 at 10:00 pm</i></span> <i class="fa fa-reply"></i> <i class="fa fa-heart"></i> </div>
<div class="comment-content"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit omnis animi et iure laudantium vitae, praesentium optio, sapiente distinctio illo? </div>
</div>
</li>
<li>
<div class="comment-avatar"><img src="image/images.png" alt=""></div>
<div class="comment-box">
<div class="comment-head">
<h6 class="comment-name by-author"><a href="#">Agustin Ortiz</a></h6> <span><i class="fa fa-clock-o" aria-hidden="true"> January 15 , 2014 at 10:00 pm</i></span> <i class="fa fa-reply"></i> <i class="fa fa-heart"></i> </div>
<div class="comment-content"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit omnis animi et iure laudantium vitae, praesentium optio, sapiente distinctio illo? </div>
</div>
</li>
<li>
<div class="comment-avatar"><img src="image/images.png" alt=""></div>
<div class="comment-box">
<div class="comment-head">
<h6 class="comment-name"><a href="#">Lorena Rojero</a></h6> <span><i class="fa fa-clock-o" aria-hidden="true"> January 15 , 2014 at 10:00 pm</i></span> <i class="fa fa-reply"></i> <i class="fa fa-heart"></i> </div>
<div class="comment-content"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit omnis animi et iure laudantium vitae, praesentium optio, sapiente distinctio illo? </div>
</div>
</li>
</ul>
</li>
<li>
<div class="comment-main-level">
<!-- Avatar -->
<div class="comment-avatar"><img src="image/images.png" alt=""></div>
<!-- Contenedor del Comentario -->
<div class="comment-box">
<div class="comment-head">
<h6 class="comment-name"><a href="#">Lorena Rojero</a></h6> <span><i class="fa fa-clock-o" aria-hidden="true"> January 15 , 2014 at 10:00 pm</i></span> <i class="fa fa-reply"></i> <i class="fa fa-heart"></i> </div>
<div class="comment-content"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit omnis animi et iure laudantium vitae, praesentium optio, sapiente distinctio illo? </div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="comment289-box">
<h3>Responder</h3>
<hr>
<div id="respuesta">
<div class="row">
<div class="col-md-4">
<div class="replay-input-name42389">
<p>Name*</p>
<input type="text" class="name-box24894 input238-design" placeholder="Name"> </div>
</div>
<div class="col-md-4">
<div class="replay-email-input89298">
<p>E-mail*</p>
<input type="text" class="name-box24894 input238-design" placeholder="E-mail"> </div>
</div>
<div class="col-md-4">
<div class="replay-input-websit128923">
<p>Website*</p>
<input type="text" class="name-box24894 input238-design" placeholder="Website"> </div>
</div>
<div class="col-md-12">
<div class="post9320-box">
<input type="text" class="comment-input219882" placeholder="Enter Your Post"> </div>
<button type="button" class="pos393-submit">Post Your Answer</button>
</div>
</div>
</div>
</div>
</div>
<!-- end of col-md-9 -->
<!-- strart col-md-3 (side bar)-->
<aside class="col-md-3 sidebar97239">
<div class="status-part3821">
<h4>stats</h4> <a href="#"><i class="fa fa-question-circle" aria-hidden="true"> Question(20)</i></a> <i class="fa fa-comment" aria-hidden="true"> Answers(50)</i> </div>
<div class="categori-part329">
<h4>Category</h4>
<ul>
<li><a href="#">web developer</a></li>
<li><a href="#">Andriod developer</a></li>
<li><a href="#">grapics developer</a></li>
<li><a href="#">web developer</a></li>
</ul>
</div>
<!-- social part -->
<div class="social-part2189">
<h4>Find us</h4>
<li class="rss-one">
<a href="#" target="_blank"> <strong>
<span>Subscribe</span>
<i class="fa fa-rss" aria-hidden="true"></i>
<br>
<small>To RSS Feed</small>
</strong> </a>
</li>
<li class="facebook-two">
<a href="#" target="_blank"> <strong>
<span>Subscribe</span>
<i class="fa fa-facebook" aria-hidden="true"></i>
<br>
<small>To Facebook Feed</small>
</strong> </a>
</li>
<li class="twitter-three">
<a href="#" target="_blank"> <strong>
<span>Subscribe</span>
<i class="fa fa-twitter" aria-hidden="true"></i>
<br>
<small>To twitter Feed</small>
</strong> </a>
</li>
<li class="youtube-four">
<a href="#" target="_blank"> <strong>
<span>Subscribe</span>
<i class="fa fa-youtube" aria-hidden="true"></i>
<br>
<small>To youtube Feed</small>
</strong> </a>
</li>
</div>
<!-- login part-->
<div class="login-part2389">
<h4>Login</h4>
<div class="input-group300"> <span><i class="fa fa-user" aria-hidden="true"></i></span>
<input type="text" class="namein309" placeholder="Username"> </div>
<div class="input-group300"> <span><i class="fa fa-lock" aria-hidden="true"></i></span>
<input type="password" class="passin309" placeholder="Name"> </div>
<a href="#">
<button type="button" class="userlogin320">Log In</button>
</a>
<div class="rememberme">
<label>
<input type="checkbox" checked="checked"> Remember Me</label> <a href="#" class="resbutton3892">Register</a> </div>
</div>
<!-- highest part-->
<div class="highest-part302">
<h4>Highest Points</h4>
<div class="pints-wrapper">
<div class="left-user3898">
<a href="#"><img src="image/images.png" alt="Image"></a>
<div class="imag-overlay39"> <a href="#"><i class="fa fa-plus" aria-hidden="true"></i></a> </div>
</div> <span class="points-details938">
<a href="#"><h5>Ahmed Hasan</h5></a>
<a href="#" class="designetion439">Pundit</a>
<p>206 points</p>
</span> </div>
<hr>
<div class="pints-wrapper">
<div class="left-user3898">
<a href="#"><img src="image/images.png" alt="Image"></a>
<div class="imag-overlay39"> <a href="#"><i class="fa fa-plus" aria-hidden="true"></i></a> </div>
</div> <span class="points-details938">
<a href="#"><h5>Ahmed Hasan</h5></a>
<a href="#" class="designetion439">Pundit</a>
<p>206 points</p>
</span> </div>
<hr>
<div class="pints-wrapper">
<div class="left-user3898">
<a href="#"><img src="image/images.png" alt="Image"></a>
<div class="imag-overlay39"> <a href="#"><i class="fa fa-plus" aria-hidden="true"></i></a> </div>
</div> <span class="points-details938">
<a href="#"><h5>Ahmed Hasan</h5></a>
<a href="#" class="designetion439">Pundit</a>
<p>206 points</p>
</span> </div>
<hr>
<div class="pints-wrapper">
<div class="left-user3898">
<a href="#"><img src="image/images.png" alt="Image"></a>
<div class="imag-overlay39"> <a href="#"><i class="fa fa-plus" aria-hidden="true"></i></a> </div>
</div> <span class="points-details938">
<a href="#"><h5>Ahmed Hasan</h5></a>
<a href="#" class="designetion439">Pundit</a>
<p>206 points</p>
</span> </div>
<hr>
<div class="pints-wrapper">
<div class="left-user3898">
<a href="#"><img src="image/images.png" alt="Image"></a>
<div class="imag-overlay39"> <a href="#"><i class="fa fa-plus" aria-hidden="true"></i></a> </div>
</div> <span class="points-details938">
<a href="#"><h5>Ahmed Hasan</h5></a>
<a href="#" class="designetion439">Pundit</a>
<p>206 points</p>
</span> </div>
</div>
<!-- end of Highest points -->
<!-- start tags part-->
<div class="tags-part2398">
<h4>Tags</h4>
<ul>
<li><a href="#">analytics</a></li>
<li><a href="#">Computer</a></li>
<li><a href="#">Developer</a></li>
<li><a href="#">Google</a></li>
<li><a href="#">Interview</a></li>
<li><a href="#">Programmer</a></li>
<li><a href="#">Salary</a></li>
<li><a href="#">University</a></li>
<li><a href="#">Employee</a></li>
</ul>
</div>
<!-- End tags part-->
<!-- start recent post -->
<div class="recent-post3290">
<h4>Recent Post</h4>
<div class="post-details021"> <a href="#"><h5>How much do web developers</h5></a>
<p>I am thinking of pursuing web developing as a career & was ...</p> <small style="color: #848991">July 16, 2017</small> </div>
<hr>
<div class="post-details021"> <a href="#"><h5>How much do web developers</h5></a>
<p>I am thinking of pursuing web developing as a career & was ...</p> <small style="color: #848991">July 16, 2017</small> </div>
<hr>
<div class="post-details021"> <a href="#"><h5>How much do web developers</h5></a>
<p>I am thinking of pursuing web developing as a career & was ...</p> <small style="color: #848991">July 16, 2017</small> </div>
</div>
<!-- end recent post -->
</aside>
</div>
</div>
</section>
<!-- footer -->
<div class="footer-search">
<div class="container">
<div class="row">
<div id="custom-search-input">
<div class="input-group col-md-12"> <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
<input type="text" class=" search-query form-control user-control30" placeholder="Search here...." /> <span class="input-group-btn">
<button class="btn btn-danger" type="button">
<span class=" glyphicon glyphicon-search"></span> </button>
</span>
</div>
</div>
</div>
</div>
</div>
<section class="footer-part">
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="info-part-one320">
<h4>Where We Are ?</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi adipiscing gravida odio, sit amet suscipit risus ultrices eu.</p>
<h4>Address :</h4>
<p>Ask Me Network, 33 Street, syada
<br> Zeinab, Cairo, Egypt.</p>
<h4>Support :</h4>
<p>Support Telephone No : (+2)01111011110</p>
<p>Support Email Account : </p>
<p>[email protected]</p>
</div>
</div>
<div class="col-md-3">
<div class="info-part-two320">
<h4>Quick Links</h4>
<a href="#">
<p>-Home</p>
</a>
<a href="#">
<p>-Ask Question</p>
</a>
<a href="#">
<p>-Questions</p>
</a>
<a href="#">
<p>-Users</p>
</a>
<a href="#">
<p>-Edit Profile</p>
</a>
<a href="#">
<p>-Page</p>
</a>
<a href="#">
<p>-Contact Us</p>
</a>
<a href="#">
<p>-Buy now</p>
</a>
</div>
</div>
<div class="col-md-3">
<div class="info-part-three320">
<h4>Popular Questions</h4>
<div class="news-info209">
<h5>Why are the British confused</h5>
<p>(Why I darest say, they darest not get offended when they so ...</p> <small>July 16, 2017</small> </div>
<div class="news-info209">
<h5>How to approach applying for</h5>
<p>(I am trying to find/change my career trajectory. Its a good cozy ...</p> <small>July 16, 2017</small> </div>
<div class="news-info209">
<h5>How to evaluate whether a</h5>
<p>A friend of mine is the CEO of his own small business. ...</p> <small>July 16, 2017</small> </div>
</div>
</div>
<div class="col-md-3">
<div class="info-part-four320">
<h4>Latest Tweets</h4>
<div class="tweet-details29">
<p><i class="fa fa-twitter-square" aria-hidden="true"></i><a href="#"> codeThemesCheck a new update #AskMe #ThemeForest #WordPress #2code #Envato#2code
Themehttps://t.co/urb3LgsOCi</a></p> <small>about 2 weeks ago</small> </div>
<div class="tweet-details29">
<p><i class="fa fa-twitter-square" aria-hidden="true"></i><a href="#"> codeThemesCheck a new update #AskMe #ThemeForest #WordPress #2code #Envato#2code
Themehttps://t.co/urb3LgsOCi</a></p> <small>about 2 weeks ago</small> </div>
<div class="tweet-details29">
<p><i class="fa fa-twitter-square" aria-hidden="true"></i><a href="#"> codeThemesCheck a new update #AskMe #ThemeForest #WordPress #2code #Envato#2code
Themehttps://t.co/urb3LgsOCi</a></p> <small>about 2 weeks ago</small> </div>
</div>
</div>
</div>
</div>
</section>
<section class="footer-social">
<div class="container">
<div class="row">
<div class="col-md-6">
<p>Copyright 2017 Ask me | <strong>Sudo Coder</strong></p>
</div>
<div class="col-md-6">
<div class="social-right2389"> <a href="#"><i class="fa fa-twitter-square" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-youtube" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-skype" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-rss" aria-hidden="true"></i></a> </div>
</div>
</div>
</div>
</section>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="/js/jquery-3.1.1.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/npm.js"></script>
</body>
</html>

+ 152
- 1454
src/main/resources/templates/index.html
File diff suppressed because it is too large
View File


Loading…
Cancel
Save