index.html #1 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>WireIt - WiringEditor using Ajax Adapter</title>

<!-- YUI -->
<link rel="stylesheet" type="text/css" href="../../../../lib/yui/reset-fonts-grids/reset-fonts-grids.css" />
<link rel="stylesheet" type="text/css" href="../../../../lib/yui/assets/skins/sam/skin.css" />

<!-- InputEx CSS -->
<link type='text/css' rel='stylesheet' href='../../../inputex/lib/inputex/css/inputEx.css' />

<!-- YUI-accordion CSS -->
<link rel="stylesheet" type="text/css" href="../../lib/accordionview/assets/skins/sam/accordionview.css" />

<!-- WireIt CSS -->
<link rel="stylesheet" type="text/css" href="../../../../assets/WireIt.css" />
<link rel="stylesheet" type="text/css" href="../../assets/WireItEditor.css" />

<style>
div.WireIt-Container {
	width: 350px; /* Prevent the modules from scratching on the right */
}

div.WireIt-InOutContainer {	
	width: 150px;
}

div.WireIt-InputExTerminal {
	float: left;
	width: 21px;
	height: 21px;
	position: relative;
}
div.WireIt-InputExTerminal div.WireIt-Terminal {
	top: -3px;
	left: -7px;
}
div.inputEx-Group div.inputEx-label {
	width:100px;
}

div.WireIt-ImageContainer {
	width: auto;
}

div.Bubble div.body {
	width: 70px;
	height: 45px;
	opacity: 0.8;
	cursor: move;
}

.WiringEditor-module span {
	position: relative;
	top: -3px;
}

</style>



<!-- Libs -->
<script type="text/javascript" src="../../../../lib/yui/utilities/utilities.js"></script>
<script type="text/javascript" src="../../../../lib/yui/resize/resize-min.js"></script>
<script type="text/javascript" src="../../../../lib/yui/layout/layout-min.js"></script>
<script type="text/javascript" src="../../../../lib/yui/container/container-min.js"></script>
<script type="text/javascript" src="../../../../lib/yui/json/json-min.js"></script>
<script type="text/javascript" src="../../../../lib/yui/button/button-min.js"></script>
<script type="text/javascript" src="../../../../lib/yui/tabview/tabview-min.js"></script>
<script src="../../lib/accordionview/accordionview-min.js"  type='text/javascript'></script>
<script type="text/javascript" src="../../../../lib/excanvas.js"></script>

<!-- WireIt -->
<script type="text/javascript" src="../../../../build/wireit-inputex-editor-min.js"></script>
<script type="text/javascript" src="../../js/adapters/ajax.js"></script>
<script type="text/javascript" src="../WiringEditor/demo.js"></script>


<style>
/* Comment Module */
div.WireIt-Container.WiringEditor-module-comment { width: 200px; }
div.WireIt-Container.WiringEditor-module-comment div.body { background-color: #EEEE66; }
div.WireIt-Container.WiringEditor-module-comment div.body textarea { background-color: transparent; font-weight: bold; border: 0; }
</style>

<script>

// InputEx needs a correct path to this image
inputEx.spacerUrl = "/inputex/trunk/images/space.gif";


YAHOO.util.Event.onDOMReady( function() {
	
	try {
	
	
	WireIt.WiringEditor.adapters.Ajax.config = 	{
		saveWiring: {
			method: 'GET',
			url: 'fakeSaveDelete.json'
		},
		deleteWiring: {
			method: 'GET',
			url: function(value) {
				if(console && console.log) {
					console.log(value);
				}
				// for a REST query you might want to send a DELETE /resource/wirings/moduleName
				return "fakeSaveDelete.json";
			}
		},
		listWirings: {
			method: 'GET',
			url: 'listWirings.json'
		}
	};
		
	demoLanguage.adapter = WireIt.WiringEditor.adapters.Ajax;
	
	editor = new WireIt.WiringEditor(demoLanguage); 
	
	// Open the infos panel
	editor.accordionView.openPanel(2);
	
	}
	catch(ex) {
		console.log(ex);
	}
	
});

</script>

</head>

<body class="yui-skin-sam">

	<div id="top">
		<div class="logo">Ajax Adapter</a></div>
		<div id="toolbar"></div>
		<div class="topright">
			<span>Hello there !</span> | 
			<a href="../..">back to WireIt</a>
		</div>
	</div>


	<div id="left">
	</div>
	
	<div id="right">
	  <ul id="accordionView">
		<li>
			<h2>Properties</h2>
			<div>
				<div id="propertiesForm"></div>
			</div>
		</li>
		<li>
			<h2>Minimap</h2>
			<div style='position: relative;'>
				<div id="layerMap"></div>
			</div>
		</li>
		<li>
			<h2>Infos</h2>
			<div>
				<div style="padding: 10px;">
					<p>Uses Ajax Adapter</p>
				</div>
			</div>
		</li>
		
	  </ul>
	</div>

	<div id="center">
	</div>
	
	
	<div id="helpPanel">
	    <div class="hd">Welcome to the WiringEditor demonstration</div>
	    <div class="bd" style="text-align: left;">
			<p>Uses Ajax Adapter</p>
	    </div>
	</div>

</body>
</html>
# Change User Description Committed
#1 16445 christiane_renck Rename/move file(s)
//guest/christiane_renck/MergeQuestJS/main/demos/WireIt/plugins/editor/examples/ajaxAdapter/index.html
#1 16444 christiane_renck Adding MergeQuestJS to the Workshop.