ui-field-color.php 1.4 KB

1234567891011121314
  1. <div class="fl-color-picker<# if ( data.field.className ) { #> {{data.field.className}}<# } if ( data.field.show_reset ) { #> fl-color-picker-has-reset<# } #>">
  2. <button class="fl-color-picker-color<# if ( '' === data.value ) { #> fl-color-picker-empty<# } #><# if ( data.field.show_alpha ) { #> fl-color-picker-alpha-enabled<# } #>">
  3. <svg class="fl-color-picker-icon" width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  4. <g fill-rule="evenodd">
  5. <path d="M17.7037706,2.62786498 L15.3689327,0.292540631 C14.9789598,-0.0975135435 14.3440039,-0.0975135435 13.954031,0.292540631 L10.829248,3.41797472 L8.91438095,1.49770802 L7.4994792,2.91290457 L8.9193806,4.33310182 L0,13.2493402 L0,18 L4.74967016,18 L13.6690508,9.07876094 L15.0839525,10.4989582 L16.4988542,9.08376163 L14.5789876,7.16349493 L17.7037706,4.03806084 C18.0987431,3.64800667 18.0987431,3.01791916 17.7037706,2.62786498 Z M3.92288433,16 L2,14.0771157 L10.0771157,6 L12,7.92288433 L3.92288433,16 Z"></path>
  6. </g>
  7. </svg>
  8. </button>
  9. <# if ( data.field.show_reset ) { #>
  10. <button class="fl-color-picker-clear"><div class="fl-color-picker-icon-remove"></div></button>
  11. <# } #>
  12. <input name="{{data.name}}" type="hidden" value="{{{data.value}}}" class="fl-color-picker-value" />
  13. <div class="fl-clear"></div>
  14. </div>