You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

66 lines
1.9 KiB

9 months ago
<?php
defined( 'ABSPATH' ) || die;
/**
* The file input field which allows users to enter a file URL or select it from the Media Library.
*/
class RWMB_File_Input_Field extends RWMB_Input_Field {
/**
* Enqueue scripts and styles.
*/
public static function admin_enqueue_scripts() {
wp_enqueue_media();
wp_enqueue_style( 'rwmb-file-input', RWMB_CSS_URL . 'file-input.css', [], RWMB_VER );
wp_style_add_data( 'rwmb-file-input', 'path', RWMB_CSS_DIR . 'file-input.css' );
wp_enqueue_script( 'rwmb-file-input', RWMB_JS_URL . 'file-input.js', [ 'jquery' ], RWMB_VER, true );
RWMB_Helpers_Field::localize_script_once( 'rwmb-file-input', 'rwmbFileInput', [
'frameTitle' => esc_html__( 'Select File', 'meta-box' ),
] );
}
/**
* Get field HTML.
*
* @param mixed $meta Meta value.
* @param array $field Field parameters.
*
* @return string
*/
public static function html( $meta, $field ) {
$attributes = self::get_attributes( $field, $meta );
$meta_array = explode( '.', $meta );
$file_ext = strtolower( end( $meta_array ) );
$extensions = [ 'jpeg', 'jpg', 'png', 'gif' ];
return sprintf(
'<div class="rwmb-file-input-image %s">
<img src="%s">
</div>
<div class="rwmb-file-input-inner">
<input %s>
<a href="#" class="rwmb-file-input-select button">%s</a>
<a href="#" class="rwmb-file-input-remove button %s">%s</a>
</div>',
in_array( $file_ext, $extensions, true ) ? '' : 'rwmb-file-input-hidden',
$meta,
self::render_attributes( $attributes ),
esc_html__( 'Select', 'meta-box' ),
$meta ? '' : 'hidden',
esc_html__( 'Remove', 'meta-box' )
);
}
/**
* Get the attributes for a field.
*
* @param array $field Field parameters.
* @param mixed $value Meta value.
* @return array
*/
public static function get_attributes( $field, $value = null ) {
$attributes = parent::get_attributes( $field, $value );
$attributes['type'] = 'text';
return $attributes;
}
}