mixin renderLinksListItem (link)
  li(data-link-id= link._id, data-link-label= link.label)
    div(uk-grid).uk-grid-small.uk-flex-middle
      .uk-width-auto
        span
          i.fas.fa-grip-lines
      .uk-width-expand
        a(href= link.href).uk-button.dtp-button-primary.uk-button-small.uk-border-rounded= link.label
      .uk-width-auto
        button(type="button", uk-toggle={ target: `#link-editor-${link._id}` }).uk-button.dtp-button-default.uk-button-small
          span
            i.fas.fa-pen
      .uk-width-auto
        button(
          type="submit",
          data-link-id= link._id,
          data-link-label= link.label,
          onclick="return dtp.app.deleteLink(event);",
        ).uk-button.dtp-button-danger.uk-button-small.uk-border-rounded
          span
            i.fas.fa-trash
    div(id= `link-editor-${link._id}`, hidden).uk-margin
      .uk-card.uk-card-secondary.uk-card-small.uk-card-body
        +renderLinkEditor(`#link-editor-${link._id}`, link)