home *** CD-ROM | disk | FTP | other *** search
/ SVM Mac 58 / CD-ROM N°58.iso / navigateurs / Netscape Folder / chrome / sidebar / content / default / customize.js < prev    next >
Encoding:
JavaScript  |  2000-04-19  |  18.9 KB  |  569 lines  |  [TEXT/MOSS]
  1. /* -*- Mode: Java; tab-width: 4; insert-tabs-mode: nil; c-basic-offset: 2 -*-
  2.  * The contents of this file are subject to the Netscape Public
  3.  * License Version 1.1 (the "License"); you may not use this file
  4.  * except in compliance with the License. You may obtain a copy of
  5.  * the License at http://www.mozilla.org/NPL/
  6.  *  
  7.  * Software distributed under the License is distributed on an "AS
  8.  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
  9.  * implied. See the License for the specific language governing
  10.  * rights and limitations under the License.
  11.  *  
  12.  * The Original Code is Mozilla Communicator client code, released
  13.  * March 31, 1998.
  14.  * 
  15.  * The Initial Developer of the Original Code is Netscape
  16.  * Communications Corporation. Portions created by Netscape are
  17.  * Copyright (C) 1998-1999 Netscape Communications Corporation. All
  18.  * Rights Reserved.
  19.  * 
  20.  */
  21.  
  22. // the rdf service
  23. var RDF = 'component://netscape/rdf/rdf-service'
  24. RDF = Components.classes[RDF].getService();
  25. RDF = RDF.QueryInterface(Components.interfaces.nsIRDFService);
  26.  
  27. var NC = "http://home.netscape.com/NC-rdf#";
  28.  
  29. var sidebarObj = new Object;
  30. var original_panels = new Array();
  31.  
  32. function debug(msg)
  33. {
  34.   //dump(msg+"\n");
  35. }
  36.  
  37. function Init()
  38. {
  39.   var all_panels_datasources = window.arguments[0];
  40.   var all_panels_resource    = window.arguments[1];
  41.   sidebarObj.datasource_uri     = window.arguments[2];
  42.   sidebarObj.resource           = window.arguments[3];
  43.  
  44.   debug("Init: all panels datasources = " + all_panels_datasources);
  45.   debug("Init: all panels resource    = " + all_panels_resource);
  46.   debug("Init: sidebarObj.datasource_uri = " + sidebarObj.datasource_uri);
  47.   debug("Init: sidebarObj.resource       = " + sidebarObj.resource);
  48.  
  49.   var all_panels   = document.getElementById('other-panels');
  50.   var current_panels = document.getElementById('current-panels');
  51.  
  52.   all_panels_datasources = all_panels_datasources.replace(/^\s+/,'');
  53.   all_panels_datasources = all_panels_datasources.replace(/\s+$/,'');
  54.   all_panels_datasources = all_panels_datasources.split(/\s+/);
  55.   for (var ii = 0; ii < all_panels_datasources.length; ii++) {
  56.     debug("Init: Adding "+all_panels_datasources[ii]);
  57.  
  58.     // This will load the datasource, if it isn't already.
  59.     var datasource = RDF.GetDataSource(all_panels_datasources[ii]);
  60.     all_panels.database.AddDataSource(datasource);
  61.     current_panels.database.AddDataSource(datasource);
  62.   }
  63.   
  64.   // Add the datasource for current list of panels. It selects panels out
  65.   // of the other datasources.
  66.   debug("Init: Adding current panels, "+sidebarObj.datasource_uri);
  67.   sidebarObj.datasource = RDF.GetDataSource(sidebarObj.datasource_uri);
  68.   current_panels.database.AddDataSource(sidebarObj.datasource);
  69.  
  70.   // Root the customize dialog at the correct place.
  71.   debug("Init: reset all panels ref, "+all_panels_resource);
  72.   all_panels.setAttribute('ref', all_panels_resource);
  73.   debug("Init: reset current panels ref, "+sidebarObj.resource);
  74.   current_panels.setAttribute('ref', sidebarObj.resource);
  75.  
  76.   save_initial_panels();
  77.   enable_buttons_for_current_panels();
  78. }
  79.  
  80. // Remember the original list of panels so that
  81. // the save button can be enabled when something changes.
  82. function save_initial_panels()
  83. {
  84.   var root = document.getElementById('current-panels-root');
  85.   for (var node = root.firstChild; node != null; node = node.nextSibling) {
  86.     original_panels[original_panels.length] = node.getAttribute('id');
  87.   }
  88. }
  89.  
  90. function get_attr(registry,service,attr_name) {
  91.   var attr = registry.GetTarget(service,
  92.                                 RDF.GetResource(NC + attr_name),
  93.                                 true);
  94.   if (attr)
  95.     attr = attr.QueryInterface(Components.interfaces.nsIRDFLiteral);
  96.   if (attr)
  97.     attr = attr.Value;
  98.   return attr;
  99. }
  100.  
  101. function SelectChangeForOtherPanels(event, target)
  102. { 
  103.   // Remove the selection in the "current" panels list
  104.   var current_panels = document.getElementById('current-panels');
  105.   current_panels.clearItemSelection();
  106.   enable_buttons_for_current_panels();
  107.  
  108.   if (target.getAttribute('container') == 'true') {
  109.     if (target.getAttribute('open') == 'true') {
  110.       target.removeAttribute('open');
  111.     } else {
  112.       target.setAttribute('open','true');
  113.     }
  114.   } else {
  115.     link = target.getAttribute('link');
  116.     if (link && link != '') {
  117.       debug("Has remote datasource: "+link);
  118.       add_datasource_to_other_panels(link);
  119.       target.setAttribute('container', 'true');
  120.       target.setAttribute('open', 'true');
  121.     }
  122.   }
  123.   enable_buttons_for_other_panels();
  124. }
  125.  
  126. function add_datasource_to_other_panels(link) {
  127.   // Convert the |link| attribute into a URL
  128.   var url = document.location;
  129.   debug("Current URL:  " +url);
  130.   debug("Current link: " +link);
  131.  
  132.   uri = Components.classes['component://netscape/network/standard-url'].createInstance();
  133.   uri = uri.QueryInterface(Components.interfaces.nsIURI);
  134.   uri.spec = url;
  135.   uri = uri.resolve(link);
  136.  
  137.   debug("New URL:      " +uri);
  138.   
  139.   // Add the datasource to the tree
  140.   var all_panels = document.getElementById('other-panels');
  141.   all_panels.database.AddDataSource(RDF.GetDataSource(uri));
  142.  
  143.   // XXX This is a hack to force re-display
  144.   all_panels.setAttribute('ref', 'urn:blah:main-root');
  145. }
  146.  
  147. // Handle a selection change in the current panels.
  148. function SelectChangeForCurrentPanels() {
  149.   // Remove the selection in the available panels list
  150.   var all_panels = document.getElementById('other-panels');
  151.   all_panels.clearItemSelection();
  152.  
  153.   enable_buttons_for_current_panels();
  154.   enable_buttons_for_other_panels();
  155. }
  156.  
  157. // Move the selected item up the the current panels list.
  158. function MoveUp() {
  159.   var tree = document.getElementById('current-panels'); 
  160.   if (tree.selectedItems.length == 1) {
  161.     var selected = tree.selectedItems[0];
  162.     var before = selected.previousSibling
  163.     if (before) {
  164.       before.parentNode.insertBefore(selected, before);
  165.       tree.selectItem(selected);
  166.       tree.ensureElementIsVisible(selected);
  167.     }
  168.   }
  169.   enable_buttons_for_current_panels();
  170.   enable_save();
  171. }
  172.    
  173. // Move the selected item down the the current panels list.
  174. function MoveDown() {
  175.   var tree = document.getElementById('current-panels');
  176.   if (tree.selectedItems.length == 1) {
  177.     var selected = tree.selectedItems[0];
  178.     if (selected.nextSibling) {
  179.       if (selected.nextSibling.nextSibling) {
  180.         selected.parentNode.insertBefore(selected, selected.nextSibling.nextSibling);
  181.       }
  182.       else {
  183.         selected.parentNode.appendChild(selected);
  184.       }
  185.       tree.selectItem(selected);
  186.     }
  187.   }
  188.   enable_buttons_for_current_panels();
  189.   enable_save();
  190. }
  191.  
  192. function PreviewPanel() 
  193. {
  194.   var tree = document.getElementById('other-panels');
  195.   var database = tree.database;
  196.   var select_list = tree.selectedItems
  197.   for (var nodeIndex=0; nodeIndex<select_list.length; nodeIndex++) {
  198.     var node = select_list[nodeIndex];
  199.     if (!node)    break;
  200.     // Skip folders
  201.     if (node.getAttribute('container') == 'true') {
  202.       continue;
  203.     }
  204.     var id = node.getAttribute("id");
  205.     if (!id)      break;
  206.     var rdfNode = RDF.GetResource(id);
  207.     if (!rdfNode) break;
  208.  
  209.     var preview_name = get_attr(database, rdfNode, 'title');
  210.     var preview_URL  = get_attr(database, rdfNode, 'content');
  211.     if (!preview_URL || !preview_name) break;
  212.  
  213.     var preview = window.open("chrome://sidebar/content/preview.xul",
  214.                               "_blank", "chrome,resizable");
  215.     preview.panel_name = preview_name;
  216.     preview.panel_URL = preview_URL;
  217.   }
  218. }
  219.  
  220. // Add the selected panel(s).
  221. function AddPanel() 
  222. {
  223.   var tree = document.getElementById('other-panels');
  224.   var database = tree.database;
  225.   var select_list = tree.selectedItems
  226.   for (var nodeIndex=0; nodeIndex<select_list.length; nodeIndex++) {
  227.     var node = select_list[nodeIndex];
  228.     if (!node)    break;
  229.     // Skip folders.
  230.     if (node.getAttribute('container') == 'true') {
  231.       continue;
  232.     }
  233.     var id = node.getAttribute("id");
  234.     // No id? Sorry. Only nodes with id's can get
  235.     // in the current panel list.
  236.     if (!id)      break;
  237.     var rdfNode = RDF.GetResource(id);
  238.     // You need an rdf node too. Sorry, those are the rules.
  239.     if (!rdfNode) break;
  240.  
  241.     // Add the panel to the current list.
  242.     add_node_to_current_list(database, rdfNode);
  243.   }
  244.  
  245.   // Remove the selection in the other list.
  246.   // Selection will move to "current" list.
  247.   var all_panels = document.getElementById('other-panels');
  248.   all_panels.clearItemSelection();
  249.  
  250.   enable_buttons_for_current_panels();
  251.   enable_buttons_for_other_panels();
  252.   enable_save();
  253. }
  254.  
  255. // Copy a panel node into a database such as the current panel list.
  256. function add_node_to_current_list(registry, service)
  257. {
  258.   debug("Adding "+service.Value);
  259.  
  260.   // Copy out the attributes we want
  261.   var option_title     = get_attr(registry, service, 'title');
  262.   var option_customize = get_attr(registry, service, 'customize');
  263.   var option_content   = get_attr(registry, service, 'content');
  264.  
  265.   var tree     = document.getElementById('current-panels'); 
  266.   var treeroot = document.getElementById('current-panels-root'); 
  267.  
  268.   // Check to see if the panel already exists...
  269.   for (var ii = treeroot.firstChild; ii != null; ii = ii.nextSibling) {
  270.     if (ii.getAttribute('id') == service.Value) {
  271.       // The panel is already in the current panel list.
  272.       // Avoid adding it twice.
  273.       tree.selectItem(ii);
  274.       tree.ensureElementIsVisible(ii);
  275.       return;
  276.     }
  277.   }
  278.  
  279.   // Create a treerow for the new panel
  280.   var item = document.createElement('treeitem');
  281.   var row  = document.createElement('treerow');
  282.   var cell = document.createElement('treecell');
  283.   
  284.   // Copy over the attributes
  285.   item.setAttribute('id', service.Value);
  286.   item.setAttribute('customize', option_customize);
  287.   item.setAttribute('content', option_content);
  288.   cell.setAttribute('value', option_title);
  289.  
  290.   // Add it to the current panels tree
  291.   item.appendChild(row);
  292.   row.appendChild(cell);
  293.   treeroot.appendChild(item);
  294.  
  295.   // Select is only if the caller wants to.
  296.   tree.selectItem(item);
  297.   tree.ensureElementIsVisible(item);
  298. }
  299.  
  300. // Remove the selected panel(s) from the current list tree.
  301. function RemovePanel()
  302. {
  303.   var tree = document.getElementById('current-panels');
  304.  
  305.   var nextNode = null;
  306.   var numSelected = tree.selectedItems.length
  307.   while (tree.selectedItems.length > 0) {
  308.     var selectedNode = tree.selectedItems[0]
  309.     nextNode = selectedNode.nextSibling;
  310.     if (!nextNode) {
  311.       nextNode = selectedNode.previousSibling;
  312.     }
  313.     selectedNode.parentNode.removeChild(selectedNode)
  314.   } 
  315.   
  316.   if (nextNode) {
  317.     tree.selectItem(nextNode)
  318.   }
  319.   enable_buttons_for_current_panels();
  320.   enable_save();
  321. }
  322.  
  323. // Bring up a new window with the customize url 
  324. // for an individual panel.
  325. function CustomizePanel() 
  326. {
  327.   var tree  = document.getElementById('current-panels');
  328.   var numSelected = tree.selectedItems.length;
  329.  
  330.   if (numSelected == 1) {
  331.     var selectedNode  = tree.selectedItems[0];
  332.     var customize_url = selectedNode.getAttribute('customize');
  333.  
  334.     debug("url   = " + customize_url);
  335.  
  336.     if (!customize_url) return;
  337.  
  338.     window.open(customize_url, "_blank", "resizable,width=690,height=600");
  339.   }
  340.   enable_save();
  341. }
  342.  
  343. // Serialize the new list of panels.
  344. function Save()
  345. {
  346.   var all_panels = document.getElementById('other-panels');
  347.   var current_panels = document.getElementById('current-panels');
  348.  
  349.   // Iterate through the 'current-panels' tree to collect the panels
  350.   // that the user has chosen. We need to do this _before_ we remove
  351.   // the panels from the datasource, because the act of removing them
  352.   // from the datasource will change the tree!
  353.   var panels = new Array();
  354.   var root = document.getElementById('current-panels-root');
  355.   for (var node = root.firstChild; node != null; node = node.nextSibling) {
  356.     panels[panels.length] = node.getAttribute('id');
  357.   }
  358.  
  359.   // Cut off the connection between the dialog and the datasource.
  360.   // The dialog is closed at the end of this function.
  361.   // Without this, the dialog tries to update as it is being destroyed.
  362.   current_panels.setAttribute('ref', 'rdf:null');
  363.  
  364.   start_batch(sidebarObj.datasource, sidebarObj.resource);
  365.  
  366.   // Create a "container" wrapper around the current panels to
  367.   // manipulate the RDF:Seq more easily.
  368.   var container = Components.classes["component://netscape/rdf/container"].createInstance();
  369.   container = container.QueryInterface(Components.interfaces.nsIRDFContainer);
  370.   container.Init(sidebarObj.datasource, RDF.GetResource(sidebarObj.resource));
  371.  
  372.   // Remove all the current panels from the datasource.
  373.   var current_panels = container.GetElements();
  374.   while (current_panels.HasMoreElements()) {
  375.     panel = current_panels.GetNext();
  376.     id = panel.QueryInterface(Components.interfaces.nsIRDFResource).Value;
  377.  
  378.     // If this panel is not in the new list,
  379.     // or, if description of this panel is in the all panels list,
  380.     // then, remove all assertions for the panel to avoid leaving
  381.     // unneeded assertions behind and to avoid multiply asserted
  382.     // attributes, respectively.
  383.     if (!has_element(panels, id) || 
  384.         has_targets(all_panels.database, panel)) {
  385.       delete_resource_deeply(container, panel);
  386.     } else {
  387.       container.RemoveElement(panel, false);
  388.     }
  389.   }
  390.  
  391.   // Add the new list of panels
  392.   for (var ii = 0; ii < panels.length; ++ii) {
  393.     copy_resource_deeply(all_panels.database, RDF.GetResource(panels[ii]),
  394.                          container);
  395.   }
  396.  
  397.   end_batch(sidebarObj.datasource, sidebarObj.resource);
  398.  
  399.   // Write the modified panels out.
  400.   sidebarObj.datasource.QueryInterface(Components.interfaces.nsIRDFRemoteDataSource).Flush();
  401.  
  402.   window.close();
  403. }
  404.  
  405. // Search for an element in an array
  406. function has_element(array, element) {
  407.   for (var ii=0; ii < array.length; ii++) {
  408.     if (array[ii] == element) {
  409.       return true;
  410.     }
  411.   }
  412.   return false;
  413. }
  414.  
  415. // Search for targets from resource in datasource
  416. function has_targets(datasource, resource) {
  417.   var arcs = datasource.ArcLabelsOut(resource);
  418.   return arcs.HasMoreElements();
  419. }
  420.  
  421. // Mark the beginning of a batch by asserting inbatch="true"
  422. // into the datasource. The observer in sidebarOverlay.js uses 
  423. // this to remember the panel selection.
  424. function start_batch(datasource, resource) {
  425.   datasource.Assert(RDF.GetResource(resource),
  426.                     RDF.GetResource(NC + "inbatch"),
  427.                     RDF.GetLiteral("true"),
  428.                     true);
  429. }
  430.  
  431. // Mark the end of a batch by unasserting 'inbatch' on the datasource.
  432. function end_batch(datasource, resource) {
  433.   datasource.Unassert(RDF.GetResource(resource),
  434.                       RDF.GetResource(NC + "inbatch"),
  435.                       RDF.GetLiteral("true"));
  436. }
  437.  
  438. // Remove a resource and all the arcs out from it.
  439. function delete_resource_deeply(container, resource) {
  440.   var arcs = container.DataSource.ArcLabelsOut(resource);
  441.   while (arcs.HasMoreElements()) {
  442.     var arc = arcs.GetNext();
  443.     var targets = container.DataSource.GetTargets(resource, arc, true);
  444.     while (targets.HasMoreElements()) {
  445.       var target = targets.GetNext();
  446.       container.DataSource.Unassert(resource, arc, target, true);
  447.     }
  448.   }
  449.   container.RemoveElement(panel, false);
  450. }
  451.  
  452. // Copy a resource and all its arcs out to a new container.
  453. function copy_resource_deeply(source_datasource, resource, dest_container) {
  454.   var arcs = source_datasource.ArcLabelsOut(resource);
  455.   while (arcs.HasMoreElements()) {
  456.     var arc = arcs.GetNext();
  457.     var targets = source_datasource.GetTargets(resource, arc, true);
  458.     while (targets.HasMoreElements()) {
  459.       var target = targets.GetNext();
  460.       dest_container.DataSource.Assert(resource, arc, target, true);
  461.     }
  462.   }
  463.   dest_container.AppendElement(resource);
  464. }
  465.  
  466. function enable_buttons_for_other_panels()
  467. {
  468.   var add_button = document.getElementById('add_button');
  469.   var preview_button = document.getElementById('preview_button');
  470.   var all_panels = document.getElementById('other-panels');
  471.  
  472.   var num_selected = 0;
  473.   // Only count non-folders as selected for button enabling
  474.   for (var ii=0; ii<all_panels.selectedItems.length; ii++) {
  475.     var node = all_panels.selectedItems[ii];
  476.     if (node.getAttribute('container') != 'true') {
  477.       num_selected++;
  478.     }
  479.   }
  480.   if (num_selected > 0) {
  481.     add_button.removeAttribute('disabled');
  482.     preview_button.removeAttribute('disabled');
  483.   }
  484.   else {
  485.     add_button.setAttribute('disabled','true');
  486.     preview_button.setAttribute('disabled','true');
  487.   }
  488. }
  489.  
  490. function enable_buttons_for_current_panels() {
  491.   var up        = document.getElementById('up');
  492.   var down      = document.getElementById('down');
  493.   var tree      = document.getElementById('current-panels');
  494.   var customize = document.getElementById('customize-button');
  495.   var remove    = document.getElementById('remove-button');
  496.  
  497.   var numSelected = tree.selectedItems.length;
  498.  
  499.   var noneSelected, isFirst, isLast, selectedNode
  500.  
  501.   if (numSelected > 0) {
  502.     selectedNode = tree.selectedItems[0]
  503.     isFirst = selectedNode == selectedNode.parentNode.firstChild
  504.     isLast  = selectedNode == selectedNode.parentNode.lastChild
  505.   }
  506.  
  507.   // up /\ button
  508.   if (numSelected != 1 || isFirst) {
  509.     up.setAttribute('disabled', 'true');
  510.   } else {
  511.     up.removeAttribute('disabled');
  512.   }
  513.   // down \/ button
  514.   if (numSelected != 1 || isLast) {
  515.     down.setAttribute('disabled', 'true');
  516.   } else {
  517.     down.removeAttribute('disabled');
  518.   }
  519.   // "Customize..." button
  520.   var customizeURL = null;
  521.   if (numSelected == 1) {
  522.     customizeURL = selectedNode.getAttribute('customize');
  523.   }
  524.   if (customizeURL == null || customizeURL == '') {
  525.     customize.setAttribute('disabled','true');
  526.   } else {
  527.     customize.removeAttribute('disabled');
  528.   }
  529.   // "Remove" button
  530.   if (numSelected == 0) {
  531.     remove.setAttribute('disabled','true');
  532.   } else {
  533.     remove.removeAttribute('disabled');
  534.   }
  535. }
  536.  
  537. // Check to see if the "current" panel list has changed.
  538. // If so, enable the save button.
  539. function enable_save() {
  540.   var root = document.getElementById('current-panels-root');
  541.   var panels = root.childNodes;  
  542.   var list_unchanged = (panels.length == original_panels.length);
  543.  
  544.   for (var ii = 0; ii < panels.length && list_unchanged; ii++) {
  545.     if (original_panels[ii] != panels.item(ii).getAttribute('id')) {
  546.       list_unchanged = false;
  547.     }
  548.   }
  549.   var save_button = document.getElementById('save_button');
  550.   if (list_unchanged) {
  551.     save_button.setAttribute('disabled','true');  
  552.   } else {
  553.     save_button.removeAttribute('disabled');
  554.   }
  555. }
  556.  
  557. function dump_attributes(node) {
  558.   var attributes = node.attributes
  559.  
  560.   if (!attributes || attributes.length == 0) {
  561.     debug("no attributes\n")
  562.   }
  563.   for (var ii=0; ii < attributes.length; ii++) {
  564.     var attr = attributes.item(ii)
  565.     debug("attr "+ii+": "+ attr.name +"="+attr.value)
  566.   }
  567. }
  568.  
  569.