-
Notifications
You must be signed in to change notification settings - Fork 1
/
render-utils.js
43 lines (36 loc) · 1.28 KB
/
render-utils.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
export function renderOptions(genres, location, id) {
for (let genre of genres) {
const option = document.createElement('option');
option.value = genre.id;
option.textContent = genre.genre;
if (genre.id === id) {
option.selected = 'selected';
}
location.append(option);
}
}
export function renderJoke(joke) {
const jokeContainer = document.createElement('div');
jokeContainer.classList.add('joke-container');
const genre = document.createElement('div');
genre.classList.add('genre');
genre.textContent = joke.genre_id.genre;
const jokeContent = document.createElement('div');
jokeContent.classList.add('joke-content');
jokeContent.textContent = joke.joke_content;
jokeContainer.append(genre, jokeContent);
return jokeContainer;
}
export function renderRatingDiv(joke) {
const div = document.createElement('div');
const like = document.createElement('div');
like.classList.add('like');
if (joke.ratings && joke.ratings.length > 0 && joke.ratings[0].liked) {
like.style.backgroundImage = 'url(../assets/like.png)';
} else {
like.style.backgroundImage = 'url(../assets/newlike.png)';
}
div.classList.add('ratings');
div.append(like);
return div;
}