ember-alexandria/addon/components/document-card.js

Document management frontend for the alexandria backend

import { service } from "@ember/service";
import Component from "@glimmer/component";

export default class DocumentCardComponent extends Component {
  @service("alexandria-documents") documents;
  @service("alexandria-config") config;

  get classes() {
    const classes = [
      "document-card",
      "uk-card",
      "uk-card-body",
      "uk-border-rounded-circular",
      "uk-padding-remove",
    ];

    if (this.args.isSelected) {
      classes.push("document-card--selected");
    }

    this.args.document.marks.forEach((mark) => {
      classes.push(`document-card--mark-${mark.id}`);
    });

    return classes.join(" ");
  }
}