Loading...
Helix SwarmHelix Swarm
Loading...

ComposableWiringEditor.js.html

  • //
  • guest/
  • christiane_renck/
  • mergequestjs/
  • main/
  • demos/
  • WireIt/
  • api/
  • ComposableWiringEditor.js.html #1
  • View
  • Commits
  • Open Download .zip Download (21 KB) 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html xmlns:yui="http://yuilibrary.com/rdf/1.0/yui.rdf#">
  3. <head>
  4.     <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  5. 	<title>API: animations-plugin   ComposableWiringEditor.js  (YUI Library)</title>
  6.  
  7. 	<link rel="stylesheet" type="text/css" href="assets/reset-fonts-grids-min.css" />
  8. 	<link rel="stylesheet" type="text/css" href="assets/api.css" />
  9.  
  10.     <script type="text/javascript" src="assets/api-js"></script>
  11.     <script type="text/javascript" src="assets/ac-js"></script>
  12. </head>
  13.  
  14. <body id="yahoo-com">
  15.  
  16. <div id="doc3" class="yui-t2">
  17. 	<div id="hd">
  18.         <h1><a href="http://neyric.github.com/wireit" title="WireItLibrary">WireItLibrary</a></h1>
  19.         <h3>animations-plugin&nbsp; <span class="subtitle">0.6.0</span></h3>
  20.         <a href="./index.html" title="WireItLibrary">WireItLibrary</a> 
  21.             &gt; <a href="./module_animations-plugin.html" title="animations-plugin">animations-plugin</a>
  22.                 
  23.                  &gt; ComposableWiringEditor.js (source view) 
  24.         <form onsubmit="return false">
  25.             <div id="propertysearch">
  26.                 Search: <input autocomplete="off" id="searchinput" />
  27.                 <div id="searchresults">
  28.                     &nbsp;
  29.                 </div>
  30.             </div>
  31.         </form>
  32. 	</div>
  33.  
  34. 	<div id="bd">
  35. 		<div id="yui-main">
  36. 			<div class="yui-b">
  37.             <form action="#" name="yui-classopts-form" method="get" id="yui-classopts-form">
  38.                 <fieldset>
  39.                     <legend>Filters</legend>
  40.                 <span class="classopts"><input type="checkbox" name="show_private" id="show_private" /> <label for="show_private">Show Private</label></span>
  41.                 <span class="classopts"><input type="checkbox" name="show_protected" id="show_protected" /> <label for="show_protected">Show Protected</label></span>
  42.                 <span class="classopts"><input type="checkbox" name="show_deprecated" id="show_deprecated" /> <label for="show_deprecated">Show Deprecated</label></span>
  43.                 </fieldset>
  44.             </form>
  45.  
  46.                     <div id="srcout">
  47.                         <style>
  48.                             #doc3 .classopts { display:none; }
  49.                         </style>
  50.                         <div class="highlight"><pre><span class="c">/**</span>
  51. <span class="c"> * Extend the WiringEditor with composable wirings</span>
  52. <span class="c"> * @module composable-plugin</span>
  53. <span class="c"> */</span>
  54.  
  55. <span class="c">/**</span>
  56. <span class="c"> * The ComposableWiringEditor </span>
  57. <span class="c"> *</span>
  58. <span class="c"> * @class ComposableWiringEditor</span>
  59. <span class="c"> * @extends WireIt.ComposableWiringEditor</span>
  60. <span class="c"> * @constructor</span>
  61. <span class="c"> */</span>
  62. <span class="nx">WireIt</span><span class="p">.</span><span class="nx">ComposableWiringEditor</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">options</span><span class="p">)</span> <span class="p">{</span>
  63. 	
  64. 	<span class="c">// Add the &quot;input&quot; and &quot;output&quot; modules</span>
  65. 	<span class="nx">options</span><span class="p">.</span><span class="nx">modules</span> <span class="o">=</span> <span class="nx">WireIt</span><span class="p">.</span><span class="nx">ComposableWiringEditor</span><span class="p">.</span><span class="nx">modules</span><span class="p">.</span><span class="nx">concat</span><span class="p">(</span><span class="nx">options</span><span class="p">.</span><span class="nx">modules</span><span class="p">);</span>
  66. 	
  67.    <span class="nx">WireIt</span><span class="p">.</span><span class="nx">ComposableWiringEditor</span><span class="p">.</span><span class="nx">superclass</span><span class="p">.</span><span class="nx">constructor</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="k">this</span><span class="o">,</span> <span class="nx">options</span><span class="p">);</span>
  68. <span class="p">};</span>
  69.  
  70. <span class="c">/**</span>
  71. <span class="c"> * Default &quot;input&quot; and &quot;output&quot; modules</span>
  72. <span class="c"> * @static</span>
  73. <span class="c"> */</span>
  74. <span class="nx">WireIt</span><span class="p">.</span><span class="nx">ComposableWiringEditor</span><span class="p">.</span><span class="nx">modules</span> <span class="o">=</span> <span class="p">[</span>
  75. 	<span class="p">{</span>
  76.       <span class="s2">&quot;name&quot;</span><span class="o">:</span> <span class="s2">&quot;input&quot;</span><span class="o">,</span>
  77.       <span class="s2">&quot;container&quot;</span><span class="o">:</span> <span class="p">{</span>
  78.          <span class="s2">&quot;xtype&quot;</span><span class="o">:</span> <span class="s2">&quot;WireIt.FormContainer&quot;</span><span class="o">,</span>
  79.    		<span class="s2">&quot;title&quot;</span><span class="o">:</span> <span class="s2">&quot;input&quot;</span><span class="o">,</span>
  80.    		<span class="s2">&quot;fields&quot;</span><span class="o">:</span> <span class="p">[</span>
  81.    			<span class="p">{</span><span class="s2">&quot;type&quot;</span><span class="o">:</span> <span class="s2">&quot;type&quot;</span><span class="o">,</span> <span class="s2">&quot;label&quot;</span><span class="o">:</span> <span class="s2">&quot;Value&quot;</span><span class="o">,</span> <span class="s2">&quot;name&quot;</span><span class="o">:</span> <span class="s2">&quot;input&quot;</span><span class="o">,</span> <span class="s2">&quot;wirable&quot;</span><span class="o">:</span> <span class="kc">false</span><span class="o">,</span> <span class="s2">&quot;value&quot;</span><span class="o">:</span> <span class="p">{</span> <span class="s2">&quot;type&quot;</span><span class="o">:</span><span class="s2">&quot;string&quot;</span><span class="o">,</span> <span class="s2">&quot;typeInvite&quot;</span><span class="o">:</span> <span class="s2">&quot;input name&quot;</span> <span class="p">}</span> <span class="p">}</span>
  82.    		<span class="p">]</span><span class="o">,</span>
  83.    		<span class="s2">&quot;terminals&quot;</span><span class="o">:</span> <span class="p">[</span>
  84. 			   <span class="p">{</span><span class="s2">&quot;name&quot;</span><span class="o">:</span> <span class="s2">&quot;out&quot;</span><span class="o">,</span> <span class="s2">&quot;direction&quot;</span><span class="o">:</span> <span class="p">[</span><span class="mi">0</span><span class="o">,</span><span class="mi">1</span><span class="p">]</span><span class="o">,</span> <span class="s2">&quot;offsetPosition&quot;</span><span class="o">:</span> <span class="p">{</span><span class="s2">&quot;left&quot;</span><span class="o">:</span> <span class="mi">86</span><span class="o">,</span> <span class="s2">&quot;bottom&quot;</span><span class="o">:</span> <span class="o">-</span><span class="mi">15</span><span class="p">}</span><span class="o">,</span> <span class="s2">&quot;ddConfig&quot;</span><span class="o">:</span> <span class="p">{</span>
  85.                 <span class="s2">&quot;type&quot;</span><span class="o">:</span> <span class="s2">&quot;output&quot;</span><span class="o">,</span>
  86.                 <span class="s2">&quot;allowedTypes&quot;</span><span class="o">:</span> <span class="p">[</span><span class="s2">&quot;input&quot;</span><span class="p">]</span>
  87.              <span class="p">}</span>
  88.             <span class="p">}</span>
  89. 		   <span class="p">]</span>
  90.       <span class="p">}</span>
  91.    <span class="p">}</span><span class="o">,</span>
  92.    
  93.    <span class="p">{</span>
  94.       <span class="s2">&quot;name&quot;</span><span class="o">:</span> <span class="s2">&quot;output&quot;</span><span class="o">,</span>
  95.       <span class="s2">&quot;container&quot;</span><span class="o">:</span> <span class="p">{</span>
  96.          <span class="s2">&quot;xtype&quot;</span><span class="o">:</span> <span class="s2">&quot;WireIt.FormContainer&quot;</span><span class="o">,</span>
  97.    		<span class="s2">&quot;title&quot;</span><span class="o">:</span> <span class="s2">&quot;output&quot;</span><span class="o">,</span>
  98.    		<span class="s2">&quot;fields&quot;</span><span class="o">:</span> <span class="p">[</span> 
  99.    			<span class="p">{</span><span class="s2">&quot;type&quot;</span><span class="o">:</span> <span class="s2">&quot;string&quot;</span><span class="o">,</span> <span class="s2">&quot;label&quot;</span><span class="o">:</span> <span class="s2">&quot;name&quot;</span><span class="o">,</span> <span class="s2">&quot;name&quot;</span><span class="o">:</span> <span class="s2">&quot;name&quot;</span><span class="o">,</span> <span class="s2">&quot;wirable&quot;</span><span class="o">:</span> <span class="kc">false</span> <span class="p">}</span>
  100.    		<span class="p">]</span><span class="o">,</span>
  101. 	   	<span class="s2">&quot;terminals&quot;</span><span class="o">:</span> <span class="p">[</span>
  102.    		   <span class="p">{</span><span class="s2">&quot;name&quot;</span><span class="o">:</span> <span class="s2">&quot;in&quot;</span><span class="o">,</span> <span class="s2">&quot;direction&quot;</span><span class="o">:</span> <span class="p">[</span><span class="mi">0</span><span class="o">,-</span><span class="mi">1</span><span class="p">]</span><span class="o">,</span> <span class="s2">&quot;offsetPosition&quot;</span><span class="o">:</span> <span class="p">{</span><span class="s2">&quot;left&quot;</span><span class="o">:</span> <span class="mi">82</span><span class="o">,</span> <span class="s2">&quot;top&quot;</span><span class="o">:</span> <span class="o">-</span><span class="mi">15</span> <span class="p">}</span><span class="o">,</span> <span class="s2">&quot;ddConfig&quot;</span><span class="o">:</span> <span class="p">{</span>
  103.                 <span class="s2">&quot;type&quot;</span><span class="o">:</span> <span class="s2">&quot;input&quot;</span><span class="o">,</span>
  104.                 <span class="s2">&quot;allowedTypes&quot;</span><span class="o">:</span> <span class="p">[</span><span class="s2">&quot;output&quot;</span><span class="p">]</span>
  105.              <span class="p">}</span><span class="o">,</span>
  106.              <span class="s2">&quot;nMaxWires&quot;</span><span class="o">:</span> <span class="mi">1</span>
  107.             <span class="p">}</span>
  108.    		<span class="p">]</span>
  109.       <span class="p">}</span>
  110.    <span class="p">}</span>
  111. <span class="p">];</span>
  112.  
  113.  
  114. <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">lang</span><span class="p">.</span><span class="nx">extend</span><span class="p">(</span><span class="nx">WireIt</span><span class="p">.</span><span class="nx">ComposableWiringEditor</span><span class="o">,</span> <span class="nx">WireIt</span><span class="p">.</span><span class="nx">WiringEditor</span><span class="o">,</span> <span class="p">{</span>
  115.  
  116. 	<span class="c">/**</span>
  117. <span class="c">	 * @property composedCategory</span>
  118. <span class="c">	 */</span>
  119.    <span class="nx">composedCategory</span><span class="o">:</span> <span class="s2">&quot;Composed&quot;</span><span class="o">,</span>
  120.  
  121. 	<span class="c">/**</span>
  122. <span class="c">	 * Customize the load success handler for the composed module list</span>
  123. <span class="c">	 */</span>
  124. 	<span class="nx">onLoadSuccess</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">wirings</span><span class="p">)</span> <span class="p">{</span>
  125. 		
  126. 		
  127. 		<span class="c">// Reset the internal structure</span>
  128. 		<span class="k">this</span><span class="p">.</span><span class="nx">pipes</span> <span class="o">=</span> <span class="nx">wirings</span><span class="o">;</span>
  129. 		<span class="k">this</span><span class="p">.</span><span class="nx">pipesByName</span> <span class="o">=</span> <span class="p">{};</span>
  130. 	
  131. 		<span class="c">// Build the &quot;pipesByName&quot; index</span>
  132. 		<span class="k">for</span><span class="p">(</span><span class="kd">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span> <span class="o">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="k">this</span><span class="p">.</span><span class="nx">pipes</span><span class="p">.</span><span class="nx">length</span> <span class="o">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span>
  133.           <span class="k">this</span><span class="p">.</span><span class="nx">pipesByName</span><span class="p">[</span> <span class="k">this</span><span class="p">.</span><span class="nx">pipes</span><span class="p">[</span><span class="nx">i</span><span class="p">].</span><span class="nx">name</span><span class="p">]</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">pipes</span><span class="p">[</span><span class="nx">i</span><span class="p">];</span>
  134. 		<span class="p">}</span>
  135. 		
  136. 		<span class="c">//  Customize to display composed module in the left list</span>
  137. 		<span class="k">this</span><span class="p">.</span><span class="nx">updateComposedModuleList</span><span class="p">();</span>
  138. 	
  139.     	<span class="k">this</span><span class="p">.</span><span class="nx">updateLoadPanelList</span><span class="p">();</span>
  140.  
  141. 		<span class="c">// Check for autoload param and display the loadPanel otherwise</span>
  142. 		<span class="k">if</span><span class="p">(</span><span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">checkAutoLoad</span><span class="p">())</span> <span class="p">{</span> 
  143.     		<span class="k">this</span><span class="p">.</span><span class="nx">loadPanel</span><span class="p">.</span><span class="nx">show</span><span class="p">();</span>
  144. 		<span class="p">}</span>
  145. 		
  146. 	<span class="p">}</span><span class="o">,</span>
  147. 	
  148. 	<span class="c">/**</span>
  149. <span class="c">	 * All the saved wirings are reusable modules :</span>
  150. <span class="c">	 */</span>
  151. 	<span class="nx">updateComposedModuleList</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
  152. 		
  153. 		<span class="c">// Remove all previous module with the ComposedModule class</span>
  154. 		<span class="kd">var</span> <span class="nx">el</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">util</span><span class="p">.</span><span class="nx">Dom</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s2">&quot;module-category-Composed&quot;</span><span class="p">);</span>
  155. 		<span class="k">if</span><span class="p">(</span> <span class="nx">el</span> <span class="p">)</span> <span class="p">{</span>
  156. 			<span class="c">// Purge element (remove listeners on el and childNodes recursively)</span>
  157. 	      <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">util</span><span class="p">.</span><span class="nx">Event</span><span class="p">.</span><span class="nx">purgeElement</span><span class="p">(</span><span class="nx">el</span><span class="o">,</span> <span class="kc">true</span><span class="p">);</span>
  158. 			<span class="nx">el</span><span class="p">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="s2">&quot;&quot;</span><span class="o">;</span>
  159. 		<span class="p">}</span>
  160. 		
  161. 		
  162. 		<span class="k">if</span><span class="p">(</span><span class="nx">YAHOO</span><span class="p">.</span><span class="nx">lang</span><span class="p">.</span><span class="nx">isArray</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">pipes</span><span class="p">))</span> <span class="p">{</span>
  163. 	       <span class="k">for</span><span class="p">(</span><span class="kd">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span> <span class="o">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="k">this</span><span class="p">.</span><span class="nx">pipes</span><span class="p">.</span><span class="nx">length</span> <span class="o">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span>
  164. 	          <span class="kd">var</span> <span class="nx">module</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">pipes</span><span class="p">[</span><span class="nx">i</span><span class="p">];</span>
  165. 	
  166. 				 <span class="kd">var</span> <span class="nx">m</span> <span class="o">=</span> <span class="p">{</span>
  167. 					<span class="nx">name</span><span class="o">:</span> <span class="nx">module</span><span class="p">.</span><span class="nx">name</span><span class="o">,</span>
  168. 					<span class="nx">category</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">composedCategory</span><span class="o">,</span>
  169. 					<span class="nx">container</span><span class="o">:</span> <span class="p">{</span>
  170. 		            <span class="s2">&quot;xtype&quot;</span><span class="o">:</span> <span class="s2">&quot;WireIt.ComposedContainer&quot;</span><span class="o">,</span>
  171. 		            <span class="s2">&quot;title&quot;</span><span class="o">:</span> <span class="nx">module</span><span class="p">.</span><span class="nx">name</span><span class="o">,</span>
  172. 				  		<span class="s2">&quot;wiring&quot;</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">pipes</span><span class="p">[</span><span class="nx">i</span><span class="p">]</span>
  173. 		         <span class="p">}</span>
  174. 				 <span class="p">};</span>
  175. 				 <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">lang</span><span class="p">.</span><span class="nx">augmentObject</span><span class="p">(</span><span class="nx">m</span><span class="o">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">pipes</span><span class="p">[</span><span class="nx">i</span><span class="p">]);</span>
  176. 				
  177. 				 <span class="k">this</span><span class="p">.</span><span class="nx">modulesByName</span><span class="p">[</span><span class="nx">module</span><span class="p">.</span><span class="nx">name</span><span class="p">]</span> <span class="o">=</span> <span class="nx">m</span><span class="o">;</span>
  178. 					
  179. 				 <span class="k">this</span><span class="p">.</span><span class="nx">addModuleToList</span><span class="p">(</span><span class="nx">m</span><span class="p">);</span>
  180. 			<span class="p">}</span>
  181. 		<span class="p">}</span>
  182. 		
  183. 	<span class="p">}</span>
  184. 	
  185. <span class="p">});</span>
  186. </pre></div>
  187.  
  188.                     </div>
  189. 			</div>
  190. 		</div>
  191. 		<div class="yui-b">
  192.             <div class="nav">
  193.  
  194.                     <div id="moduleList" class="module">
  195.                         <h4>Modules</h4>
  196.                         <ul class="content">
  197.                                 <li class="selected"><a href="module_animations-plugin.html" title="animations-plugin">animations-plugin</a></li>
  198.                                 <li class=""><a href="module_composable-plugin.html" title="composable-plugin">composable-plugin</a></li>
  199.                                 <li class=""><a href="module_editor-plugin.html" title="editor-plugin">editor-plugin</a></li>
  200.                                 <li class=""><a href="module_inputex-plugin.html" title="inputex-plugin">inputex-plugin</a></li>
  201.                                 <li class=""><a href="module_layout-plugin.html" title="layout-plugin">layout-plugin</a></li>
  202.                                 <li class=""><a href="module_wireit.html" title="WireIt">WireIt</a></li>
  203.                         </ul>
  204.                     </div>
  205.  
  206.                     <div id="classList" class="module">
  207.                         <h4>Classes</h4>
  208.                         <ul class="content">
  209.                                 <li class=""><a href="WireIt.util.Anim.html" title="WireIt.util.Anim">WireIt.util.Anim</a></li>
  210.                         </ul>
  211.                     </div>
  212.  
  213.                     <div id="fileList" class="module">
  214.                         <h4>Files</h4>
  215.                         <ul class="content">        
  216.                                 <li class=""><a href="Anim.js.html" title="Anim.js">Anim.js</a></li>
  217.                                 <li class="selected"><a href="ComposableWiringEditor.js.html" title="ComposableWiringEditor.js">ComposableWiringEditor.js</a></li>
  218.                                 <li class=""><a href="Layer.js.html" title="Layer.js">Layer.js</a></li>
  219.                         </ul>
  220.                     </div>
  221.  
  222.  
  223.  
  224.  
  225.  
  226.             </div>
  227. 		</div>
  228. 	</div>
  229. 	<div id="ft">
  230.         <hr />
  231.         Copyright &copy; 2010 Eric Abouaf All rights reserved.
  232. 	</div>
  233. </div>
  234. <script type="text/javascript">
  235.  
  236.     var ALL_YUI_PROPS = [{"url": "WireIt.util.Anim.html#method_clearExplode", "access": "", "host": "WireIt.util.Anim", "type": "method", "name": "clearExplode"}, {"url": "WireIt.util.Anim.html#method_moveWireItWires", "access": "", "host": "WireIt.util.Anim", "type": "method", "name": "moveWireItWires"}, {"url": "WireIt.util.Anim.html#method_setTerminals", "access": "", "host": "WireIt.util.Anim", "type": "method", "name": "setTerminals"}, {"url": "WireIt.util.Anim.html#property__WireItTerminals", "access": "", "host": "WireIt.util.Anim", "type": "property", "name": "_WireItTerminals"}];
  237. </script>
  238. </body>
  239. </html>
# Change User Description Committed
#1 16445 christiane_renck Rename/move file(s) 9 years ago
//guest/christiane_renck/MergeQuestJS/main/demos/WireIt/api/ComposableWiringEditor.js.html
#1 16444 christiane_renck Adding MergeQuestJS to the Workshop. 9 years ago