Skip to content
Snippets Groups Projects
index.shtml 10.4 KiB
Newer Older
Daniel's avatar
Daniel committed
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <link rel="shortcut icon" href="/img/favicon.ico" />

  <title>Platforma leksykalna</title>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.11/handlebars.min.js"></script>
  <script src="/js/table/bootstrap-table.min.js"></script>
  <script src="https://d3js.org/d3.v4.min.js"></script>

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.min.css" />
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

  <link rel="stylesheet" href="/word2vec/jqcloud.css">
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto|Saira+Semi+Condensed:400,700&amp;subset=latin-ext">
  <link rel="stylesheet" href="/css/modal.css">
  <link rel="stylesheet" href="/css/graph-creator.css">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/plwordnet/plwordnet.css">
  <link rel="stylesheet" href="/spxvii/spxvii.css">
  <link rel="stylesheet" href="/walenty/walenty.css">
  <link rel="stylesheet" href="/morfeusz/morfeusz.css">
  <link rel="stylesheet" href="/css/nav.css" />
  <link rel="stylesheet" href="/css/selectmenu-nav.css" />
  <link rel="stylesheet" href="/css/languages.css" />
  <link rel="stylesheet" 
          href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" 
          integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" 
          crossorigin="anonymous">

</head>
<body class="pl" lang="pl">

  <div id="about-us-modal" class="modal fade"></div>
  <div id="about-app-modal" class="modal fade"></div>

  <!-- MENU -->
  <nav id="nav" class="navbar navbar-inverse navbar-static-top navbar-main" role="navigation">
    <div class="navbar-header">
      <button id="hamburger" class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#navbar-collapse-1" >
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </div>

    <div id="navbar-collapse-1" id="app_head" class="collapse navbar-collapse">
        <a class="logo" href="http://clarin-pl.eu" title="Clarin">
          <img src="/img/logo-small.png" alt="Clarin logo" />
        </a>
        <ul class="nav navbar-nav">
          <!-- <li class="li-animation">
            <a lang="pl" target="_blank" href="http://ws.clarin-pl.eu"><span>Indeks usług</span></a>
            <a lang="en" target="_blank" href="http://ws.clarin-pl.eu/?en"><span>Service index</span></a>
          </li> -->
          <li id="about-app" class="li-animation" data-toggle="modal" data-target="#about-app-modal"><a href="#"><span lang="pl">O aplikacji</span><span lang="en">About app</span></a></li>
          <li id="about-info" class="li-animation" data-toggle="modal" data-target="#about-us-modal"><a href="#"><span lang="pl">O nas</span><span lang="en">About</span></a></li>
          <li class="li-animation">
            <select id="languages" name="languages">
              <option value="lang-pl" data-class="pl">PL</option>
              <option value="lang-en" data-class="en">EN</option>
            </select>
          </li>
        </ul>
    </div>
  </nav>

  <!-- MODAL -->
  <div class="modal fade" id="infoModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="info_modal_title">
            <span lang="pl">Lista</span>
            <span lang="en">List</span>
          </h4>
        </div>
        <div id="info_modal_body" class="modal-body">
          loading...
        </div>
      </div>
    </div>
  </div>

  <!-- OPTIONS -->
  <section id="options">
    <div id="add-margin-on-nav-expand" class="container-fluid container-fluid-nav-adjust">
      <div class="row">
        <form>
          <h1 lang="pl">Opcje</h1>
          <h1 lang="en">Options</h1>
          <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 options-box">
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
              <p lang="pl">Rodzaj elementu</p>
              <p lang="en">Type of element</p>
            </div>
            <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
              <div class="select-wrapper">
                <select id="type" class="form-control"></select>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 options-box">
            <div id="lang-box">
              <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                <p lang="pl">Język</p>
                <p lang="en">Language</p>
              </div>
              <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
                <div class="select-wrapper">
                  <select id="lang" class="form-control"></select>
                </div>
              </div>
            </div>
            <div id="synset-box">
              <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                <p lang="pl">Rodzaj synsetu</p>
                <p lang="en">Type of synset</p>
              </div>
              <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
                <div class="select-wrapper">
                  <select id="type-of-synset" class="form-control"></select>
                </div>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 options-box">
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
              <p>Element</p>
            </div>
            <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
              <input id="phrase" class="form-control" value="dom" placeholder="" type="text" size="18" autocomplete="off">
            </div>
          </div>

          <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 options-box">
            <button id="startlex" class="btn btn-success" type="submit">
              <span lang="pl">Wyszukaj</span>
              <span lang="en">Search</span>
            </button>
          </div>
        </form>
      </div>
    </div>
  </section>

  <div class="decoration"></div>

  <!-- <div class="my-tooltip">Hover over tooltip
    <span class="my-tooltiptext">Tooltip text</span>
  </div> -->

  <div id="tooltip-test">Some content</div>

  <div id="lexp_results"></div>

  <div id="debug"></div>

  <!-- CONTENT -->
  <div id="handlebars_resource_index" class="invisible" type="text/x-handlebars-template">
    <div id="lexpresource_{{pl.idn}}" class="expand-content">
      <div lang="pl" class="copyright img-container" rel='tooltip' data-delay='{"show":"0", "hide":"2000"}' data-original-title='{{pl.copyright}}'>
        <img class="img-responsive" src="/img/services-logo/{{pl.imgSrc}}" alt="{{pl.imgSrc}}" />
      </div>
      <div lang="en" class="copyright img-container" rel='tooltip' data-delay='{"show":"0", "hide":"2000"}' data-original-title='{{en.copyright}}'>
        <img class="img-responsive" src="/img/services-logo/{{en.imgSrc}}" alt="{{en.imgSrc}}" />
      </div>
      <span id="arrow-change-lexpresources_{{pl.idn}}" class="arrow glyphicon glyphicon-chevron-down"></span>
      <h1 lang="pl" title="{{pl.fullName}}" data-toggle="tooltip" data-placement="top">{{pl.name}}</h1>
      <h1 lang="en" title="{{en.fullName}}" data-toggle="tooltip" data-placement="top">{{en.name}}</h1>
      <span lang="pl" class="help glyphicon glyphicon-question-sign" style="cursor: pointer;" title="Informacje o zasobie" type="button" data-toggle="modal" data-target="#infoModal" onclick="Lexp.lexpResources['{{pl.idn}}'].showInfo()"></span>
      <span lang="en" class="help glyphicon glyphicon-question-sign" style="cursor: pointer;" title="Information about a resource" type="button" data-toggle="modal" data-target="#infoModal" onclick="Lexp.lexpResources['{{pl.idn}}'].showInfo()"></span>
      <a lang="pl" target="{{pl.idn}}" href="{{pl.url}}" style="color: inherit;">
        <span data-toggle="tooltip" data-placement="top" title="Bezpośredni link do zasobu" class="source glyphicon glyphicon glyphicon-link"></span>
      </a>
      <a lang="en" target="{{pl.idn}}" href="{{en.url}}" style="color: inherit;">
        <span data-toggle="tooltip" data-placement="top" title="Direct link for resource" class="source glyphicon glyphicon glyphicon-link"></span>
      </a>
    </div>

    <!-- MAIN CONTENT -->
    <div id="lexpelement_{{pl.idn}}"></div>

    <div class="decoration-box">
      <div class="decoration"></div>
    </div>
  </div>

  <footer>
    <p lang="pl">webserwisy&#64;clarin-pl.eu</p>
    <p lang="en">webservices&#64;clarin-pl.eu</p>
  </footer>

  <script src="/js/ace/ace.js"></script>
  <script src="/js/d3.v4.min.js"></script>
  <script src="/js/graph-creator.js"></script>

  <script src="/js/languageSettings.js"></script>
  <script src="/js/populate-selects.js"></script>
  <script src="/js/selects/basic-options.js"></script>
  <script src="/js/nav-expand.js"></script>
  <script src="/js/about-app-modal.js"></script>
  <script src="/js/about-us-modal.js"></script>

  <script src="/js/element.js"></script>
  <script src="/js/resource.js"></script>
  <script src="/js/lexp.js"></script>
  <script src="/js/options.js"></script>

  <script src="/omwn/omwn.js"></script>
  <script src="/hask/hask.js"></script>
  <script src="/plwordnet/plwordnet.js"></script>
  <script src="/morfeusz/morfeusz.js"></script>
  <script src="/eswil/eswil.js"></script>
  <script src="/spxvi/js/spxvi.js"></script>
  <script src="/spxvii/spxvii.js"></script>
  <script src="/walenty/walenty.js"></script>
  <script src="/word2vec/word2vec.js"></script>
  <script src="/word2vec/jqcloud-1.0.4.js"></script>

  <script>
    createAboutUsModal();
    createAboutAppModal();
    Lexp.init("#lexp_results");
  </script>

</body>
</html>