function createCardHtml(capsuleId, capsuleLabel) {
  return `
  <a class="no-decorations" href="message.html?capsuleId=${capsuleId}">
    <div class="card">
      <div class="card-body">
        <div class="row">
          <div class="col-sm-3 text-left">
            <div class="font-weight-bold">
              Creation date
            </div>
            <div>
              ${moment.unix(capsuleLabel.lockDate).format(DATE_TIME_FORMAT)}
            </div>
          </div>
          <div class="col-sm-6 text-center">
            <div class="font-weight-bold">
              Summary
            </div>
            <div>
              ${capsuleLabel.summary}
            </div>
          </div>
          <div class="col-sm-3 text-right">
            <div class="font-weight-bold">
              Unlock date
            </div>
            <div>
              ${moment.unix(capsuleLabel.unlockDate).format(DATE_TIME_FORMAT)}
            </div>
          </div>
        </div>
      </div>
    </div>
  </a>

`
}
/**
 * Create the html for a card holding capsule information
 * 
 * @param {number} capsuleId The capsule ID
 * @param {object} capsuleLabel The capsule public information
 * @returns the HTML of the card holding the capsule information
 */
Create the html for a card holding capsule information

@param {number} capsuleId The capsule ID
@param {object} capsuleLabel The capsule public information
@returns the HTML of the card holding the capsule information
Create the html for a card holding capsule information @param { number } capsuleId The capsule ID @param { object } capsuleLabel The capsule public information @returns the HTML of the card holding the capsule information
function createCardHtml(capsuleId, capsuleLabel) {
  return `
  <a class="no-decorations" href="message.html?capsuleId=${capsuleId}">
    <div class="card">
      <div class="card-body">
        <div class="row">
          <div class="col-sm-3 text-left">
            <div class="font-weight-bold">
              Creation date
            </div>
            <div>
              ${moment.unix(capsuleLabel.lockDate).format(DATE_TIME_FORMAT)}
            </div>
          </div>
          <div class="col-sm-6 text-center">
            <div class="font-weight-bold">
              Summary
            </div>
            <div>
              ${capsuleLabel.summary}
            </div>
          </div>
          <div class="col-sm-3 text-right">
            <div class="font-weight-bold">
              Unlock date
            </div>
            <div>
              ${moment.unix(capsuleLabel.unlockDate).format(DATE_TIME_FORMAT)}
            </div>
          </div>
        </div>
      </div>
    </div>
  </a>
`
}
function createCardHtml ( capsuleId , capsuleLabel ) { return ` ${ capsuleId } ${ moment . unix ( capsuleLabel . lockDate ) . format ( DATE_TIME_FORMAT ) } ${ capsuleLabel . summary } ${ moment . unix ( capsuleLabel . unlockDate ) . format ( DATE_TIME_FORMAT ) } ` }
Create the html for a card holding capsule information
Create the html for a card holding capsule information