blob: 776913c9b7c272b3c21f0af912f1fb194adb30e6 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
let Templates = (function() {
return {
gridContainer(gridItems, id) {
return `<section class="grid-container" id=${id}>
${gridItems}
</section>`
},
gridItem(isHighlighted, id) {
return `<div
id=${id}
class="grid-item ${isHighlighted ? 'grid-item__highlighted' : ''}">
</div>`
},
form(header, id, inputId, value = '') {
return `<section class="form-container" id=${id}>
<h1>${header}</h1>
<input autofocus type="text" name="goal" value="${value}" id=${inputId}></input>
</section>`
},
container(content) {
return `<main class="container">${content}</main>`
}
}
})()
|