-
Notifications
You must be signed in to change notification settings - Fork 0
/
templates.js
26 lines (24 loc) · 975 Bytes
/
templates.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
// cada item na lista de pokémon tem o formato dado por este template.
// como ele é uma função (seta), para usá-lo, você deve:
//
// import { listItemTemplate } from './templates.js';
// ...
// const dados = PEGAR DADOS DE UM POKEMON
// const pokemonNaLista = listItemTemplate(dados);
//
export const listItemTemplate = data =>
` <li class="list-item" data-id="${data.number}">
<span class="list-meta-info">
<img src="${data.imageUrl}" class="item-avatar-img" alt="${data.name}">
<span class="number">${String(data.number).padStart(3, '0')}</span>
</span>
<span class="list-info">
<span class="name">${data.name}</span>
</span>
</li>`;
// formato de um tipo de pokémon (grama, água, fogo etc.). Para usar:
// import { typeTemplate } from './templates.js'
// ...
// const tipoDoPokemon = typeTemplate('grama');
//
export const typeTemplate = name => `<span class="type">${name}</span>`