Helix SwarmHelix Swarm

cbd.html

  • //
  • guest/
  • randy_defauw/
  • cbd/
  • applets/
  • cbd.html #1
  • View
  • Commits
  • Open Download .zip Download (25 KB) 
  1. <!--
  2. Copyright (c) Perforce Software, Inc., 1997-2012. All rights reserved
  3.  
  4. Redistribution and use in source and binary forms, with or without
  5. modification, are permitted provided that the following conditions are met:
  6.  
  7. 1.  Redistributions of source code must retain the above copyright
  8.     notice, this list of conditions and the following disclaimer.
  9.  
  10. 2.  Redistributions in binary form must reproduce the above copyright
  11.     notice, this list of conditions and the following disclaimer in the
  12.     documentation and/or other materials provided with the distribution.
  13.  
  14. THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
  15. "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
  16. LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS
  17. FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL PERFORCE
  18. SOFTWARE, INC. BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
  19. SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
  20. LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
  21. DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
  22. ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR
  23. TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF
  24. THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH
  25. DAMAGE.
  26.  
  27. User contributed content on the Perforce Public Depot is not supported by Perforce,
  28. although it may be supported by its author. This applies to all contributions 
  29. even those submitted by Perforce employees.
  30.  
  31. -->
  32. <html>
  33.     <head>
  34.         <title>Configurations</title>
  35.         <link rel="stylesheet" type="text/css" href="applets.css" />
  36.         <script type="text/javascript">
  37.  
  38.             // produce a friendly name for display of a depot path (dir name)
  39.             function displayNameForComponents(dpath) {
  40.                 var idx = dpath.lastIndexOf("/");
  41.                 var dname = dpath.substr(0, idx);
  42.                 idx = dname.lastIndexOf("/");
  43.                 dname = dname.substr(idx+1);
  44.                 console.log("Converted " + dpath + " to " + dname);
  45.                 return dname;
  46.             } // displayNameForComponents
  47.  
  48.             // produce a friendly name for display of a depot path (file name)
  49.             function displayName(dpath) {
  50.                 var idx = dpath.lastIndexOf("/");
  51.                 var dname = dpath.substr(idx+1);
  52.                 idx = dname.lastIndexOf(".");
  53.                 dname = dname.substr(0, idx);
  54.                 console.log("Converted " + dpath + " to " + dname);
  55.                 return dname;
  56.             } // displayName
  57.  
  58.             // display a configuration
  59.             function viewCfg(dpath) {
  60.                 console.log("Going to display configuration " + dpath);
  61.  
  62.                 // show table (and hide others)
  63.                 var div = document.getElementById('details_v');
  64.                 div.style.display = 'block';
  65.                 document.getElementById('details_e').style.display = 'none';
  66.                 document.getElementById('details_a').style.display = 'none';
  67.  
  68.                 // clear table
  69.                 var table = document.getElementById('components_v');
  70.                 for(var i = table.rows.length; i > 1;i--) {
  71.                     table.deleteRow(i -1);
  72.                 }
  73.  
  74.                 // load config file
  75.                 var printcmd = "print -q " + dpath;
  76.                 console.log(printcmd);
  77.                 var cfgdata = P4JsApi.p4(printcmd);
  78.                 var cfgfile = cfgdata.data[0].text;
  79.                 console.log(cfgfile);
  80.  
  81.                 // set header
  82.                 var h3 = document.getElementById("viewheader_v");
  83.                 h3.innerHTML = P4JsApi.encodeForHTML("Configuration: " + displayName(dpath));
  84.  
  85.                 // parse xml
  86.                 var parser = new DOMParser();
  87.                 var xmldoc = parser.parseFromString(cfgfile, "text/xml");
  88.  
  89.                 // parse component tags
  90.                 var components = xmldoc.getElementsByTagName("component");
  91.                 console.log("Found " + components.length + " components");
  92.                 for(var ii=0; ii< components.length; ii++) {
  93.                     var c = components[ii];
  94.                     var depotPath = c.getElementsByTagName("depotPath")[0].childNodes[0].nodeValue;
  95.                     var access = c.getElementsByTagName("access")[0].childNodes[0].nodeValue;
  96.                     var clientLocation = c.getElementsByTagName("clientLocation")[0].childNodes[0].nodeValue;
  97.                     var viewA = c.getElementsByTagName("view");
  98.                     var view = "";
  99.                     if(viewA && viewA.length > 0) {
  100.                         view = viewA[0].childNodes[0].nodeValue;
  101.                     }
  102.                     var row = document.createElement("tr");
  103.                     row.innerHTML = "<td class='applet colone'>"
  104.                         + P4JsApi.encodeForHTML(depotPath)
  105.                         + "</td>"
  106.                         + "<td class='applet coltwo'>"
  107.                         + P4JsApi.encodeForHTML(access)
  108.                         + "</td>"
  109.                         + "<td class='applet coltwo'>"
  110.                         + P4JsApi.encodeForHTML(clientLocation)
  111.                         + "</td>"
  112.                         + "<td class='applet coltwo'>"
  113.                         + P4JsApi.encodeForHTML(view)
  114.                         + "</td>";
  115.                     table.appendChild(row);
  116.                 } 
  117.             } // viewCfg
  118.  
  119.             // delete a configuration
  120.             function deleteCfg(dpath) {
  121.                 console.log("Going to delete configuration " + dpath);
  122.  
  123.                 var submitcmd = 'submit -Z ' + dpath;
  124.                 console.log(submitcmd);
  125.                 var submitmsg = P4JsApi.p4(submitcmd);
  126.  
  127.                 loadConfigs();
  128.                 loadConsumers();
  129.             } // deleteCfg
  130.  
  131.             // edit a configuration
  132.             function editCfg(dpath) {
  133.                 console.log("Going to edit configuration " + dpath);
  134.  
  135.                 // show table (and hide others)
  136.                 var div = document.getElementById('details_e');
  137.                 div.style.display = 'block';
  138.                 document.getElementById('details_v').style.display = 'none';
  139.                 document.getElementById('details_a').style.display = 'none';
  140.  
  141.                 // clear table
  142.                 var table = document.getElementById('components_e');
  143.                 for(var i = table.rows.length; i > 1;i--) {
  144.                     table.deleteRow(i -1);
  145.                 }
  146.  
  147.                 // load config file
  148.                 var printcmd = "print -q " + dpath;
  149.                 console.log(printcmd);
  150.                 var cfgdata = P4JsApi.p4(printcmd);
  151.                 var cfgfile = cfgdata.data[0].text;
  152.                 console.log(cfgfile);
  153.  
  154.                 // set header
  155.                 var h3 = document.getElementById("viewheader_e");
  156.                 h3.innerHTML = P4JsApi.encodeForHTML("Configuration: " + displayName(dpath));
  157.                 var dpath_e = document.getElementById("dpath_e");
  158.                 dpath_e.value = dpath;
  159.  
  160.                 // parse xml
  161.                 var parser = new DOMParser();
  162.                 var xmldoc = parser.parseFromString(cfgfile, "text/xml");
  163.  
  164.                 // parse component tags
  165.                 var components = xmldoc.getElementsByTagName("component");
  166.                 console.log("Found " + components.length + " components");
  167.                 for(var ii=0; ii< components.length; ii++) {
  168.                     var c = components[ii];
  169.                     var depotPath = c.getElementsByTagName("depotPath")[0].childNodes[0].nodeValue;
  170.                     var access = c.getElementsByTagName("access")[0].childNodes[0].nodeValue;
  171.                     var clientLocation = c.getElementsByTagName("clientLocation")[0].childNodes[0].nodeValue;
  172.                     var viewA = c.getElementsByTagName("view");
  173.                     var view = "";
  174.                     if(viewA && viewA.length > 0) {
  175.                         view = viewA[0].childNodes[0].nodeValue;
  176.                     }
  177.                     var row = document.createElement("tr");
  178.                     row.innerHTML = "<td class='applet colone'>"
  179.                         + "<input type='text' value='" + P4JsApi.encodeForHTMLAttribute(depotPath) + "'/>"
  180.                         + "</td>"
  181.                         + "<td class='applet coltwo'>"
  182.                         + "<select>" 
  183.                         + "<option value='" + P4JsApi.encodeForHTMLAttribute("active") + "' "
  184.                         + ((access === 'active') ? "selected='selected'" : "") + ">active</option>"  
  185.                         + "<option value='" + P4JsApi.encodeForHTMLAttribute("write") + "' "
  186.                         + ((access === 'write') ? "selected='selected'" : "") + ">write</option>"  
  187.                         + "<option value='" + P4JsApi.encodeForHTMLAttribute("read") + "' "
  188.                         + ((access === 'read') ? "selected='selected'" : "") + ">read</option>"  
  189.                         + "<option value='" + P4JsApi.encodeForHTMLAttribute("binary") + "' "
  190.                         + ((access === 'binary') ? "selected='selected'" : "") + ">binary</option>"  
  191.                         + "</select>"  
  192.                         + "</td>"
  193.                         + "<td class='applet coltwo'>"
  194.                         + "<input type='text' value='" + P4JsApi.encodeForHTMLAttribute(clientLocation) + "'/>"
  195.                         + "</td>"
  196.                         + "<td class='applet coltwo'>"
  197.                         + "<input type='text' value='" + P4JsApi.encodeForHTMLAttribute(view) + "'/>"
  198.                         + "</td>"
  199.                         + "<td class='applet coltwo'>"
  200.                         + "<input type='button' value='Delete' onclick='deleteComponent(this, \"components_e\")'>"
  201.                         + "</td>";
  202.                     table.appendChild(row);
  203.                 } 
  204.             } // editCfg
  205.  
  206.             // deletes a component in the table
  207.             function deleteComponent(r,tname) {
  208.                 var idx = r.parentNode.parentNode.rowIndex;
  209.                 document.getElementById(tname).deleteRow(idx);
  210.             } // deleteComponent
  211.  
  212.             // submits changes to a configuration
  213.             function submitCfg() {
  214.                 console.log("Going to save configuration");
  215.  
  216.                 var table = document.getElementById('components_e');
  217.                 var cfgxml = "<configuration>";
  218.                 var errors = '';
  219.                 for(var i = 1; i< table.rows.length; i++) {
  220.                     var row = table.rows[i];
  221.                     var dpath = row.cells[0].childNodes[0].value;
  222.                     var access = row.cells[1].childNodes[0].value;
  223.                     var clocation = row.cells[2].childNodes[0].value;
  224.                     var view = row.cells[3].childNodes[0].value;
  225.                     errors = errors + verifyRow(dpath, access, clocation, view);
  226.                     cfgxml += "<component>";
  227.                     cfgxml += "<depotPath>" + dpath + "</depotPath>";
  228.                     cfgxml += "<access>" + access + "</access>";
  229.                     cfgxml += "<clientLocation>" + clocation + "</clientLocation>";
  230.                     if(view && view.length > 0) {
  231.                         cfgxml += "<view>" + view + "</view>";
  232.                     }
  233.                     cfgxml += "</component>";
  234.                 }
  235.                 cfgxml += "</configuration>";
  236.                 console.log("Read view " + cfgxml);
  237.  
  238.                 if(errors == '') {
  239.                     var dpath_e = document.getElementById("dpath_e").value;
  240.                     var submitcmd = 'submit -Q ' + dpath_e + " " + cfgxml;
  241.                     console.log(submitcmd);
  242.                     var submitmsg = P4JsApi.p4(submitcmd);
  243.  
  244.                     // clean up UI
  245.                     document.getElementById('details_e').style.display = 'none';
  246.                 }
  247.                 else {
  248.                     window.alert(errors);
  249.                 }
  250.  
  251.             } // submitCfg
  252.  
  253.             function cancelAdd() {
  254.                 loadConfigs();
  255.             } // cancelAdd
  256.  
  257.             function cancelEdit() {
  258.                 loadConfigs();
  259.             } // cancelEdit
  260.  
  261.             // checks if string exists and is not empty
  262.             function stringExists(s) {
  263.                 if(s && s.length > 0) {
  264.                     return true;
  265.                 }
  266.                 else {
  267.                     return false;
  268.                 }
  269.             }
  270.  
  271.             // verifies one component entry
  272.             function verifyRow(dpath, access, clocation, view) {
  273.                 errors = '';
  274.                 if(!stringExists(dpath)) {
  275.                     errors = errors + 'Depot path is required. ';
  276.                 }
  277.                 if(!stringExists(access)) {
  278.                     errors = errors + 'Access level is required. ';
  279.                 }
  280.                 if(!stringExists(clocation)) {
  281.                     errors = errors + 'Client location is required. ';
  282.                 }
  283.                 if(stringExists(view) && (access == 'read' || access == 'binary')) {
  284.                     errors = errors + 'View label only valid with active/write access. ';
  285.                 }
  286.  
  287.                 return errors;
  288.             } // verifyRow
  289.  
  290.             // adds a new configuration
  291.             function addCfg() {
  292.                 console.log("Starting to add configuration");
  293.  
  294.                 // show table (and hide others)
  295.                 var div = document.getElementById('details_a');
  296.                 div.style.display = 'block';
  297.                 document.getElementById('details_v').style.display = 'none';
  298.                 document.getElementById('details_e').style.display = 'none';
  299.                 document.getElementById("add_cfg_name").value = '';
  300.  
  301.                 // clear table
  302.                 var table = document.getElementById('components_a');
  303.                 for(var i = table.rows.length; i > 1;i--) {
  304.                     table.deleteRow(i -1);
  305.                 }
  306.             } // addCfg
  307.  
  308.             // submits a new configuration
  309.             function submitNewCfg() {
  310.                 console.log("Going to add configuration");
  311.  
  312.                 var table = document.getElementById('components_a');
  313.                 var cfgxml = "<configuration>";
  314.                 var errors = '';
  315.                 for(var i = 1; i< table.rows.length; i++) {
  316.                     var row = table.rows[i];
  317.                     var dpath = row.cells[0].childNodes[0].value;
  318.                     var access = row.cells[1].childNodes[0].value;
  319.                     var clocation = row.cells[2].childNodes[0].value;
  320.                     var view = row.cells[3].childNodes[0].value;
  321.                     errors = errors + verifyRow(dpath, access, clocation, view);
  322.                     cfgxml += "<component>";
  323.                     cfgxml += "<depotPath>" + dpath + "</depotPath>";
  324.                     cfgxml += "<access>" + access + "</access>";
  325.                     cfgxml += "<clientLocation>" + clocation + "</clientLocation>";
  326.                     if(view && view.length > 0) {
  327.                         cfgxml += "<view>" + view + "</view>";
  328.                     }
  329.                     cfgxml += "</component>";
  330.                 }
  331.                 cfgxml += "</configuration>";
  332.                 console.log("Read view " + cfgxml);
  333.  
  334.                 if(errors == '') {
  335.                     var dname = document.getElementById("add_cfg_name").value;
  336.                     var submitcmd = 'submit -A ' + dname + " " + cfgxml;
  337.                     console.log(submitcmd);
  338.                     var submitmsg = P4JsApi.p4(submitcmd);
  339.  
  340.                     // clean up UI
  341.                     document.getElementById('details_a').style.display = 'none';
  342.                     loadConfigs();
  343.                     loadConsumers();
  344.                 }
  345.                 else {
  346.                     window.alert(errors);
  347.                 }
  348.  
  349.             } // submitNewCfg
  350.  
  351.  
  352.             // add a new component to the table
  353.             function addComponent(tname) {
  354.                 console.log("Going to add new component"); 
  355.  
  356.                 // make new row
  357.                 var table = document.getElementById(tname);
  358.                 var row = document.createElement("tr");
  359.                 row.innerHTML = "<td class='applet colone'>"
  360.                     + "<input type='text' value=''/>"
  361.                     + "</td>"
  362.                     + "<td class='applet coltwo'>"
  363.                     + "<select>" 
  364.                     + "<option value='" + P4JsApi.encodeForHTMLAttribute("active") + "' "
  365.                     + ">active</option>"  
  366.                     + "<option value='" + P4JsApi.encodeForHTMLAttribute("write") + "' "
  367.                     + ">write</option>"  
  368.                     + "<option value='" + P4JsApi.encodeForHTMLAttribute("read") + "' "
  369.                     + ">read</option>"  
  370.                     + "<option value='" + P4JsApi.encodeForHTMLAttribute("binary") + "' "
  371.                     + ">binary</option>"  
  372.                     + "</select>"  
  373.                     + "</td>"
  374.                     + "<td class='applet coltwo'>"
  375.                     + "<input type='text' value=''/>"
  376.                     + "</td>"
  377.                     + "<td class='applet coltwo'>"
  378.                     + "<input type='text' value=''/>"
  379.                     + "</td>"
  380.                     + "<td class='applet coltwo'>"
  381.                     + "<input type='button' value='Delete' onclick='deleteComponent(this, \"" + tname + "\")'>"
  382.                     + "</td>";
  383.                 table.appendChild(row);
  384.             } // add component
  385.  
  386.             // populate the config list table
  387.             function loadConfigs() {
  388.                 P4JsApi.setWebKitDeveloperExtrasEnabled(true);
  389.                 document.getElementById('details_e').style.display = 'none';
  390.                 document.getElementById('details_a').style.display = 'none';
  391.                 document.getElementById('details_v').style.display = 'none';
  392.                 var table = document.getElementById('configs');
  393.                 for(var i = table.rows.length; i > 1;i--) {
  394.                     table.deleteRow(i -1);
  395.                 }
  396.                 var filescmd = 'files -e //cbd/configurations/...';
  397.                 console.log(filescmd);
  398.                 var configs = P4JsApi.p4(filescmd);
  399.                 for(var ii = 0; ii< configs.size; ii++) {
  400.                     var cfile = configs.data[ii];
  401.                     var row = document.createElement("tr");
  402.                     row.innerHTML = "<td class='applet colone'>"
  403.                         + P4JsApi.encodeForHTML(displayName(cfile.depotFile))
  404.                         + "</td>"
  405.                         + "<td class='applet coltwo'>"
  406.                         + "<input type='button' value='View' onclick='viewCfg(\"" + cfile.depotFile + "\")'>"
  407.                         + "<input type='button' value='Edit' onclick='editCfg(\"" + cfile.depotFile + "\")'>"
  408.                         + "<input type='button' value='Delete' onclick='deleteCfg(\"" + cfile.depotFile + "\")'>"
  409.                         + "</td>";
  410.                     table.appendChild(row);
  411.                 } // all config files
  412.             } // loadConfigs
  413.  
  414.             // populate the consumer list table
  415.             function loadConsumers() {
  416.                 P4JsApi.setWebKitDeveloperExtrasEnabled(true);
  417.                 document.getElementById('details_e').style.display = 'none';
  418.                 document.getElementById('details_a').style.display = 'none';
  419.                 document.getElementById('details_v').style.display = 'none';
  420.                 var table = document.getElementById('consumers');
  421.                 for(var i = table.rows.length; i > 1;i--) {
  422.                     table.deleteRow(i -1);
  423.                 }
  424.  
  425.                 // read all configurations
  426.                 var filescmd = 'files -e //cbd/configurations/...';
  427.                 console.log(filescmd);
  428.                 var configs = P4JsApi.p4(filescmd);
  429.  
  430.                 // build a map: key = component, value = list of configurations that use it
  431.                 var consumerMap = new Object();
  432.                 for(var ii = 0; ii< configs.size; ii++) {
  433.                     var cfile = configs.data[ii].depotFile;
  434.                     var cname = displayName(cfile);
  435.                     console.log("Inspecting configuration " + cname);
  436.                     var content = P4JsApi.p4("print -q " + cfile).data[0].text;
  437.                     var parser = new DOMParser();
  438.                     var xmldoc = parser.parseFromString(content, "text/xml");
  439.                     var components = xmldoc.getElementsByTagName("component");
  440.  
  441.                     for(var jj=0; jj< components.length; jj++) {
  442.                         var c = components[jj];
  443.                         var depotPath = c.getElementsByTagName("depotPath")[0].childNodes[0].nodeValue;
  444.                         var componentName = displayNameForComponents(depotPath);
  445.                         console.log("Inspecting component " + componentName);
  446.                         if(componentName in consumerMap) {
  447.                             console.log("Already know about component " + componentName);
  448.                         }
  449.                         else {
  450.                             console.log("Found new component " + componentName);
  451.                             consumerMap[componentName] = new Array();
  452.                         }
  453.                         if(consumerMap[componentName].indexOf(cname) == -1) {
  454.                             consumerMap[componentName].push(cname);
  455.                         }
  456.                     } // all components for one config
  457.                 } // all configurations
  458.  
  459.                 for(var componentName in consumerMap) {
  460.                     var row = document.createElement("tr");
  461.                     var rowih = "<td class='applet colone'>"
  462.                         + P4JsApi.encodeForHTML(componentName)
  463.                         + "</td>"
  464.                         + "<td class='applet coltwo'>"
  465.                         + "<ul>";
  466.                     var al = consumerMap[componentName].length;
  467.                     for(var kk = 0; kk < al; kk++) {
  468.                         rowih = rowih + "<li>" + P4JsApi.encodeForHTML(consumerMap[componentName][kk]) + "</li>"
  469.                     }
  470.                     rowih = rowih + "</ul>"
  471.                         + "</td>";
  472.                     row.innerHTML = rowih;
  473.                     table.appendChild(row);
  474.                 } // all components
  475.             } // loadConsumers
  476.  
  477.         </script>            
  478.     </head>
  479.     <body onload="loadConfigs();loadConsumers();" id="thebody">
  480.         <table class="eighty applet" id="configs">
  481.             <tr>
  482.                 <th class="filter">Name</th>
  483.                 <th class="filter">Actions</th>
  484.             </tr>
  485.         </table>
  486.         <br>
  487.         <input type="button" value="Add" onclick="addCfg()"/>
  488.         <input type="button" value="Refresh" onclick="loadConfigs();loadConsumers();"/>
  489.         <div id="details_v" class="details">
  490.             <h3 id="viewheader_v"></h3>
  491.             <table class="eighty applet" id="components_v">
  492.                 <tr>
  493.                     <th class="filter">Component Path</th>
  494.                     <th class="filter">Access</th>
  495.                     <th class="filter">Location</th>
  496.                     <th class="filter">View</th>
  497.                 </tr>
  498.             </table>
  499.         </div>
  500.         <div id="details_e" class="details">
  501.             <h3 id="viewheader_e"></h3>
  502.             <input type="hidden" id="dpath_e" value=""/>
  503.             <table class="eighty applet" id="components_e">
  504.                 <tr>
  505.                     <th class="filter">Component Path</th>
  506.                     <th class="filter">Access</th>
  507.                     <th class="filter">Location</th>
  508.                     <th class="filter">View</th>
  509.                     <th class="filter">Actions</th>
  510.                 </tr>
  511.             </table>
  512.             <input type="button" value="Add Component" onclick="addComponent('components_e')"/>
  513.             <input type="button" value="Save Configuration" onclick="submitCfg()"/>
  514.             <input type="button" value="Cancel" onclick="cancelEdit()"/>
  515.         </div>
  516.         <div id="details_a" class="details">
  517.             <h3>New Configuration</h3>
  518.             Enter configuration name: <input type='text' id='add_cfg_name' value=''/>
  519.             <table class="eighty applet" id="components_a">
  520.                 <tr>
  521.                     <th class="filter">Component Path</th>
  522.                     <th class="filter">Access</th>
  523.                     <th class="filter">Location</th>
  524.                     <th class="filter">View</th>
  525.                     <th class="filter">Actions</th>
  526.                 </tr>
  527.             </table>
  528.             <input type="button" value="Add Component" onclick="addComponent('components_a')"/>
  529.             <input type="button" value="Save Configuration" onclick="submitNewCfg()"/>
  530.             <input type="button" value="Cancel" onclick="cancelAdd()"/>
  531.         </div>
  532.         <br>
  533.         <table class="eighty applet" id="consumers">
  534.             <tr>
  535.                 <th class="filter">Component</th>
  536.                 <th class="filter">Consumed By</th>
  537.             </tr>
  538.         </table>
  539.         <br>
  540.     </body>
  541. </html>
# Change User Description Committed
#1 8278 Randy DeFauw Import component development tool kit 12 years ago