(ed)
| 574 | }); |
| 575 | } |
| 576 | function colorSettings(ed) { |
| 577 | // get current settings |
| 578 | var sd = $('<span style="display:none" class="mergely ch d lhs start end">C</span>'); |
| 579 | var sa = $('<span style="display:none" class="mergely bg a rhs start end">C</span>'); |
| 580 | var sc = $('<span style="display:none" class="mergely c rhs start end">C</span>'); |
| 581 | $('body').append(sd); |
| 582 | $('body').append(sa); |
| 583 | $('body').append(sc); |
| 584 | var conf = { |
| 585 | 'c-border': {id: '#c-border', getColor: function() { return sc.css('border-top-color'); }, setColor: function(color) { $('#'+this.id).val(color) }}, |
| 586 | 'c-bg': {id: '#c-bg', getColor: function() { return sc.css('background-color'); }, setColor: function(color) { $('#'+this.id).val(color) }}, |
| 587 | 'a-border': {id: '#a-border', getColor: function() { return sa.css('border-top-color'); }, setColor: function(color) { $('#'+this.id).val(color) }}, |
| 588 | 'a-bg': {id: '#a-bg', getColor: function() { return sa.css('background-color'); }, setColor: function(color) { $('#'+this.id).val(color) }}, |
| 589 | 'd-border': {id: '#d-border', getColor: function() { return sd.css('border-top-color'); }, setColor: function(color) { $('#'+this.id).val(color) }}, |
| 590 | 'd-bg': {id: '#d-bg', getColor: function() { return sd.css('background-color'); }, setColor: function(color) { $('#'+this.id).val(color) }} |
| 591 | }; |
| 592 | $.each(conf, function(key, item){$(item.id).val(item.getColor()); }); |
| 593 | var f = $.farbtastic('#picker'); |
| 594 | $('.colorwell').each(function(){ f.linkTo(this); }).focus(function(){ |
| 595 | var tthis = $(this); |
| 596 | f.linkTo(this); |
| 597 | var item = conf[tthis.attr('id')]; |
| 598 | f.setColor(item.getColor()); |
| 599 | }); |
| 600 | |
| 601 | $('#dialog-colors').dialog({ |
| 602 | width: 490, modal: true, |
| 603 | buttons: { |
| 604 | Apply: function() { |
| 605 | var cborder = $('#c-border').val(); |
| 606 | var aborder = $('#a-border').val(); |
| 607 | var dborder = $('#d-border').val(); |
| 608 | var abg = $('#a-bg').val(); |
| 609 | var dbg = $('#d-bg').val(); |
| 610 | var cbg = $('#c-bg').val(); |
| 611 | var textCss = makeColorCss(cborder, cbg, aborder, abg, dborder, dbg); |
| 612 | applyColorCss(textCss, cborder, cbg, aborder, abg, dborder, dbg, true); |
| 613 | }, |
| 614 | Reset: function() { |
| 615 | }, |
| 616 | Close: function() { |
| 617 | $(this).dialog('close'); |
| 618 | } |
| 619 | } |
| 620 | }); |
| 621 | } |
| 622 | function makeColorCss(changeBorder, changeBackground, addedBorder, addedBackground, deletedBorder, deletedBackground) { |
| 623 | var text = |
| 624 | '.mergely.a.rhs.start{border-top-color:' + addedBorder + ';}\n\ |
no test coverage detected