vamtam-color.php 818 B

123456789101112131415161718192021222324252627
  1. <#
  2. let classes = [ 'text', 'vamtam-color-picker-value' ];
  3. if ( data.field.class ) {
  4. classes.push( data.field.class );
  5. }
  6. if ( data.field.size ) {
  7. classes.push( 'text-full' );
  8. }
  9. if ( ! ( 'show_alpha' in data.field ) ) {
  10. data.field.show_alpha = true;
  11. }
  12. #>
  13. <div class="vamtam-color-picker <# if ( data.field.class ) { #> {{data.field.class}}<# } #>">
  14. <div class="vamtam-color-picker-color <# if ( '' === data.value ) { #> vamtam-color-picker-empty<# } #><# if ( data.field.show_alpha ) { #> vamtam-color-picker-alpha-enabled<# } #>"></div>
  15. <# if ( data.field.show_reset ) { #>
  16. <div class="vamtam-color-picker-clear"><div class="vamtam-color-picker-icon-remove"></div></div>
  17. <# } #>
  18. <input
  19. type="text"
  20. name="{{data.name}}"
  21. value="{{{data.value}}}"
  22. class="{{ classes.join( ' ' ) }}"
  23. />
  24. </div>