+global\WP_Super_Duper::shortcode_insert_button()

Complexity

Conditions	5
Paths	5

Size

Total Lines

209

Duplication

Lines	0
Ratio	0 %

Importance

Changes

0

<?php
		public static function shortcode_insert_button($editor_id = '',$insert_shortcode_function=''){
			global $sd_widgets,$shortcode_insert_button_once;
			if($shortcode_insert_button_once){return;}
			add_thickbox();
			?>
			<div id="super-duper-content" style="display:none;">

				<div class="sd-shortcode-left-wrap">
					<?php
					//print_r( $sd_widgets );
					asort($sd_widgets );
					if(!empty($sd_widgets)){
						echo '<select onchange="sd_get_shortcode_options(this);">';
						echo "<option>".__('Select shortcode')."</option>";
						foreach($sd_widgets as $shortcode => $class){
							echo "<option value='".esc_attr($shortcode)."'>".esc_attr($shortcode)." (".esc_attr($class['name']).")</option>";
						}
						echo "</select>";

					}
					?>
					<div class="sd-shortcode-settings"></div>

				</div>

				<div  class="sd-shortcode-right-wrap">
					<textarea id='sd-shortcode-output' disabled></textarea>
					<div id='sd-shortcode-output-actions'>
						<button class="button" onclick="sd_insert_shortcode()"><?php _e('Insert shortcode');?></button>
						<button class="button" onclick="sd_copy_to_clipboard()"><?php _e('Copy shortcode');?></button>
					</div>
				</div>

			</div>


			<a href="#TB_inline?width=100%&height=550&inlineId=super-duper-content" class="thickbox button super-duper-content-open" title="<?php _e('Add Shortcode');?>"><i class="fas fa-cubes" aria-hidden="true"></i></a>

			<style>
				.sd-shortcode-left-wrap{
					float: left;
					width: 60%;
				}
				.sd-shortcode-left-wrap .gd-help-tip{
					float: none;
				}
				.sd-shortcode-right-wrap{
					float: right;
					width: 35%;
				}
				#sd-shortcode-output{
					height: 250px;
					width: 100%;
				}
			</style>
			<script>

				<?php
				if(!empty($insert_shortcode_function)){
					echo $insert_shortcode_function;
				}else{

				/**
				 * Function for super duper insert shortcode.
				 *
				 * @since 2.0.0
				 */
				?>
				function sd_insert_shortcode(){
					$shortcode = jQuery('#sd-shortcode-output').val();
					if($shortcode){
//						jQuery('.wp-editor-area').append($shortcode);
						console.log(jQuery("#wp-content-editor-container textarea").attr("aria-hidden"));
						if(tinyMCE && tinyMCE.activeEditor && jQuery("#wp-content-editor-container textarea").attr( "aria-hidden")=="true") {
							tinyMCE.execCommand('mceInsertContent', false, $shortcode);
						}else{
							//jQuery('#wp-content-editor-container textarea').val($shortcode);
//							$( '#wp-content-editor-container' ).find( 'textarea' ).val( 'Some default Text' );
							var $txt = jQuery("#wp-content-editor-container textarea");
							var caretPos = $txt[0].selectionStart;
							var textAreaTxt = $txt.val();
							var txtToAdd = $shortcode;
							$txt.val(textAreaTxt.substring(0, caretPos) + txtToAdd + textAreaTxt.substring(caretPos) );
						}
						tb_remove();
					}
				}
				<?php }?>

				function sd_copy_to_clipboard(){
					/* Get the text field */
					var copyText = document.getElementById("sd-shortcode-output");
					//un-disable the field
					copyText.disabled = false;
					/* Select the text field */
					copyText.select();
					/* Copy the text inside the text field */
					document.execCommand("Copy");
					//re-disable the field
					copyText.disabled = true;
					/* Alert the copied text */
					alert("Copied the text: " + copyText.value);
				}
				function sd_get_shortcode_options($this){
					//console.log($this);
					//console.log(jQuery($this).val());
					$short_code = jQuery($this).val();
					if($short_code){

						var data = {
							'action': 'super_duper_get_widget_settings',
							'shortcode': $short_code,
							'attributes': 123,
							'post_id': 321,
							'_ajax_nonce': '<?php echo wp_create_nonce( 'super_duper_output_shortcode' );?>'
						};

						jQuery.post(ajaxurl, data, function (response) {
							console.log(response);
							jQuery('.sd-shortcode-settings').html(response);


//
							jQuery('#'+$short_code).on('change', 'select', function() {
								sd_build_shortcode($short_code);
							}); // take care of select tags

							jQuery('#'+$short_code).on('change keypress keyup', 'input', function() {
								sd_build_shortcode($short_code);
							});

							sd_build_shortcode($short_code);

							// resize the window to fit
							jQuery('#TB_ajaxContent').css('width','auto').css('height','calc(100% - 46px)');


							return response;
						});
					}

				}

				function sd_build_shortcode($id){

					var multiSelects = {};
					var multiSelectsRemove = [];

					$output = "["+$id;

					$form_data = jQuery("#"+$id).serializeArray();


					// run checks for multiselects
					jQuery.each($form_data, function( index, element) {
						if(element && element.value) {
							$field_name = element.name.substr(element.name.indexOf("][") + 2);
							$field_name = $field_name.replace("]", "");
							// check if its a multiple
							if($field_name.includes("[]")){
								multiSelectsRemove[multiSelectsRemove.length] = index;
								$field_name = $field_name.replace("[]", "");
								if($field_name in multiSelects){
									multiSelects[$field_name] = multiSelects[$field_name]+","+element.value;
								}else{
									multiSelects[$field_name] = element.value;
								}
							}
						}
					});

					// fix multiselects if any are found
					if(multiSelectsRemove.length){

						// remove all multiselects
						multiSelectsRemove.reverse();
						multiSelectsRemove.forEach(function(index) {
							$form_data.splice( index, 1 );
						});

						$ms_arr = [];
						// add multiselets back
						jQuery.each(multiSelects, function( index, value) {
							$ms_arr[$ms_arr.length] = {"name": "[]["+index+"]","value":value};
						});
						$form_data = $form_data.concat($ms_arr);
					}



					if($form_data ){
						$form_data.forEach(function(element) {

							if(element.value){
								$field_name = element.name.substr(element.name.indexOf("][") + 2);
								$field_name = $field_name.replace("]", "");
								$output = $output +" "+$field_name+'="'+element.value+'"';

							}

						});
					}
					$output = $output +"]";
					jQuery('#sd-shortcode-output').html($output);
				}
			</script>
			<?php
			$shortcode_insert_button_once = true;
		}