Skip to content

Commit 49dbb2a

Browse files
pablog178pablog178
committed
update template to work with mustache
1 parent 3f797e7 commit 49dbb2a

1 file changed

Lines changed: 35 additions & 12 deletions

File tree

‎TestApp/app/assets/template.html‎

Lines changed: 35 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,46 @@
11
<!DOCTYPE html>
22
<html>
33
<head>
4-
<title>My HTML</title>
5-
</head>
6-
<body>
7-
<h1>Customer Name: {{customerName}} </h1>
8-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur. Donec ut libero sed arcu vehicula ultricies a non tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ut gravida lorem. Ut turpis felis, pulvinar a semper sed, adipiscing id dolor. Pellentesque auctor nisi id magna consequat sagittis. Curabitur dapibus enim sit amet elit pharetra tincidunt feugiat nisl imperdiet. Ut convallis libero in urna ultrices accumsan. Donec sed odio eros. Donec viverra mi quis quam pulvinar at malesuada arcu rhoncus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In rutrum accumsan ultricies. Mauris vitae nisi at sem facilisis semper ac in est.</p>
4+
<title>{{survey.title}}</title>
5+
6+
<style type="text/css">
97

10-
<img src="{{{image}}}" />
8+
body {
9+
font-family: sans-serif;
10+
}
1111

12-
<h2>Subtitle</h2>
13-
<p>Aenean rutrum metus neque, eu gravida velit dapibus sit amet. Vivamus mattis purus arcu, nec pulvinar nulla sodales eget. In mollis metus a elit lacinia imperdiet. Duis vel orci tempus, dapibus ex in, sollicitudin dolor. Aliquam vulputate tristique nisi. Nam volutpat ex a neque finibus, sit amet condimentum ligula ultricies. Ut id dui sit amet arcu egestas ullamcorper. Morbi pellentesque at nisi eu pretium. Donec a justo est. Nulla facilisi.</p>
12+
h1 {
13+
margin: 34px 0 6px 28px;
14+
font-size: 18px;
15+
color: #FFF;
16+
}
1417

15-
<p>Maecenas ex tortor, sodales sit amet ligula sed, elementum congue sem. Curabitur sit amet diam id elit fermentum mollis eu in est. Nulla blandit orci at maximus aliquet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc sagittis ipsum non velit pretium dictum. Aliquam a fermentum diam. Cras sollicitudin maximus odio, in consectetur dolor finibus et. Ut fermentum nibh libero, in feugiat enim consequat id. Donec volutpat maximus neque, sed pulvinar ligula pharetra sit amet. Nunc nec elementum erat, eget fermentum massa. Praesent finibus sed ipsum nec tincidunt. Quisque lobortis dui eget feugiat molestie. Vestibulum iaculis dui eget diam porttitor, non maximus purus laoreet.</p>
18+
#header {
19+
width: 100%;
20+
height: 100px;
21+
}
1622

17-
<p>Praesent consequat maximus ipsum, finibus sollicitudin ligula sagittis et. Aenean luctus leo non risus maximus, vitae aliquam ante tincidunt. Donec mauris nibh, aliquam id laoreet et, ullamcorper sit amet ex. Phasellus luctus efficitur justo nec fermentum. Donec pulvinar mollis urna vel fermentum. Nam fringilla ante nec ligula posuere, in sodales metus molestie. Aliquam at molestie arcu, non tempus magna.</p>
23+
#logoImage {
24+
float: left;
25+
margin: 15px 28px 15px 0;
26+
width: 178px;
27+
height: 72px;
28+
}
1829

19-
<p>Aenean viverra id ante eget pellentesque. Curabitur lacus dui, pulvinar congue dolor eget, dictum ultrices enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque consequat nec est vitae sollicitudin. Praesent tortor ante, commodo sed dictum hendrerit, cursus eu nulla. Morbi in nunc vel felis porta ultricies ac non leo. Donec lacinia accumsan nunc, sit amet condimentum felis dapibus eget. Cras a dapibus augue. Nunc tincidunt risus at venenatis ornare. Integer bibendum odio tellus, non consectetur ligula viverra sit amet. Sed molestie fringilla quam, eu aliquet neque commodo vitae. Pellentesque metus libero, pretium vitae facilisis sed, vulputate varius mi. Vestibulum scelerisque ut nibh a ullamcorper. Nulla congue efficitur facilisis. Integer consectetur varius lacus, vel cursus urna semper et. Sed maximus turpis non venenatis malesuada.</p>
30+
.headerLabel {
31+
margin-top: 3px;
32+
margin-left: 28px;
33+
}
34+
35+
</style>
36+
</head>
37+
<body>
38+
<div id="header">
39+
<h1>Title of Survey</h1>
40+
<p class="headerLabel">Date Submitted: {{survey.dateSubmitted}}</p>
41+
<p class="headerLabel">Time Submitted: {{survey.timeSubmitted}}</p>
2042

21-
<p>Pellentesque in mi at mi pulvinar faucibus. Aliquam at accumsan turpis, eget mollis risus. Morbi sed lacus eleifend, malesuada quam sed, facilisis urna. Phasellus vitae lorem condimentum, ullamcorper nisi malesuada, blandit mauris. Integer vulputate turpis id est tincidunt, vitae ornare nisl tempus. Vivamus rutrum massa orci, vitae sollicitudin mauris interdum id. Proin faucibus placerat justo eget vulputate. Pellentesque posuere eros eget tellus porta, a varius dolor condimentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam erat volutpat. Donec turpis lorem, accumsan sed rutrum a, tristique convallis dui. Suspendisse commodo consectetur viverra. Pellentesque vulputate luctus est, ac elementum ante. Vestibulum facilisis odio imperdiet aliquet venenatis. Nulla facilisi. </p>
43+
<img id="logoImage" src="{{logo}}">
44+
</div>
2245
</body>
2346
</html>

0 commit comments

Comments
 (0)