diff options
| author | slaws <slaws@13f79535-47bb-0310-9956-ffa450edef68> | 2011-05-13 13:57:16 +0000 |
|---|---|---|
| committer | slaws <slaws@13f79535-47bb-0310-9956-ffa450edef68> | 2011-05-13 13:57:16 +0000 |
| commit | ee596e5eb61a49931dde8794bdf3c30a9b5852ba (patch) | |
| tree | 78e53c54c897818885c2a7865116daacaeb99ee8 /sandbox/slaws/domain-view/src/main/resources/ui/index.html | |
| parent | 2f923f232412bd8450127b5e752a9d47d769c379 (diff) | |
change to follow the pattern Luciano has in node-manager. Also take a copy of the html page from there to see what that's doing.
git-svn-id: http://svn.us.apache.org/repos/asf/tuscany@1102740 13f79535-47bb-0310-9956-ffa450edef68
Diffstat (limited to 'sandbox/slaws/domain-view/src/main/resources/ui/index.html')
| -rw-r--r-- | sandbox/slaws/domain-view/src/main/resources/ui/index.html | 250 |
1 files changed, 250 insertions, 0 deletions
diff --git a/sandbox/slaws/domain-view/src/main/resources/ui/index.html b/sandbox/slaws/domain-view/src/main/resources/ui/index.html new file mode 100644 index 0000000000..7862cd5f82 --- /dev/null +++ b/sandbox/slaws/domain-view/src/main/resources/ui/index.html @@ -0,0 +1,250 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<title>Tuscany SCA Domain Components</title>
+
+<script type="text/javascript" src="/dojo/dojo.js"></script>
+
+<style type="text/css">
+body,html {
+ font-family: helvetica, arial, sans-serif;
+ font-size: 90%;
+}
+
+.componentIcon {
+ margin-left: 16px;
+ width: 16px;
+ height: 16px;
+ background: url('component.gif') no-repeat;
+}
+
+.serviceIcon {
+ margin-left: 16px;
+ width: 16px;
+ height: 16px;
+ background: url('service.gif') no-repeat;
+}
+
+.referenceIcon {
+ margin-left: 16px;
+ width: 16px;
+ height: 16px;
+ background: url('reference.gif') no-repeat;
+}
+</style>
+
+</head>
+
+<body>
+ <div id="header" style="border-bottom: solid 1px silver; overflow: hidden;">
+ <img src="http://tuscany.apache.org/images/TuscanyLogo.jpg" style="float:right;"/>
+ <h1>Tuscany SCA Domain</h1>
+ </div> <!-- end header div -->
+
+ <div id="container" style="border:1px solid silver">
+ <div id="navigation" style="position:absolute; float:left; width:30%; height:80%; padding:10px; border:1px solid silver">
+ <div id="treeDomain" /> </div>
+ </div> <!-- end navigation div -->
+
+ <div id="images" style="position:absolute; float:left; width:60%; height:80%; left:35%; padding:10px; border:1px solid silver">
+
+ <table style="margin-left:auto; margin-right:auto;" border="0" cellspacing="0" cellpadding="1">
+ <tr>
+ <td><a href="javascript:updatePage(-1)">prev</a></td>
+ <td><a href="javascript:updatePage(1)">next</a></td>
+ </tr>
+ <tr>
+ <td colspan="4">
+ <table id="tableImageThumb" style="margin-left:auto; margin-right:auto;" border="0" cellspacing="0" cellpadding="1"></table>
+
+ </td>
+ </tr>
+ </table>
+ </div> <!-- end images div -->
+
+ </div> <!-- end container div -->
+
+</body>
+
+<script type="text/javascript">
+ dojo.require("dojo.data.ItemFileWriteStore");
+ dojo.require("dijit.Tree");
+ dojo.require("dojox.xml.parser");
+ dojo.require("tuscany.RestService");
+ //dojo.require("tuscany.Composite");
+
+ var restClient;
+
+ var store;
+ var treeModel;
+ var treeControl;
+
+ var composite;
+
+
+ function prepare() {
+ store = new dojo.data.ItemFileWriteStore({
+ data: {
+ identifier: 'id',
+ label: 'label',
+ type: 'type',
+ items: [ ]
+ }
+ });
+ treeModel = new dijit.tree.ForestStoreModel({
+ store: store
+ });
+
+ treeControl = new dijit.Tree({
+ model: treeModel,
+ showRoot: false,
+ getIconClass: function(/*dojo.data.Item*/ item, /*Boolean*/ opened) {
+ console.log("##" + item.type);
+ if(item.type != undefined) {
+ if(item.type == 'component') {
+ return "componentIcon";
+ } else if(item.type == 'service' || item.type == 'service-binding') {
+ return "serviceIcon";
+ } else if(item.type == 'reference' || item.type == 'reference-binding') {
+ return "referenceIcon";
+ }
+ }
+ return "serviceIcon";
+ },
+ onClick: showArtifactDocumentation,
+ _createTreeNode: function(/*Object*/ args) {
+ var tnode = new dijit._TreeNode(args);
+ tnode.labelNode.innerHTML = args.label;
+ return tnode;
+ }
+ },"treeDomain");
+
+ restClient = new tuscany.RestService("/domain","text/plain");
+
+ showDomainArtifacts();
+ }
+
+
+ function composite_getResponse(xmlResponse, exception) {
+ if(exception){
+ alert(exception.message);
+ return;
+ }
+
+ var componentNode = xmlResponse.getElementsByTagName ("component");
+ //loop trough all components
+ for (c = 0; c < componentNode.length; c++) {
+ var componentAttributes = componentNode[c].attributes;
+ var componentItem = store.newItem({id:componentAttributes['uri'].value, label:componentAttributes['name'].value, type:'component'});
+
+ //loop trough all services
+ var serviceNode = componentNode[c].getElementsByTagName ("service");
+ for(s = 0; s < serviceNode.length; s++) {
+ var serviceAttributes = serviceNode[s].attributes;
+ var serviceId = componentAttributes['uri'].value + "/" + serviceAttributes['name'].value;
+
+ var parentInfo={
+ parent: componentItem,
+ attribute: "children"
+ };
+
+ var serviceItem = store.newItem({id:serviceId, label:serviceAttributes['name'].value, type:'service'}, parentInfo);
+
+ //loop trough children to find bindings
+ for(b=0; b < serviceNode[s].childNodes.length; b ++) {
+ var childNode = serviceNode[s].childNodes[b];
+ if(childNode.nodeName.indexOf('binding') == 0) {
+ var bindingId = serviceId + "/" + childNode.nodeName;
+
+ var parentInfo={
+ parent: serviceItem,
+ attribute: "children"
+ };
+
+ var bindingItem = store.newItem({id:bindingId, label:childNode.nodeName, type:'service-binding'}, parentInfo);
+ }
+ }
+ }
+
+
+ //loop trough all references
+ var referenceNode = componentNode[c].getElementsByTagName ("reference");
+ for(r = 0; r < referenceNode.length; r++) {
+ var referenceAttributes = referenceNode[r].attributes;
+ var referenceId = componentAttributes['uri'].value + "/" + referenceAttributes['name'].value;
+
+ var parentInfo={
+ parent: componentItem,
+ attribute: "children"
+ };
+
+ var referenceItem = store.newItem({id:serviceId, label:referenceAttributes['name'].value, type:'reference'}, parentInfo);
+
+ //loop trough children to find bindings
+ for(b=0; b < referenceNode[s].childNodes.length; b ++) {
+ var childNode = referenceNode[s].childNodes[b];
+ if(childNode.nodeName.indexOf('binding') == 0) {
+ var bindingId = serviceId + "/" + childNode.nodeName;
+
+ var parentInfo={
+ parent: serviceItem,
+ attribute: "children"
+ };
+
+ var bindingItem = store.newItem({id:bindingId, label:childNode.nodeName, type:'reference-binding'}, parentInfo);
+ }
+ }
+
+
+ }
+
+ }
+
+ //var composite = new tuscany.Composite(xmlResponse);
+
+
+ /*
+ var itemTags = xmlResponse.getElementsByTagName ("component");
+ for (i = 0; i < itemTags.length; i++) {
+ var attributes = itemTags[i].attributes;
+ alert(attributes[0].name);
+ var recordNode = itemTags[i].getElementsByTagName ("name")[0];
+ if (recordNode.textContent != undefined) {
+ alert(recordNode.textContent);
+ }
+ else {
+ alert(recordNode.text);
+ }
+ }
+ */
+
+ compositeXML = dojox.xml.parser.innerXML(xmlResponse);
+
+
+ //alert(compositeXML);
+
+ }
+
+ function showDomainArtifacts() {
+ restClient.get("default").addCallback(composite_getResponse);
+ }
+
+ function showArtifactDocumentation(/*dojo.data.Item*/ item) {
+ alert('showing documentation for' + item.id);
+ }
+
+ function guidGenerator() {
+ var S4 = function() {
+ return (((1+Math.random())*0x10000)|0).toString(16).substring(1);
+ };
+ return (S4()+S4()+"-"+S4()+"-"+S4()+"-"+S4()+"-"+S4()+S4()+S4());
+ }
+
+
+ dojo.addOnLoad(prepare);
+</script>
+
+</body>
+
+</html>
|