BossBey File Manager

Editing: box-shadow-param.js

;(function ( $, window, undefined ) {
  'use strict';
  $.cs_ParseColorValue = function( val ) {
    var value = val.replace(/\s+/g, ''),
        alpha = ( value.indexOf('rgba') !== -1 ) ? parseFloat( value.replace(/^.*,(.+)\)/, '$1') * 100 ) : 100,
        rgba  = ( alpha < 100 ) ? true : false;
    return { value: value, alpha: alpha, rgba: rgba };
  };
}(jQuery, window));

;(function ( $, window, undefined ) {
    'use strict';
    function get_values_from_hidden_field(t) {
        var mv = t.find(".porto-bs-result-value").val() || null;
        if (mv != null) {
          var vals = mv.split("|"),
            has_style = false;
          $.each(vals, function(i, vl) {
              if (vl != '') {
                  var splitval = vl.split(":");

switch(splitval[0]) {
                    case 'color':   if(splitval[1]!='transparent') {
                                      t.find('.porto-bs-colorpicker').val(splitval[1]).trigger('change');
                                      //   set alpha value
                                      var picker = $.cs_ParseColorValue( splitval[1] );
                                      var sl_value = parseFloat( picker.alpha / 100 );
                                      var alpha_val = sl_value < 1 ? sl_value : '';
                                      t.find('.cs-alpha-text').text( alpha_val );
                                      //  drag position
                                      if(alpha_val == '') {
                                        t.find('.cs-alpha-slider .ui-slider-handle').css('left', '100%');
                                      } else {
                                        alpha_val = parseFloat(alpha_val * 100);
                                        t.find('.cs-alpha-slider .ui-slider-handle').css('left', alpha_val+'%');
                                      }
                                      t.find('.wp-picker-container').find('.cs-alpha-slider-offset').css('background-color', splitval[1]);
                                      t.find('.iris-strip').css('background-image', '-webkit-linear-gradient(top, '+splitval[1]+', rgb(197, 197, 197))');
                                    }
                          break;
                    case 'style':   t.find(".porto-bs-select").find("option[value=" + splitval[1] + "]").attr("selected", true);
                                    if(splitval[1]==='none' || splitval[1]==='inherit' || ! splitval[1] ) {
                                      t.find('.porto-bs-input-block, .porto-bs-colorpicker-block').hide();
                                    }
                                    has_style = true;
                          break;
                    default:
                              t.find('.porto-bs-input').each(function(input_index, elem) {
                                var dataid = $(elem).attr("data-id");
                                if( dataid==splitval[0] ) {
                                  var unit = $(elem).attr("data-unit"),
                                    mval = splitval[1].split(unit);
                                  $(elem).val(mval[0]);
                                }
                             });
                      break;
                  }
              }
          });
          if ( ! has_style ) {
            t.find('.porto-bs-input-block, .porto-bs-colorpicker-block').hide();
          }
        } else {
          var s = t.find('.porto-bs-select option:selected').val();
          if( s==='none' || s==='inherit' || ! s ) {
            t.find('.porto-bs-input-block, .porto-bs-colorpicker-block').hide();
          }
        }
      }
      function set_values_from_hidden_field(t, hxcolor) {
        var nval = "";
        t.find(".porto-bs-input").each(function(index, elm) {
          var unit = t.find(".porto-bs-result-value").attr("data-unit");
          var ival = $(elm).val();
          
		  var item = $(elm).attr("data-id") + ":" + $(elm).val() + unit + "|";
		  nval += item;
        });

//  Set Color
        if(typeof hxcolor != 'undefined' || hxcolor != null) {
          var nval = nval + 'color:' +hxcolor+ '|';
        } else {
          var va = t.find('.porto-bs-colorpicker').val() || t.find('a.wp-color-result').css('background-color') || '';
          if(va!='') {
            var nval = nval + "color:" +va+ "|";
          }
        }

var sv = t.find(".porto-bs-select option:selected").val() || '';
        if(typeof sv != 'undefined' && sv != '') {
           var nval = nval + "style:" +sv+ "|";
        }
        t.find(".porto-bs-result-value").val(nval);
      }
  $(document).ready(function($) {
        $(".porto-boxshadow").each(function(index, element) {
        var t = $(element);

//  Add dependency for none box shadow'
          t.find('.porto-bs-select').on('change', function(event) {
            var s = $(this).val();
            
            if(typeof s != 'undefined' && s != null) {
              if( s==='none' || s==='inherit' || ! s ) {

t.find('.porto-bs-input-block, .porto-bs-colorpicker-block').hide();
              } else {
                t.find('.porto-bs-input-block').show();
                t.find('.porto-bs-colorpicker-block').show();
              }
            }
          });
          
          get_values_from_hidden_field(t);
          set_values_from_hidden_field(t);

//  On change - input / select
          t.find(".porto-bs-input, .porto-bs-select, .porto-bs-colorpicker").on('change', function(e){
            set_values_from_hidden_field(t);
          });

//  Color
          var options = {
              change: function(event, ui){
                var hxcolor = $( this ).wpColorPicker( 'color' );
                //   set alpha value
                var picker = $.cs_ParseColorValue( hxcolor );
                var sl_value = parseFloat( picker.alpha / 100 );
                var alpha_val = sl_value < 1 ? sl_value : '';
                t.find('.cs-alpha-text').text( alpha_val );
                //  drag position
                if(alpha_val == '') {
                  t.find('.cs-alpha-slider .ui-slider-handle').css('left', '100%');
                } else {
                  alpha_val = parseFloat(alpha_val * 100);
                  t.find('.cs-alpha-slider .ui-slider-handle').css('left', alpha_val+'%');
                }
                t.find('.wp-picker-container').find('.cs-alpha-slider-offset').css('background-color', hxcolor);
                t.find('.iris-strip').css('background-image', '-webkit-linear-gradient(top, '+hxcolor+', rgb(197, 197, 197))');
                set_values_from_hidden_field(t, hxcolor);
              },
              clear: function (event, ui) {
                var hxcolor = 'transparent';
                set_values_from_hidden_field(t, hxcolor);
              },
          };
          t.find(".porto-bs-colorpicker").wpColorPicker(options);

});
  });
}(jQuery, window));

Cancel