butcherman /
Tech_Bench
| @@ 5868-5886 (lines=19) @@ | ||
| 5865 | } |
|
| 5866 | return this._color; |
|
| 5867 | }, |
|
| 5868 | renderHtml: function () { |
|
| 5869 | var self = this; |
|
| 5870 | var id = self._id; |
|
| 5871 | var prefix = self.classPrefix; |
|
| 5872 | var hueHtml; |
|
| 5873 | var stops = '#ff0000,#ff0080,#ff00ff,#8000ff,#0000ff,#0080ff,#00ffff,#00ff80,#00ff00,#80ff00,#ffff00,#ff8000,#ff0000'; |
|
| 5874 | function getOldIeFallbackHtml() { |
|
| 5875 | var i, l, html = '', gradientPrefix, stopsList; |
|
| 5876 | gradientPrefix = 'filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='; |
|
| 5877 | stopsList = stops.split(','); |
|
| 5878 | for (i = 0, l = stopsList.length - 1; i < l; i++) { |
|
| 5879 | html += '<div class="' + prefix + 'colorpicker-h-chunk" style="' + 'height:' + 100 / l + '%;' + gradientPrefix + stopsList[i] + ',endColorstr=' + stopsList[i + 1] + ');' + '-ms-' + gradientPrefix + stopsList[i] + ',endColorstr=' + stopsList[i + 1] + ')' + '"></div>'; |
|
| 5880 | } |
|
| 5881 | return html; |
|
| 5882 | } |
|
| 5883 | var gradientCssText = 'background: -ms-linear-gradient(top,' + stops + ');' + 'background: linear-gradient(to bottom,' + stops + ');'; |
|
| 5884 | hueHtml = '<div id="' + id + '-h" class="' + prefix + 'colorpicker-h" style="' + gradientCssText + '">' + getOldIeFallbackHtml() + '<div id="' + id + '-hp" class="' + prefix + 'colorpicker-h-marker"></div>' + '</div>'; |
|
| 5885 | return '<div id="' + id + '" class="' + self.classes + '">' + '<div id="' + id + '-sv" class="' + prefix + 'colorpicker-sv">' + '<div class="' + prefix + 'colorpicker-overlay1">' + '<div class="' + prefix + 'colorpicker-overlay2">' + '<div id="' + id + '-svp" class="' + prefix + 'colorpicker-selector1">' + '<div class="' + prefix + 'colorpicker-selector2"></div>' + '</div>' + '</div>' + '</div>' + '</div>' + hueHtml + '</div>'; |
|
| 5886 | } |
|
| 5887 | }); |
|
| 5888 | ||
| 5889 | var DropZone = Widget.extend({ |
|
| @@ 5686-5704 (lines=19) @@ | ||
| 5683 | } |
|
| 5684 | return this._color; |
|
| 5685 | }, |
|
| 5686 | renderHtml: function () { |
|
| 5687 | var self = this; |
|
| 5688 | var id = self._id; |
|
| 5689 | var prefix = self.classPrefix; |
|
| 5690 | var hueHtml; |
|
| 5691 | var stops = '#ff0000,#ff0080,#ff00ff,#8000ff,#0000ff,#0080ff,#00ffff,#00ff80,#00ff00,#80ff00,#ffff00,#ff8000,#ff0000'; |
|
| 5692 | function getOldIeFallbackHtml() { |
|
| 5693 | var i, l, html = '', gradientPrefix, stopsList; |
|
| 5694 | gradientPrefix = 'filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='; |
|
| 5695 | stopsList = stops.split(','); |
|
| 5696 | for (i = 0, l = stopsList.length - 1; i < l; i++) { |
|
| 5697 | html += '<div class="' + prefix + 'colorpicker-h-chunk" style="' + 'height:' + 100 / l + '%;' + gradientPrefix + stopsList[i] + ',endColorstr=' + stopsList[i + 1] + ');' + '-ms-' + gradientPrefix + stopsList[i] + ',endColorstr=' + stopsList[i + 1] + ')' + '"></div>'; |
|
| 5698 | } |
|
| 5699 | return html; |
|
| 5700 | } |
|
| 5701 | var gradientCssText = 'background: -ms-linear-gradient(top,' + stops + ');' + 'background: linear-gradient(to bottom,' + stops + ');'; |
|
| 5702 | hueHtml = '<div id="' + id + '-h" class="' + prefix + 'colorpicker-h" style="' + gradientCssText + '">' + getOldIeFallbackHtml() + '<div id="' + id + '-hp" class="' + prefix + 'colorpicker-h-marker"></div>' + '</div>'; |
|
| 5703 | return '<div id="' + id + '" class="' + self.classes + '">' + '<div id="' + id + '-sv" class="' + prefix + 'colorpicker-sv">' + '<div class="' + prefix + 'colorpicker-overlay1">' + '<div class="' + prefix + 'colorpicker-overlay2">' + '<div id="' + id + '-svp" class="' + prefix + 'colorpicker-selector1">' + '<div class="' + prefix + 'colorpicker-selector2"></div>' + '</div>' + '</div>' + '</div>' + '</div>' + hueHtml + '</div>'; |
|
| 5704 | } |
|
| 5705 | }); |
|
| 5706 | ||
| 5707 | var DropZone = Widget.extend({ |
|
