cpee 2.0.19 → 2.0.20

data/tools/test/js_libs/tests/rngtest9.rng

@@ -0,0 +1,31 @@
+<element rngui:version="1.2" name="arguments" datatypeLibrary="http://www.w3.org/2001/XMLSchema-datatypes" xmlns="http://relaxng.org/ns/structure/1.0" xmlns:rngui="http://rngui.org">
+  <element name="behavior" rngui:label="Mode">
+    <choice>
+      <value>wait_running</value>
+      <value>fork_running</value>
+      <value>wait_ready</value>
+      <value>fork_ready</value>
+    </choice>
+  </element>
+  <element name="model" rngui:label="Model">
+    <data type="string" rngui:label="Relative path in to process (dir/process.xml)"/>
+  </element>
+  <element name="input" rngui:header="Input Arguments">
+    <zeroOrMore rngui:label="Create Argument" rngui:reorder="true">
+      <element name='item' rngui:label='Description'>
+        <attribute name="label" rngui:label="Name">
+          <data type="string"/>
+        </attribute>
+        <text rngui:wrap='true' rngui:label='What does it do?'/>
+      </element>
+    </zeroOrMore>
+  </element>
+  <element name="init" rngui:header="Initialize Data Elements">
+    <zeroOrMore rngui:label="New Data Element">
+      <element rngui:label='Name'>
+        <anyName/>
+        <data type="string" rngui:label="Value"/>
+      </element>
+    </zeroOrMore>
+  </element>
+</element>

data/tools/test/js_libs/tests/rngtest9.xml

@@ -0,0 +1,8 @@
+<arguments>
+  <input>
+    <item label="a">b</item>
+    <item label="c">d</item>
+  </input>
+</arguments>
+
+

data/tools/test/js_libs/ui.css

@@ -0,0 +1,333 @@
+/*
+  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/>.
+*/
+
+:root {
+  --x-ui-border-color: #a1a1a1;
+  --x-ui-outside-color: #ffffff;
+  --x-ui-background-color: #ffffff;
+  --x-ui-light-text-color: #333;
+  --x-ui-light-back-color: #e8e8e8;
+  --x-ui-link-color: #425d73;
+}
+
+body {
+  font-family: sans-serif;
+  font-size: 1em;
+}
+
+*[is=x-ui] {
+  font-family: sans-serif,Arial,Verdana,Helvetica;
+  font-size: 0.85em;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  background-color: var(--x-ui-outside-color);
+  padding:0;
+  margin:0;
+  color: var(--x-ui-light-text-color);
+  overflow: hidden;
+}
+
+/* Browser Bug, set textarea explicitly */
+*[is=x-ui] textarea, input, select, button {
+  font-family: Verdana, Helvetica, sans-serif;
+  font-size: 1em;
+  resize: none;
+}
+
+*[is=x-ui] button {
+  padding: .1em .2em;
+  border: 1pt solid var(--x-ui-border-color);
+  border-radius: 0.2em;
+  margin: 0;
+  font-size: 0.9em;
+  background: var(--x-ui-light-back-color);
+  background: -webkit-gradient(linear, left top, left bottom, from(white), to(var(--x-ui-light-back-color)));
+  background: -moz-linear-gradient(top, white, var(--x-ui-light-back-color));
+  cursor: pointer;
+}
+*[is=x-ui] button::-moz-focus-inner {
+  border: 0 none;
+  padding: 0;
+  margin: 0;
+}
+*[is=x-ui] button.highlight {
+  background: -webkit-gradient(linear, left top, left bottom, from(white), to(Highlight));
+  background: -moz-linear-gradient(top, white, Highlight);
+}
+
+*[is=x-ui] input { font-family: sans-serif; font-size: 1em; }
+*[is=x-ui] input::-webkit-input-placeholder { color: red; }
+*[is=x-ui] input:-moz-placeholder { color: red; }
+
+*[is=x-ui] a:link    { color:var(--x-ui-link-color); text-decoration:none; }
+*[is=x-ui] a:visited { color:var(--x-ui-link-color); text-decoration:none; }
+*[is=x-ui] a:hover   { color:var(--x-ui-light-text-color); text-decoration:underline; }
+*[is=x-ui] a:active  { color:var(--x-ui-light-text-color); text-decoration:underline; }
+
+*[is=x-ui] ui-tabbed {
+  background-color: var(--x-ui-outside-color);
+  min-height: -webkit-min-content;
+  min-height: -moz-min-content;
+  min-height: min-content;
+  margin-left: 0.5em;
+  margin-right: 0.5em;
+}
+*[is=x-ui] ui-rest {
+  display: flex;
+  background-color: var(--x-ui-background-color);
+  align-items: stretch;
+  flex-direction: column;
+  padding: 0;
+  margin: 0;
+  flex: 1 1 auto;
+}
+
+*[is=x-ui] ui-tabbed.off {
+  border-bottom: 0.2em solid var(--x-ui-border-color);
+  border-radius: 0;
+}
+*[is=x-ui] ui-tabbed.off > ui-content {
+  display: none;
+}
+*[is=x-ui] ui-tabbed.off > ui-tabbar > ui-behind {
+  display: none;
+}
+
+*[is=x-ui] ui-tabbar {
+  background-color: var(--x-ui-outside-color);
+  display: flex;
+  align-items: stretch;
+  flex-direction: row;
+  padding: 0;
+  margin: 0;
+  padding-top: 0.5em;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+*[is=x-ui] ui-tabbed > ui-tabbar > ui-tab.switch {
+  background-color: var(--x-ui-light-back-color);
+}
+*[is=x-ui] ui-tabbed > ui-tabbar > ui-tab.switch:after {
+  content: "▽";
+  font-weight: bold;
+  vertical-align:top;
+  color: var(--x-ui-light-text-color);
+}
+*[is=x-ui] ui-tabbed.off > ui-tabbar > ui-tab.switch:after {
+  content: "▶";
+  font-weight: bold;
+  color: var(--x-ui-light-text-color);
+  vertical-align:top;
+}
+
+*[is=x-ui] ui-tabbar > ui-tab {
+  font-size: 1.4em;
+  font-weight: bold;
+  white-space: nowrap;
+
+  cursor: pointer;
+  padding: 0.3em 0.5em;
+  border: 1pt solid var(--x-ui-border-color);
+  border-bottom: 1pt solid var(--x-ui-background-color);
+  border-radius: 0.7em;
+  border-bottom-left-radius: 0em;
+  border-bottom-right-radius: 0em;
+  background: var(--x-ui-background-color);
+}
+*[is=x-ui] ui-tabbar > ui-tab.inactive, ui-tabbed > ui-tabbar > ui-tab.switch {
+  border: 1pt solid var(--x-ui-border-color);
+  border-radius: 0.7em;
+  border-bottom-left-radius: 0em;
+  border-bottom-right-radius: 0em;
+}
+
+*[is=x-ui] ui-tabbar > ui-behind {
+  flex: 1 1 auto;
+  vertical-align:bottom;
+  padding: 0;
+  padding-top: 0.9em;
+  border-bottom: 1pt solid var(--x-ui-border-color);
+  border-radius: 0.7em;
+  border-bottom-left-radius: 0em;
+  border-bottom-right-radius: 0em;
+  text-align:right;
+  white-space: nowrap;
+}
+*[is=x-ui] ui-rest > ui-tabbar > ui-behind {
+  padding-right: 0.5em;
+}
+
+*[is=x-ui] ui-rest > ui-tabbar > ui-before {
+  border-bottom: 1pt solid var(--x-ui-border-color);
+  padding-left:0.5em;
+}
+
+*[is=x-ui] ui-content {
+  background-color: var(--x-ui-background-color);
+  padding: 1em;
+  margin: 0;
+  border-bottom: 1pt solid var(--x-ui-border-color);
+  border-left: 1pt solid var(--x-ui-border-color);
+  border-right: 1pt solid var(--x-ui-border-color);
+  border-bottom-left-radius: 1em;
+  border-bottom-right-radius: 1em;
+}
+
+*[is=x-ui] ui-rest > ui-content {
+  padding: 0;
+  margin: 0;
+  border-radius: 0;
+  border: 0 none;
+
+  display: flex;
+  height: 0;
+  flex-direction: row;
+  flex: 1 1 auto;
+}
+
+*[is=x-ui] ui-rest > ui-content > ui-area {
+  flex: 1 1 0%;
+  overflow-x: auto;
+  overflow-y: scroll;
+}
+
+*[is=x-ui] ui-rest > ui-content > ui-resizehandle {
+  width: 0em;
+}
+*[is=x-ui] ui-rest > ui-content > ui-resizehandle + ui-area > ui-tabbed {
+  margin-left: 1.5em;
+}
+*[is=x-ui] ui-rest > ui-content > ui-resizehandle + ui-area > ui-rest > ui-tabbar > ui-before {
+  padding-left: 1.5em;
+}
+
+*[is=x-ui] ui-close {
+  margin-left: 0.5em;
+}
+
+*[is=x-ui] ui-rest > ui-content > ui-resizehandle::before {
+  display: block;
+  position: absolute;
+  color: var(--x-ui-border-color);
+  white-space:nowrap;
+  cursor: ew-resize;
+  -webkit-transform: rotate(90deg);
+  -webkit-transform-origin: 0% 0%;
+  -moz-transform: rotate(90deg);
+  -moz-transform-origin: left top;
+  margin-left: 1.4em;
+  margin-top: 0.2em;
+  content: attr(data-label);
+}
+
+*[is=x-ui] ui-content > ui-area {
+  margin: 0;
+  padding: 0;
+}
+
+*[is=x-ui] > ui-resizehandle {
+  color: var(--x-ui-border-color);
+  white-space:nowrap;
+  z-index: 99999;
+  cursor: s-resize;
+  text-align: right;
+  margin-top: 0.2em;
+  margin-right: 0.5em;
+}
+
+*[is=x-ui] ui-tabbed, ui-content, ui-area { display: block; }
+*[is=x-ui] ui-content > ui-area.inactive, ui-content > ui-resizehandle.inactive, ui-rest > ui-content > ui-resizehandle.inactive { display: none }
+
+*[is=x-ui] ui-content > ui-area .x-ui-layout {
+  width: 100%;
+  border-collapse:collapse;
+  border-spacing:0;
+  border: 0 none;
+  padding:0;
+  margin:0;
+}
+*[is=x-ui] ui-rest > ui-content > ui-area .x-ui-layout {
+  border:1em solid var(--x-ui-background-color);
+  box-sizing:border-box;
+}
+*[is=x-ui] ui-content > ui-area .x-ui-layout td {
+  border:0 none;
+  padding:0;
+  margin:0;
+}
+*[is=x-ui] ui-content > ui-area .x-ui-layout tr {
+  border:0 none;
+  padding:0;
+  margin:0;
+}
+*[is=x-ui] ui-content > ui-area .x-ui-compact {
+  border-collapse:collapse;
+  border-spacing:0;
+  border:0 none;
+  padding:0;
+  margin:0;
+}
+
+*[is=x-ui] ui-content > ui-area .x-ui-compact td {
+  border:0 none;
+  padding:0;
+  margin:0;
+}
+*[is=x-ui] ui-content > ui-area .x-ui-compact tr {
+  border:0 none;
+  padding:0;
+  margin:0;
+}
+*[is=x-ui] ui-content > ui-area .x-ui-layout .fixed { white-space:nowrap; }
+*[is=x-ui] ui-content > ui-area .x-ui-layout .top { vertical-align: top; }
+
+*[is=x-ui] .hidden {
+  display: none;
+}
+
+*[is=x-ui] .noselect {
+  -webkit-touch-callout: none; /* iOS Safari */
+    -webkit-user-select: none; /* Safari */
+     -khtml-user-select: none; /* Konqueror HTML */
+       -moz-user-select: none; /* Old versions of Firefox */
+        -ms-user-select: none; /* Internet Explorer/Edge */
+            user-select: none; /* Non-prefixed version, currently
+                                  supported by Chrome, Edge, Opera and Firefox */
+}
+
+*[is=x-ui] a.x-ui-button {
+  padding: 0em 0.5em;
+  border: 1pt solid var(--x-ui-border-color);
+  border-radius: 0.2em;
+  margin: 0;
+  font-size: 0.9em;
+  background: var(--x-ui-light-back-color);
+  background: -webkit-gradient(linear, left top, left bottom, from(white), to(var(--x-ui-light-back-color)));
+  background: -moz-linear-gradient(top, white, var(--x-ui-light-back-color));
+  vertical-align: middle;
+  display: inline-block;
+  height: 1.8em;
+  cursor: pointer;
+}
+
+*[is=x-ui] a.x-ui-button.highlight {
+  background: -webkit-gradient(linear, left top, left bottom, from(white), to(Highlight));
+  background: -moz-linear-gradient(top, white, Highlight);
+}
+

data/tools/test/js_libs/ui.html

@@ -0,0 +1,168 @@
+<!--
+  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>