git.roojs.org Git - Pman.Core/blob - widgets/GnumericWriter.js

   1 //<script type="text/javascript">
   2
   3 /*
   4 usage:
   5
   6 writer = new GnumericWriter(rooturl + '/FlexyShipping/templates/spreadsheets/base.gnumeric.xml', function(w) {
   7     w.setSheetName(document.getElementById('title').childNodes[0].nodeValue);
   8
   9     w.writeString(0,0, 'Summary for ' + document.getElementById('title').childNodes[0].nodeValue +
  10                 ' as of ' + document.getElementById('date').childNodes[0].nodeValue);
  11
  12
  13
  14     w.importGrid(grid, rows)
  15
  16     // post the form...
  17     return true; // will post the form.. false will stop it..
  18
  19 });
  20
  21
  22 cell information for auto tables:
  23
  24 <td xls:type="int|float|string">  (string default)
  25
  26 <td xls:Format="#,##0.00"  (2 decimal places) on a float
  27 <td xls:Format="0.00%">   percentage with float
  28 <td xls:Format="0%">   percentage (with no float)
  29
  30
  31
  32 -  added so the editor works..
  33
  34 */
  35 function GnumericWriter(cfg) { }
  36
  37 /*
  38 function GnumericWriter(cfg)
  39 {
  40         //alert(template);
  41     Roo.apply(this,cfg);
  42     var _this = this;
  43     if (!this.targetURL.length) {
  44         this.targetURL = baseURL + '/GnumericToExcel';
  45    }
  46
  47     if (!GnumericWriter.postform) {
  48         GnumericWriter.postform = Roo.get(document.body).createChild({
  49             tag: 'form',
  50             method: 'POST',
  51             //defaultaction : baseURL + '/GnumericToExcel',
  52             target : '_new'
  53         });
  54
  55         GnumericWriter.postxml = GnumericWriter.postform.createChild({
  56             tag: 'input', type: 'hidden', name: 'xml'
  57         });
  58         GnumericWriter.postformat = GnumericWriter.postform.createChild({
  59             tag: 'input', type: 'hidden', name: 'format', value: 'xls'
  60         });
  61         GnumericWriter.postdebug = GnumericWriter.postform.createChild({
  62             tag: 'input', type: 'hidden', name: 'debug', value: ''
  63         });
  64     }
  65
  66
  67
  68     Roo.Ajax.request({
  69         url : this.template,
  70         method : 'GET',
  71         success : function(resp, opts) {
  72             _this.init(resp.responseXML);
  73         }
  74     });
  75 }
  76 GnumericWriter.postform = false;
  77 GnumericWriter.postxml = false;
  78 GnumericWriter.postformat = false;
  79 GnumericWriter.postdebug = false;
  80
  81 Roo.apply(GnumericWriter.prototype, {
  82     format : 'xls',
  83     debug: 0,
  84     targetURL : '',
  85     afterInit: false,
  86     sheetName : 'unnamed',
  87     filename  : 'test.gnumeric',
  88     init : function(resp) {
  89         if (!resp) {
  90             alert('Failed to load ' + this.template);
  91         }
  92
  93         this.gnumeric        = resp;
  94
  95         //alert(this.gnumeric);
  96         //gmr:Sheet
  97         var g = this.gnumeric;
  98         this.worksheet       = Roo.isIE ? g.getElementsByTagName('gmr:Sheet')[0] :  g.getElementsByTagNameNS('*','Sheet')[0];
  99         this.workbook        = Roo.isIE ? g.getElementsByTagName('gmr:Workbook')[0] :  this.gnumeric.getElementsByTagNameNS('*','Workbook')[0];
 100         this.worksheet_cells = Roo.isIE ? g.getElementsByTagName('gmr:Cells')[0] :  this.worksheet.getElementsByTagNameNS('*','Cells')[0];
 101         this.merges          = false;
 102         this.widths          = new Array();
 103
 104
 105         // set some defaults....
 106         this.setSheetName(this.sheetName);
 107         if (!this.afterInit) {
 108             alert('GnumericWriter: no afterInit defined');
 109             return;
 110         }
 111         if (false === this.afterInit(this)) {
 112             return;
 113         };
 114         this.writeImages(); // which in turn posts the form..
 115     },
 116
 117
 118
 119
 120     toXML : function ()
 121     {
 122         if (Roo.isIE) {
 123             return this.gnumeric.xml;
 124         }
 125         var ser = new XMLSerializer();
 126         return ser.serializeToString(this.gnumeric);
 127     },
 128
 129     postForm : function ()  // post a form wit the contents..?
 130     {
 131         var form = GnumericWriter.postform.dom;
 132         //alert(form.action);
 133         if (!form) {
 134             alert('GnumericWriter: form not loaded yet?');
 135             return;
 136         }
 137         GnumericWriter.postxml.dom.setAttribute('value', this.toXML());
 138         GnumericWriter.postdebug.dom.setAttribute('value', this.debug);
 139         GnumericWriter.postformat.dom.setAttribute('value', this.format);
 140
 141
 142
 143         form.setAttribute('action', this.targetURL + '/' + this.filename);
 144         //alert( form.getAttribute('action'));
 145         form.submit();
 146
 147
 148     },
 149
 150
 151     setFileName : function(name)
 152     {
 153         this.filename = name;
 154     },
 155
 156     setSheetName: function(name)
 157     {
 158         // this doesnt work yet!!!
 159         //this.worksheet.setAttribute('name',name);
 160     },
 161
 162
 163
 164     setColumnWidth: function(col, width)
 165     {
 166         // <gmr:Cols DefaultSizePts="48">
 167         //   <gmr:ColInfo No="1" Unit="67.5" MarginA="2" MarginB="2" HardSize="1"/>
 168         // < /gmr:Cols>
 169        var g = this.gnumeric;
 170         var cols = Roo.isIE ? g.getElementsByTagName('gmr:Cols')[0] :  this.gnumeric.getElementsByTagNameNS('*','Cols')[0];
 171         var ri = this.gnumeric.createElement('gmr:ColInfo');
 172         ri.setAttribute('No', col);
 173         ri.setAttribute('Unit', width);
 174         ri.setAttribute('MarginA', 2);
 175         ri.setAttribute('MarginB', 2);
 176         ri.setAttribute('HardSize', 1);
 177         cols.appendChild(ri);
 178         this.widths[col+0] = width+0;
 179     },
 180
 181     setRowHeight: function(row,height)
 182     {
 183     //<gmr:Rows DefaultSizePts="12.75">
 184     //   <gmr:RowInfo No="2" Unit="38.25" MarginA="0" MarginB="0" HardSize="1"/>
 185     //  < /gmr:Rows>
 186         var g = this.gnumeric;
 187         var rows = Roo.isIE ? g.getElementsByTagName('gmr:Rows')[0] :  this.gnumeric.getElementsByTagNameNS('*','Rows')[0];
 188         var ri = this.gnumeric.createElement('gmr:RowInfo');
 189         ri.setAttribute('No', row);
 190         ri.setAttribute('Unit', height);
 191         ri.setAttribute('MarginA', 0);
 192         ri.setAttribute('MarginB', 0);
 193         ri.setAttribute('HardSize', 1);
 194         rows.appendChild(ri);
 195     },
 196
 197
 198     writeString: function (x,y,string)
 199     {
 200
 201         var cell = this.gnumeric.createElement('gmr:Cell');
 202         cell.setAttribute('Row',y);
 203         cell.setAttribute('Col',x);
 204         cell.setAttribute('ValueType',60); // a string.
 205
 206         var cell_value = this.gnumeric.createTextNode(string);
 207         cell.appendChild(cell_value);
 208         this.worksheet_cells.appendChild(cell);
 209     },
 210    // not sure what this is for..
 211     mergeRegion: function(col1,row1,col2,row2)
 212     {
 213         var cell = this.gnumeric.createElement('gmr:Merge');
 214         var cell_value = this.gnumeric.createTextNode(
 215             this.colRowToName(row1,col1) + ':' + this.colRowToName(row2,col2)
 216         );
 217         cell.appendChild(cell_value);
 218
 219         //var merges = this.gnumeric.getElementsByTagNameNS('*','MergedRegions');
 220         var g = this.gnumeric;
 221         if (!this.merges) {
 222             this.merges = this.gnumeric.createElement('gmr:MergedRegions');
 223             var sl = Roo.isIE ? g.getElementsByTagName('gmr:SheetLayout')[0] : this.gnumeric.getElementsByTagNameNS('*','SheetLayout')[0];
 224
 225             this.worksheet.insertBefore(this.merges,sl);
 226         }
 227         this.merges.appendChild(cell);
 228
 229     },
 230
 231     //
 232      // -- you may want to load with all the data.. if paged...
 233      // grid = grid object
 234      // row = grid.getSelectionModel.getSelected()
 235     // or
 236      // row = grid.getDataSource().getRange(0, grid.getDataSource().getCount());
 237      //
 238      //
 239
 240
 241     importGrid: function(cfgIn)
 242     {
 243         var _this = this;
 244         var cfg = {
 245             grid: false,
 246             rows : [],
 247             rowOffset : 0,
 248             colOffset : 0,
 249             colModel : cfgIn.grid.getColumnModel().config
 250         };
 251         Roo.apply(cfg, cfgIn);
 252
 253
 254         if (!cfg.grid) {
 255             alert('no grid selected.');
 256             return;
 257         }
 258
 259         var _ds = cfg.grid.getDataSource();
 260
 261         // get the grid column model.. - and use for headings..
 262
 263         Roo.each(cfg.colModel, function(c,col) {
 264             _this.setColumnWidth(col,c.width);
 265             //this.setRowHeight(0, 0 + col.getAttribute('xls:height'));
 266             var cell = _this.gnumeric.createElement('gmr:Cell');
 267             cell.setAttribute('Row',0);
 268             cell.setAttribute('Col',col);
 269             cell.setAttribute('ValueType',60); // string!!!!
 270             var cell_value = _this.gnumeric.createTextNode(c.header);
 271             cell.appendChild(cell_value);
 272             _this.worksheet_cells.appendChild(cell);
 273         });
 274
 275
 276         Roo.each(cfg.rows, function(r,rownum) {
 277
 278             Roo.each(cfg.colModel, function(c,col) {
 279                     var val = r.get(c.dataIndex);
 280                     if (typeof(val) == 'undefined') {
 281                         return;
 282                     }
 283
 284                     var cell = _this.gnumeric.createElement('gmr:Cell');
 285                     cell.setAttribute('Row',rownum+1);
 286                     cell.setAttribute('Col',col);
 287
 288                     if (c.gRenderer) {
 289                         // then - just use the datasource
 290                         //cell.setAttribute('ValueType',60); // string!!!!
 291                         if (false === c.gRenderer(_this, val, r, cell, rownum+1, col)) {
 292                             return;
 293                         }
 294                         //cell.appendChild(cell_value);
 295                         _this.worksheet_cells.appendChild(cell);
 296                         var lb = _this.gnumeric.createTextNode('\n');
 297                         _this.worksheet_cells.appendChild(lb);
 298                         return;
 299                     }
 300                     // otherwise use the details..
 301
 302
 303
 304                     var cell_cfg = _ds.getAt(0).fields.get(c.dataIndex);
 305                     switch(cell_cfg.type) {
 306                         case 'int':
 307                             cell.setAttribute('ValueType',30);
 308                             break;
 309                         case 'float':
 310                             cell.setAttribute('ValueType',40);
 311                             break;
 312                         case 'date':
 313                             cell.setAttribute('ValueType',30);
 314                             cell.setAttribute('ValueFormat','d/mmm/yyyy');
 315                             val = '' + Math.round((val.getTime() -
 316                                 Date.UTC(1899,11,30)) / (24 * 60 * 60 * 1000));
 317                             break;
 318                         default: // string
 319                             cell.setAttribute('ValueType',60);
 320                             break;
 321                     }
 322
 323                     var cell_value = _this.gnumeric.createTextNode(val);
 324                     cell.appendChild(cell_value);
 325                     _this.worksheet_cells.appendChild(cell);
 326                     var lb = _this.gnumeric.createTextNode('\n');
 327                     _this.worksheet_cells.appendChild(lb);
 328             });
 329
 330         });
 331
 332
 333
 334
 335     },
 336
 337
 338     newStyle: function(cfg)
 339     {
 340         return new GnumericWriter.Style(this, cfg);
 341     },
 342
 343
 344
 345     colRowToName: function(row,col)
 346     {
 347         // we dont support > 26 cols yet!
 348
 349         return String.fromCharCode(65+col) + (row + 1);
 350     },
 351     //
 352      // writeImages([
 353      //   { row: 0, col: 0, url: xxx, data: xxx, width: xxx, height: yyy }
 354      // ]);
 355      //
 356      ///
 357     writeImages: function()
 358     {
 359         this.images = this.images ||  [];
 360         var ar = this.images;
 361         if (!ar.length) {
 362             this.postForm();
 363             return;
 364         }
 365         Roo.MessageBox.show({
 366            title: 'Please wait...",
 367            msg: "Adding Images...",
 368            width:350,
 369            progress:true,
 370            closable:false
 371
 372         });
 373         var i =0;
 374         var _this = this;
 375         var wis = function () {
 376             if (i == ar.length) {
 377                 Roo.MessageBox.hide();
 378                 _this.postForm();
 379                 return;
 380             }
 381             Roo.MessageBox.updateProgress(
 382                 (i+1)/ar.length,  'Adding Image ' + (i+1) +  ' of ' + ar.length
 383             );
 384
 385
 386             var c = ar[i];
 387             i++;
 388             Roo.Ajax.request({
 389                 url : c.url,
 390                 method : 'GET',
 391                 success : function(resp, opts) {
 392                     c.data = resp.responseText;
 393                     _this.writeImage(c);
 394                     wis();
 395                 },
 396                 failure: function()
 397                 {
 398                     // error condition!?!?
 399                     wis();
 400                 }
 401
 402             });
 403
 404
 405
 406         };
 407         wis();
 408
 409
 410
 411     },
 412     images : false,
 413     addImage: function(cfg) {
 414         this.images = this.images ||  [];
 415         this.images.push(cfg);
 416     },
 417
 418     writeImage: function(cfg)
 419     {
 420
 421         // our default height width is 50/50 ?!
 422         //console.log('w='+width+',height='+height);
 423                 //        <gmr:Objects>
 424         this.setRowHeight(cfg.row,cfg.height);
 425         var g =  this.gnumeric;
 426         var objs = Roo.isIE ? g.getElementsByTagName('gmr:Objects')[0] : this.gnumeric.getElementsByTagNameNS('*','Objects')[0];
 427         var soi = this.gnumeric.createElement('gmr:SheetObjectImage');
 428
 429         //<gmr:SheetObjectImage
 430         //      ObjectBound="A3:J8"
 431         //      ObjectOffset="0.375 0.882 0.391 0.294"
 432         //      ObjectAnchorType="16 16 16 16"
 433         //      Direction="17"
 434         //      crop-top="0.000000"
 435         //      crop-bottom="0.000000"
 436         //      crop-left="0.000000"
 437         //      crop-right="0.000000">
 438
 439
 440         //alert(gnumeric_colRowToName(row,col));
 441
 442         // this is where we really have fun!!!...
 443         // since our design currently assumes the height is enough to fit
 444         // stuff in, we only really need to work out how wide it has to be..
 445
 446         // note we should probably use centralized calcs if it fits in the first cell!
 447
 448         // step 1 - work out how many columns it will span..
 449         // lets hope the spreadsheet is big enought..
 450         var colwidth = this.widths[cfg.col];
 451         //
 452         //for (var endcoll=cfg.col;endcol <100; endcol++) {
 453          //   if (!this.widths[endcol]) {
 454           //      this.widths[endcol] = 100; // eak fudge
 455          //   }
 456          //   colwidth += this.widths[endcol];
 457          //   if (colwidth > cfg.width) {
 458          //       break;
 459          //   }
 460        // }
 461         //
 462         soi.setAttribute('ObjectBound',
 463             this.colRowToName(cfg.row,cfg.col)
 464         );
 465             //gnumeric_colRowToName(row,col) + ':' + gnumeric_colRowToName(row+1,col+1));
 466             //this.colRowToName(cfg.row,cfg.col) + ':' + this.colRowToName(cfg.row,endcol));
 467
 468         var ww = 0.01; // offset a bit...
 469         var hh = 0.01; //
 470
 471         // cfg/widths == % of cell taken up..
 472         // 1/1 = all of image.. so we should say '1'
 473         // 50/100 = 50%  -> say '0.5'
 474         //  1/100 => 1% say 0.01 ?
 475
 476         var ww2 = (cfg.width *0.1/ this.widths[cfg.col]*0.1);
 477         var hh2 = 0.99;
 478
 479         var offset_str = ww + ' '  + hh + ' ' + ww2 + ' '+hh2;
 480         //console.log(offset_str );
 481         //alert(offset_str);
 482         soi.setAttribute('ObjectOffset', offset_str);
 483         soi.setAttribute('ObjectAnchorType','16 16 16 16');
 484         soi.setAttribute('Direction','17');
 485         soi.setAttribute('crop-top','0.000000');
 486         soi.setAttribute('crop-bottom','0.000000');
 487         soi.setAttribute('crop-left','0.000000');
 488         soi.setAttribute('crop-right','0.000000');
 489                 // <Content image-type="jpeg" size-bytes="3900">......  < / Content>
 490         var content = this.gnumeric.createElement('Content');
 491         content.setAttribute('image-type','jpeg');
 492
 493         content.setAttribute('size-bytes', cfg.data.length);
 494
 495         var body = this.gnumeric.createTextNode(cfg.data) ;
 496         content.appendChild(body);
 497         soi.appendChild(content);
 498         objs.appendChild(soi);
 499         return true;
 500                 //< /gmr:SheetObjectImage>
 501                 // < /gmr:Objects>
 502
 503     },
 504
 505
 506     cleanHtml: function(str)
 507     {
 508         var ret = str;
 509         ret = ret.replace(/&nbsp;/g,'.');
 510         ret = ret.replace(/\n/g,'.');
 511         ret = ret.replace(/\r/g,'.');
 512         var i;
 513         while (-1 != (i = ret.indexOf(unescape('%A0')))) {
 514             ret = ret.substring(0,i) + ' ' + ret.substring(i+1,str.length);
 515         }
 516         return ret;
 517
 518     }
 519
 520 });
 521
 522
 523 GnumericWriter.Style = function (gnumeric,cfg)
 524     {
 525         cfg = cfg || {};
 526
 527         this.gnumeric = gnumeric.gnumeric;
 528
 529         this.HAlign             = 1;
 530         this.VAlign             = 1;
 531         this.WrapText           = 0;  // set to 1 for wrapping...
 532         this.ShrinkToFit        = 0;
 533         this.Rotation           = 0;
 534         this.Shade              = 0;  // set to 1 for fill?
 535         this.Indent             = 0;
 536         this.Locked             = 0;
 537         this.Hidden             = 0;
 538         this.Fore               = '0:0:0';
 539         this.Back               = 'FFFF:FFFF:FFFF';
 540         this.PatternColor       = '0:0:0';
 541         this.Format             = 'General';
 542         // dubious - font as it's own objecT???
 543         this.FontUnit           = 10;
 544         this.FontBold           = 0;
 545         this.FontItalic         = 0;
 546         this.FontUnderline      = 0;
 547         this.FontStrikeThrough  = 0;
 548         this.FontName           = 'Sans'; // or .. ."Courier New"
 549         // borders
 550         this.Style              = 0; // set to 1 to set all styles...
 551         this.StyleColor         = '';
 552
 553         this.TopStyle           = 0;
 554         this.TopStyleColor      = '';
 555         this.BottomStyle        = 0;
 556         this.BottomStyleColor   = '';
 557         this.LeftStyle          = 0;
 558         this.LeftStyleColor     = '';
 559         this.RightStyle         = 0;
 560         this.RightStyleColor    = '';
 561         Roo.apply(this, cfg);
 562
 563
 564
 565         // methods...
 566
 567 }
 568 Roo.apply(   GnumericWriter.Style.prototype, {
 569
 570
 571     toString : function()
 572     {
 573         var ret = '';
 574         t = this;
 575         for (var i in t) {
 576             if ((t[i]+'').match(/function/)) {
 577                 continue;
 578             }
 579             ret += i + '=' +  t[i] + '\n';
 580         }
 581         return ret;
 582
 583     },
 584
 585     rgbToHex : function(str)
 586     {
 587         str = str.replace(/[^0-9,]+/g,'');
 588
 589         var bits = str.split(',');
 590         return '' + (bits[0]*256).toString(16) +
 591             ':'  +
 592             ((bits.length > 2) ? (bits[1]*256).toString(16) : '00') +
 593             ':'  +
 594             ((bits.length > 2) ? (bits[2]*256).toString(16) : '00');
 595
 596     },
 597
 598     debugNode : function(node)
 599     {
 600         var s = document.defaultView.getComputedStyle(node, '');
 601
 602
 603         var str = '';
 604         for (var i in s) {
 605             if ((s[i] + '').match(/function/)) { continue; }
 606             str += i + '=' + s[i] + '<br>';
 607         }
 608         document.write('xls:debug = Note, outputing this, will skew the results \n' +  str);
 609         return;
 610     },
 611
 612     setFrom : function(node)
 613     {
 614         var ret = false;
 615         var style = document.defaultView.getComputedStyle(node, '');
 616
 617
 618
 619         var sides = new Array( 'Left' , 'Right', 'Top' , 'Bottom' );
 620         for (var i in sides) {
 621             var side = sides[i];
 622
 623             if (style['border'+side+'Style'] == 'solid') {
 624                 this[side+'Style']           = 1;
 625                 this[side+'StyleColor']      = this.rgbToHex(style['border'+side+'Color']);
 626                 ret = true;
 627             }
 628         }
 629
 630         // alignment:
 631         switch(style.textAlign) {
 632             case 'center':
 633                 this.HAlign             = 8;
 634                 ret = true;
 635                 break;
 636             case 'start':
 637                 this.HAlign             = 0;
 638                 ret = true;
 639                 break;
 640             default:
 641                 this.HAlign             = 1;
 642                 ret = true;
 643                 break;
 644         }
 645
 646         if (style.verticalAlign  != 'middle') {
 647             // eak what?
 648             this.VAlign             = 1;
 649             ret = true;
 650         }
 651         if ((style.backgroundColor != 'rgb(255, 255, 255)') &&
 652             style.backgroundColor.match(/rgb/))
 653         {
 654             this.Back               = this.rgbToHex(style.backgroundColor);
 655             this.Shade              = 1;  // set to 1 for fill?
 656             ret = true;
 657         }
 658         if ((style.color != 'rgb(0, 0, 0)') &&
 659             style.color.match(/rgb/))
 660         {
 661             this.Fore               = this.rgbToHex(style.color);
 662             ret = true;
 663         }
 664
 665         // font stuff.. - only valid if you specify a specific font!
 666         if (node.getAttribute('xls:debug')) {
 667             alert( style['fontFamily'] + ' : ' + (  (style.fontFamily + '').match(/xls/) ? 'isxls' : 'not xls'));
 668         }
 669         if (style.fontFamily.match(/xls/)) {
 670
 671             this.FontUnit           = style.fontSize.replace(/[^0-9.]+/g,'');
 672             this.FontBold           = (style.fontWeight == 'bold') ? 1 : 0;
 673             this.FontItalic         = (style.fontStyle == 'italic') ? 1 : 0;
 674             //this.FontUnderline      = 0;
 675             //this.FontStrikeThrough  = 0;
 676             this.FontName           = style.fontFamily.split(',')[0];
 677             ret = true;
 678         }
 679
 680
 681
 682         var t = this;
 683         for (var i in t) {
 684             if (node.getAttribute('xls:'+i)) {
 685                 this[i] = node.getAttribute('xls:'+i);
 686                 ret = true;
 687             }
 688         }
 689         if (ret && this.Style > 0) {
 690             this.TopStyle           = this.Style;
 691             this.TopStyleColor      = this.StyleColor;
 692             this.BottomStyle        = this.Style;
 693             this.BottomStyleColor   = this.StyleColor;
 694             this.LeftStyle          = this.Style;
 695             this.LeftStyleColor     = this.StyleColor;
 696             this.RightStyle         = this.Style;
 697             this.RightStyleColor    = this.StyleColor;
 698         }
 699         if (node.getAttribute('xls:debug')) {
 700             alert(node.innerHTML + ':' + ret + '\n' + this.toString());
 701         }
 702         if (node.getAttribute('xls:debug')) {
 703             //alert(style.fontFamily);
 704              GnumericWriter_Style_debugNode(node);
 705         }
 706         return ret;
 707     },
 708
 709
 710     add : function(startCol, startRow, endCol, endRow)
 711     {
 712
 713
 714         //  <gmr:StyleRegion startCol="4" startRow="13" endCol="4" endRow="13">
 715         //       <gmr:Style HAlign="1" VAlign="1" WrapText="1" ShrinkToFit="0" Rotation="0" Shade="1" Indent="0" Locked="0" Hidden="0" Fore="FFFF:0:0" Back="CCCC:FFFF:FFFF" PatternColor="0:0:0" Format="General">
 716         //         <gmr:Font Unit="8" Bold="0" Italic="1" Underline="0" StrikeThrough="0">Courier New</gmr:Font>
 717         //         <gmr:StyleBorder>
 718         //           <gmr:Top Style="0"/>
 719         //           <gmr:Bottom Style="1" Color="0:0:0"/>
 720         //           <gmr:Left Style="0"/>
 721         //           <gmr:Right Style="1" Color="0:0:0"/>
 722         //           <gmr:Diagonal Style="0"/>
 723         //           <gmr:Rev-Diagonal Style="0"/>
 724         //         </gmr:StyleBorder>
 725         //       </gmr:Style>
 726         //</gmr:StyleRegion>
 727
 728         sr   = this.gnumeric.createElement('gmr:StyleRegion');
 729         s    = this.gnumeric.createElement('gmr:Style');
 730         f    = this.gnumeric.createElement('gmr:Font');
 731         sb   = this.gnumeric.createElement('gmr:StyleBorder');
 732         sbt  = this.gnumeric.createElement('gmr:Top');
 733         sbb  = this.gnumeric.createElement('gmr:Bottom');
 734         sbl  = this.gnumeric.createElement('gmr:Left');
 735         sbr  = this.gnumeric.createElement('gmr:Right');
 736         sbd  = this.gnumeric.createElement('gmr:Diagonal');
 737         sbrd = this.gnumeric.createElement('gmr:Rev-Diagonal');
 738         fn   = this.gnumeric.createTextNode(this.FontName);
 739
 740
 741         sr.setAttribute('startCol',startCol);
 742         sr.setAttribute('startRow',startRow);
 743         sr.setAttribute('endCol',endCol);
 744         sr.setAttribute('endRow',endRow);
 745
 746
 747         s.setAttribute('HAlign',this.HAlign);
 748         s.setAttribute('VAlign',this.VAlign);
 749         s.setAttribute('WrapText',this.WrapText);
 750         s.setAttribute('ShrinkToFit',this.ShrinkToFit);
 751         s.setAttribute('Rotation',this.Rotation);
 752         s.setAttribute('Shade',this.Shade);
 753         s.setAttribute('Indent',this.Indent);
 754         s.setAttribute('Locked',this.Locked);
 755         s.setAttribute('Hidden',this.Hidden);
 756         s.setAttribute('Fore',this.Fore);
 757         s.setAttribute('Back',this.Back);
 758         s.setAttribute('PatternColor',this.PatternColor);
 759         s.setAttribute('Format',this.Format);
 760
 761
 762         f.setAttribute('Unit',    this.FontUnit );
 763         f.setAttribute('Bold',   this.FontBold);
 764         f.setAttribute('Italic',   this.FontItalic);
 765         f.setAttribute('Underline',   this.FontUnderline);
 766         f.setAttribute('StrikeThrough',   this.FontStrikeThrough);
 767
 768
 769
 770
 771
 772         sbt.setAttribute('Style',  this.TopStyle);
 773         if (this.TopStyle > 0) sbt.setAttribute('Color',  this.TopStyleColor);
 774
 775         sbb.setAttribute('Style',  this.BottomStyle);
 776         if (this.BottomStyle > 0) sbb.setAttribute('Color',  this.BottomStyleColor);
 777
 778         sbl.setAttribute('Style',  this.LeftStyle);
 779         if (this.LeftStyle > 0) sbl.setAttribute('Color',  this.LeftStyleColor);
 780
 781         sbr.setAttribute('Style',  this.RightStyle);
 782         if (this.RightStyle > 0) sbr.setAttribute('Color',  this.RightStyleColor);
 783
 784         sbd.setAttribute('Style',  0);
 785         sbrd.setAttribute('Style',  0);
 786
 787         // now add them all together!!!
 788         sb.appendChild(sbt);
 789         sb.appendChild(sbb);
 790         sb.appendChild(sbl);
 791         sb.appendChild(sbr);
 792         sb.appendChild(sbd);
 793         sb.appendChild(sbrd);
 794         s.appendChild(sb);
 795         f.appendChild(fn);
 796         s.appendChild(f);
 797         sr.appendChild(s);
 798
 799         // .. this will only hit the first occurance!!!
 800         var g = this.gnumeric;
 801
 802         var styles = Roo.isIE ? g.getElementsByTagName('gmr:Styles')[0] : this.gnumeric.getElementsByTagNameNS('*','Styles')[0];
 803
 804         // and finally to the document..
 805         styles.appendChild(sr);
 806
 807     }
 808 });
 809        */