%PDF-
%PDF-
Mini Shell
Mini Shell
<?php
class MFN_Options_upload_icon extends Mfn_Options_field
{
public $path_icons;
public $icon_uploaded = false;
public $error_message = '';
/**
* Add prefix of the icon name
*/
public function add_prefix_on_upload( $path_unzip, $prefix )
{
$wp_filesystem = Mfn_Helper::filesystem();
// get original css file content
$data = $wp_filesystem->get_contents($path_unzip.'/style.css');
// change icon prefix
$data_prefix_added = preg_replace('/icon-/', $prefix .'-', $data);
// delete original file
$wp_filesystem->delete($path_unzip.'/style.css');
// save file with prefixed content
$wp_filesystem->put_contents($path_unzip.'/style.css', $data_prefix_added);
}
/**
* Parse name and prefix on upload
*/
public function parse_str_on_upload($name)
{
$white_space_regex = '[\s]';
$no_letters_regex = '[\W]';
return preg_replace( $white_space_regex, '_', preg_replace( $no_letters_regex, '', $name ) );
}
/**
* Prepare icon package from uploaded file
*/
public function upload_icons()
{
$post_id = get_the_id();
$wp_filesystem = Mfn_Helper::filesystem();
$upload_dir = wp_upload_dir();
// find the icon from wp uploads
$wp_upload_file = str_replace($upload_dir['url'], $upload_dir['path'], $this->value);
// get values provided by user, first
$font_name_provided = $this->parse_str_on_upload(get_post_field( 'mfn-icon-name', $post_id ));
$font_name_provided_noparse = get_post_field( 'mfn-icon-name', $post_id );
$font_prefix_provided = $this->parse_str_on_upload(get_post_field( 'mfn-icon-prefix', $post_id ));
$font_upload_url = get_post_field( 'mfn-icon-upload', $post_id );
// do not upload anything when one of the fields (or file) is missing!
if ( ! $font_name_provided || ! $font_prefix_provided || ! $font_upload_url ){
return;
}
// rename and move to betheme icons upload dir
$new_icon_path = $this->path_icons.'/' .$font_name_provided;
$new_icon_url = wp_normalize_path( get_home_url() . '/wp-content/uploads/betheme/icons/' . $font_name_provided);
$wp_filesystem->move($wp_upload_file, $new_icon_path.'.zip');
// update post meta
update_post_meta($post_id, 'mfn-icon-name', $font_name_provided_noparse);
update_post_meta($post_id, 'mfn-icon-name-parsed', $font_name_provided);
update_post_meta($post_id, 'mfn-icon-prefix', $font_prefix_provided);
update_post_meta($post_id, 'mfn-icon-upload', $new_icon_path);
// unzipping, WP FS
$wp_filesystem = Mfn_Helper::filesystem();
$path_zip = wp_normalize_path( $new_icon_path.'.zip' );
$path_unzip = wp_normalize_path( $this->path_icons .'/'. $font_name_provided );
$unzip = unzip_file( $path_zip, $new_icon_path );
if( is_wp_error( $unzip ) ){
return new WP_Error( 'error_unzip', __( 'The package could not be unziped.', 'mfn-opts' ) );
}
if( ! is_dir( $path_unzip ) ) {
return new WP_Error( 'error_folder', sprintf( __( 'Demo data folder does not exist (%s).', 'mfn-opts' ), $path_unzip ) );
}
// if all ok, remove zip
$wp_filesystem->delete($path_zip);
// we need to add prefix to css classes to overwrite font-family!
$this->add_prefix_on_upload($path_unzip, $font_prefix_provided);
// set the link and icons names in database
update_post_meta($post_id, 'mfn-icon-url', $new_icon_url);
$this->set_icons_name($post_id, $new_icon_path);
}
/**
* Save icon names
*/
public function set_icons_name($post_id, $icon_path_location)
{
$wp_filesystem = Mfn_Helper::filesystem();
$json_file = $wp_filesystem->get_contents( $icon_path_location . '/selection.json' );
$json_decoded = json_decode( $json_file, true );
// if pack wont be moonicon, then script wont get in there, its prevention just in case :)
if( $json_decoded != null ) {
$new_icon_bundle = array(
// first two elements are important, for recognizing the name (no parsed) and prefix of icon bundle
get_post_field( 'mfn-icon-name', $post_id ),
get_post_field( 'mfn-icon-prefix', $post_id ),
);
foreach( $json_decoded['icons'] as $icon => $icon_value ){
$new_icon_bundle[] = $icon_value['properties']['name']; // push icons name
}
update_post_meta($post_id, 'mfn-icon-titles-array', $new_icon_bundle);
}
}
/**
* Show list of SVG icons
*/
public function draw_icons_svg()
{
$post_id = get_the_id();
$wp_filesystem = Mfn_Helper::filesystem();
$cleared_link = str_replace( get_home_url($this->value).'/', '', $this->value );
$uploaded_file_link = ABSPATH . $cleared_link;
$uploaded_font_name = get_post_field( 'mfn-icon-name', get_the_id() ) ? get_post_field( 'mfn-icon-name', get_the_id() ) : '(no name)';
$uploaded_font_prefix = get_post_field( 'mfn-icon-prefix', get_the_id() );
$json_file = $wp_filesystem->get_contents($cleared_link.'/selection.json');
$json_decoded = json_decode($json_file, true);
foreach( $json_decoded['icons'] as $icon => $icon_a ){
echo '<div class="mfn-custom-icon">';
echo '<svg width="30" height="30" viewBox="-100 -100 1200 1200">';
//multiple paths in icons!
foreach( $icon_a["icon"]["paths"] as $path => $path_a ) {
echo '<path d="'. $path_a .'" />';
}
echo '</svg>';
echo '<p>'. $icon_a['properties']['name'] .'</p>';
echo '<p class="code">'. $uploaded_font_prefix .'-'. $icon_a['properties']['name'] .'</p>';
echo '</div>';
}
}
/**
* Check if icon zip file is uploaded
*/
public function is_icon_uploaded()
{
$wp_filesystem = Mfn_Helper::filesystem();
$link = str_replace( get_home_url( $this->value ).'/', '', $this->value );
$json_file = $wp_filesystem->get_contents( $link .'/selection.json' );
if( $json_file === FALSE && get_post_field( 'mfn-icon-upload', get_the_id() ) ){
$this->error_message = __( 'This is not the Icomoon zip file. Please try again', 'mfn-opts' );
} else if( $json_file === FALSE ) {
return;
}else {
$this->icon_uploaded = true;
}
}
/**
* Render
*/
public function render( $meta = false )
{
$upload_dir = wp_upload_dir();
$path_be = wp_normalize_path( $upload_dir['basedir'] .'/betheme' );
$this->path_icons = wp_normalize_path( $path_be .'/icons' );
// check if icon file is uploaded
$this->is_icon_uploaded();
if ( ! empty( $_GET['message'] ) ) {
// refresh after icon file parse
$this->upload_icons();
echo '<script>window.location.reload(true);</script>';
}
// output -----
if( $this->icon_uploaded ){
$uploaded_font_name = get_post_field( 'mfn-icon-name', get_the_id() ) ? get_post_field( 'mfn-icon-name', get_the_id() ) : '(no name)';
$uploaded_font_prefix = get_post_field( 'mfn-icon-prefix', get_the_id() );
echo '<div class="mfn-uploaded-custom-icons">';
echo '<h5>'. esc_html( $uploaded_font_name ). '<span class="prefix">'. esc_html( $uploaded_font_prefix ). '-</span></h5>';
$this->draw_icons_svg();
echo '</div>';
}else{
echo '<div class="form-group browse-icon has-addons has-addons-append">';
echo '<div class="form-control has-icon has-icon-right">';
echo '<input class="mfn-form-control mfn-form-input" type="text" '. $this->get_name( $meta ) .' value="'. esc_attr( $this->value ) .'" data-type="file"/>';
echo '<a class="mfn-option-btn mfn-button-delete" title="Delete" href="#"><span class="mfn-icon mfn-icon-delete"></span></a>';
echo '</div>';
echo '<div class="form-addon-append">';
echo '<a href="#" class="mfn-button-upload"><span class="label">'. esc_html__( 'Browse', 'mfn-opts' ) .'</span></a>';
echo '</div>';
echo '</div>';
if( $this->error_message ){
echo '<div class="desc-group">';
echo '<span class="description error">'. esc_html( $this->error_message ) .'</span>';
echo '</div>';
} else {
echo $this->get_description();
}
}
// enqueue
$this->enqueue();
}
/**
* Enqueue
*/
public function enqueue()
{
wp_enqueue_media();
wp_enqueue_script( 'mfn-opts-field-upload-icon', MFN_OPTIONS_URI .'fields/upload_icon/field_upload_icon.js', array( 'jquery' ), MFN_THEME_VERSION, true );
}
}
Zerion Mini Shell 1.0