Printout Plugin

Demo version

Plugin options interface

interface PluginOptions {
  selector?: string;
  settings?: {};
}

Options (for passing from config)

interface PrintoutDeclarationInConfig {
  printout: {
    printoutReports: {
      groupName: string;
      reports: {
        id?: number;
        description?: string;
      }[];
    }[];
    isDefaultReportShown: boolean;
  };
}

Example

<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- load plugin styles -->
    <link
      href="https://plugins.wedat.eu/printout/plugin.css"
      rel="stylesheet"
    />
  </head>
  <body>
    <!-- element to which plugin will be rendered -->
    <div class="plugin"></div>

    <!-- load plugin JS synchronously -->
    <script src="https://plugins.wedat.eu/printout/plugin.js"></script>

    <!-- init plugin options in your JS file or inline JS like this -->
    <script>
      window.PRINTOUT.init({
        selector: ".plugin",
      });
    </script>
  </body>
</html>