database('palettes')
.where({ project_id: request.params.id}).select()
.then(palette => {
response.status(200).json(palette);
})
.catch(error => {
response.status(500).json({ error });
});
});
palettes.forEach(palette => {
$(`.project${palette.project_id}`).append(`
<div class='full-palette' data-colorlist='${JSON.stringify([palette.hex1, palette.hex2, palette.hex3, palette.hex4, palette.hex5])}' id='${palette.id}'>
<h3 class='palette-name'>${palette.name}</h3>
<div class='small-color'
style='background-color: ${palette.hex1}'>
</div>
<div class='small-color'
style='background-color: ${palette.hex2}'>
</div>
<div class='small-color'
style='background-color: ${palette.hex3}'>
</div>
<div class='small-color'
style='background-color: ${palette.hex4}'>
</div>
<div class='small-color'
style='background-color: ${palette.hex5}'>
</div>
<button class='delete-palette'>Delete</button>
</div>
`);
});
};