content/samplecontainer/examples/commoncontainer/index.html - shindig - Git at Google

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <!--
  * Licensed to the Apache Software Foundation (ASF) under one
  * or more contributor license agreements.  See the NOTICE file
  * distributed with this work for additional information
  * regarding copyright ownership.  The ASF licenses this file
  * to you under the Apache License, Version 2.0 (the
  * "License"); you may not use this file except in compliance
  * with the License.  You may obtain a copy of the License at
  *
  *   http://www.apache.org/licenses/LICENSE-2.0
  *
  * Unless required by applicable law or agreed to in writing,
  * software distributed under the License is distributed on an
  * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  * KIND, either express or implied.  See the License for the
  * specific language governing permissions and limitations
  * under the License.
 -->
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
 <head>

 	<!-- My OpenSocial Beginnings -->
 	<link rel="stylesheet" href="../../../container/gadgets.css">
 	<script type="text/javascript"
 		src="../../../gadgets/js/container:open-views:opensearch:rpc:pubsub-2.js?c=1&debug=1&container=default""></script>
 	<script
 		src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
 	<script
 		src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js"></script>
 	<link rel="stylesheet"
 		href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/cupertino/jquery-ui.css"
 		type="text/css" media="all" />
 	<script type="text/javascript" src="./assembler.js"></script>
 	<script type="text/javascript" src="./viewController.js"></script>
 	<script type="text/javascript" src="./layout.js"></script>
     <script type="text/javascript" src="./cconviews.js"></script>
     <script type="text/javascript" src="./search.js"></script>

 	<style>
 	  .portlet-header .ui-icon { float: right; }
 	  #content {
 		display: table;
 		width: 100%;
 	  }

 	  #testArea {
 		display: table-cell;
 		width: 75%;
 		padding-left:22px;
 	  }

 	  #controlPanel {
 		display: table-cell;
 		width: 25%;
 	  }

 	  #viewsDropdown, #viewsDropdown ul {
 	    list-style: none;
 	  }
 	  #viewsDropdown, #viewsdropdown * {
 	    padding: 0; margin: 0;
 	  }

 	  #viewsDropdown li.li-header {
 	    float: right; margin-left: -1px;
 	  }
 	  #viewsDropdown li.li-header a {
 	    display: block;
 	  }

 	  #viewsDropdown li.li-header ul {
 	    display: none; border: 1px black solid; text-align: left;
 	  }

 	  #viewsDropdown li.li-header:hover ul {
 	    display: block;
 	  }

 	  #viewsDropdown li.li-header ul li a {
 	    padding: 5px; height: 17px;
 	  }

       #tabs li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }

 	  .resultTitle {
         color: blue;
       }

       .searchEngine {
         border: 1px solid blue;
       }

 	</style>
 </head>

 <body onLoad="CommonContainer.init();">
 <!--  Need to add in an improved header with links to specification -->
 <a href="http://www.opensocial.org/"><img alt="OpenSocial" src="http://api.ning.com/files/chwE7fbkJ5D1q8NSzNCYJzzCqOiuo3xYyToZCsYuY0SViOKQ7EG-3UUv4KFSxOMACbIzs3oWtD076*cbEL-*ABd9hCO0p7Al/opensocialsitelogo1.png?width=288&amp;height=70&amp;xn_auth=no&amp;type=png"></a>
 <span style="float:right">
 <input type="text" id="query"/>
   <button name="search" id="searchButton" onClick="updateSearchURLs()">Search </button>
   <br/><span id="engineList"></span>
  </span>
 <div id="content">

 <div id="controlPanel">

 <div id="accordionResizerControls"
 	style="padding: 10px; width: 100%; height: 100%;"
 	class="ui-widget-content">

 <div id="accordionGadgetControls">
 <h3><a href="#">Manage Gadgets</a></h3>
 <div>

 Enter the gadget url (ex.  http://localhost:8080/samplecontainer/examples/SocialHelloWorld.xml)  and select 'Add' to render the gadget
 <br/>
 <input type="text"name="gadgetUrl" id="gadgetUrl" class="text ui-widget-content ui-corner-all" />

 <button id="addGadget">Add</button>
 <br/>
 <br/>
 -OR-
 <br/>
 <br/>

 Pick from one of the collections and select Add Gadgets to render the associated gadgets
 <br/>
 <select id="gadgetCollection"> </select>   <button id="addGadgets">Add Gadgets</button>

 </div>
 <h3><a href="#">Container Events</a></h3>
 <div>
 Enter the event topic (ex. org.opensocial.container.event.sampleevent)
 <br/>
 <input type="text"name="eventTopic" id="eventTopic" class="text ui-widget-content ui-corner-all" />
 <br/>
 Enter the event payload
 <br/>
 <textarea type="text"name="eventPayload" id="eventPayload" class="text ui-widget-content ui-corner-all" > </textarea>
 <br/>
 <button id="pubEvent">Publish</button>
 </div>
 </div>
 <span class="ui-icon ui-icon-grip-dotted-horizontal"
 	style="margin: 2px auto;"></span>
 <div id="accordionContainerControls">
 <h3><a href="#">Manage Container</a></h3>
 <div>More to come here with common container....</div>
 </div>
 </div>
 </div>

 <div id="testArea">
 <div id="accordionResizer"
 	style="padding: 10px; width: 100%; height: 650px;"
 	class="ui-widget-content">

 <div id="accordion">
 <h3><a href="#">Test Area</a></h3>
 <div>
 <div id="gadgetArea" class="column">
 </div>
 <div id="results"></div>
 </div>
 </div>

 <span class="ui-icon ui-icon-grip-dotted-horizontal"
 	style="margin: 2px auto;"></span></div>

 <div id="accordionResizerEvents"
 	style="padding: 10px; width: 100%; height: 350px;"
 	class="ui-widget-content">

 <div id="accordionEvents">
 <h3><a href="#">events</a></h3>
 <div>
 <div id="output" class="column"></div>
 </div>

 </div>
 <span class="ui-icon ui-icon-grip-dotted-horizontal"
 	style="margin: 2px auto;"></span></div>
 </div>
 </div>
 </body>
 </html>
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<!--
	* Licensed to the Apache Software Foundation (ASF) under one
	* or more contributor license agreements. See the NOTICE file
	* distributed with this work for additional information
	* regarding copyright ownership. The ASF licenses this file
	* to you under the Apache License, Version 2.0 (the
	* "License"); you may not use this file except in compliance
	* with the License. You may obtain a copy of the License at
	*
	* http://www.apache.org/licenses/LICENSE-2.0
	*
	* Unless required by applicable law or agreed to in writing,
	* software distributed under the License is distributed on an
	* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
	* KIND, either express or implied. See the License for the
	* specific language governing permissions and limitations
	* under the License.
	-->
	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
	<head>

	<!-- My OpenSocial Beginnings -->
	<link rel="stylesheet" href="../../../container/gadgets.css">
	<script type="text/javascript"
	src="../../../gadgets/js/container:open-views:opensearch:rpc:pubsub-2.js?c=1&debug=1&container=default""></script>
	<script
	src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
	<script
	src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js"></script>
	<link rel="stylesheet"
	href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/cupertino/jquery-ui.css"
	type="text/css" media="all" />
	<script type="text/javascript" src="./assembler.js"></script>
	<script type="text/javascript" src="./viewController.js"></script>
	<script type="text/javascript" src="./layout.js"></script>
	<script type="text/javascript" src="./cconviews.js"></script>
	<script type="text/javascript" src="./search.js"></script>

	<style>
	.portlet-header .ui-icon { float: right; }
	#content {
	display: table;
	width: 100%;
	}

	#testArea {
	display: table-cell;
	width: 75%;
	padding-left:22px;
	}

	#controlPanel {
	display: table-cell;
	width: 25%;
	}

	#viewsDropdown, #viewsDropdown ul {
	list-style: none;
	}
	#viewsDropdown, #viewsdropdown * {
	padding: 0; margin: 0;
	}

	#viewsDropdown li.li-header {
	float: right; margin-left: -1px;
	}
	#viewsDropdown li.li-header a {
	display: block;
	}

	#viewsDropdown li.li-header ul {
	display: none; border: 1px black solid; text-align: left;
	}

	#viewsDropdown li.li-header:hover ul {
	display: block;
	}

	#viewsDropdown li.li-header ul li a {
	padding: 5px; height: 17px;
	}

	#tabs li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }

	.resultTitle {
	color: blue;
	}

	.searchEngine {
	border: 1px solid blue;
	}

	</style>
	</head>

	<body onLoad="CommonContainer.init();">
	<!-- Need to add in an improved header with links to specification -->
	<a href="http://www.opensocial.org/"><img alt="OpenSocial" src="http://api.ning.com/files/chwE7fbkJ5D1q8NSzNCYJzzCqOiuo3xYyToZCsYuY0SViOKQ7EG-3UUv4KFSxOMACbIzs3oWtD076cbEL-ABd9hCO0p7Al/opensocialsitelogo1.png?width=288&height=70&xn_auth=no&type=png"></a>
	<span style="float:right">
	<input type="text" id="query"/>
	<button name="search" id="searchButton" onClick="updateSearchURLs()">Search </button>
	<br/><span id="engineList"></span>
	</span>
	<div id="content">

	<div id="controlPanel">

	<div id="accordionResizerControls"
	style="padding: 10px; width: 100%; height: 100%;"
	class="ui-widget-content">

	<div id="accordionGadgetControls">
	<h3><a href="#">Manage Gadgets</a></h3>
	<div>

	Enter the gadget url (ex. http://localhost:8080/samplecontainer/examples/SocialHelloWorld.xml) and select 'Add' to render the gadget
	<br/>
	<input type="text"name="gadgetUrl" id="gadgetUrl" class="text ui-widget-content ui-corner-all" />

	<button id="addGadget">Add</button>
	<br/>
	<br/>
	-OR-
	<br/>
	<br/>

	Pick from one of the collections and select Add Gadgets to render the associated gadgets
	<br/>
	<select id="gadgetCollection"> </select> <button id="addGadgets">Add Gadgets</button>

	</div>
	<h3><a href="#">Container Events</a></h3>
	<div>
	Enter the event topic (ex. org.opensocial.container.event.sampleevent)
	<br/>
	<input type="text"name="eventTopic" id="eventTopic" class="text ui-widget-content ui-corner-all" />
	<br/>
	Enter the event payload
	<br/>
	<textarea type="text"name="eventPayload" id="eventPayload" class="text ui-widget-content ui-corner-all" > </textarea>
	<br/>
	<button id="pubEvent">Publish</button>
	</div>
	</div>
	<span class="ui-icon ui-icon-grip-dotted-horizontal"
	style="margin: 2px auto;"></span>
	<div id="accordionContainerControls">
	<h3><a href="#">Manage Container</a></h3>
	<div>More to come here with common container....</div>
	</div>
	</div>
	</div>

	<div id="testArea">
	<div id="accordionResizer"
	style="padding: 10px; width: 100%; height: 650px;"
	class="ui-widget-content">

	<div id="accordion">
	<h3><a href="#">Test Area</a></h3>
	<div>
	<div id="gadgetArea" class="column">
	</div>
	<div id="results"></div>
	</div>
	</div>

	<span class="ui-icon ui-icon-grip-dotted-horizontal"
	style="margin: 2px auto;"></span></div>

	<div id="accordionResizerEvents"
	style="padding: 10px; width: 100%; height: 350px;"
	class="ui-widget-content">

	<div id="accordionEvents">
	<h3><a href="#">events</a></h3>
	<div>
	<div id="output" class="column"></div>
	</div>

	</div>
	<span class="ui-icon ui-icon-grip-dotted-horizontal"
	style="margin: 2px auto;"></span></div>
	</div>
	</div>
	</body>
	</html>