Skip to content

Instantly share code, notes, and snippets.

@robbiegreiner
Last active December 1, 2017 17:54
Show Gist options
  • Select an option

  • Save robbiegreiner/d59c563fc517df2921935e9c6610f830 to your computer and use it in GitHub Desktop.

Select an option

Save robbiegreiner/d59c563fc517df2921935e9c6610f830 to your computer and use it in GitHub Desktop.

My Happy Code

  database('palettes')
    .where({ project_id: request.params.id}).select()
    .then(palette => {
      response.status(200).json(palette);
    })
    .catch(error => {
      response.status(500).json({ error });
    });
});

My Sad Code

  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>
    `);
  });
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment