Skip to content

Commit

Permalink
FIX: issues #81
Browse files Browse the repository at this point in the history
  • Loading branch information
behaart committed Oct 18, 2016
1 parent 28f07f5 commit 21a6909
Showing 1 changed file with 100 additions and 89 deletions.
189 changes: 100 additions & 89 deletions modules/cherry-ui-elements/inc/ui-elements/ui-media/ui-media.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,33 +21,33 @@
* Class for the building UI_Media elements.
*/
class UI_Media extends UI_Element implements I_UI {

/**
* Default settings
*
* @var array
*/

private $defaults_settings = array(
'id' => 'cherry-ui-media-id',
'name' => 'cherry-ui-media-name',
'value' => '',
'multi_upload' => true,
'library_type' => '', // image, video
'upload_button_text' => 'Choose Media',
'label' => '',
'class' => '',
'master' => '',
'id' => 'cherry-ui-media-id',
'name' => 'cherry-ui-media-name',
'value' => '',
'multi_upload' => true,
'library_type' => '', // image, video
'upload_button_text' => 'Choose Media',
'label' => '',
'class' => '',
'master' => '',
);

/**
* Constructor method for the UI_Media class.
*
* @since 4.0.0
*/
function __construct( $args = array() ) {
public function __construct( $args = array() ) {

$this->defaults_settings['id'] = 'cherry-ui-media-' . uniqid();
$this->settings = wp_parse_args( $args, $this->defaults_settings );
$this->settings = wp_parse_args( $args, $this->defaults_settings );

add_action( 'admin_enqueue_scripts', array( __CLASS__, 'enqueue_assets' ) );
}
Expand All @@ -59,80 +59,89 @@ function __construct( $args = array() ) {
*/
public function render() {
$html = '';
$class = $this->settings['class'];
$class .= ' ' . $this->settings['master'];

$html .= '<div class="cherry-ui-container ' . esc_attr( $class ) . '">';
if ( '' != $this->settings['value'] ) {
$this->settings['value'] = str_replace( ' ', '', $this->settings['value'] );
$medias = explode( ',', $this->settings['value'] );
} else {
$this->settings['value'] = '';
$medias = array();
}

$img_style = ! $this->settings['value'] ? 'style="display:none;"' : '' ;

if ( '' !== $this->settings['label'] ) {
$html .= '<label class="cherry-label" for="' . esc_attr( $this->settings['id'] ) . '">' . esc_html( $this->settings['label'] ) . '</label> ';

if ( current_user_can( 'upload_files' ) ) {

$class = $this->settings['class'] . ' ' . $this->settings['master'];

$html .= '<div class="cherry-ui-container ' . esc_attr( $class ) . '">';
if ( '' != $this->settings['value'] ) {
$this->settings['value'] = str_replace( ' ', '', $this->settings['value'] );
$medias = explode( ',', $this->settings['value'] );
} else {
$this->settings['value'] = '';
$medias = array();
}
$html .= '<div class="cherry-ui-media-wrap">';
$html .= '<div class="cherry-upload-preview" >';
$html .= '<div class="cherry-all-images-wrap">';
if ( is_array( $medias ) && ! empty( $medias ) ) {
foreach ( $medias as $medias_key => $medias_value ) {
$media_title = get_the_title( $medias_value );
$mime_type = get_post_mime_type( $medias_value );
$tmp = wp_get_attachment_metadata( $medias_value );
$img_src = '';
$thumb = '';

switch ( $mime_type ) {
case 'image/jpeg':
case 'image/png':
case 'image/gif':
$img_src = wp_get_attachment_image_src( $medias_value, 'thumbnail' );
$img_src = $img_src[0];
$thumb = '<img src="' . esc_html( $img_src ) . '" alt="">';

$img_style = ! $this->settings['value'] ? 'style="display:none;"' : '' ;

if ( '' !== $this->settings['label'] ) {
$html .= '<label class="cherry-label" for="' . esc_attr( $this->settings['id'] ) . '">' . esc_html( $this->settings['label'] ) . '</label> ';
}
$html .= '<div class="cherry-ui-media-wrap">';
$html .= '<div class="cherry-upload-preview" >';
$html .= '<div class="cherry-all-images-wrap">';

if ( is_array( $medias ) && ! empty( $medias ) ) {

foreach ( $medias as $medias_key => $medias_value ) {

$media_title = get_the_title( $medias_value );
$mime_type = get_post_mime_type( $medias_value );
$tmp = wp_get_attachment_metadata( $medias_value );
$img_src = '';
$thumb = '';

switch ( $mime_type ) {
case 'image/jpeg':
case 'image/png':
case 'image/gif':
$img_src = wp_get_attachment_image_src( $medias_value, 'thumbnail' );
$img_src = $img_src[0];
$thumb = '<img src="' . esc_html( $img_src ) . '" alt="">';
break;
case 'image/x-icon':
$thumb = '<span class="dashicons dashicons-format-image"></span>';

case 'image/x-icon':
$thumb = '<span class="dashicons dashicons-format-image"></span>';
break;
case 'video/mpeg':
case 'video/mp4':
case 'video/quicktime':
case 'video/webm':
case 'video/ogg':

case 'video/mpeg':
case 'video/mp4':
case 'video/quicktime':
case 'video/webm':
case 'video/ogg':
$thumb = '<span class="dashicons dashicons-format-video"></span>';
break;
case 'audio/mpeg':
case 'audio/wav':
case 'audio/ogg':

case 'audio/mpeg':
case 'audio/wav':
case 'audio/ogg':
$thumb = '<span class="dashicons dashicons-format-audio"></span>';
break;
}
$html .= '<div class="cherry-image-wrap">';
$html .= '<div class="inner">';
$html .= '<div class="preview-holder" data-id-attr="' . esc_attr( $medias_value ) . '">';
$html .= '<div class="centered">';
$html .= $thumb;
}
$html .= '<div class="cherry-image-wrap">';
$html .= '<div class="inner">';
$html .= '<div class="preview-holder" data-id-attr="' . esc_attr( $medias_value ) . '">';
$html .= '<div class="centered">';
$html .= $thumb;
$html .= '</div>';
$html .= '</div>';
$html .= '<span class="title">' . $media_title . '</span>';
$html .= '<a class="cherry-remove-image" href="#" title=""><i class="dashicons dashicons-no"></i></a>';
$html .= '</div>';
$html .= '<span class="title">' . $media_title . '</span>';
$html .= '<a class="cherry-remove-image" href="#" title=""><i class="dashicons dashicons-no"></i></a>';
$html .= '</div>';
$html .= '</div>';
}
}
}
$html .= '</div>';
$html .= '</div>';
$html .= '<div class="cherry-element-wrap">';
$html .= '<input type="hidden" id="' . esc_attr( $this->settings['id'] ) . '" class="cherry-upload-input" name="' . esc_attr( $this->settings['name'] ) . '" value="' . esc_html( $this->settings['value'] ) . '" >';
$html .= '<input type="button" class="upload-button cherry-upload-button button-default_" value="' . esc_attr( $this->settings['upload_button_text'] ) . '" data-title="' . esc_attr( $this->settings['upload_button_text'] ) . '" data-multi-upload="' . esc_attr( $this->settings['multi_upload'] ) . '" data-library-type="' . esc_attr( $this->settings['library_type'] ) . '"/>';
$html .= '<div class="clear"></div>';
$html .= '</div>';
$html .= '</div>';
$html .= '<div class="cherry-element-wrap">';
$html .= '<input type="hidden" id="' . esc_attr( $this->settings['id'] ) . '" class="cherry-upload-input" name="' . esc_attr( $this->settings['name'] ) . '" value="' . esc_html( $this->settings['value'] ) . '" >';
$html .= '<input type="button" class="upload-button cherry-upload-button button-default_" value="' . esc_attr( $this->settings['upload_button_text'] ) . '" data-title="' . esc_attr( $this->settings['upload_button_text'] ) . '" data-multi-upload="' . esc_attr( $this->settings['multi_upload'] ) . '" data-library-type="' . esc_attr( $this->settings['library_type'] ) . '"/>';
$html .= '<div class="clear"></div>';
$html .= '</div>';
$html .= '</div>';
$html .= '</div>';
}

return $html;
}
Expand All @@ -143,23 +152,25 @@ public function render() {
* @since 4.0.0
*/
public static function enqueue_assets() {
wp_enqueue_media();

wp_enqueue_script(
'ui-media-min',
esc_url( Cherry_Core::base_url( 'assets/min/ui-media.min.js', __FILE__ ) ),
array( 'jquery', 'jquery-ui-sortable' ),
'1.0.0',
true
);

wp_enqueue_style(
'ui-media-min',
esc_url( Cherry_Core::base_url( 'assets/min/ui-media.min.css', __FILE__ ) ),
array(),
'1.0.0',
'all'
);
if ( current_user_can( 'upload_files' ) ) {
wp_enqueue_media();

wp_enqueue_script(
'ui-media-min',
esc_url( Cherry_Core::base_url( 'assets/min/ui-media.min.js', __FILE__ ) ),
array( 'jquery', 'jquery-ui-sortable' ),
'1.0.0',
true
);

wp_enqueue_style(
'ui-media-min',
esc_url( Cherry_Core::base_url( 'assets/min/ui-media.min.css', __FILE__ ) ),
array(),
'1.0.0',
'all'
);
}
}
}
}

0 comments on commit 21a6909

Please sign in to comment.