<!--
  This file is part of CPEE.

  CPEE is free software: you can redistribute it and/or modify it under the terms
  of the GNU General Public License as published by the Free Software Foundation,
  either version 3 of the License, or (at your option) any later version.

  CPEE is distributed in the hope that it will be useful, but WITHOUT ANY
  WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
  PARTICULAR PURPOSE.  See the GNU General Public License for more details.

  You should have received a copy of the GNU General Public License along with
  CPEE (file COPYING in the main directory).  If not, see
  <http://www.gnu.org/licenses/>.
-->

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>UI Test</title>

    <!-- libs, do not modify. When local than load local libs. -->
    <script type="text/javascript">
      if ((document.location.host == 'localhost') && (document.location.protocol == 'http:')) {
        document.write('<script type="text/javascript" src="http://localhost/js_libs/jquery.min.js">\x3C/script>');
        document.write('<script type="text/javascript" src="http://localhost/js_libs/jquery.browser.js">\x3C/script>');
        document.write('<script type="text/javascript" src="http://localhost/js_libs/jquery.svg.min.js">\x3C/script>');
        document.write('<script type="text/javascript" src="http://localhost/js_libs/jquery.svgdom.min.js">\x3C/script>');
        document.write('<script type="text/javascript" src="http://localhost/js_libs/vkbeautify.js">\x3C/script>');
        document.write('<script type="text/javascript" src="http://localhost/js_libs/util.js">\x3C/script>');
        document.write('<script type="text/javascript" src="http://localhost/js_libs/printf.js">\x3C/script>');
        document.write('<script type="text/javascript" src="http://localhost/js_libs/strftime.min.js">\x3C/script>');
        document.write('<script type="text/javascript" src="http://localhost/js_libs/parsequery.js">\x3C/script>');
        document.write('<script type="text/javascript" src="http://localhost/js_libs/underscore.min.js">\x3C/script>');
        document.write('<script type="text/javascript" src="http://localhost/js_libs/jquery.caret.min.js">\x3C/script>');
        document.write('<script type="text/javascript" src="http://localhost/js_libs/jquery.cookie.js">\x3C/script>');
        document.write('<script type="text/javascript" src="http://localhost/js_libs/relaxngui.js">\x3C/script>');

        document.write('<script type="text/javascript" src="http://localhost/js_libs/ui.js">\x3C/script>');
        document.write('<script type="text/javascript" src="http://localhost/js_libs/custommenu.js">\x3C/script>');

        document.write('<link rel="stylesheet" href="http://localhost/js_libs/custommenu.css" type="text/css"/>');
        document.write('<link rel="stylesheet" href="http://localhost/js_libs/ui.css" type="text/css"/>');

        document.write('<link rel="stylesheet" href="http://localhost/js_libs/relaxngui.css" type="text/css"/>');
      } else if ((document.location.host == 'localhost') && (document.location.protocol == 'https:')) {
        document.write('<script type="text/javascript" src="https://localhost/js_libs/jquery.min.js">\x3C/script>');
        document.write('<script type="text/javascript" src="https://localhost/js_libs/jquery.browser.js">\x3C/script>');
        document.write('<script type="text/javascript" src="https://localhost/js_libs/jquery.svg.min.js">\x3C/script>');
        document.write('<script type="text/javascript" src="https://localhost/js_libs/jquery.svgdom.min.js">\x3C/script>');
        document.write('<script type="text/javascript" src="https://localhost/js_libs/vkbeautify.js">\x3C/script>');
        document.write('<script type="text/javascript" src="https://localhost/js_libs/util.js">\x3C/script>');
        document.write('<script type="text/javascript" src="https://localhost/js_libs/printf.js">\x3C/script>');
        document.write('<script type="text/javascript" src="https://localhost/js_libs/strftime.min.js">\x3C/script>');
        document.write('<script type="text/javascript" src="https://localhost/js_libs/parsequery.js">\x3C/script>');
        document.write('<script type="text/javascript" src="https://localhost/js_libs/underscore.min.js">\x3C/script>');
        document.write('<script type="text/javascript" src="https://localhost/js_libs/jquery.caret.min.js">\x3C/script>');
        document.write('<script type="text/javascript" src="https://localhost/js_libs/jquery.cookie.js">\x3C/script>');
        document.write('<script type="text/javascript" src="https://localhost/js_libs/relaxngui.js">\x3C/script>');

        document.write('<script type="text/javascript" src="https://localhost/js_libs/ui.js">\x3C/script>');
        document.write('<script type="text/javascript" src="https://localhost/js_libs/custommenu.js">\x3C/script>');

        document.write('<link rel="stylesheet" href="https://localhost/js_libs/custommenu.css" type="text/css"/>');
        document.write('<link rel="stylesheet" href="https://localhost/js_libs/ui.css" type="text/css"/>');

        document.write('<link rel="stylesheet" href="https://localhost/js_libs/relaxngui.css" type="text/css"/>');
      } else {
        document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/jquery.min.js">\x3C/script>');
        document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/jquery.browser.js">\x3C/script>');
        document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/jquery.svg.min.js">\x3C/script>');
        document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/jquery.svgdom.min.js">\x3C/script>');
        document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/vkbeautify.js">\x3C/script>');
        document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/util.js">\x3C/script>');
        document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/printf.js">\x3C/script>');
        document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/strftime.min.js">\x3C/script>');
        document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/parsequery.js">\x3C/script>');
        document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/underscore.min.js">\x3C/script>');
        document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/jquery.caret.min.js">\x3C/script>');
        document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/jquery.cookie.js">\x3C/script>');

        document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/relaxngui.js">\x3C/script>');

        document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/ui.js">\x3C/script>');
        document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/custommenu.js">\x3C/script>');

        document.write('<link rel="stylesheet" href="http://gruppe.wst.univie.ac.at/js_libs/custommenu.css" type="text/css"/>');
        document.write('<link rel="stylesheet" href="http://gruppe.wst.univie.ac.at/js_libs/ui.css" type="text/css"/>');

        document.write('<link rel="stylesheet" href="http://gruppe.wst.univie.ac.at/js_libs/relaxngui.css" type="text/css"/>');
      }
    </script>
  </head>
  <body data-defaultport="9298" data-theme-base="themes" is="x-ui">
    <ui-rest id="main">
      <!--ui-tabbar>
        <ui-before                                                 ></ui-before>
        <ui-tab class=""         data-tab="details" id="tabdetails">Graph</ui-tab>
        <ui-behind                                                 ></ui-behind>
      </ui-tabbar-->
      <ui-content>
        <ui-area data-belongs-to-tab="details" id='graphcolumn'>
        </ui-area>
        <ui-resizehandle data-belongs-to-tab="details" data-label="drag to resize"></ui-resizehandle>
        <ui-area data-belongs-to-tab="details" id="detailcolumn">

          <ui-tabbed id="instance">
            <ui-tabbar>
              <ui-tab class="switch"                                                ></ui-tab>
              <ui-tab class=""                data-tab="new"       id="tabnew"      >New</ui-tab>
              <ui-tab class="inactive"        data-tab="instance"  id="tabinstance" >Instance</ui-tab>
              <ui-tab class="inactive"        data-tab="execution" id="tabexecution">Execution</ui-tab>
              <ui-behind                                                            ><a id='current-instance'></a><a id='current-instance-properties'></a><a id='current-instance-subscriptions'></a><a id='current-instance-callbacks'></a></ui-behind>
            </ui-tabbar>
            <ui-content>
              <ui-area data-belongs-to-tab="new" id="areanew"> <!--{{{-->
              </ui-area> <!--}}}-->
              <ui-area data-belongs-to-tab="instance" id="areainstance" class="inactive"> <!--{{{-->
              </ui-area> <!--}}}-->
              <ui-area data-belongs-to-tab="execution" id="areaexecution" class='inactive'> <!--{{{-->
              </ui-area> <!--}}}-->
            </ui-content>
          </ui-tabbed>
          <!--ui-resizehandle>drag to resize</ui-resizehandle-->

          <ui-tabbed id='parameters'>
            <ui-tabbar>
              <ui-tab class="switch"                                               ></ui-tab>
              <ui-tab class=""         data-tab="dataelements" id="tabdataelements">Data Elements</ui-tab>
              <ui-tab class="inactive" data-tab="endpoints"    id="tabendpoints"   >Endpoints</ui-tab>
              <ui-tab class="inactive" data-tab="attributes"   id="tabattributes"  >Attributes</ui-tab>
              <ui-behind                                                           ><button title='add entry'>New</button></ui-behind>
            </ui-tabbar>
            <ui-content>
              <ui-area data-belongs-to-tab="dataelements" id="areadataelements"> <!--{{{-->
                <div id="dat_dataelements"></div>
              </ui-area> <!--}}}-->
              <ui-area data-belongs-to-tab="endpoints" id="areaendpoints" class="inactive"> <!--{{{-->
                <table id="dat_endpoints"></table>
              </ui-area> <!--}}}-->
              <ui-area data-belongs-to-tab="attributes" id="areaattributes" class="inactive"> <!--{{{-->
                <table id="dat_attributes"></table>
              </ui-area> <!--}}}-->
            </ui-content>
          </ui-tabbed>

          <ui-rest id="sub">
            <ui-tabbar>
              <ui-before                                                 ></ui-before>
              <ui-tab class="" data-tab="dsl"     id="tabdsl"    >Description</ui-tab>
              <ui-tab class="inactive" data-tab="log"     id="tablog"    >Log</ui-tab>
              <ui-behind                                                 ></ui-behind>
            </ui-tabbar>
            <ui-content>
              <ui-area data-belongs-to-tab="dsl" id="areadsl" class="inactive">
              </ui-area>
              <ui-area data-belongs-to-tab="log" id="arealog" class="inactive">
              </ui-area> <!--}}}-->
            </ui-content>
          </ui-rest>

        </ui-area>
      </ui-content>
    </ui-rest>

  </body>
</html>