docs/solutions/datatype_endpoint.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Datatype Endpoint</title>

<script 
    type="text/javascript" 
    src="https://cdn.jsdelivr.net/gh/p2m2/discovery@0.4.3/dist/discovery-web.min.js"> 
</script> 
<link 
    rel="stylesheet" 
    href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
>
<style>
    .icon {
        font-size: 2em;
    }
</style>

<body>
  <div id="icon-container">
      <i id="status-icon" class="icon fas fa-spinner fa-spin"></i>
  </div>
  <div id="status-message">En attente...</div>
</body>
  
<script>
var config = SWDiscoveryConfiguration
    .init()
    .sparqlEndpoint("https://forum.semantic-metabolomics.fr/sparql/");

SWDiscovery(config)
    .prefix("chebi","http://purl.obolibrary.org/obo/CHEBI_")
    .something("var_study")
        .set(URI("chebi:27732"))
            .datatype(URI("http://purl.obolibrary.org/obo/chebi/formula"),"var_formula")
            .datatype(URI("http://www.geneontology.org/formats/oboInOwl#hasExactSynonym"),"var_name")
    .select("var_study", "var_formula", "var_name")
        .commit()
        .raw()
    .then((response)=>{
        let study=response.results.bindings[0]["var_study"].value;
        let formula=response.results.datatypes["var_formula"][study][0].value; 
        let name = response.results.datatypes["var_name"][study][0].value;
        isOK(`${name} : #Ref -> ${study}  #Formula -> ${formula}`);
    })
    .catch( (error) => {
        isKO(error)
    } );


    function isOK(message){
    const iconElement = document.getElementById('status-icon');
    const messageElement = document.getElementById('status-message');
    iconElement.className = 'icon fas fa-check-circle';
    iconElement.style.color = 'green';
    messageElement.innerHTML = message;
    messageElement.style.color = 'green';
}

function isKO(error){
    const iconElement = document.getElementById('status-icon');
    const messageElement = document.getElementById('status-message');
    iconElement.className = 'icon fas fa-times-circle';
    iconElement.style.color = 'red';
    messageElement.textContent = error.message;
    messageElement.style.color = 'red';
}
</script>
</html>    