feat: setting up mess of thymeleaf.
had problems with th:fragment, getting errors Caused by: ognl.OgnlException: source is null for getProperty(null, "text") now will try to style the page as if it's static page, and then add thymeleaf things
This commit is contained in:
efim
parent
7fac41488c
commit
ec8c8bb678
|
|
@ -10,6 +10,6 @@ lazy val root = (project in file("."))
|
|||
libraryDependencies ++= Seq(
|
||||
"com.lihaoyi" %% "cask" % "0.9.1",
|
||||
"com.lihaoyi" %% "mainargs" % "0.5.0",
|
||||
"org.thymeleaf" % "thymeleaf" % "3.1.1.RELEASE"
|
||||
"org.thymeleaf" % "thymeleaf" % "3.1.1.RELEASE",
|
||||
)
|
||||
)
|
||||
|
|
|
|||
|
|
@ -0,0 +1,40 @@
|
|||
package testimonialsgrid;
|
||||
|
||||
public class JTestimonial {
|
||||
private String author;
|
||||
private String text;
|
||||
private int age;
|
||||
|
||||
// Constructor
|
||||
public JTestimonial(String author, String text, int age) {
|
||||
this.author = author;
|
||||
this.text = text;
|
||||
this.age = age;
|
||||
}
|
||||
|
||||
// Getters
|
||||
public String getAuthor() {
|
||||
return author;
|
||||
}
|
||||
|
||||
public String getText() {
|
||||
return text;
|
||||
}
|
||||
|
||||
public int getAge() {
|
||||
return age;
|
||||
}
|
||||
|
||||
// Setters
|
||||
public void setAuthor(String author) {
|
||||
this.author = author;
|
||||
}
|
||||
|
||||
public void setText(String text) {
|
||||
this.text = text;
|
||||
}
|
||||
|
||||
public void setAge(int age) {
|
||||
this.age = age;
|
||||
}
|
||||
}
|
||||
|
|
@ -5,8 +5,10 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- displays site properly based on user's device -->
|
||||
|
||||
<link href="/dist/output.css" rel="stylesheet">
|
||||
<link href="../../../../dist/output.css" rel="stylesheet" th:remove="all">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href=".public/images/favicon-32x32.png">
|
||||
|
||||
<link href="https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@500;600&display=swap" rel="stylesheet">
|
||||
<title>Frontend Mentor | [Challenge Name Here]</title>
|
||||
|
||||
<!-- Feel free to remove these styles or customise in your own stylesheet 👍 -->
|
||||
|
|
@ -15,19 +17,29 @@
|
|||
.attribution a { color: hsl(228, 45%, 44%); }
|
||||
</style>
|
||||
</head>
|
||||
<body class="bg-amber-200">
|
||||
Daniel Clifford
|
||||
Verified Graduate
|
||||
<body class="bg-light-grayish-blue py-20 px-7">
|
||||
<section
|
||||
th:fragment="testimonialCard(t)"
|
||||
class="bg-moderate-violet"
|
||||
th:remove="tag"
|
||||
>
|
||||
some unconditional text
|
||||
<p th:text="${t}">Daniel Clifford</p>
|
||||
<!-- <p th:text="${t.author}">author name</p> -->
|
||||
</section>
|
||||
|
||||
I received a job offer mid-course, and the subjects I learned were current, if not more so,
|
||||
in the company I joined. I honestly feel I got every penny’s worth.
|
||||
|
||||
“ I was an EMT for many years before I joined the bootcamp. I’ve been looking to make a
|
||||
transition and have heard some people who had an amazing experience here. I signed up
|
||||
for the free intro course and found it incredibly fun! I enrolled shortly thereafter.
|
||||
The next 12 weeks was the best - and most grueling - time of my life. Since completing
|
||||
the course, I’ve successfully switched careers, working as a Software Engineer at a VR startup. ”
|
||||
<p th:text="${oneTestimonial.author}">
|
||||
"Hello"
|
||||
</p>
|
||||
<!-- <section th:replace=":: testimonialCard(${oneTestimonial})"> </section> -->
|
||||
|
||||
<div th:each="t : ${testimonials}">
|
||||
<span th:text="${t.author}">author</span> and <span th:text="${t.text}">the text</span>
|
||||
<!-- <section th:replace=":: testimonialCard(${testimonial})"> </section> -->
|
||||
</div>
|
||||
<section
|
||||
th:if="${#lists.isEmpty(testimonials)}"
|
||||
>
|
||||
Jonathan Walters
|
||||
Verified Graduate
|
||||
|
||||
|
|
@ -35,7 +47,11 @@
|
|||
|
||||
“ I started as a total newbie with virtually no coding skills. I now work as a mobile engineer
|
||||
for a big company. This was one of the best investments I’ve made in myself. ”
|
||||
</section>
|
||||
|
||||
<section
|
||||
th:if="${#lists.isEmpty(testimonials)}"
|
||||
>
|
||||
Jeanette Harmon
|
||||
Verified Graduate
|
||||
|
||||
|
|
@ -43,7 +59,11 @@
|
|||
|
||||
“ Thank you for the wonderful experience! I now have a job I really enjoy, and make a good living
|
||||
while doing something I love. ”
|
||||
</section>
|
||||
|
||||
<section
|
||||
th:if="${#lists.isEmpty(testimonials)}"
|
||||
>
|
||||
Patrick Abrams
|
||||
Verified Graduate
|
||||
|
||||
|
|
@ -54,7 +74,11 @@
|
|||
gave me the confidence necessary to be able to go out in the world and present myself as a capable
|
||||
junior developer. The standard is above the rest. You will get the personal attention you need from
|
||||
an incredible community of smart and amazing people. ”
|
||||
</section>
|
||||
|
||||
<section
|
||||
th:if="${#lists.isEmpty(testimonials)}"
|
||||
>
|
||||
Kira Whittle
|
||||
Verified Graduate
|
||||
|
||||
|
|
@ -68,6 +92,7 @@
|
|||
could ever have. In fact, I’ve often referred to it during interviews as an example of my developent
|
||||
experience. It certainly helped me land a job as a full-stack developer after receiving multiple offers.
|
||||
100% recommend! ”
|
||||
</section>
|
||||
|
||||
<div class="attribution">
|
||||
Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>.
|
||||
|
|
|
|||
|
|
@ -7,6 +7,8 @@ import org.thymeleaf.context.Context
|
|||
import org.thymeleaf.templateresolver.ClassLoaderTemplateResolver
|
||||
import org.thymeleaf.TemplateEngine
|
||||
|
||||
import scala.jdk.CollectionConverters._
|
||||
|
||||
object Main {
|
||||
@main def run(
|
||||
@arg(
|
||||
|
|
@ -42,7 +44,54 @@ object Main {
|
|||
@cask.get("/")
|
||||
def index() = {
|
||||
val context = new Context()
|
||||
context.setVariable("name", s"Johny")
|
||||
|
||||
import scala.beans.BeanProperty
|
||||
final case class Testimonial(
|
||||
@BeanProperty var author: String,
|
||||
@BeanProperty var text: String,
|
||||
@BeanProperty var age: Int
|
||||
)
|
||||
|
||||
class CompatTestimonial {
|
||||
@BeanProperty var author: String = _
|
||||
@BeanProperty var text: String = _
|
||||
@BeanProperty var age: Int = _
|
||||
|
||||
// Auxiliary constructor
|
||||
def this(author: String, text: String, age: Int) = {
|
||||
this() // Call to the primary constructor
|
||||
this.author = author
|
||||
this.text = text
|
||||
this.age = age
|
||||
}
|
||||
}
|
||||
val yo = new CompatTestimonial("Leopold", "Miawu", 188)
|
||||
// val yo = Testimonial("Leopold", "Miawu", 188)
|
||||
|
||||
// let's experiment. ugh
|
||||
class Person(
|
||||
@BeanProperty var firstName: String,
|
||||
@BeanProperty var lastName: String,
|
||||
@BeanProperty var age: Int
|
||||
) {
|
||||
override def toString: String =
|
||||
return String.format("%s, %s, %d", firstName, lastName, age)
|
||||
}
|
||||
val p = new Person("Efim", "Nefedov", 31)
|
||||
println(p)
|
||||
// println(p.getFirstName)
|
||||
|
||||
val ugh = new JTestimonial("Hell", "lala", 1234)
|
||||
|
||||
context.setVariable("justString", "oh why oh why")
|
||||
context.setVariable("oneTestimonial", ugh)
|
||||
context.setVariable(
|
||||
"testimonials",
|
||||
List(
|
||||
new JTestimonial("Leopold", "Miawu", 91),
|
||||
new JTestimonial("Aragorn", "And my sword!", 55)
|
||||
).asJava
|
||||
)
|
||||
val result = templateEngine.process("index", context)
|
||||
cask.Response(
|
||||
result,
|
||||
|
|
|
|||
Loading…
Reference in New Issue