| Server IP : 37.220.80.31 / Your IP : 3.137.223.255 Web Server : Apache/2.4.52 (Ubuntu) System : Linux 3051455-guretool.twc1.net 5.15.0-107-generic #117-Ubuntu SMP Fri Apr 26 12:26:49 UTC 2024 x86_64 User : www-root ( 1010) PHP Version : 7.4.33 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /var/www/www-root/data/www/dev.artlot24.ru/bitrix/modules/report/install/components/bitrix/report.visualconstructor.config.fields/templates/colorpicker/ |
Upload File : |
;(function(){
"use strict";
BX.namespace('BX.Report.VisualConstructor.Widget.Config.Fields');
/**
* @param options
* @extends BX.Report.VisualConstructor.Field.Base
* @constructor
*/
BX.Report.VisualConstructor.Widget.Config.Fields.ColorPicker = function(options)
{
BX.Report.VisualConstructor.Field.Base.apply(this, arguments);
this.colorPickerScope = options.fieldScope;
this.defaultColor = options.defaultColor;
this.picker = this.colorPickerScope.querySelector('[data-role="visualconstructor-fields-picker"]');
this.pickerPreview = this.colorPickerScope.querySelector('[data-role="visualconstructor-fields-picker-preview"]');
this.pickerInput = this.colorPickerScope.querySelector('[data-role="visualconstructor-color-picker-input"]');
this.pickeResetControl = this.colorPickerScope.querySelector('[data-role="visualconstructor-fields-picker-reset"]');
this.id = this.colorPickerScope.id;
this.init();
};
BX.Report.VisualConstructor.Widget.Config.Fields.ColorPicker.prototype = {
__proto__: BX.Report.VisualConstructor.Field.Base.prototype,
constructor: BX.Report.VisualConstructor.Widget.Config.Fields.ColorPicker,
init: function()
{
BX.bind(this.picker, 'click', BX.delegate(this.handlePickerClick, this));
BX.bind(this.pickerPreview, 'click', BX.delegate(this.handlePickerClick, this));
BX.bind(this.pickeResetControl, 'click', BX.delegate(this.handleResetClick, this));
},
handlePickerClick: function()
{
if (this.pickerPopup)
{
this.pickerPopup.open();
return
}
this.pickerPopup = new BX.ColorPicker({
bindElement: this.pickerPreview,
defaultColor: this.defaultColor,
// colors: [['#ffffff']],
popupOptions: {
autoHide: true,
'offsetLeft': 13,
zIndex: 999999
},
onColorSelected: BX.delegate(function(color, picker) {
this.pickerInput.value = color;
this.pickerPreview.style.backgroundColor = color;
}, this)
});
this.pickerPopup.open();
},
handleResetClick: function()
{
this.pickerInput.value = 'inherit';
this.pickerPreview.style.backgroundColor = 'inherit';
event.stopPropagation();
},
handlerSelectChangeHandler: function (e)
{
BX.onCustomEvent(this.fieldScope, this.id + '_onSelect', [this]);
}
}
})();