<!DOCTYPE html>
<html onload="">
<head>
<title>ME 2.5 on WODA-i7</title>
<meta charset="utf-8">
<meta id="viewport" name="viewport" content=" width=device-width, initial-scale=1.0">
<script id="StructrClient" type="text/javascript">if (window["Structr"] == null) {

class StructrES6Client {
constructor() {
this.current = {name:"current",id:""};
this.This = {
"id": "289a0b2b7fc342a9a6cf878429911fca",
"name": null,
"owner": {
"id": "70fd9f831cad4506a1076f956ffa2a0b",
"name": "admin"
},
"type": "Content",
"createdBy": "70fd9f831cad4506a1076f956ffa2a0b",
"deleted": false,
"hidden": false,
"createdDate": "2017-07-17T10:53:33+0000",
"lastModifiedDate": "2017-08-04T16:09:54+0000",
"visibleToPublicUsers": true,
"visibleToAuthenticatedUsers": true,
"visibilityStartDate": null,
"visibilityEndDate": null,
"content": "if (window[\"Structr\"] == null) { \n\n\tclass StructrES6Client {\n\t\tconstructor() {\n\t\t\tthis.current = ${if(empty(current),'{name:\"current\",id:\"\"}',to_json(current,\"ui\"))};\n\t\t\tthis.This = ${if(empty(this),'{name:\"this\",id:null}',to_json(this,\"ui\"))};\n\t\t\tthis.page = ${if(empty(page),'{name:\"page\",id:null}',to_json(page,\"ui\"))};\n\t\t\tthis.me = ${if(empty(me),'{name:\"me\",id:null, name:\"guest\"}',to_json(me,\"ui\"))};\n\n\n\n\t//\t\tthis._eventSupport = new MyEventSupport();\n\t//\t\tthis._eventSupport.addEventListener(\"select\",this,this.renderSomething);\n\t\t}\n\n\t\tinit() {\n\t\t\treturn this;\n\t\t}\n\n\n\t\tselect() {\n\t//\t\tvar item = this._objectStack[0];\n\t//\t\tconsole.log(item);\n\t//\t\tthis._eventSupport.getEvent(\"select\").fire(this,item);\n\n\t\t}\n\n\n\t\trenderData(data) {\n\t\t\tdocument.body.innerHTML +=\n\t\t\t\tJSON.stringify(\n\t\t\t\tdata.result[Structr.page.parameter.get('property')]\n\t\t\t)\n\t\t}\n\n\t\tfind(type, id, parameter, resultFunction) {\n\t\t\tvar result = null;\n\t\t\tif (parameter == null)\n\t\t\t\tparameter = {};\n\t\t\tif (id == null)\n\t\t\t\tid = \"/ui\";\n\n\t\t\t$.get(\n\t\t\t\t\"/structr/rest/\" + type + \"/\" + id,\n\t\t\t\t//{paramOne : 1, paramX : 'abc'},\n\t\t\t\tparameter,\n\t\t\t\tresultFunction\n\t\t\t);\n\t\t\treturn result;\n\t\t}\n\t\t\t\t\t\t \n\t\tcreate(type) {\n\t\t}\n\t\tretrieve(query, resultFunction) {\n/*\n\t\t\t$.ajax(\n\t\t\t\t{\n\t\t\t\t url: '/structr/rest/' + id,\n\t\t\t\t type: 'GET',\n\t\t\t\t contentType: 'application/json',\n\t\t\t\t data: JSON.stringify({'type': 'Document' }),\n\t\t\t\t statusCode: {\n\t\t\t\t\t200: function() {\n\t\t\t\t\t resultFunction();\n\t\t\t\t\t}\n\t\t\t\t }\n\t\t\t\t}\t\t\t\t\n\t\t\t);\n*/\n\t\t}\n\t\tupdate(data) {\n\t\t}\n\t\tdelete(id) {\n\t\t}\n\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t \n\n\t}\n\t\t\t\t\t\t \n\twindow[\"Structr\"] = new StructrES6Client();\t\n\t\t\t\t\t \n}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \nif (Structr.current.id == null) {\n\tStructr.current = ${if(empty(current),'{name:\"current\",id:null}',to_json(current,\"ui\"))};\n}\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \nif (Structr.page.id == null) {\n\tStructr.page = ${if(empty(page),'{name:\"page\",id:null}',to_json(page,\"ui\"))};\n}\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t ",
"contentType": "text/javascript",
"parent": {
"id": "b994cc6c0e4740d58dcf021059f2043f",
"name": null
},
"pageId": "1cde2c90ba8b4741a117d98fc9d282ab",
"syncedNodes": [],
"sharedComponent": null,
"sharedComponentConfiguration": null,
"dataKey": null,
"restQuery": null,
"cypherQuery": null,
"xpathQuery": null,
"functionQuery": null,
"hideOnDetail": false,
"hideOnIndex": false,
"showForLocales": null,
"hideForLocales": null,
"showConditions": null,
"hideConditions": null,
"isContent": true,
"isDOMNode": true,
"isFavoritable": true
};
this.page = {
"id": "ae409e54c254474a9b9c214de9c717d0",
"name": "WODA-i7",
"type": "Page",
"createdBy": "70fd9f831cad4506a1076f956ffa2a0b",
"deleted": false,
"hidden": false,
"createdDate": "2017-07-25T15:26:45+0000",
"lastModifiedDate": "2017-09-19T20:22:45+0000",
"visibleToPublicUsers": true,
"visibleToAuthenticatedUsers": true,
"visibilityStartDate": null,
"visibilityEndDate": null,
"path": null,
"children": [
{
"id": "dd893057e2714e76af40e2eeae8ed681",
"name": null
}
],
"contentType": "text/html",
"owner": {
"id": "70fd9f831cad4506a1076f956ffa2a0b",
"name": "admin"
},
"cacheForSeconds": null,
"version": 1306,
"position": null,
"showOnErrorCodes": null,
"isPage": true,
"site": null,
"dontCache": false,
"pageCreatesRawData": false,
"category": null,
"linkingElements": [],
"enableBasicAuth": false,
"basicAuthRealm": null
};
this.me = {
"id": "70fd9f831cad4506a1076f956ffa2a0b",
"owner": null,
"createdBy": null,
"deleted": false,
"hidden": false,
"createdDate": null,
"lastModifiedDate": "2017-10-08T08:12:09+0000",
"visibleToPublicUsers": false,
"visibleToAuthenticatedUsers": false,
"visibilityStartDate": null,
"visibilityEndDate": null,
"type": "User",
"name": "admin",
"eMail": null,
"isAdmin": true,
"password": "****** HIDDEN ******",
"publicKey": "ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABAQCrHl9EL5XjU8wCyhOGBKyksPFBPHt4XcPI9bSNM6zLGCimBG2p722QQ/GABdi1IXLGqZlYtyhvGpVTYxXbVRlGn31b/t9MO3BJCjoRGVdvXZ7EPvCbTLrDXvN7eF83rT8Fjhm030sBouqtDAfaGmFCT6dz09s4eXkX0NkjH5WFFk7M5Uh7UnVyatmENc3Euk5xBNHijSETD8/94HI+kHJFdMZKEdVXgy23F7eBDV2fsW+8F27GbD2PlK0idHOYTB4yhJbCErJdPJ+9o0NHznjVOAZ1KX9FY/lQyxEsKc5JoSHCZ4nffDUP6b36mCtFOaDIyiPCscuG9NifZPODlymp donges@mcdonges.fritz.box",
"blocked": false,
"sessionIds": [
"dxrw5ahw6jmfvgn4x72utnrs"
],
"confirmationKey": null,
"backendUser": false,
"frontendUser": false,
"groups": [
{
"id": "f76479bd14f04a35adcee11e4a303d3e",
"name": "Admin"
}
],
"img": null,
"homeDirectory": null,
"workingDirectory": {
"id": "ff9db7bef7bc4c3d99ca880834063925",
"name": "js"
},
"isUser": true,
"locale": null,
"favorites": [
{
"id": "92289d1d9b9042b4ad8284458bee2c2b",
"name": "findComponentDescriptors"
},
{
"id": "29c2810ab8ab4229b8c49bbef4e1e581",
"name": "hasChild"
}
],
"proxyUrl": null,
"proxyUsername": null,
"proxyPassword": null
};



// this._eventSupport = new MyEventSupport();
// this._eventSupport.addEventListener("select",this,this.renderSomething);
}

init() {
return this;
}


select() {
// var item = this._objectStack[0];
// console.debug(item);
// this._eventSupport.getEvent("select").fire(this,item);

}


renderData(data) {
document.body.innerHTML +=
JSON.stringify(
data.result[Structr.page.parameter.get('property')]
)
}

find(type, id, parameter, resultFunction) {
var result = null;
if (parameter == null)
parameter = {};
if (id == null)
id = "/ui";

$.get(
"/structr/rest/" + type + "/" + id,
//{paramOne : 1, paramX : 'abc'},
parameter,
resultFunction
);
return result;
}
create(type) {
}
retrieve(query, resultFunction) {
/*
$.ajax(
{
url: '/structr/rest/' + id,
type: 'GET',
contentType: 'application/json',
data: JSON.stringify({'type': 'Document' }),
statusCode: {
200: function() {
resultFunction();
}
}
}
);
*/
}
update(data) {
}
delete(id) {
}

}
window["Structr"] = new StructrES6Client();
}
if (Structr.current.id == null) {
Structr.current = {name:"current",id:null};
}
if (Structr.page.id == null) {
Structr.page = {
"id": "ae409e54c254474a9b9c214de9c717d0",
"name": "WODA-i7",
"type": "Page",
"createdBy": "70fd9f831cad4506a1076f956ffa2a0b",
"deleted": false,
"hidden": false,
"createdDate": "2017-07-25T15:26:45+0000",
"lastModifiedDate": "2017-09-19T20:22:45+0000",
"visibleToPublicUsers": true,
"visibleToAuthenticatedUsers": true,
"visibilityStartDate": null,
"visibilityEndDate": null,
"path": null,
"children": [
{
"id": "dd893057e2714e76af40e2eeae8ed681",
"name": null
}
],
"contentType": "text/html",
"owner": {
"id": "70fd9f831cad4506a1076f956ffa2a0b",
"name": "admin"
},
"cacheForSeconds": null,
"version": 1306,
"position": null,
"showOnErrorCodes": null,
"isPage": true,
"site": null,
"dontCache": false,
"pageCreatesRawData": false,
"category": null,
"linkingElements": [],
"enableBasicAuth": false,
"basicAuthRealm": null
};
}
</script>
<script src="/EAMD.ucp/Components/tla/EAMD/UcpComponentSupport/0.1.0/src/js/UseUcpComponentDependencies.js" type="text/javascript"></script>
<link href="/EAMD.ucp/Components/com/ceruleanCircle/EAM/5_ux/WODA/0.2.0/src/js/WODA.class.js" rel="ucpComponent" type="text/html">
<link href="/EAMD.ucp/Components/com/ceruleanCircle/EAM/5_ux/WODA/WhatPanel/0.1.0/WhatPanel.component.xml" rel="ucpComponent" type="text/html">
<link href="/EAMD.ucp/Components/com/ceruleanCircle/EAM/5_ux/WODA/OverviewPanel/0.1.0/OverviewPanel.component.xml" rel="ucpComponent" type="text/html">
<link href="/EAMD.ucp/Components/com/ceruleanCircle/EAM/5_ux/WODA/DetailsPanel/0.1.0/DetailsPanel.component.xml" rel="ucpComponent" type="text/html">
<link href="/EAMD.ucp/Components/com/ceruleanCircle/EAM/5_ux/WODA/WhatPanel/DefaultItem/0.1.0/DefaultItem.component.xml" rel="ucpComponent" type="text/html">
<link href="/EAMD.ucp/Components/com/ceruleanCircle/EAM/5_ux/WODA/ActionsPanel/0.1.0/ActionsPanel.component.xml" rel="ucpComponent" type="text/html">
<link href="/EAMD.ucp/Components/com/twitter/Bootstrap/Panel/0.1.0/Panel.component.xml" rel="ucpComponent" type="text/html">
<script type="text/javascript">if (!window.jQuery) { document.write('<script src="/structr/js/lib/jquery-1.11.1.min.js"><\/script>'); } </script>
<script type="text/javascript">if (!window.jQuery.ui) { document.write('<script src="/structr/js/lib/jquery-ui-1.11.0.custom.min.js"><\/script>'); } </script>
<script type="text/javascript">if (!window.jQuery.ui.timepicker) { document.write('<script src="/structr/js/lib/jquery-ui-timepicker-addon.min.js"><\/script>'); } </script><!-- Latest compiled and minified CSS -->
<link href="/maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css?1" rel="stylesheet"><!-- Latest compiled and minified JavaScript -->
<script src="/maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" type="text/javascript"></script>
<style type="text/css">html,body {
height:100%;
overflow: hidden
}

.fullHeight,.fullHeight .jumbotron {
height:100%;
}

.width1 {
width: 100%
}

.width2 {
width: 200%
}

.width3 {
width: 300%
}

.width4 {
width: 400%
}


.width-2 {
width: 50%
}


header,footer, .panel-heading, .panel-footer {
height:10%;
background-color: lightblue;

}

.content, .panel-body {
height:80%;
overflow-y: scroll

}

iframe {
border: none;
}</style>
</head>
<body>
<div class="fullHeight" data-is="WODA" data-panel="{&quot;heading&quot;:&quot;WODA&lt;br&gt;Welcome admin&quot;,&quot;footer&quot;:&quot;unleash the power&quot;,&quot;classes&quot;:&quot;fullHeight&quot;}">
<div id="actionsPanel" data-is="x-actions-panel" data-panel="{&quot;heading&quot;:&quot;Actions&quot;,&quot;footer&quot;:&quot;Just do it&quot;,&quot;classes&quot;:&quot;col-sm-2 fullHeight&quot;}">
<div>
<div class="form-group">
<label>Name </label>
<input class="form-control" onfocus="" autofocus="" type="text" value="" data-structr-name="name">
</div>
<div>
<input class="hidden" type="text" value="" data-structr-hash="ccb0fd0d92ee4b49b3a604ca226d6304" data-structr-name="parent">
<input class="form-control" onchange="updateCreateType()" list="type-options" name="schemaInput" value="" data-structr-hash="b1c775440f8348df824281340efc6087">
<datalist id="type-options">
<option value="BineSchedulingStrategy" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> BineSchedulingStrategy</option>
<option value="ComponentLifecle" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> ComponentLifecle</option>
<option value="ConfigurationItem" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> ConfigurationItem</option>
<option value="DataFeed" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> DataFeed</option>
<option value="EAMDRepository" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> EAMDRepository</option>
<option value="EAMLayer" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> EAMLayer</option>
<option value="FeedItem" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> FeedItem</option>
<option value="FeedItemContent" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> FeedItemContent</option>
<option value="FeedItemEnclosure" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> FeedItemEnclosure</option>
<option value="File" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> File</option>
<option value="FileSmart" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> FileSmart</option>
<option value="Folder" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> Folder</option>
<option value="Group" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> Group</option>
<option value="Image" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> Image</option>
<option value="Interface" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> Interface</option>
<option value="MQTTClient" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> MQTTClient</option>
<option value="MQTTSubscriber" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> MQTTSubscriber</option>
<option value="MailTemplate" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> MailTemplate</option>
<option value="Namespace" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> Namespace</option>
<option value="ODSExporter" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> ODSExporter</option>
<option value="ODTExporter" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> ODTExporter</option>
<option value="Page" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> Page</option>
<option value="PanelViewModel" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> PanelViewModel</option>
<option value="PaymentItemNode" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> PaymentItemNode</option>
<option value="PaymentNode" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> PaymentNode</option>
<option value="Properties" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> Properties</option>
<option value="Race" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> Race</option>
<option value="RaceLap" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> RaceLap</option>
<option value="Raceparticipant" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> Raceparticipant</option>
<option value="Scenario" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> Scenario</option>
<option value="ScenarioLifecycle" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> ScenarioLifecycle</option>
<option value="Scheduler" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> Scheduler</option>
<option value="Team" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> Team</option>
<option value="UcpComponent" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> UcpComponent</option>
<option value="UcpComponentDescriptor" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> UcpComponentDescriptor</option>
<option value="Unit" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> Unit</option>
<option value="User" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> User</option>
<option value="Version" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> Version</option>
<option value="VideoFile" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> VideoFile</option>
<option value="ViewModel" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> ViewModel</option>
<option value="ViewPanel" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> ViewPanel</option>
<option value="Widget" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> Widget</option>
<option value="XMPPClient" data-structr-hash="633e59e8975548e8bd1c55283961ef07"> XMPPClient</option>
</datalist>
<script type="text/javascript" data-structr-hash="3f60df2d60ee4e15ab9c881ccb433682">function updateCreateType() {
var selectedValue = document.getElementsByName("schemaInput")[0].value;
var newButton = document.getElementById("newButton")
newButton.attributes["data-structr-action"].value = "create:"+selectedValue
newButton.innerText = "Create new "+selectedValue;
}</script>
<div></div>
</div>
<div>
<div class="btn-group-vertical btn-block btn-primary" role="group" data-structr-hash="8242278cfdce49e2bec81c2e3c4b30fa">
<script>if (!window.jQuery) { document.write('<script src="/structr/js/lib/jquery-1.11.1.min.js"><\/script>'); }</script>
<script>if (!window.jQuery.ui) { document.write('<script src="/structr/js/lib/jquery-ui-1.11.0.custom.min.js"><\/script>'); }</script>
<script>if (!window.jQuery.ui.timepicker) { document.write('<script src="/structr/js/lib/jquery-ui-timepicker-addon.min.js"><\/script>'); }</script>
<script>if (!window.StructrApp) { document.write('<script src="/structr/js/structr-app.js"><\/script>'); }</script>
<script>if (!window.moment) { document.write('<script src="/structr/js/lib/moment.min.js"><\/script>'); }</script>
<link rel="stylesheet" type="text/css" href="/structr/css/lib/jquery-ui-1.10.3.custom.min.css">
<button class="structr-button btn btn-primary" id="newButton" value="" data-structr-action="create:" data-structr-append-id=" false" data-structr-attributes="name, parent" data-structr-hash=" a3432d1057e84d199f7270edb81b9762" data-structr-reload="true" data-structr-return="/ae409e54c254474a9b9c214de9c717d0/"> Create new </button>
<button class="btn btn-danger" id="deleteButton" data-structr-action="delete" data-structr-confirm="true" data-structr-hash=" b6394a142ce946e9ae94070d896d21a3" data-structr-hide="edit" data-structr-reload=" true" data-structr-return="11e3f4a5cf7b496cbd96334cec4548e7"> Delete </button>
</div>
</div>
</div>
<div class="panel-group" id="accordion-1" role="tablist">
<div class="panel panel-default">
<div class="panel-heading" role="tab">
<h4 class="panel-title"><a role="button" href="#accordion-0 .item-1" data-parent=" #accordion-1" data-toggle="collapse">Navigation</a></h4>
</div>
<div class="panel-collapse collapse item-1" role="tabpanel">
<div class="panel-body">
<div class="list-group"></div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab">
<h4 class="panel-title"><a role="button" href="#accordion-0 .item-2" data-parent=" #accordion-1" data-toggle="collapse">Methods</a></h4>
</div>
<div class="panel-collapse collapse in item-2" role="tabpanel">
<div class="panel-body">
<div class="list-group">
<div class="btn-group-vertical btn-block btn-primary" role="group" data-structr-hash="8242278cfdce49e2bec81c2e3c4b30fa">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>