search.html 12.7 KB
Newer Older
Omar ALQAWASMEH's avatar
Omar ALQAWASMEH committed
<!DOCTYPE html>
<html lang="en-GB" dir="ltr">
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta charset="utf-8" />
Maxime Lefrançois's avatar
Maxime Lefrançois committed
  <title>SAREF Portal</title>
Omar ALQAWASMEH's avatar
Omar ALQAWASMEH committed
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  <link href="static/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
  <link href="static/media/gantry5/assets/css/font-awesome.min.css" rel="stylesheet" />
  <link href="static/media/gantry5/engines/nucleus/css-compiled/nucleus.css" rel="stylesheet" />
  <link href="static/templates/g5_helium/custom/css-compiled/helium_19.css" rel="stylesheet" />
  <link href="static/media/gantry5/assets/css/bootstrap-gantry.css" rel="stylesheet" />
  <link href="static/media/gantry5/engines/nucleus/css-compiled/joomla.css" rel="stylesheet" />
  <link href="static/media/jui/css/icomoon.css" rel="stylesheet" />
  <link href="static/templates/g5_helium/custom/css-compiled/helium-joomla_19.css" rel="stylesheet" />
  <link href="static/templates/g5_helium/custom/css-compiled/custom_19.css" rel="stylesheet" />
Maxime Lefrançois's avatar
Maxime Lefrançois committed
  
  <link href="static/jqtree/jqtree.css" rel="stylesheet">
Omar ALQAWASMEH's avatar
Omar ALQAWASMEH committed
  <script src="static/templates/g5_helium/js/jui/jquery.min.js?06eedc97766b70aa1fa0e80231495faa"></script>
  <script src="static/media/jui/js/jquery-noconflict.js?06eedc97766b70aa1fa0e80231495faa"></script>
  <script src="static/media/jui/js/jquery-migrate.min.js?06eedc97766b70aa1fa0e80231495faa"></script>
  <script src="static/media/system/js/caption.js?06eedc97766b70aa1fa0e80231495faa"></script>
  <script src="static/media/jui/js/bootstrap.min.js?06eedc97766b70aa1fa0e80231495faa"></script>
  <script src="static/templates/g5_helium/js/juitabs.js"></script>
Omar ALQAWASMEH's avatar
Omar ALQAWASMEH committed
  <script>
    jQuery(window).on('load', function() {
      new JCaption('img.caption');
    });
  </script>
  <!--[if (gte IE 8)&(lte IE 9)]>
        <script type="text/javascript" src="static/media/gantry5/assets/js/html5shiv-printshiv.min.js"></script>
        <link rel="stylesheet" href="media/gantry5/engines/nucleus/css/nucleus-ie9.css" type="text/css"/>
        <script type="text/javascript" src="static/media/gantry5/assets/js/matchmedia.polyfill.js"></script>
        <![endif]-->

Maxime Lefrançois's avatar
Maxime Lefrançois committed
</head><body class="gantry g-helium-style site com_content view-article no-layout no-task dir-ltr itemid-217 outline-19 g-offcanvas-left g-default g-style-preset1">
Omar ALQAWASMEH's avatar
Omar ALQAWASMEH committed
  <div id="g-offcanvas" data-g-offcanvas-swipe="1" data-g-offcanvas-css3="1">
    <div class="g-grid">
      <div class="g-block size-100">
        <div class="g-content g-particle">
          <div id="g-mobilemenu-container" data-g-menu-breakpoint="48rem"></div>
        </div>
      </div>
    </div>
  </div>
  <div id="g-page-surround">
    <div class="g-offcanvas-hide g-offcanvas-toggle" data-offcanvas-toggle aria-controls="g-offcanvas" aria-expanded="false"><i class="fa fa-fw fa-bars"></i></div>
    <section id="g-navigation">
      <div class="g-container">
        <div class="g-grid">
          <div class="g-block size-17">
            <div class="g-content g-particle">
Maxime Lefrançois's avatar
Maxime Lefrançois committed
              <a href="https://www.etsi.org/" title="" rel="home" class="g-logo g-logo-helium">
Omar ALQAWASMEH's avatar
Omar ALQAWASMEH committed
                <img src="static/images/logo-l.png" alt="" />
              </a>
            </div>
          </div>
Maxime Lefrançois's avatar
Maxime Lefrançois committed
          <div class="g-block size-65">
Omar ALQAWASMEH's avatar
Omar ALQAWASMEH committed
            <div class="g-content g-particle">
              <nav class="g-main-nav" role="navigation" data-g-hover-expand="true">
                <ul class="g-toplevel">


                  <li class="g-menu-item g-menu-item-type-component g-menu-item-217 active g-standard  ">
Maxime Lefrançois's avatar
Maxime Lefrançois committed
                    <a class="g-menu-item-container" href="/index.html">
Omar ALQAWASMEH's avatar
Omar ALQAWASMEH committed
                      <span class="g-menu-item-content">
                        <span class="g-menu-item-title">Home</span>
                      </span>
                    </a>
                  </li>


                  <li class="g-menu-item g-menu-item-type-component g-menu-item-242 g-standard  ">
Maxime Lefrançois's avatar
Maxime Lefrançois committed
                    <a class="g-menu-item-container" href="/core/">
Omar ALQAWASMEH's avatar
Omar ALQAWASMEH committed
                      <span class="g-menu-item-content">
                        <span class="g-menu-item-title">SAREF core</span>
                      </span>
                    </a>
                  </li>
                  <li class="g-menu-item g-menu-item-type-component g-menu-item-242 g-standard  ">
Maxime Lefrançois's avatar
Maxime Lefrançois committed
                    <a class="g-menu-item-container" href="/extensions.html">
Omar ALQAWASMEH's avatar
Omar ALQAWASMEH committed
                      <span class="g-menu-item-content">
Maxime Lefrançois's avatar
Maxime Lefrançois committed
                        <span class="g-menu-item-title">Extensions</span>
Omar ALQAWASMEH's avatar
Omar ALQAWASMEH committed
                      </span>
                    </a>
                  </li>

                  <li class="g-menu-item g-menu-item-type-component g-menu-item-242 g-standard  ">
Maxime Lefrançois's avatar
Maxime Lefrançois committed
                    <a class="g-menu-item-container" href="/sources/">
Omar ALQAWASMEH's avatar
Omar ALQAWASMEH committed
                      <span class="g-menu-item-content">
                        <span class="g-menu-item-title">Sources &amp; Issues</span>
Omar ALQAWASMEH's avatar
Omar ALQAWASMEH committed
                      </span>
                    </a>
                  </li>

                  <li class="g-menu-item g-menu-item-type-component g-menu-item-242 g-standard  ">
                    <a class="g-menu-item-container" href="https://www.etsi.org/committee/smartm2m">
                      <span class="g-menu-item-content">
                        <span class="g-menu-item-title">SmartM2M</span>
                      </span>
                    </a>
                  </li>

Maxime Lefrançois's avatar
Maxime Lefrançois committed
                  <li class="g-menu-item g-menu-item-type-component g-menu-item-242 g-standard">
Maxime Lefrançois's avatar
Maxime Lefrançois committed
                    <form method="GET" action="/search.html">
Maxime Lefrançois's avatar
Maxime Lefrançois committed
                      <input class="form-control" id="q" name="q" placeholder="&#x1F50E; ex., device"/>
                    </form>
                  </li>

Omar ALQAWASMEH's avatar
Omar ALQAWASMEH committed
                </ul>
              </nav>
            </div>
          </div>
Maxime Lefrançois's avatar
Maxime Lefrançois committed
          <div class="g-block g-social-header size-17">
Omar ALQAWASMEH's avatar
Omar ALQAWASMEH committed
            <div class="g-content g-particle">
              <div class="g-social ">
                <a target="_blank" href="https://twitter.com/ETSI_STANDARDS" title="" aria-label="">
                  <span class="fa fa-twitter fa-fw"></span> <span class="g-social-text"></span> </a>
                <a target="_blank" href="https://www.facebook.com/etsi.standards" title="" aria-label="">
                  <span class="fa fa-facebook-official"></span> <span class="g-social-text"></span> </a>
                <a target="_blank" href="https://www.linkedin.com/company/etsi?trk=biz-companies-cym" title="" aria-label="">
                  <span class="fa fa-linkedin-square"></span> <span class="g-social-text"></span> </a>
                <a target="_blank" href="https://www.youtube.com/user/ETSIstandards" title="" aria-label="">
                  <span class="fa fa-youtube-play"></span> <span class="g-social-text"></span> </a>
              </div>
            </div>
          </div>
        </div>
      </div>
Maxime Lefrançois's avatar
Maxime Lefrançois committed
    </section> 

    <header id="g-header">
      <div class="g-container">
        <div class="g-block size-100">
          <div class="g-content g-particle">
            <h1>Smart Applications REFerence Ontology, and extensions</h1>
            <p><strong>Official ETSI portal for SAREF</strong><br>This portal contains pointers to the SAREF ontologies and SAREF-related work items</p>
Maxime Lefrançois's avatar
Maxime Lefrançois committed
            <form method="GET" action="/search.html">
Maxime Lefrançois's avatar
Maxime Lefrançois committed
              <input class="form-control" id="search" name="q" placeholder="&#x1F50E; ex., device" style="font-weight:600;font-size:150%"/>
Maxime Lefrançois's avatar
Maxime Lefrançois committed
            </form>
          </div>
Omar ALQAWASMEH's avatar
Omar ALQAWASMEH committed
        </div>
Maxime Lefrançois's avatar
Maxime Lefrançois committed
      </div>
    </header>
Maxime Lefrançois's avatar
Maxime Lefrançois committed

<section class="g-wrapper">
  <div class="g-container" id="results">
  </div>
</section>
Maxime Lefrançois's avatar
Maxime Lefrançois committed
   <section>
   <div class="g-container border-top" style="font-size:10pt">
        <p><em>This <a href="https://saref.etsi.org/">SAREF public portal</a>, the <a href="https://saref.etsi.org/sources/">SAREF sources</a> with continuous integration and deployment, the <a href="https://saref.etsi.org/sources/saref-pipeline/">SAREF Pipeline</a> software, and ETSI Technical Specification <a href="https://www.etsi.org/deliver/etsi_ts/103600_103699/103673/01.01.01_60/ts_103673v010101p.pdf">TS 103 673 v1.1.1 "SAREF Development Framework and Workflow, Streamlining the Development of SAREF and its Extensions"</a>, have been developed in the context of the <a href="https://portal.etsi.org/STF/STFs/STF-HomePages/STF578">ETSI STF 578</a>, which followed the <a href="https://portal.etsi.org/STF/STFs/STF-HomePages/STF556">ETSI STF 556</a><em><p>
   </div>
  </section>
Omar ALQAWASMEH's avatar
Omar ALQAWASMEH committed
<footer id="g-footer">
  <div class="g-container">
    <div class="g-grid">
      <div class="g-block size-15">
        <div class="g-content g-particle">
          <a href="https://www.etsi.org/" title="" class="g-logo g-logo-helium">
            <img src="https://forge.etsi.org/files/ETSI-Logo_BW_S_Office1.png" alt="" />
          </a>
        </div>
      </div>
      <div class="g-block size-20">
Maxime Lefrançois's avatar
Maxime Lefrançois committed
        <div class="g-content g-particle">© ETSI 2020<br /><a style="font-size:10pt; color:white" href="https://www.etsi.org/">Visit ETSI website for more information on Terms & Conditions.</a></div>
Omar ALQAWASMEH's avatar
Omar ALQAWASMEH committed
      </div>
      <div class="g-block g-horizontalmenu size-40">
        <div class="g-content g-particle">
          <nav class="g-main-nav" role="navigation" data-g-hover-expand="true">
            <ul class="g-toplevel">
              <li class="g-menu-item g-menu-item-type-component g-menu-item-245 g-standard  ">
Maxime Lefrançois's avatar
Maxime Lefrançois committed
                <a class="g-menu-item-container" href="https://forge.etsi.org/index.php/legal-matters">
Omar ALQAWASMEH's avatar
Omar ALQAWASMEH committed
                  <span class="g-menu-item-content">
                    <span class="g-menu-item-title">Legal matters</span>
                  </span>
                </a>
              </li>
              <li class="g-menu-item g-menu-item-type-url g-menu-item-247 g-standard  ">
                <a class="g-menu-item-container" href="mailto:cti_support@etsi.org?subject=[SAREF]">
                  <span class="g-menu-item-content">
                    <span class="g-menu-item-title">Contact &amp; Support</span>
                  </span>
                </a>
              </li>
            </ul>
          </nav>
        </div>
      </div>
      <div class="g-block size-25">
        <div class="g-content g-particle">
          <div class="">
            <div class="g-totop">
              <a href="#" id="g-totop" rel="nofollow">Back to top <i class="fa fa-chevron-up fa-fw"></i></a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</footer>
</div>

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
Maxime Lefrançois's avatar
Maxime Lefrançois committed
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
Omar ALQAWASMEH's avatar
Omar ALQAWASMEH committed

<script>
$(document).ready(function(){
  var urlParams = new URLSearchParams(window.location.search);
  if(!urlParams.has('q')) {
    return;
  }
Maxime Lefrançois's avatar
Maxime Lefrançois committed
  var q = urlParams.get('q');
  $("#q").attr("value", q);
  $("#search").attr("value", q);

  var page;
  if(!urlParams.has('page')) {
    page=1;
Maxime Lefrançois's avatar
Maxime Lefrançois committed
  } else {
Maxime Lefrançois's avatar
Maxime Lefrançois committed
    page = urlParams.get('page')
Maxime Lefrançois's avatar
Maxime Lefrançois committed
  }
Maxime Lefrançois's avatar
Maxime Lefrançois committed
   var ds="/api/search?q="+q+"&page="+page;
Omar ALQAWASMEH's avatar
Omar ALQAWASMEH committed
   $.getJSON(ds, function(data){
     if(data.count==0){
Maxime Lefrançois's avatar
Maxime Lefrançois committed
       $("<div> <h2>Sorry there is no result</h2> </div>").appendTo("#results");
Omar ALQAWASMEH's avatar
Omar ALQAWASMEH committed
     }
     else{
Maxime Lefrançois's avatar
Maxime Lefrançois committed
      $(`<p>Result ${data.offset+1} to ${Math.min( data.offset + 20 , data.count ) } (${data.count} total)</p>`).appendTo("#results");
      var prevDisabled = "";
      if(Math.round(data.offset/20) <= 0) {
        prevDisabled = " disabled";
      }
      var nextDisabled = "";
      if(data.offset + 20 > data.count) {
        nextDisabled = " disabled";
      }

      var nav = `<nav aria-label="Page navigation example">
  <ul class="pagination">
    <li class="page-item${prevDisabled}"><a class="page-link" href="?q=${q}&page=${Math.round(data.offset/20)}">Previous</a></li>
    <li class="page-item"><a class="page-link" >${Math.round(data.offset/20)+1}</a></li>
    <li class="page-item${nextDisabled}"><a class="page-link" href="?q=${q}&page=${Math.round(data.offset/20)+2}">Next</a></li>
  </ul>
</nav>`;
      $(nav).appendTo("#results");


Omar ALQAWASMEH's avatar
Omar ALQAWASMEH committed
      $.each(data["results"], function(key, value){
Maxime Lefrançois's avatar
Maxime Lefrançois committed
        var term = value.term;
        console.log(term);
        if(term != null) {
          console.log("is not null");
Maxime Lefrançois's avatar
Maxime Lefrançois committed
          var html =  `<p><strong><a href="${term.iri}">${term.prefixedIri}</a> (${term.label})</strong><br/>
Maxime Lefrançois's avatar
Maxime Lefrançois committed
          <em>Defined in <a href="${term.ontologyIri}">${term.ontologyName}</a> as:</em> ${term.comment != null ? term.comment : "<em>(no description)</em>"}</p>`;
          $(html).appendTo("#results");
        }  
Omar ALQAWASMEH's avatar
Omar ALQAWASMEH committed
      });
Maxime Lefrançois's avatar
Maxime Lefrançois committed
      $(nav).appendTo("#results");
Omar ALQAWASMEH's avatar
Omar ALQAWASMEH committed
    }
   });
});
</script>

</body>

</html>