dacelo/javascripts/application.js

   1 /*
   2  *      = Javascripts
   3  *
   4  *      All application-specific Javascripts including objects and methods.
   5  *
   6  */
   7
   8 // DynLoader
   9 function dynload_tt(node, frag) {
  10         new Ajax.Request('file:///Users/mtodd/Sites/maraby/dacelo/'+frag+'.html', {
  11                 method: 'get',
  12                 onSuccess: function(transport) {
  13                         $('dynload').appendChild(new Element('div').update(transport.responseText));
  14                         new Tooltip(node, $(frag));
  15                 }
  16         });
  17 }
  18 function dynload_tt_omo(e) {
  19         node = Event.element(e).parentNode;
  20         frag = $w(node.className).reject(function(klass){return klass == 'type'})[0];
  21         new Ajax.Request('file:///Users/mtodd/Sites/maraby/dacelo/'+frag+'.html', {
  22                 method: 'get',
  23                 onSuccess: function(transport) {
  24                         $('dynload').appendChild(new Element('div').update(transport.responseText));
  25                         Event.stopObserving(node, 'mouseover', dynload_tt_omo);
  26                         tt = new Tooltip(node, $(frag));
  27                         tt.showTooltip(e);
  28                 }
  29         });
  30 }
  31
  32 // Tabs
  33 var tabView = new YAHOO.widget.TabView('tabs');
  34
  35 // DataTables
  36 YAHOO.util.Event.addListener(window, "load", function() {
  37   YAHOO.example.EnhanceFromMarkup = new function() {
  38     var myColumnDefs = [
  39       {key:"hub_id", label:"Hub ID", formatter:YAHOO.widget.DataTable.formatNumber, sortable:true},
  40       {key:"service_tag", label:"Service Tag", sortable:true},
  41       {key:"asset_type", label:"Asset Type", sortable:true},
  42       {key:"state", label:"State", sortable:true},
  43       {key:"location", label:"Location", sortable:true},
  44       {key:"actions", label:"", sortable:false}
  45     ];
  46     this.myDataSource = new YAHOO.util.DataSource(YAHOO.util.Dom.get("assets"));
  47     this.myDataSource.responseType = YAHOO.util.DataSource.TYPE_HTMLTABLE;
  48     this.myDataSource.responseSchema = {
  49       fields: [{key:"hub_id"},
  50         {key:"service_tag"},
  51         {key:"asset_type"},
  52         {key:"state"},
  53         {key:"location"},
  54         {key:"actions"}
  55       ]
  56     };
  57     this.myDataTable = new YAHOO.widget.DataTable("assets-view", myColumnDefs, this.myDataSource, {sortedBy:{key:"service_tag",dir:"desc"}});
  58   };
  59 });
  60
  61 // Tooltips
  62 Event.observe(window,"load",function() {
  63         $$("span.location").each(function(node){
  64                 location_tt = $w(node.className).reject(function(klass){return klass == 'location'})[0];
  65                 new Tooltip(node, $(location_tt));
  66         });
  67         $$("span.client").each(function(node){
  68                 client_tt = $w(node.className).reject(function(klass){return klass == 'client'})[0];
  69                 new Tooltip(node, $(client_tt));
  70         });
  71         // $$("span.type").each(function(node){
  72         //      // get the type name
  73         //      type_tt = $w(node.className).reject(function(klass){return klass == 'type'})[0];
  74         //      dynload_tt(node, type_tt);
  75         // });
  76         $$("span.type").each(function(node){
  77                 node.observe('mouseover', dynload_tt_omo);
  78                 // $('dynload').appendChild(new Element('div', {id:"dell-d820"});
  79         });
  80 });