@ -21,7 +21,7 @@ BI.HexColorPickerEditor = BI.inherit(BI.Widget, {
render : function ( ) {
render : function ( ) {
var self = this , o = this . options , c = this . constants ;
var self = this , o = this . options , c = this . constants ;
this . storeValue = { } ;
this . storeValue = { } ;
var RGB = BI . createItems ( [ { text : "R" } , { text : "G" } , { text : "B" } ] , {
var RGB = BI . createItems ( [ { text : "R" } , { text : "G" } , { text : "B" } ] , {
type : "bi.label" ,
type : "bi.label" ,
cls : "color-picker-editor-label" ,
cls : "color-picker-editor-label" ,
height : 20
height : 20
@ -33,14 +33,15 @@ BI.HexColorPickerEditor = BI.inherit(BI.Widget, {
var Ws = BI . map ( BI . range ( 0 , 3 ) , function ( ) {
var Ws = BI . map ( BI . range ( 0 , 3 ) , function ( ) {
return {
return {
type : "bi.small_text_editor" ,
type : "bi.small_text_editor" ,
cls : "color-picker-editor-input" ,
cls : "color-picker-editor-input bi-border-radius " ,
validationChecker : checker ,
validationChecker : checker ,
errorText : BI . i18nText ( "BI-Color_Picker_Error_Text" ) ,
errorText : BI . i18nText ( "BI-Color_Picker_Error_Text" ) ,
allowBlank : true ,
allowBlank : true ,
value : 255 ,
value : 255 ,
width : c . RGB _WIDTH ,
width : c . RGB _WIDTH ,
height : 24 ,
height : 24 ,
listeners : [ {
listeners : [
{
eventName : BI . TextEditor . EVENT _CHANGE ,
eventName : BI . TextEditor . EVENT _CHANGE ,
action : function ( ) {
action : function ( ) {
self . _checkEditors ( ) ;
self . _checkEditors ( ) ;
@ -49,33 +50,39 @@ BI.HexColorPickerEditor = BI.inherit(BI.Widget, {
self . fireEvent ( BI . ColorPickerEditor . EVENT _CHANGE ) ;
self . fireEvent ( BI . ColorPickerEditor . EVENT _CHANGE ) ;
}
}
}
}
} ]
}
]
} ;
} ;
} ) ;
} ) ;
return {
return {
type : "bi.absolute" ,
type : "bi.absolute" ,
items : [ {
items : [
{
el : {
el : {
type : "bi.vertical" ,
type : "bi.vertical" ,
tgap : 10 ,
tgap : 10 ,
items : [ {
items : [
{
type : 'bi.vertical_adapt' ,
type : 'bi.vertical_adapt' ,
columnSize : [ "fill" , 'fill' ] ,
columnSize : [ "fill" , 'fill' ] ,
height : 24 ,
height : 24 ,
items : [ {
items : [
{
type : "bi.color_picker_show_button" ,
type : "bi.color_picker_show_button" ,
cls : "trans-color-icon" ,
cls : "trans-color-icon" ,
height : 22 ,
height : 22 ,
title : BI . i18nText ( "BI-Transparent_Color" ) ,
title : BI . i18nText ( "BI-Transparent_Color" ) ,
text : BI . i18nText ( "BI-Transparent_Color" ) ,
text : BI . i18nText ( "BI-Transparent_Color" ) ,
listeners : [ {
listeners : [
{
eventName : BI . ColorChooserShowButton . EVENT _CHANGE ,
eventName : BI . ColorChooserShowButton . EVENT _CHANGE ,
action : function ( ) {
action : function ( ) {
self . setValue ( "transparent" ) ;
self . setValue ( "transparent" ) ;
self . fireEvent ( BI . ColorPickerEditor . EVENT _CHANGE ) ;
self . fireEvent ( BI . ColorPickerEditor . EVENT _CHANGE ) ;
}
}
} ] ,
}
] ,
ref : function ( _ref ) {
ref : function ( _ref ) {
self . transparent = _ref ;
self . transparent = _ref ;
}
}
@ -86,26 +93,30 @@ BI.HexColorPickerEditor = BI.inherit(BI.Widget, {
height : 22 ,
height : 22 ,
title : BI . i18nText ( "BI-Basic_Auto" ) ,
title : BI . i18nText ( "BI-Basic_Auto" ) ,
text : BI . i18nText ( "BI-Basic_Auto" ) ,
text : BI . i18nText ( "BI-Basic_Auto" ) ,
listeners : [ {
listeners : [
{
eventName : BI . ColorChooserShowButton . EVENT _CHANGE ,
eventName : BI . ColorChooserShowButton . EVENT _CHANGE ,
action : function ( ) {
action : function ( ) {
self . setValue ( "" ) ;
self . setValue ( "" ) ;
self . fireEvent ( BI . ColorPickerEditor . EVENT _CHANGE ) ;
self . fireEvent ( BI . ColorPickerEditor . EVENT _CHANGE ) ;
}
}
} ] ,
}
] ,
ref : function ( _ref ) {
ref : function ( _ref ) {
self . none = _ref ;
self . none = _ref ;
}
}
} ,
} ,
lgap : 10 ,
lgap : 10 ,
} ]
}
]
} , {
} , {
el : {
el : {
type : "bi.vertical_adapt" ,
type : "bi.vertical_adapt" ,
columnSize : [ 22 , 10 , 'fill' , 12 , c . RGB _WIDTH , 12 , c . RGB _WIDTH , 12 , c . RGB _WIDTH ] ,
columnSize : [ 22 , 10 , 'fill' , 12 , c . RGB _WIDTH , 12 , c . RGB _WIDTH , 12 , c . RGB _WIDTH ] ,
rgap : 5 ,
rgap : 5 ,
items : [ {
items : [
{
el : {
el : {
type : "bi.layout" ,
type : "bi.layout" ,
cls : "color-picker-editor-display bi-card bi-border" ,
cls : "color-picker-editor-display bi-card bi-border" ,
@ -125,13 +136,14 @@ BI.HexColorPickerEditor = BI.inherit(BI.Widget, {
ref : function ( _ref ) {
ref : function ( _ref ) {
self . hexEditor = _ref ;
self . hexEditor = _ref ;
} ,
} ,
cls : "color-picker-editor-input" ,
cls : "color-picker-editor-input bi-border-radius " ,
validationChecker : this . _hexChecker ,
validationChecker : this . _hexChecker ,
allowBlank : true ,
allowBlank : true ,
errorText : BI . i18nText ( "BI-Color_Picker_Error_Text_Hex" ) ,
errorText : BI . i18nText ( "BI-Color_Picker_Error_Text_Hex" ) ,
width : c . HEX _WIDTH ,
width : c . HEX _WIDTH ,
height : 24 ,
height : 24 ,
listeners : [ {
listeners : [
{
eventName : "EVENT_CHANGE" ,
eventName : "EVENT_CHANGE" ,
action : function ( ) {
action : function ( ) {
self . _checkHexEditor ( ) ;
self . _checkHexEditor ( ) ;
@ -141,38 +153,42 @@ BI.HexColorPickerEditor = BI.inherit(BI.Widget, {
}
}
}
}
} ]
}
]
} , RGB [ 0 ] , {
} , RGB [ 0 ] , {
el : BI . extend ( Ws [ 0 ] , {
el : BI . extend ( Ws [ 0 ] , {
ref : function ( _ref ) {
ref : function ( _ref ) {
self . R = _ref
self . R = _ref ;
}
}
} ) ,
} ) ,
width : c . RGB _WIDTH
width : c . RGB _WIDTH
} , RGB [ 1 ] , {
} , RGB [ 1 ] , {
el : BI . extend ( Ws [ 1 ] , {
el : BI . extend ( Ws [ 1 ] , {
ref : function ( _ref ) {
ref : function ( _ref ) {
self . G = _ref
self . G = _ref ;
}
}
} ) ,
} ) ,
width : c . RGB _WIDTH
width : c . RGB _WIDTH
} , RGB [ 2 ] , {
} , RGB [ 2 ] , {
el : BI . extend ( Ws [ 2 ] , {
el : BI . extend ( Ws [ 2 ] , {
ref : function ( _ref ) {
ref : function ( _ref ) {
self . B = _ref
self . B = _ref ;
}
}
} ) ,
} ) ,
rgap : - 5 ,
rgap : - 5 ,
width : c . RGB _WIDTH
width : c . RGB _WIDTH
} ]
}
}
} ]
]
}
}
]
} ,
} ,
left : 0 ,
left : 0 ,
right : 0 ,
right : 0 ,
top : 0 ,
top : 0 ,
bottom : 0
bottom : 0
} ]
}
]
} ;
} ;
} ,
} ,
@ -181,13 +197,13 @@ BI.HexColorPickerEditor = BI.inherit(BI.Widget, {
} ,
} ,
_checkEditors : function ( ) {
_checkEditors : function ( ) {
if ( BI . isEmptyString ( this . R . getValue ( ) ) ) {
if ( BI . isEmptyString ( this . R . getValue ( ) ) ) {
this . R . setValue ( 0 ) ;
this . R . setValue ( 0 ) ;
}
}
if ( BI . isEmptyString ( this . G . getValue ( ) ) ) {
if ( BI . isEmptyString ( this . G . getValue ( ) ) ) {
this . G . setValue ( 0 ) ;
this . G . setValue ( 0 ) ;
}
}
if ( BI . isEmptyString ( this . B . getValue ( ) ) ) {
if ( BI . isEmptyString ( this . B . getValue ( ) ) ) {
this . B . setValue ( 0 ) ;
this . B . setValue ( 0 ) ;
}
}
this . storeValue = {
this . storeValue = {
@ -223,7 +239,7 @@ BI.HexColorPickerEditor = BI.inherit(BI.Widget, {
} else if ( color === "transparent" ) {
} else if ( color === "transparent" ) {
this . colorShow . element . css ( "background-color" , "" ) . removeClass ( "auto-color-square-normal-background" ) . addClass ( "trans-color-background" ) ;
this . colorShow . element . css ( "background-color" , "" ) . removeClass ( "auto-color-square-normal-background" ) . addClass ( "trans-color-background" ) ;
} else {
} else {
this . colorShow . element . css ( { "background-color" : color } ) . removeClass ( "auto-color-square-normal-background" ) . removeClass ( "trans-color-background" ) ;
this . colorShow . element . css ( { "background-color" : color } ) . removeClass ( "auto-color-square-normal-background" ) . removeClass ( "trans-color-background" ) ;
}
}
} ,
} ,