article Card

[mgjeffries]

• Converts an article Object into an HTML representation of an article Card.
  Class associated is article--${article.id}

Args

1. Object containing the event
   • id: 1
   • userId: 57
   • date: 13958025726
   • title: LawnNews
   • synopsis: The Best Event
   • isOwnedByCurrentUser: false
   • isNext: false
   • timeCreated: timestamp

• Properties to render

  • Title
  • synopsis

• Export the function.

CONDITIONAL STATEMENTS

• If isOwnedByCurrentUser === true

  • classList.add("user-owned")
  • Render 'edit' button
  • Add event listener to listen for 'click event'
  • Dispatch Custom Event with detail: eventId: id

• If isOwnedByCurrentUser === false

  • classList.remove("user-owned")

• If isNextEvent === true

  • classList.add("first-event")

• If isNextEvent === false

  • classList.remove("first-event")