<!DOCTYPE html>
<html>
<head>
<!-- PDB Prints JS and CSS files -->
<link rel="stylesheet" type="text/css" href="https://www.ebi.ac.uk/pdbe/pdb-component-library/css/pdb-prints-component-2.0.0.css">
<script type="text/javascript" src="https://www.ebi.ac.uk/pdbe/pdb-component-library/js/pdb-prints-plugin-2.0.0.js" defer></script>
</head>
<body>
<h4>PDB Prints Plugin demo</h4>
<!-- PDB Prints container -->
<div id="printsView"></div>
<script>
document.addEventListener('DOMContentLoaded', () => {
//Create plugin instance
const pluginInstance = new PdbPrintsPlugin();
//Get element from HTML/Template to place the view
const viewContainer = document.getElementById('printsView');
const options = {
entryId: '1cbs'
}
//Call render method to display the 2D view
pluginInstance.render(viewContainer, options);
});
</script>
</body>
</html>