@ -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
} ]
}
]
} ;
} ;
} ,
} ,