Ontohub/war/Ontohub.html

	Ontohub.html revision 62eb1a30f928e36266ad8def5f764dd8a33c796d
<!doctype html>
<!-- The DOCTYPE declaration above will set the     -->
<!-- browser's rendering engine into                -->
<!-- "Standards Mode". Replacing this declaration   -->
<!-- with a "Quirks Mode" doctype is not supported. -->

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--                                                               -->
    <!-- Consider inlining CSS to reduce the number of requested files -->
    <!--                                                               -->
<!--     <link type="text/css" rel="stylesheet" href="Ontohub.css"> -->
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" media="screen" rel="stylesheet" type="text/css">
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.css" media="screen" rel="stylesheet" type="text/css">

    <!--                                           -->
    <!-- Any title is fine                         -->
    <!--                                           -->
    <title>Ontohub Ui Components</title>

    <!--                                           -->
    <!-- This script loads your compiled module.   -->
    <!-- If you add any GWT meta tags, they must   -->
    <!-- be added before this line.                -->
    <!--                                           -->
    <script type="text/javascript" language="javascript" src="ontohub/ontohub.nocache.js"></script>
    <script type="text/javascript" language="javascript" src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.js"></script>
  </head>

  <!--                                           -->
  <!-- The body can have arbitrary html, or      -->
  <!-- you can leave the body empty if you want  -->
  <!-- to create a completely dynamic UI.        -->
  <!--                                           -->
  <body>

    <!-- OPTIONAL: include this if you want history support -->
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>

    <!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
    <noscript>
      <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
        Your web browser must have JavaScript enabled
        in order for this application to display correctly.
      </div>
    </noscript>

    <script>
    // Example of ontology filters
    //var FiltersMap = {
    //                'OntologyType'   : [{ name: 'Ontologies', value: null }, { name: 'Distributed ontologies', value: 'DistributedOntology' }, { name: 'Single ontologies', value: 'SingleOntology' }],
    //                'Project'        : [{ name: 'from all projects', value: null }, { name: 'from I5-DiaSpace', value: 'I5-DiaSpace' }, { name: 'from I1-OntoSpace', value: 'SingleOntology' }],
    //                'FormalityLevel' : [{ name: 'in any formality', value: null }, { name: 'Distributed', value: 'DistributedOntology' }, { name: 'Single', value: 'SingleOntology' }],
    //                'LicenseModel'   : [{ name: 'under any license', value: null }, { name: 'Distributed', value: 'DistributedOntology' }, { name: 'Single', value: 'SingleOntology' }],
    //                'Task'           : [{ name: 'for any purpose', value: null }, { name: 'Distributed', value: 'DistributedOntology' }, { name: 'Single', value: 'SingleOntology' }]
    //};
    </script>
    <h1>Ontohub Components</h1>
    <div style="width:800px;margin: 0 auto;">
      <h2>Ontology Search Bar</h2>
      <div>Try searching for names of animal species starting with "C".</div>
      <div id="OntologySearch" pagination="paginated" role="filter"></div>
    </div>

  </body>
</html>