function Html_editportfolio($ord_elem, $count_ord, $images, $row, $cat_row, $rowim, $rowsld, $paramssld, $rowsposts, $rowsposts8, $postsbycat) { global $wpdb; if (isset($_GET["addslide"])) { if ($_GET["addslide"] == 1) { $strid = esc_html(stripslashes($row->id)); header('Location: admin.php?page=portfolios_huge_it_portfolio&id=' . $strid . '&task=apply'); } } ?> <script type="text/javascript"> function submitbutton(pressbutton) { if(!document.getElementById('name').value){ alert("Name is required."); return; } document.getElementById("adminForm").action=document.getElementById("adminForm").action+"&task="+pressbutton; document.getElementById("adminForm").submit(); } var name_changeRight = function(e) { document.getElementById("name").value = e.value; } var name_changeTop = function(e) { document.getElementById("huge_it_portfolio_name").value = e.value; //alert(e); }; function change_select() { submitbutton('apply'); } jQuery(function() { jQuery( "#images-list" ).sortable({ stop: function() { jQuery("#images-list > li").removeClass('has-background'); count=jQuery("#images-list > li").length; for(var i=0;i<=count;i+=2){ jQuery("#images-list > li").eq(i).addClass("has-background"); } jQuery("#images-list > li").each(function(){ jQuery(this).find('.order_by').val(jQuery(this).index()); }); }, revert: true }); // jQuery( "ul, li" ).disableSelection(); }); </script> <!-- GENERAL PAGE, ADD IMAGES PAGE --> <div class="wrap"> <?php $path_site2 = plugins_url("../images", __FILE__); ?> <div class="slider-options-head"> <div style="float: left;"> <div><a href="http://huge-it.com/wordpress-plugins-portfolio-gallery-user-manual/" target="_blank">User Manual</a></div> <div>This section allows you to configure the Portfolio/Gallery options. <a href="http://huge-it.com/wordpress-plugins-portfolio-gallery-user-manual/" target="_blank">More...</a></div> </div> <div style="float: right;"> <a class="header-logo-text" href="http://huge-it.com/portfolio-gallery/" target="_blank"> <div><img width="250px" src="<?php echo $path_site2; ?> /huge-it1.png" /></div> <div>Get the full version</div> </a> </div> </div> <form action="admin.php?page=portfolios_huge_it_portfolio&id=<?php echo esc_html(stripslashes($row->id)); ?> " method="post" name="adminForm" id="adminForm"> <div id="poststuff" > <div id="portfolio-header"> <ul id="portfolios-list"> <?php foreach ($rowsld as $rowsldires) { if ($rowsldires->id != $row->id) { ?> <li> <a href="#" onclick="window.location.href='admin.php?page=portfolios_huge_it_portfolio&task=edit_cat&id=<?php echo $rowsldires->id; ?> '" ><?php echo $rowsldires->name; ?> </a> </li> <?php } else { ?> <li class="active" onclick = "this.firstElementChild.style.width = ((this.firstElementChild.value.length + 1) * 8) + 'px';" style="background-image:url(<?php echo plugins_url('../images/edit.png', __FILE__); ?> );cursor:pointer;"> <input class="text_area" onkeyup = "name_changeTop(this)" onfocus="this.style.width = ((this.value.length + 1) * 8) + 'px'" type="text" name="name" id="name" maxlength="250" value="<?php echo esc_html(stripslashes($row->name)); ?> " /> </li> <?php } } ?> <li class="add-new"> <a onclick="window.location.href='admin.php?page=portfolios_huge_it_portfolio&task=add_cat'">+</a> </li> </ul> </div> <div id="post-body" class="metabox-holder columns-2"> <!-- Content --> <div id="post-body-content"> <?php add_thickbox(); ?> <div id="post-body"> <div id="post-body-heading"> <h3>Projects / Images</h3> <script> jQuery(document).ready(function($){ jQuery('.huge-it-newuploader .button').click(function(e) { var send_attachment_bkp = wp.media.editor.send.attachment; var button = jQuery(this); var id = button.attr('id').replace('_button', ''); _custom_media = true; jQuery("#"+id).val(''); wp.media.editor.send.attachment = function(props, attachment){ if ( _custom_media ) { jQuery("#"+id).val(attachment.url+';;;'+jQuery("#"+id).val()); jQuery("#save-buttom").click(); } else { return _orig_send_attachment.apply( this, [props, attachment] ); }; } wp.media.editor.open(button); return false; }); /*#####HIDE NEW UPLOADER'S LEFT MENU######*/ jQuery(".wp-media-buttons-icon").click(function() { jQuery(".media-menu .media-menu-item").css("display","none"); jQuery(".media-menu-item:first").css("display","block"); jQuery(".separator").next().css("display","none"); jQuery('.attachment-filters').val('image').trigger('change'); jQuery(".attachment-filters").css("display","none"); }); jQuery('.widget-images-list .add-image-box').hover(function() { jQuery(this).find('.add-thumb-project').css('display','none'); jQuery(this).find('.add-image-video').css('display','block'); },function() { jQuery(this).find('.add-image-video').css('display','none'); jQuery(this).find('.add-thumb-project').css('display','block'); }); }); </script> <input type="hidden" name="imagess" id="_unique_name" /> <span class="wp-media-buttons-icon"></span> <div class="huge-it-newuploader uploader button button-primary add-new-image"> <input type="button" class="button wp-media-buttons-icon" name="_unique_name_button" id="_unique_name_button" value="Add Project / Image" /> </div> <a href="admin.php?page=portfolios_huge_it_portfolio&task=portfolio_video&id=<?php echo $_GET['id']; ?> &TB_iframe=1" class="button button-primary add-video-slide thickbox" id="slideup3s" value="iframepop"> <span class="wp-media-buttons-icon"></span>Add Video Slide </a> </div> <ul id="images-list"> <?php /***<add>***/ function get_youtube_id_from_url($url) { if (preg_match('%(?:youtube(?:-nocookie)?\\.com/(?:[^/]+/.+/|(?:v|e(?:mbed)?)/|.*[?&]v=)|youtu\\.be/)([^"&?/ ]{11})%i', $url, $match)) { return $match[1]; } } function get_image_from_video($image_url) { if (strpos($image_url, 'youtube') !== false || strpos($image_url, 'youtu') !== false) { $liclass = "youtube"; $video_thumb_url = get_youtube_id_from_url($image_url); $thumburl = 'http://img.youtube.com/vi/' . $video_thumb_url . '/mqdefault.jpg'; } else { if (strpos($image_url, 'vimeo') !== false) { $liclass = "vimeo"; $vimeo = $image_url; $vimeo_explode = explode("/", $vimeo); $imgid = end($vimeo_explode); $hash = unserialize(file_get_contents("http://vimeo.com/api/v2/video/" . $imgid . ".php")); $imgsrc = $hash[0]['thumbnail_large']; $thumburl = $imgsrc; } } return $thumburl; } /***</add>***/ $j = 2; $myrows = explode(",", $row->categories); foreach ($rowim as $key => $rowimages) { ?> <!--<add> swirch case---> <?php if ($rowimages->sl_type == '') { $rowimages->sl_type = 'image'; } switch ($rowimages->sl_type) { case 'image': ?> <li <?php if ($j % 2 == 0) { echo "class='has-background'"; } $j++; ?> > <input class="order_by" type="hidden" name="order_by_<?php echo $rowimages->id; ?> " value="<?php echo $rowimages->ordering; ?> " /> <div class="image-container"> <ul class="widget-images-list"> <?php $imgurl = explode(";", $rowimages->image_url); array_pop($imgurl); $i = 0; //$imgurl = array_reverse($imgurl); foreach ($imgurl as $key1 => $img) { //var_dump(youtube_or_vimeo($img)); if (youtube_or_vimeo($img) != 'image') { ?> <li class="editthisvideo editthisimage<?php echo $key; if ($i == 0) { echo 'first'; } ?> " > <img class="editthisvideo" src="<?php echo get_image_from_video($img); ?> " data-video-src="<?php echo $img; ?> " alt = "<?php echo $img; ?> " /> <div class="play-icon <?php if (youtube_or_vimeo($img) == 'youtube') { ?> youtube-icon<?php } else { ?> vimeo-icon <?php } ?> "></div> <a class="thickbox" href="admin.php?page=portfolios_huge_it_portfolio&task=portfolio_video_edit&portfolio_id=<?php echo $rowimages->portfolio_id; ?> &id=<?php echo $rowimages->id; ?> &thumb=<?php echo $i; ?> &TB_iframe=1&closepop=1" id="xxx"> <input type="button" class="edit-video" id ="edit-video_<?php echo $rowimages->id; ?> _<?php echo $key; ?> " value="Edit" /> </a> <a href="#remove" title = "<?php echo $i; ?> " class="remove-image">remove</a> </li> <?php } else { ?> <li class="editthisimage<?php echo $key; ?> <?php if ($i == 0) { echo 'first'; } ?> "> <img src="<?php echo $img; ?> " /> <input type="button" class="edit-image" id="" value="Edit" /> <a href="#remove" title = "<?php echo $i; ?> " class="remove-image">remove</a> </li> <?php } $i++; } ?> <li class="add-image-box"> <div class="add-thumb-project"> <img src="<?php echo plugins_url('../images/plus.png', __FILE__); ?> " class="plus" alt="" /> </div> <div class="add-image-video"> <input type="hidden" name="imagess<?php echo $rowimages->id; ?> " id="unique_name<?php echo $rowimages->id; ?> " class="all-urls" value="<?php echo $rowimages->image_url; ?> " /> <a title="Add video" class="add-video-slide thickbox" href="admin.php?page=portfolios_huge_it_portfolio&task=portfolio_video&id=<?php echo esc_html(stripslashes($row->id)); ?> &thumb_parent=<?php echo $rowimages->id; ?> &TB_iframe=1"><!--</add> thumb parent is project's image id--> <img src="<?php echo plugins_url('../images/icon-video.png', __FILE__); ?> " title="Add video" alt="" class="plus" /> <input type="button" class="button<?php echo $rowimages->id; ?> wp-media-buttons-icon add-video" id="unique_name_button<?php echo $rowimages->id; ?> " value="+" /> </a> <div class="add-image-slide" title="Add image"> <img src="<?php echo plugins_url('../images/icon-img.png', __FILE__); ?> " title="Add image" alt="" class="plus" /> <input type="button" class="button<?php echo $rowimages->id; ?> wp-media-buttons-icon add-image" id="unique_name_button<?php echo $rowimages->id; ?> " value="+" /> </div> </div> </li> </ul> <script> jQuery(document).ready(function($){ function secondimageslistlisize(){ var lisaze = jQuery('#images-list').width(); lisaze=lisaze*0.06; jQuery('#images-list .widget-images-list li').not('.add-image-box').not('.first').height(lisaze); } jQuery(window).resize(function(){ secondimageslistlisize() }); jQuery(".wp-media-buttons-icon").click(function() { jQuery(".attachment-filters").css("display","none"); }); var _custom_media = true, _orig_send_attachment = wp.media.editor.send.attachment; /*#####ADD NEW PROJECT######*/ jQuery('.huge-it-newuploader .button').click(function(e) { var send_attachment_bkp = wp.media.editor.send.attachment; var button = jQuery(this); var id = button.attr('id').replace('_button', ''); _custom_media = true; jQuery("#"+id).val(''); wp.media.editor.send.attachment = function(props, attachment){ if ( _custom_media ) { jQuery("#"+id).val(attachment.url+';;;'+jQuery("#"+id).val()); jQuery("#save-buttom").click(); } else { return _orig_send_attachment.apply( this, [props, attachment] ); }; } wp.media.editor.open(button); return false; }); jQuery('.widget-images-list').on('click','.edit-image',function(e) { var send_attachment_bkp = wp.media.editor.send.attachment; var $src; var button = jQuery(this); var id = button.parents('.widget-images-list').find('.all-urls').attr('id'); var img= button.prev('img'); _custom_media = true; jQuery(".media-menu .media-menu-item").css("display","none"); jQuery(".media-menu-item:first").css("display","block"); jQuery(".separator").next().css("display","none"); jQuery('.attachment-filters').val('image').trigger('change'); jQuery(".attachment-filters").css("display","none"); wp.media.editor.send.attachment = function(props, attachment){ if ( _custom_media ) { img.attr('src',attachment.url); var allurls =''; img.parents('.widget-images-list').find('img').not('.plus').each(function(){ if(jQuery(this).hasClass('editthisvideo')) { $src = jQuery(this).attr('data-video-src'); } else $src = jQuery(this).attr('src'); console.log($src); allurls = allurls+$src+';'; }); jQuery("#"+id).val(allurls); secondimageslistlisize(); //jQuery("#save-buttom").click(); } else { return _orig_send_attachment.apply( this, [props, attachment] ); }; } wp.media.editor.open(button); return false; }); jQuery('.add_media').on('click', function(){ _custom_media = false; }); /*#####ADD IMAGE######*/ jQuery('.add-image.button<?php echo $rowimages->id; ?> ').click(function(e) { var send_attachment_bkp = wp.media.editor.send.attachment; var button = jQuery(this); var id = button.attr('id').replace('_button', ''); _custom_media = true; wp.media.editor.send.attachment = function(props, attachment){ if ( _custom_media ) { jQuery("#"+id).parent().parent().before('<li class="editthisimage1 "><img src="'+attachment.url+'" alt="" /><input type="button" class="edit-image" id="" value="Edit" /><a href="#remove" class="remove-image">remove</a></li>'); //alert(jQuery("#"+id).val()); jQuery("#"+id).val(jQuery("#"+id).val()+attachment.url+';'); secondimageslistlisize(); } else { return _orig_send_attachment.apply( this, [props, attachment] ); }; } wp.media.editor.open(button); return false; }); /*#####REMOVE IMAGE######*/ jQuery("ul.widget-images-list").on('click','.remove-image',function () { jQuery(this).parent().find('img').remove(); var allUrls=""; var $src; jQuery(this).parents('ul.widget-images-list').find('img').not('.plus').each(function(){ //console.log(jQuery(this).parent()); if(jQuery(this).hasClass('editthisvideo')) { $src = jQuery(this).attr('data-video-src'); } else $src = jQuery(this).attr('src'); console.log($src); allUrls=allUrls+$src+';'; jQuery(this).parent().parent().parent().find('input.all-urls').val(allUrls); secondimageslistlisize(); }); jQuery(this).parent().remove(); return false; }); /*#####HIDE NEW UPLOADER'S LEFT MENU######*/ jQuery(".wp-media-buttons-icon").click(function() { jQuery(".media-menu .media-menu-item").css("display","none"); jQuery(".media-menu-item:first").css("display","block"); jQuery(".separator").next().css("display","none"); jQuery('.attachment-filters').val('image').trigger('change'); jQuery(".attachment-filters").css("display","none"); }); }); </script> </div> <div class="image-options"> <div class="options-container"> <div> <label for="titleimage<?php echo $rowimages->id; ?> ">Title:</label> <input class="text_area" type="text" id="titleimage<?php echo $rowimages->id; ?> " name="titleimage<?php echo $rowimages->id; ?> " id="titleimage<?php echo $rowimages->id; ?> " value="<?php echo $rowimages->name; ?> "> </div> <div class="description-block"> <label for="im_description<?php echo $rowimages->id; ?> ">Description:</label> <textarea id="im_description<?php echo $rowimages->id; ?> " name="im_description<?php echo $rowimages->id; ?> " ><?php echo $rowimages->description; ?> </textarea> </div> <div class="link-block"> <label for="sl_url<?php echo $rowimages->id; ?> ">URL:</label> <input class="text_area url-input" type="text" id="sl_url<?php echo $rowimages->id; ?> " name="sl_url<?php echo $rowimages->id; ?> " value="<?php echo $rowimages->sl_url; ?> " > <label class="long" for="sl_link_target<?php echo $rowimages->id; ?> "> <span>Open in new tab</span> <input type="hidden" name="sl_link_target<?php echo $rowimages->id; ?> " value="" /> <input <?php if ($rowimages->link_target == 'on') { echo 'checked="checked"'; } ?> class="link_target" type="checkbox" id="sl_link_target<?php echo $rowimages->id; ?> " name="sl_link_target<?php echo $rowimages->id; ?> " /> </label> </div> </div> <div class="category-container"> <strong>Select Categories</strong> <em>(Press Ctrl And Select multiply)</em> <select id="multipleSelect" multiple="multiple" disabled> <?php // var_dump($huge_cat); $huge_cat = explode(",", $rowimages->category); foreach ($myrows as $value) { if (!empty($value)) { ?> <option <?php if (in_array(str_replace(' ', '_', $value), str_replace(' ', '_', $huge_cat))) { echo "selected='selected' "; } ?> value="<?php echo str_replace(' ', '_', $value); ?> " > <!-- attrForDelete="<?php php; ?> " --> <?php echo str_replace('_', ' ', $value); ?> </option> <?php } } ?> } </select> <input type="hidden" id="category<?php echo $rowimages->id; ?> " name="category<?php echo $rowimages->id; ?> " value="<?php echo str_replace(' ', '_', $rowimages->category); ?> "/> </div> <div class="remove-image-container"> <a class="button remove-image" href="admin.php?page=portfolios_huge_it_portfolio&id=<?php echo esc_html(stripslashes($row->id)); ?> &task=apply&removeslide=<?php echo $rowimages->id; ?> ">Remove Project</a> </div> </div> <div class="clear"></div> </li> <?php break; case 'video': //$i = 0; ?> <!--<add>--> <li <?php if ($j % 2 == 0) { echo "class='has-background'"; } $j++; ?> > <input class="order_by" type="hidden" name="order_by_<?php echo $rowimages->id; ?> " value="<?php echo $rowimages->ordering; ?> " /> <div class="video-container"> <ul class="widget-images-list"> <?php $imgurl = explode(";", $rowimages->image_url); array_pop($imgurl); $i = 0; //$imgurl = array_reverse($imgurl); foreach ($imgurl as $key1 => $img) { //var_dump(youtube_or_vimeo($img)); if (youtube_or_vimeo($img) != 'image') { ?> <li class="editthisvideo editthisimage<?php echo $key; ?> <?php if ($i == 0) { echo 'first'; } ?> " > <img class="editthisvideo" src="<?php echo get_image_from_video($img); ?> " data-video-src="<?php echo $img; ?> " alt = "<?php echo $img; ?> "/> <div class="play-icon <?php if (youtube_or_vimeo($img) == 'youtube') { ?> youtube-icon<?php } else { ?> vimeo-icon <?php } ?> "></div> <a class="thickbox" href="admin.php?page=portfolios_huge_it_portfolio&task=portfolio_video_edit&portfolio_id=<?php echo $rowimages->portfolio_id; ?> &id=<?php echo $rowimages->id; ?> &thumb=<?php echo $i; ?> &TB_iframe=1&closepop=1" id="xxx"> <input type="button" class="edit-video" id ="edit-video_<?php echo $rowimages->id; ?> _<?php echo $key; ?> " value="Edit" /> </a> <a href="#remove" title = "<?php echo $i; ?> " class="remove-image">remove</a> </li> <?php } else { ?> <li class="editthisimage<?php echo $key; ?> <?php if ($i == 0) { echo 'first'; } ?> "> <img src="<?php echo $img; ?> " /> <input type="button" class="edit-image" id="" value="Edit" /> <a href="#remove" title = "<?php echo $i; ?> " class="remove-image">remove</a> </li> <?php } $i++; } ?> <li class="add-image-box"> <div class="add-thumb-project"> <img src="<?php echo plugins_url('../images/plus.png', __FILE__); ?> " class="plus" alt="" /> </div> <div class="add-image-video"> <input type="hidden" name="imagess<?php echo $rowimages->id; ?> " id="unique_name<?php echo $rowimages->id; ?> " class="all-urls" value="<?php echo $rowimages->image_url; ?> " /> <a title="Add video" class="add-video-slide thickbox" href="admin.php?page=portfolios_huge_it_portfolio&task=portfolio_video&id=<?php echo esc_html(stripslashes($row->id)); ?> &thumb_parent=<?php echo $rowimages->id; ?> &TB_iframe=1"><!--</add> thumb parent is project's image id--> <img src="<?php echo plugins_url('../images/icon-video.png', __FILE__); ?> " title="Add video" alt="" class="plus" /> <input type="button" class="button<?php echo $rowimages->id; ?> wp-media-buttons-icon add-video" id="unique_name_button<?php echo $rowimages->id; ?> " value="+" /> </a> <div class="add-image-slide" title="Add image"> <img src="<?php echo plugins_url('../images/icon-img.png', __FILE__); ?> " title="Add image" alt="" class="plus" /> <input type="button" class="button<?php echo $rowimages->id; ?> wp-media-buttons-icon add-image" id="unique_name_button<?php echo $rowimages->id; ?> " value="+" /> </div> </div> </li> </ul> <script> jQuery(document).ready(function($){ (function secondimageslistlisize(){ var lisaze = jQuery('#images-list').width(); lisaze=lisaze*0.06; jQuery('#images-list .widget-images-list li').not('.add-image-box').not('.first').height(lisaze); }()); jQuery(window).resize(function(){ secondimageslistlisize() }); jQuery(".wp-media-buttons-icon").click(function() { jQuery(".attachment-filters").css("display","none"); }); var _custom_media = true, _orig_send_attachment = wp.media.editor.send.attachment; /*#####ADD NEW PROJECT######*/ jQuery('.huge-it-newuploader .button').click(function(e) { var send_attachment_bkp = wp.media.editor.send.attachment; var button = jQuery(this); var id = button.attr('id').replace('_button', ''); _custom_media = true; jQuery("#"+id).val(''); wp.media.editor.send.attachment = function(props, attachment){ if ( _custom_media ) { jQuery("#"+id).val(attachment.url+';;;'+jQuery("#"+id).val()); jQuery("#save-buttom").click(); } else { return _orig_send_attachment.apply( this, [props, attachment] ); }; } wp.media.editor.open(button); return false; }); /*#####EDIT IMAGE######*/ jQuery('.widget-images-list').on('click','.edit-image',function(e) { var send_attachment_bkp = wp.media.editor.send.attachment; var $src; var button = jQuery(this); var id = button.parents('.widget-images-list').find('.all-urls').attr('id'); var img= button.prev('img'); _custom_media = true; jQuery(".media-menu .media-menu-item").css("display","none"); jQuery(".media-menu-item:first").css("display","block"); jQuery(".separator").next().css("display","none"); jQuery('.attachment-filters').val('image').trigger('change'); jQuery(".attachment-filters").css("display","none"); wp.media.editor.send.attachment = function(props, attachment){ if ( _custom_media ) { img.attr('src',attachment.url); var allurls =''; img.parents('.widget-images-list').find('img').not('.plus').each(function(){ if(jQuery(this).hasClass('editthisvideo')) { $src = jQuery(this).attr('data-video-src'); } else $src = jQuery(this).attr('src'); console.log($src); allurls = allurls+$src+';'; }); jQuery("#"+id).val(allurls); secondimageslistlisize(); //jQuery("#save-buttom").click(); } else { return _orig_send_attachment.apply( this, [props, attachment] ); }; } wp.media.editor.open(button); return false; }); jQuery('.add_media').on('click', function(){ _custom_media = false; }); /*#####ADD IMAGE######*/ jQuery('.add-image.button<?php echo $rowimages->id; ?> ').click(function(e) { var send_attachment_bkp = wp.media.editor.send.attachment; var button = jQuery(this); var id = button.attr('id').replace('_button', ''); _custom_media = true; wp.media.editor.send.attachment = function(props, attachment){ if ( _custom_media ) { jQuery("#"+id).parent().parent().before('<li class="editthisimage1 "><img src="'+attachment.url+'" alt="" /><input type="button" class="edit-image" id="" value="Edit" /><a href="#remove" class="remove-image">remove</a></li>'); //alert(jQuery("#"+id).val()); jQuery("#"+id).val(jQuery("#"+id).val()+attachment.url+';'); secondimageslistlisize(); } else { return _orig_send_attachment.apply( this, [props, attachment] ); }; } wp.media.editor.open(button); return false; }); /*#####REMOVE IMAGE######*/ jQuery("ul.widget-images-list").on('click','.remove-image',function () { jQuery(this).parent().find('img').remove(); var allUrls=""; var $src; jQuery(this).parents('ul.widget-images-list').find('img').not('.plus').each(function(){ //console.log(jQuery(this).parent()); if(jQuery(this).hasClass('editthisvideo')) { $src = jQuery(this).attr('data-video-src'); } else $src = jQuery(this).attr('src'); console.log($src); allUrls=allUrls+$src+';'; jQuery(this).parent().parent().parent().find('input.all-urls').val(allUrls); secondimageslistlisize(); }); jQuery(this).parent().remove(); return false; }); /*#####HIDE NEW UPLOADER'S LEFT MENU######*/ jQuery(".wp-media-buttons-icon").click(function() { jQuery(".media-menu .media-menu-item").css("display","none"); jQuery(".media-menu-item:first").css("display","block"); jQuery(".separator").next().css("display","none"); jQuery('.attachment-filters').val('image').trigger('change'); jQuery(".attachment-filters").css("display","none"); }); /*jQuery("ul.widget-images-list").on('click','.remove-video',function () { var new_video_list,del_video_number,old_video_list,old_video_array; new_video_list = ""; del_video_number = jQuery(this).attr("title"); old_video_list = jQuery(this).parent().parent().find('input.all-urls').val(); old_video_array = old_video_list.split(";");console.log(old_video_array); for(var video in old_video_array) { if(video==del_video_number) continue; new_video_list += old_video_array[video]+";"; } new_video_list = new_video_list.substr(0,new_video_list.length-1); jQuery(this).parent().parent().find('input.video-all-urls').val(new_video_list); jQuery(this).parent().remove(); return; });*/ }); </script> </div> <div class="image-options"> <div class="options-container"> <div> <label for="titleimage<?php echo $rowimages->id; ?> ">Title:</label> <input class="text_area" type="text" id="titleimage<?php echo $rowimages->id; ?> " name="titleimage<?php echo $rowimages->id; ?> " id="titleimage<?php echo $rowimages->id; ?> " value="<?php echo $rowimages->name; ?> "> </div> <div class="description-block"> <label for="im_description<?php echo $rowimages->id; ?> ">Description:</label> <textarea id="im_description<?php echo $rowimages->id; ?> " name="im_description<?php echo $rowimages->id; ?> " ><?php echo $rowimages->description; ?> </textarea> </div> <div class="link-block"> <label for="sl_url<?php echo $rowimages->id; ?> ">URL:</label> <input class="text_area url-input" type="text" id="sl_url<?php echo $rowimages->id; ?> " name="sl_url<?php echo $rowimages->id; ?> " value="<?php echo $rowimages->sl_url; ?> " > <label class="long" for="sl_link_target<?php echo $rowimages->id; ?> "> <span>Open in new tab</span> <input type="hidden" name="sl_link_target<?php echo $rowimages->id; ?> " value="" /> <input <?php if ($rowimages->link_target == 'on') { echo 'checked="checked"'; } ?> class="link_target" type="checkbox" id="sl_link_target<?php echo $rowimages->id; ?> " name="sl_link_target<?php echo $rowimages->id; ?> " /> </label> </div> </div> <div class="category-container"> <strong>Select Categories</strong> <em>(Press Ctrl And Select multiply)</em> <select id="multipleSelect" multiple="multiple" disabled > <?php $huge_cat = explode(",", $rowimages->category); foreach ($myrows as $value) { if (!empty($value)) { ?> <option <?php if (in_array(str_replace(' ', '_', $value), str_replace(' ', '_', $huge_cat))) { echo "selected='selected' "; } ?> value="<?php echo str_replace(' ', '_', $value); ?> " > <!-- attrForDelete="<?php php; ?> " --> <?php echo str_replace('_', ' ', $value); ?> </option> <?php } } ?> } </select> <input type="hidden" id="category<?php echo $rowimages->id; ?> " name="category<?php echo $rowimages->id; ?> " value="<?php echo str_replace(' ', '_', $rowimages->category); ?> "/> </div> <div class="remove-image-container"> <a class="button remove-image" href="admin.php?page=portfolios_huge_it_portfolio&id=<?php echo esc_html(stripslashes($row->id)); ?> &task=apply&removeslide=<?php echo $rowimages->id; ?> ">Remove Project</a> </div> </div> <div class="clear"></div> </li> <!--</add>--> <?php break; ?> <?php } ?> <?php } ?> </ul> </div> </div> <script> // jQuery('.category-container select').change(function(){ // var cat_new_val = jQuery(this).val(); // var new_cat_name = jQuery(this).parent().find('input').attr('name'); // jQuery('#'+new_cat_name).attr('value',cat_new_val+','); // //console.log(cat_new_val); console.log(new_cat_name); // }); //ok // jQuery(document).on('click', '#add_new_cat_buddon', function () { // var newCatVal = jQuery('.inside #add_cat_input input').val(); // if(newCatVal !== "") { // var oldValue = jQuery('.inside input:hidden').val() // var newValue = oldValue + newCatVal + ','; // //console.log(newCatVal); console.log(newValue); console.log(oldValue); // jQuery('.inside input:hidden').val(newValue.replace(/ /g,"_")); // jQuery('.inside #add_cat_input input').val(''); // jQuery('.inside ul').find('#allCategories').before("\n\ // <span style='display: block;'>\n\ // <li class='hndle'>\n\ // <input class='del_val' value='"+newCatVal+"' style=''>\n\ // <span id='delete_cat' style='' value='a'>\n\ // <img src='../wp-content/plugins/portfolio-gallery/images/delete1.png' width='9' height='9' value='a'>\n\ // </span>\n\ // <span id='edit_cat' style=''>\n\ // <img src='../wp-content/plugins/portfolio-gallery/images/edit3.png' width='10' height='10'>\n\ // </span>\n\ // </li>\n\ // </span>"); // // jQuery('.category-container #multipleSelect').each(function(){ // jQuery(this).append("<option attrForDelete='"+newCatVal+"'>"+newCatVal+"</option>"); // }); // } // else { alert("Please fill the line"); } // }); // jQuery(document).on('click', '#delete_cat', function (){ // var del_val = jQuery(this).parent().find('.del_val').val().replace(/ /g, '_'); // del_val = del_val + ","; // var old_val_for_delete = jQuery('.inside input:hidden').val(); // var newValue = old_val_for_delete.replace(del_val, ""); // jQuery('.inside input:hidden').val(newValue); // jQuery(this).parent().parent().find('.hndle').remove(); // var valForDelete = del_val.replace(',', '').replace(/ /g, '_'); // jQuery('.category-container').each(function(){ // jQuery(this).find('option[value='+valForDelete+']').remove(); // }); // //console.log(del_val); console.log(old_val_for_delete); console.log(newValue); console.log(valForDelete); // }); // jQuery(document).on('click', '#edit_cat', function (){ // jQuery(this).parent().find('.del_val').focus(); // var changing_val = jQuery(this).parent().find('.del_val').val().replace(/ /g, '_'); // jQuery('#changing_val').removeAttr('value').attr('value',changing_val); // //console.log(changing_val); // }); // jQuery(document).on('click', '#portfolios-list .active', function (){ jQuery(this).find('input').focus(); }); //getting category old name // jQuery(document).on('focus', '.del_val', function (){ // Know which category we want to change // var changing_val = jQuery(this).val().replace(/ /g,"_"); //console.log(changing_val); // jQuery('#changing_val').removeAttr('value').attr('value',changing_val); // }); // jQuery(document).on('change', '.del_val', function (){ // //alert("ok") // var no_edited_cats = jQuery("#allCategories").val().replace(/ /g,"_"); // var old_name = jQuery('#changing_val').val(); // var edited_cat = jQuery(this).val(); // edited_cat = edited_cat.replace(/ /g,"_"); // var new_cat = no_edited_cats.replace(old_name,edited_cat); // jQuery('#allCategories').val(new_cat); // console.log(no_edited_cats); console.log(old_name); console.log(edited_cat); console.log(new_cat); // }); jQuery(document).on('click', '.allowIsotope input', function (){ }); </script> <!-- SIDEBAR --> <div id="postbox-container-1" class="postbox-container"> <div id="side-sortables" class="meta-box-sortables ui-sortable"> <div id="portfolio-unique-options" class="postbox"> <h3 class="hndle"><span>Select The Portfolio/Gallery View</span></h3> <ul id="portfolio-unique-options-list"> <li> <label for="huge_it_portfolio_name">Portfolio Name</label> <input type = "text" name="name" id="huge_it_portfolio_name" value="<?php echo esc_html(stripslashes($row->name)); ?> " onkeyup = "name_changeRight(this)"> </li> <li style="display:none;"> <label for="sl_width">Width</label> <input type="text" name="sl_width" id="sl_width" value="<?php echo $row->sl_width; ?> " class="text_area" /> </li> <li style="display:none;"> <label for="sl_height">Height</label> <input type="text" name="sl_height" id="sl_height" value="<?php echo $row->sl_height; ?> " class="text_area" /> </li> <li style="display:none;"> <label for="pause_on_hover">Pause on hover</label> <input type="hidden" value="off" name="pause_on_hover" /> <input type="checkbox" name="pause_on_hover" value="on" id="pause_on_hover" <?php if ($row->pause_on_hover == 'on') { echo 'checked="checked"'; } ?> /> </li> <li> <label for="portfolio_effects_list">Select The View</label> <select name="portfolio_effects_list" id="portfolio_effects_list"> <option <?php if ($row->portfolio_list_effects_s == '0') { echo 'selected'; } ?> value="0">Blocks Toggle Up/Down</option> <option <?php if ($row->portfolio_list_effects_s == '1') { echo 'selected'; } ?> value="1">Full-Height Blocks</option> <option <?php if ($row->portfolio_list_effects_s == '2') { echo 'selected'; } ?> value="2">Gallery/Content-Popup</option> <option <?php if ($row->portfolio_list_effects_s == '3') { echo 'selected'; } ?> value="3">Full-Width Blocks</option> <option <?php if ($row->portfolio_list_effects_s == '4') { echo 'selected'; } ?> value="4">FAQ Toggle Up/Down</option> <option <?php if ($row->portfolio_list_effects_s == '5') { echo 'selected'; } ?> value="5">Content Slider</option> <option <?php if ($row->portfolio_list_effects_s == '6') { echo 'selected'; } ?> value="6">Lightbox-Gallery</option> </select> </li> <li style="display:none;"> <label for="sl_pausetime">Pause time</label> <input type="text" name="sl_pausetime" id="sl_pausetime" value="<?php echo $row->description; ?> " class="text_area" /> </li> <li style="display:none;"> <label for="sl_changespeed">Change speed</label> <input type="text" name="sl_changespeed" id="sl_changespeed" value="<?php echo $row->param; ?> " class="text_area" /> </li> <li style="display:none;"> <label for="portfolio_position">portfolio Position</label> <select name="sl_position" id="portfolio_position"> <option <?php if ($row->sl_position == 'left') { echo 'selected'; } ?> value="left">Left</option> <option <?php if ($row->sl_position == 'right') { echo 'selected'; } ?> value="right">Right</option> <option <?php if ($row->sl_position == 'center') { echo 'selected'; } ?> value="center">Center</option> </select> </li> </ul> <div id="major-publishing-actions"> <div id="publishing-action"> <input type="button" onclick="submitbutton('apply')" value="Save Portfolio" id="save-buttom" class="button button-primary button-large"> </div> <div class="clear"></div> <!--<input type="button" onclick="window.location.href='admin.php?page=portfolios_huge_it_portfolio'" value="Cancel" class="button-secondary action">--> </div> </div> <div class="postbox"> <div class="inside2"> <ul> <li class="allowIsotope"> Show Sorting Buttons : <input type="hidden" value="off" name="ht_show_sorting" /> <input type="checkbox" id="ht_show_sorting" <?php if ($row->ht_show_sorting == 'on') { echo 'checked="checked"'; } ?> name="ht_show_sorting" value="on" /> </li> <li class="allowIsotope"> Show Category Buttons : <input type="hidden" value="off" name=" " /> <input type="checkbox" id=" " name=" " value="off" disabled="disabled" /> <a class="probuttonlink" href="http://huge-it.com/portfolio-gallery/" target="_blank">( <span style="color: red;font-size: 14px;"> PRO </span> )</a> </li> </ul> </div> </div> <div class="postbox"> <h3 class="hndle"><span>Categories:</span> <a class="probuttonlink" href="http://huge-it.com/portfolio-gallery/" target="_blank">( <span style="color: red;font-size: 14px;"> PRO </span> )</a></h3> <div class="inside"> <ul> <?php $ifforempty = $row->categories; $ifforempty = stripslashes($ifforempty); $ifforempty = esc_html($ifforempty); $ifforempty = empty($ifforempty); if (!$ifforempty) { foreach ($myrows as $value) { if (!empty($value)) { ?> <span> <li class="hndle"> <input class="del_val" value="<?php echo str_replace("_", " ", $value); ?> " style="" disabled="disabled"> <span id="delete_cat" style="" value="a"><img src="../wp-content/plugins/portfolio-gallery/images/delete1.png" width="9" height="9" value="a"></span> <span id="edit_cat" style=""><img src="../wp-content/plugins/portfolio-gallery/images/edit3.png" width="10" height="10"></span> </li> </span> <?php } } } ?> <input type="hidden" value="<?php if (strpos($row->categories, ',,') !== false) { $row->categories = str_replace(",,", ",", $row->categories); } echo $row->categories; ?> " id="allCategories" name="allCategories"> <li id="add_cat_input" style=""> <input type="text" size="12" disabled="disabled"> <a style="" id="add_new_cat_buddon">+ Add New Category </a> </li> </ul> <input type="hidden" value="" id="changing_val"> </div> </div> <div id="portfolio-shortcode-box" class="postbox shortcode ms-toggle"> <h3 class="hndle"><span>Usage</span></h3> <div class="inside"> <ul> <li rel="tab-1" class="selected"> <h4>Shortcode</h4> <p>Copy & paste the shortcode directly into any WordPress post or page.</p> <textarea class="full" readonly="readonly">[huge_it_portfolio id="<?php echo esc_html(stripslashes($row->id)); ?> "]</textarea> </li> <li rel="tab-2"> <h4>Template Include</h4> <p>Copy & paste this code into a template file to include the slideshow within your theme.</p> <textarea class="full" readonly="readonly"><?php echo do_shortcode("[huge_it_portfolio id='<?php echo esc_html(stripslashes($row->id)); ?> ']"); ?></textarea> </li> </ul> </div> </div> </div> </div> </div> </div> <input type="hidden" name="task" value="" /> <?php @session_start(); $hugeItCSRFToken = $_SESSION["csrf_token_hugeit_gallery"] = md5(time()); ?> <input type="hidden" name="csrf_token_hugeit_gallery" value="<?php echo $hugeItCSRFToken; ?> " /> </form> </div> <?php }
function Html_editportfolio($ord_elem, $count_ord, $images, $row, $cat_row, $rowim, $rowsld, $paramssld, $rowsposts, $rowsposts8, $postsbycat) { global $wpdb; if (isset($_GET["addslide"])) { if ($_GET["addslide"] == 1) { $strid = esc_html(stripslashes($row->id)); header('Location: admin.php?page=portfolios_huge_it_portfolio&id=' . $strid . '&task=apply'); } } ?> <script type="text/javascript"> function submitbutton(pressbutton) { if(!document.getElementById('name').value){ alert("Name is required."); return; } filterInputs(); document.getElementById("adminForm").action=document.getElementById("adminForm").action+"&task="+pressbutton; document.getElementById("adminForm").submit(); } var name_changeRight = function(e) { document.getElementById("name").value = e.value; } var name_changeTop = function(e) { document.getElementById("huge_it_portfolio_name").value = e.value; //alert(e); }; function change_select() { submitbutton('apply'); } /***<add>***/ function secondimageslistlisize(){ var lisaze = jQuery('#images-list').width(); lisaze=lisaze*0.06; jQuery('#images-list .widget-images-list li').not('.add-image-box').not('.first').height(lisaze); } function replaceAddImageBox() { jQuery(".widget-images-list").each(function(){ var src = ""; if(!jQuery(this).find('li').last().hasClass('add-image-box')) { var html = jQuery(this).find('.add-image-box').html(); var li = jQuery('<li>'); jQuery(this).find('.add-image-box').remove(); li.addClass('add-image-box').append(html); jQuery(this).append(li); li.find('.add-thumb-project').css('display','block'); li.find('.add-image-video').next().css('display','none'); li.hover(function(){ jQuery(this).find('.add-thumb-project').css('display','none'); jQuery(this).find('.add-image-video').css('display','block'); },function(){ jQuery(this).find('.add-image-video').css('display','none'); jQuery(this).find('.add-thumb-project').css('display','block'); }); } jQuery(this).find("li").not(".add-image-box").each(function() { src += (jQuery(this).hasClass('editthisvideo')==true)?jQuery(this).find('img').attr('data-video-src'):jQuery(this).find('img').attr('src'); src += ";"; }); jQuery(this).find('.all-urls').val(src); //alert(src); }); } function filterInputs() { var mainInputs = ""; jQuery("#images-list > li.highlights").each(function(){ jQuery(this).next().addClass('submit-post'); jQuery(this).prev().addClass('submit-post'); jQuery(this).prev().prev().addClass('submit-post'); jQuery(this).addClass('submit-post'); jQuery(this).removeClass('highlights'); }) if(jQuery("#images-list > li.submit-post").length) { jQuery("#images-list > li.submit-post").each(function(){ var inputs = jQuery(this).find('.order_by').attr("name"); var n = inputs.lastIndexOf('_'); var res = inputs.substring(n+1, inputs.length); res +=','; mainInputs += res; }); mainInputs = mainInputs.substring(0,mainInputs.length-1); jQuery(".changedvalues").val(mainInputs); jQuery("#images-list > li").not('.submit-post').each(function(){ jQuery(this).find('input').removeAttr('name'); jQuery(this).find('textarea').removeAttr('name'); jQuery(this).find('select').removeAttr('name'); }); return mainInputs; } jQuery("#images-list > li").each(function(){ jQuery(this).find('input').removeAttr('name'); jQuery(this).find('textarea').removeAttr('name'); jQuery(this).find('select').removeAttr('name'); }); } /***</add>***/ jQuery(function() { ((jQuery( "#images-list > li").length)==2)&&(jQuery( "#images-list > li")).addClass('submit-post'); jQuery( "#images-list > li input" ).on('keyup',function(){ jQuery(this).parents("#images-list > li").addClass('submit-post'); //filterInputs(); }); jQuery( "#images-list > li textarea" ).on('keyup',function(){ jQuery(this).parents("#images-list > li").addClass('submit-post'); // filterInputs(); }); jQuery( "#images-list > li input" ).on('change',function(){ jQuery(this).parents("#images-list > li").addClass('submit-post'); // filterInputs(); }); jQuery( "#images-list > li select" ).on('change',function(){ jQuery(this).parents("#images-list > li").addClass('submit-post'); // filterInputs(); }); jQuery('.add-thumb-project').on('hover',function(){ jQuery(this).parent().parents("li").addClass('submit-post'); // filterInputs(); }) jQuery( "#images-list" ).sortable({ stop: function() { jQuery("#images-list > li").removeClass('has-background'); count=jQuery("#images-list > li").length; for(var i=0;i<=count;i+=2){ jQuery("#images-list > li").eq(i).addClass("has-background"); } jQuery("#images-list > li").each(function(){ jQuery(this).find('.order_by').val(jQuery(this).index()); }); }, change: function(event, ui) { var start_pos = ui.item.data('start_pos'); var index = ui.placeholder.index(); if (start_pos < index + 2) { jQuery('#images-list > li:nth-child(' + index + ')').addClass('highlights'); } else { jQuery('#images-list > li:eq(' + (index + 1) + ')').addClass('highlights'); } }, update: function(event, ui) { jQuery('#sortable li').removeClass('highlights'); }, revert: true }); /***<add>***/ jQuery( ".widget-images-list" ).sortable({ stop: function() { jQuery(".widget-images-list > li").each(function(){ jQuery(this).removeClass('first'); jQuery(".widget-images-list > li").first().addClass('first'); }); secondimageslistlisize(); replaceAddImageBox(); }, change: function(event, ui) { jQuery(this).parents('li').addClass('submit-post'); var start_pos = ui.item.data('start_pos'); var index = ui.placeholder.index(); if (start_pos < index) { jQuery('.widget-images-list > li:nth-child(' + index + ')').addClass('highlights'); } else { jQuery('widget-images-list > li:eq(' + (index + 1) + ')').addClass('highlights'); } }, update: function(event, ui) { jQuery('#sortable li').removeClass('highlights'); }, revert: true }); jQuery(".inside ul").sortable({ stop: function() { var allCategories = ""; jQuery(this).find('.del_val').each(function(){ var str = jQuery(this).val(); str = str.replace(" ", "_"); allCategories += str +","; }); jQuery("#allCategories").val(allCategories); }, revert: true }); /***</add>***/ // jQuery( "ul, li" ).disableSelection(); }); </script> <!-- GENERAL PAGE, ADD IMAGES PAGE --> <div class="wrap"> <?php $path_site2 = plugins_url("../images", __FILE__); ?> <style> .free_version_banner { position:relative; display:block; background-image:url(<?php echo $path_site2; ?> /wp_banner_bg.jpg); background-position:top left; backround-repeat:repeat; overflow:hidden; } .free_version_banner .manual_icon { position:absolute; display:block; top:15px; left:15px; } .free_version_banner .usermanual_text { font-weight: bold !important; display:block; float:left; width:270px; margin-left:75px; font-family:'Open Sans',sans-serif; font-size:12px; font-weight:300; font-style:italic; color:#ffffff; line-height:10px; margin-top: 0; padding-top: 15px; } .free_version_banner .usermanual_text a, .free_version_banner .usermanual_text a:link, .free_version_banner .usermanual_text a:visited { display:inline-block; font-family:'Open Sans',sans-serif; font-size:17px; font-weight:600; font-style:italic; color:#ffffff; line-height:30.5px; text-decoration:underline; } .free_version_banner .usermanual_text a:hover, .free_version_banner .usermanual_text a:focus, .free_version_banner .usermanual_text a:active { text-decoration:underline; } .free_version_banner .get_full_version, .free_version_banner .get_full_version:link, .free_version_banner .get_full_version:visited { padding-left: 60px; padding-right: 4px; display: inline-block; position: absolute; top: 15px; right: calc(50% - 167px); height: 38px; width: 268px; border: 1px solid rgba(255,255,255,.6); font-family: 'Open Sans',sans-serif; font-size: 23px; color: #ffffff; line-height: 43px; text-decoration: none; border-radius: 2px; } .free_version_banner .get_full_version:hover { background:#ffffff; color:#bf1e2e; text-decoration:none; outline:none; } .free_version_banner .get_full_version:focus, .free_version_banner .get_full_version:active { } .free_version_banner .get_full_version:before { content:''; display:block; position:absolute; width:33px; height:23px; left:25px; top:9px; background-image:url(<?php echo $path_site2; ?> /wp_shop.png); background-position:0px 0px; background-repeat:repeat; } .free_version_banner .get_full_version:hover:before { background-position:0px -27px; } .free_version_banner .huge_it_logo { float:right; margin:15px 15px; } .free_version_banner .description_text { padding:0 0 13px 0; position:relative; display:block; width:100%; text-align:center; float:left; font-family:'Open Sans',sans-serif; color:#fffefe; line-height:inherit; } .free_version_banner .description_text p{ margin:0; padding:0; font-size: 14px; } </style> <div class="free_version_banner"> <img class="manual_icon" src="<?php echo $path_site2; ?> /icon-user-manual.png" alt="user manual" /> <p class="usermanual_text">If you have any difficulties in using the options, Follow the link to <a href="http://huge-it.com/wordpress-portfolio-gallery-user-manual/" target="_blank">User Manual</a></p> <a class="get_full_version" href="http://huge-it.com/portfolio-gallery/" target="_blank">GET THE FULL VERSION</a> <a href="http://huge-it.com" target="_blank"><img class="huge_it_logo" src="<?php echo $path_site2; ?> /Huge-It-logo.png"/></a> <div style="clear: both;"></div> <div class="description_text"><p>This is the free version of the plugin. Click "GET THE FULL VERSION" for more advanced options. We appreciate every customer.</p></div> </div> <form action="admin.php?page=portfolios_huge_it_portfolio&id=<?php echo esc_html(stripslashes($row->id)); ?> " method="post" name="adminForm" id="adminForm"> <input type="hidden" class="changedvalues" value="" name="changedvalues" size="80"> <div id="poststuff" > <div id="portfolio-header"> <ul id="portfolios-list"> <?php foreach ($rowsld as $rowsldires) { if ($rowsldires->id != $row->id) { ?> <li> <a href="#" onclick="window.location.href='admin.php?page=portfolios_huge_it_portfolio&task=edit_cat&id=<?php echo $rowsldires->id; ?> '" ><?php echo $rowsldires->name; ?> </a> </li> <?php } else { ?> <li class="active" onclick = "this.firstElementChild.style.width = ((this.firstElementChild.value.length + 1) * 8) + 'px';" style="background-image:url(<?php echo plugins_url('../images/edit.png', __FILE__); ?> );cursor:pointer;"> <input class="text_area" onkeyup = "name_changeTop(this)" onfocus="this.style.width = ((this.value.length + 1) * 8) + 'px'" type="text" name="name" id="name" maxlength="250" value="<?php echo esc_html(stripslashes($row->name)); ?> " /> </li> <?php } } ?> <li class="add-new"> <a onclick="window.location.href='admin.php?page=portfolios_huge_it_portfolio&task=add_cat'">+</a> </li> </ul> </div> <div id="post-body" class="metabox-holder columns-2"> <!-- Content --> <div id="post-body-content"> <?php add_thickbox(); ?> <div id="post-body"> <div id="post-body-heading"> <h3><?php echo __('Projects / Images', 'portfolio-gallery'); ?> </h3> <script> jQuery(document).ready(function($){ jQuery('.huge-it-newuploader .button').click(function(e) { var send_attachment_bkp = wp.media.editor.send.attachment; var button = jQuery(this); var id = button.attr('id').replace('_button', ''); _custom_media = true; jQuery("#"+id).val(''); wp.media.editor.send.attachment = function(props, attachment){ if ( _custom_media ) { jQuery("#"+id).val(attachment.url+';;;'+jQuery("#"+id).val()); jQuery("#save-buttom").click(); } else { return _orig_send_attachment.apply( this, [props, attachment] ); }; } wp.media.editor.open(button); return false; }); /*#####HIDE NEW UPLOADER'S LEFT MENU######*/ jQuery(".wp-media-buttons-icon").click(function() { jQuery(".media-menu .media-menu-item").css("display","none"); jQuery(".media-menu-item:first").css("display","block"); jQuery(".separator").next().css("display","none"); jQuery('.attachment-filters').val('image').trigger('change'); jQuery(".attachment-filters").css("display","none"); }); jQuery('.widget-images-list .add-image-box').hover(function() { jQuery(this).find('.add-thumb-project').css('display','none'); jQuery(this).find('.add-image-video').css('display','block'); },function() { jQuery(this).find('.add-image-video').css('display','none'); jQuery(this).find('.add-thumb-project').css('display','block'); }); jQuery('#portfolio_effects_list').on('change',function(){ var sel = jQuery(this).val(); if(sel == 5) { jQuery('.for-content-slider').css('display','block') } else { jQuery('.for-content-slider').css('display','none') } }); jQuery('#portfolio_effects_list').change(); }); </script> <input type="hidden" name="imagess" id="_unique_name" /> <span class="wp-media-buttons-icon"></span> <div class="huge-it-newuploader uploader button button-primary add-new-image"> <input type="button" class="button wp-media-buttons-icon" name="_unique_name_button" id="_unique_name_button" value="<?php echo __('Add Project / Image', 'portfolio-gallery'); ?> " /> </div> <a href="admin.php?page=portfolios_huge_it_portfolio&task=portfolio_video&id=<?php echo $_GET['id']; ?> &TB_iframe=1" class="button button-primary add-video-slide thickbox" id="slideup3s" value="iframepop"> <span class="wp-media-buttons-icon"></span><?php echo __('Add Video Slide', 'portfolio-gallery'); ?> </a> </div> <ul id="images-list"> <?php /***<add>***/ function get_youtube_id_from_url($url) { if (preg_match('%(?:youtube(?:-nocookie)?\\.com/(?:[^/]+/.+/|(?:v|e(?:mbed)?)/|.*[?&]v=)|youtu\\.be/)([^"&?/ ]{11})%i', $url, $match)) { return $match[1]; } } function get_image_from_video($image_url) { if (strpos($image_url, 'youtube') !== false || strpos($image_url, 'youtu') !== false) { $liclass = "youtube"; $video_thumb_url = get_youtube_id_from_url($image_url); $thumburl = 'http://img.youtube.com/vi/' . $video_thumb_url . '/mqdefault.jpg'; } else { if (strpos($image_url, 'vimeo') !== false) { $liclass = "vimeo"; $vimeo = $image_url; $vimeo_explode = explode("/", $vimeo); $imgid = end($vimeo_explode); $hash = unserialize(file_get_contents("http://vimeo.com/api/v2/video/" . $imgid . ".php")); $imgsrc = $hash[0]['thumbnail_large']; $thumburl = $imgsrc; } } return $thumburl; } /***</add>***/ $j = 2; $myrows = explode(",", $row->categories); foreach ($rowim as $key => $rowimages) { ?> <!--<add> swirch case---> <?php if ($rowimages->sl_type == '') { $rowimages->sl_type = 'image'; } switch ($rowimages->sl_type) { case 'image': ?> <li <?php if ($j % 2 == 0) { echo "class='has-background'"; } $j++; ?> > <input class="order_by" type="hidden" name="order_by_<?php echo $rowimages->id; ?> " value="<?php echo $rowimages->ordering; ?> " /> <div class="image-container"> <ul class="widget-images-list"> <?php $imgurl = explode(";", $rowimages->image_url); array_pop($imgurl); $i = 0; //$imgurl = array_reverse($imgurl); foreach ($imgurl as $key1 => $img) { //var_dump(youtube_or_vimeo($img)); if (youtube_or_vimeo($img) != 'image') { ?> <li class="editthisvideo editthisimage<?php echo $key; if ($i == 0) { echo 'first'; } ?> " > <img class="editthisvideo" src="<?php echo get_image_from_video($img); ?> " data-video-src="<?php echo $img; ?> " alt = "<?php echo $img; ?> " /> <div class="play-icon <?php if (youtube_or_vimeo($img) == 'youtube') { ?> youtube-icon<?php } else { ?> vimeo-icon <?php } ?> "></div> <a class="thickbox" href="admin.php?page=portfolios_huge_it_portfolio&task=portfolio_video_edit&portfolio_id=<?php echo $rowimages->portfolio_id; ?> &id=<?php echo $rowimages->id; ?> &thumb=<?php echo $i; ?> &TB_iframe=1&closepop=1" id="xxx"> <input type="button" class="edit-video" id ="edit-video_<?php echo $rowimages->id; ?> _<?php echo $key; ?> " value="Edit" /> </a> <a href="#remove" title = "<?php echo $i; ?> " class="remove-image">remove</a> </li> <?php } else { ?> <li class="editthisimage<?php echo $key; ?> <?php if ($i == 0) { echo 'first'; } ?> "> <img src="<?php echo $img; ?> " /> <input type="button" class="edit-image" id="" value="Edit" /> <a href="#remove" title = "<?php echo $i; ?> " class="remove-image">remove</a> </li> <?php } $i++; } ?> <li class="add-image-box"> <div class="add-thumb-project"> <img src="<?php echo plugins_url('../images/plus.png', __FILE__); ?> " class="plus" alt="" /> </div> <div class="add-image-video"> <input type="hidden" name="imagess<?php echo $rowimages->id; ?> " id="unique_name<?php echo $rowimages->id; ?> " class="all-urls" value="<?php echo $rowimages->image_url; ?> " /> <a title="Add video" class="add-video-slide thickbox" href="admin.php?page=portfolios_huge_it_portfolio&task=portfolio_video&id=<?php echo esc_html(stripslashes($row->id)); ?> &thumb_parent=<?php echo $rowimages->id; ?> &TB_iframe=1"><!--</add> thumb parent is project's image id--> <img src="<?php echo plugins_url('../images/icon-video.png', __FILE__); ?> " title="Add video" alt="" class="plus" /> <input type="button" class="button<?php echo $rowimages->id; ?> wp-media-buttons-icon add-video" id="unique_name_button<?php echo $rowimages->id; ?> " value="+" /> </a> <div class="add-image-slide" title="Add image"> <img src="<?php echo plugins_url('../images/icon-img.png', __FILE__); ?> " title="Add image" alt="" class="plus" /> <input type="button" class="button<?php echo $rowimages->id; ?> wp-media-buttons-icon add-image" id="unique_name_button<?php echo $rowimages->id; ?> " value="+" /> </div> </div> </li> </ul> <script> jQuery(document).ready(function($){ function secondimageslistlisize(){ var lisaze = jQuery('#images-list').width(); lisaze=lisaze*0.06; jQuery('#images-list .widget-images-list li').not('.add-image-box').not('.first').height(lisaze); } jQuery(window).resize(function(){ secondimageslistlisize() }); jQuery(".wp-media-buttons-icon").click(function() { jQuery(".attachment-filters").css("display","none"); }); var _custom_media = true, _orig_send_attachment = wp.media.editor.send.attachment; /*#####ADD NEW PROJECT######*/ jQuery('.huge-it-newuploader .button').click(function(e) { var send_attachment_bkp = wp.media.editor.send.attachment; var button = jQuery(this); var id = button.attr('id').replace('_button', ''); _custom_media = true; jQuery("#"+id).val(''); wp.media.editor.send.attachment = function(props, attachment){ if ( _custom_media ) { jQuery("#"+id).val(attachment.url+';;;'+jQuery("#"+id).val()); jQuery("#save-buttom").click(); } else { return _orig_send_attachment.apply( this, [props, attachment] ); }; } wp.media.editor.open(button); return false; }); jQuery('.widget-images-list').on('click','.edit-image',function(e) { jQuery(this).parents("#images-list > li").addClass('submit-post'); var send_attachment_bkp = wp.media.editor.send.attachment; var $src; var button = jQuery(this); var id = button.parents('.widget-images-list').find('.all-urls').attr('id'); var img= button.prev('img'); _custom_media = true; jQuery(".media-menu .media-menu-item").css("display","none"); jQuery(".media-menu-item:first").css("display","block"); jQuery(".separator").next().css("display","none"); jQuery('.attachment-filters').val('image').trigger('change'); jQuery(".attachment-filters").css("display","none"); wp.media.editor.send.attachment = function(props, attachment){ if ( _custom_media ) { img.attr('src',attachment.url); var allurls =''; img.parents('.widget-images-list').find('img').not('.plus').each(function(){ if(jQuery(this).hasClass('editthisvideo')) { $src = jQuery(this).attr('data-video-src'); } else $src = jQuery(this).attr('src'); console.log($src); allurls = allurls+$src+';'; }); jQuery("#"+id).val(allurls); secondimageslistlisize(); //jQuery("#save-buttom").click(); } else { return _orig_send_attachment.apply( this, [props, attachment] ); }; } wp.media.editor.open(button); return false; }); jQuery('.add_media').on('click', function(){ _custom_media = false; }); /*#####ADD IMAGE######*/ jQuery('.add-image.button<?php echo $rowimages->id; ?> ').click(function(e) { jQuery(this).parents("#images-list > li").addClass('submit-post'); var send_attachment_bkp = wp.media.editor.send.attachment; var button = jQuery(this); var id = button.attr('id').replace('_button', ''); _custom_media = true; wp.media.editor.send.attachment = function(props, attachment){ if ( _custom_media ) { jQuery("#"+id).parent().parent().before('<li class="editthisimage1 "><img src="'+attachment.url+'" alt="" /><input type="button" class="edit-image" id="" value="Edit" /><a href="#remove" class="remove-image">remove</a></li>'); //alert(jQuery("#"+id).val()); jQuery("#"+id).val(jQuery("#"+id).val()+attachment.url+';'); secondimageslistlisize(); } else { return _orig_send_attachment.apply( this, [props, attachment] ); }; } wp.media.editor.open(button); return false; }); /*#####REMOVE IMAGE######*/ jQuery("ul.widget-images-list").on('click','.remove-image',function () { jQuery(this).parents("#images-list > li").addClass('submit-post'); jQuery(this).parent().find('img').remove(); var allUrls=""; var $src; jQuery(this).parents('ul.widget-images-list').find('img').not('.plus').each(function(){ //console.log(jQuery(this).parent()); if(jQuery(this).hasClass('editthisvideo')) { $src = jQuery(this).attr('data-video-src'); } else $src = jQuery(this).attr('src'); console.log($src); allUrls=allUrls+$src+';'; jQuery(this).parent().parent().parent().find('input.all-urls').val(allUrls); secondimageslistlisize(); }); jQuery(this).parent().remove(); return false; }); /*#####HIDE NEW UPLOADER'S LEFT MENU######*/ jQuery(".wp-media-buttons-icon").click(function() { jQuery(".media-menu .media-menu-item").css("display","none"); jQuery(".media-menu-item:first").css("display","block"); jQuery(".separator").next().css("display","none"); jQuery('.attachment-filters').val('image').trigger('change'); jQuery(".attachment-filters").css("display","none"); }); }); </script> </div> <div class="image-options"> <div class="options-container"> <div> <label for="titleimage<?php echo $rowimages->id; ?> "><?php echo __('Title', 'portfolio-gallery'); ?> :</label> <input class="text_area" type="text" id="titleimage<?php echo $rowimages->id; ?> " name="titleimage<?php echo $rowimages->id; ?> " id="titleimage<?php echo $rowimages->id; ?> " value="<?php echo htmlspecialchars($rowimages->name); ?> "> </div> <div class="description-block"> <label for="im_description<?php echo $rowimages->id; ?> "><?php echo __('Description', 'portfolio-gallery'); ?> :</label> <textarea id="im_description<?php echo $rowimages->id; ?> " name="im_description<?php echo $rowimages->id; ?> " ><?php echo $rowimages->description; ?> </textarea> </div> <div class="link-block"> <label for="sl_url<?php echo $rowimages->id; ?> "><?php echo __('URL', 'portfolio-gallery'); ?> :</label> <input class="text_area url-input" type="text" id="sl_url<?php echo $rowimages->id; ?> " name="sl_url<?php echo $rowimages->id; ?> " value="<?php echo $rowimages->sl_url; ?> " > <label class="long" for="sl_link_target<?php echo $rowimages->id; ?> "> <span><?php echo __('Open in new tab', 'portfolio-gallery'); ?> </span> <input type="hidden" name="sl_link_target<?php echo $rowimages->id; ?> " value="" /> <input <?php if ($rowimages->link_target == 'on') { echo 'checked="checked"'; } ?> class="link_target" type="checkbox" id="sl_link_target<?php echo $rowimages->id; ?> " name="sl_link_target<?php echo $rowimages->id; ?> " /> </label> </div> </div> <div class="category-container"> <strong><?php echo __('Select Categories', 'portfolio-gallery'); ?> </strong> <em>(<?php echo __('Press Ctrl And Select multiply', 'portfolio-gallery'); ?> )</em> <select id="multipleSelect" multiple="multiple" disabled> <?php // var_dump($huge_cat); $huge_cat = explode(",", $rowimages->category); foreach ($myrows as $value) { if (!empty($value)) { ?> <option <?php if (in_array(str_replace(' ', '_', $value), str_replace(' ', '_', $huge_cat))) { echo "selected='selected' "; } ?> value="<?php echo str_replace(' ', '_', $value); ?> " > <!-- attrForDelete="<?php php; ?> " --> <?php echo str_replace('_', ' ', $value); ?> </option> <?php } } ?> } </select> <input type="hidden" id="category<?php echo $rowimages->id; ?> " name="category<?php echo $rowimages->id; ?> " value="<?php echo str_replace(' ', '_', $rowimages->category); ?> "/> </div> <div class="remove-image-container"> <a class="button remove-image" href="admin.php?page=portfolios_huge_it_portfolio&id=<?php echo esc_html(stripslashes($row->id)); ?> &task=apply&removeslide=<?php echo $rowimages->id; ?> "><?php echo __('Remove Project', 'portfolio-gallery'); ?> </a> </div> </div> <div class="clear"></div> </li> <?php break; case 'video': //$i = 0; ?> <!--<add>--> <li <?php if ($j % 2 == 0) { echo "class='has-background'"; } $j++; ?> > <input class="order_by" type="hidden" name="order_by_<?php echo $rowimages->id; ?> " value="<?php echo $rowimages->ordering; ?> " /> <div class="video-container"> <ul class="widget-images-list"> <?php $imgurl = explode(";", $rowimages->image_url); array_pop($imgurl); $i = 0; //$imgurl = array_reverse($imgurl); foreach ($imgurl as $key1 => $img) { //var_dump(youtube_or_vimeo($img)); if (youtube_or_vimeo($img) != 'image') { ?> <li class="editthisvideo editthisimage<?php echo $key; ?> <?php if ($i == 0) { echo 'first'; } ?> " > <img class="editthisvideo" src="<?php echo get_image_from_video($img); ?> " data-video-src="<?php echo $img; ?> " alt = "<?php echo $img; ?> "/> <div class="play-icon <?php if (youtube_or_vimeo($img) == 'youtube') { ?> youtube-icon<?php } else { ?> vimeo-icon <?php } ?> "></div> <a class="thickbox" href="admin.php?page=portfolios_huge_it_portfolio&task=portfolio_video_edit&portfolio_id=<?php echo $rowimages->portfolio_id; ?> &id=<?php echo $rowimages->id; ?> &thumb=<?php echo $i; ?> &TB_iframe=1&closepop=1" id="xxx"> <input type="button" class="edit-video" id ="edit-video_<?php echo $rowimages->id; ?> _<?php echo $key; ?> " value="Edit" /> </a> <a href="#remove" title = "<?php echo $i; ?> " class="remove-image">remove</a> </li> <?php } else { ?> <li class="editthisimage<?php echo $key; ?> <?php if ($i == 0) { echo 'first'; } ?> "> <img src="<?php echo $img; ?> " /> <input type="button" class="edit-image" id="" value="Edit" /> <a href="#remove" title = "<?php echo $i; ?> " class="remove-image">remove</a> </li> <?php } $i++; } ?> <li class="add-image-box"> <div class="add-thumb-project"> <img src="<?php echo plugins_url('../images/plus.png', __FILE__); ?> " class="plus" alt="" /> </div> <div class="add-image-video"> <input type="hidden" name="imagess<?php echo $rowimages->id; ?> " id="unique_name<?php echo $rowimages->id; ?> " class="all-urls" value="<?php echo $rowimages->image_url; ?> " /> <a title="Add video" class="add-video-slide thickbox" href="admin.php?page=portfolios_huge_it_portfolio&task=portfolio_video&id=<?php echo esc_html(stripslashes($row->id)); ?> &thumb_parent=<?php echo $rowimages->id; ?> &TB_iframe=1"><!--</add> thumb parent is project's image id--> <img src="<?php echo plugins_url('../images/icon-video.png', __FILE__); ?> " title="Add video" alt="" class="plus" /> <input type="button" class="button<?php echo $rowimages->id; ?> wp-media-buttons-icon add-video" id="unique_name_button<?php echo $rowimages->id; ?> " value="+" /> </a> <div class="add-image-slide" title="Add image"> <img src="<?php echo plugins_url('../images/icon-img.png', __FILE__); ?> " title="Add image" alt="" class="plus" /> <input type="button" class="button<?php echo $rowimages->id; ?> wp-media-buttons-icon add-image" id="unique_name_button<?php echo $rowimages->id; ?> " value="+" /> </div> </div> </li> </ul> <script> jQuery(document).ready(function($){ (function secondimageslistlisize(){ var lisaze = jQuery('#images-list').width(); lisaze=lisaze*0.06; jQuery('#images-list .widget-images-list li').not('.add-image-box').not('.first').height(lisaze); }()); jQuery(window).resize(function(){ secondimageslistlisize() }); jQuery(".wp-media-buttons-icon").click(function() { jQuery(".attachment-filters").css("display","none"); }); var _custom_media = true, _orig_send_attachment = wp.media.editor.send.attachment; /*#####ADD NEW PROJECT######*/ jQuery('.huge-it-newuploader .button').click(function(e) { var send_attachment_bkp = wp.media.editor.send.attachment; var button = jQuery(this); var id = button.attr('id').replace('_button', ''); _custom_media = true; jQuery("#"+id).val(''); wp.media.editor.send.attachment = function(props, attachment){ if ( _custom_media ) { jQuery("#"+id).val(attachment.url+';;;'+jQuery("#"+id).val()); jQuery("#save-buttom").click(); } else { return _orig_send_attachment.apply( this, [props, attachment] ); }; } wp.media.editor.open(button); return false; }); /*#####EDIT IMAGE######*/ jQuery('.widget-images-list').on('click','.edit-image',function(e) { jQuery(this).parents("#images-list > li").addClass('submit-post'); var send_attachment_bkp = wp.media.editor.send.attachment; var $src; var button = jQuery(this); var id = button.parents('.widget-images-list').find('.all-urls').attr('id'); var img= button.prev('img'); _custom_media = true; jQuery(".media-menu .media-menu-item").css("display","none"); jQuery(".media-menu-item:first").css("display","block"); jQuery(".separator").next().css("display","none"); jQuery('.attachment-filters').val('image').trigger('change'); jQuery(".attachment-filters").css("display","none"); wp.media.editor.send.attachment = function(props, attachment){ if ( _custom_media ) { img.attr('src',attachment.url); var allurls =''; img.parents('.widget-images-list').find('img').not('.plus').each(function(){ if(jQuery(this).hasClass('editthisvideo')) { $src = jQuery(this).attr('data-video-src'); } else $src = jQuery(this).attr('src'); console.log($src); allurls = allurls+$src+';'; }); jQuery("#"+id).val(allurls); secondimageslistlisize(); //jQuery("#save-buttom").click(); } else { return _orig_send_attachment.apply( this, [props, attachment] ); }; } wp.media.editor.open(button); return false; }); jQuery('.add_media').on('click', function(){ _custom_media = false; }); /*#####ADD IMAGE######*/ jQuery('.add-image.button<?php echo $rowimages->id; ?> ').click(function(e) { jQuery(this).parents("#images-list > li").addClass('submit-post'); var send_attachment_bkp = wp.media.editor.send.attachment; var button = jQuery(this); var id = button.attr('id').replace('_button', ''); _custom_media = true; wp.media.editor.send.attachment = function(props, attachment){ if ( _custom_media ) { jQuery("#"+id).parent().parent().before('<li class="editthisimage1 "><img src="'+attachment.url+'" alt="" /><input type="button" class="edit-image" id="" value="Edit" /><a href="#remove" class="remove-image">remove</a></li>'); //alert(jQuery("#"+id).val()); jQuery("#"+id).val(jQuery("#"+id).val()+attachment.url+';'); secondimageslistlisize(); } else { return _orig_send_attachment.apply( this, [props, attachment] ); }; } wp.media.editor.open(button); return false; }); /*#####REMOVE IMAGE######*/ jQuery("ul.widget-images-list").on('click','.remove-image',function () { jQuery(this).parents("#images-list > li").addClass('submit-post'); jQuery(this).parent().find('img').remove(); var allUrls=""; var $src; jQuery(this).parents('ul.widget-images-list').find('img').not('.plus').each(function(){ //console.log(jQuery(this).parent()); if(jQuery(this).hasClass('editthisvideo')) { $src = jQuery(this).attr('data-video-src'); } else $src = jQuery(this).attr('src'); console.log($src); allUrls=allUrls+$src+';'; jQuery(this).parent().parent().parent().find('input.all-urls').val(allUrls); secondimageslistlisize(); }); jQuery(this).parent().remove(); return false; }); /*#####HIDE NEW UPLOADER'S LEFT MENU######*/ jQuery(".wp-media-buttons-icon").click(function() { jQuery(".media-menu .media-menu-item").css("display","none"); jQuery(".media-menu-item:first").css("display","block"); jQuery(".separator").next().css("display","none"); jQuery('.attachment-filters').val('image').trigger('change'); jQuery(".attachment-filters").css("display","none"); }); /*jQuery("ul.widget-images-list").on('click','.remove-video',function () { var new_video_list,del_video_number,old_video_list,old_video_array; new_video_list = ""; del_video_number = jQuery(this).attr("title"); old_video_list = jQuery(this).parent().parent().find('input.all-urls').val(); old_video_array = old_video_list.split(";");console.log(old_video_array); for(var video in old_video_array) { if(video==del_video_number) continue; new_video_list += old_video_array[video]+";"; } new_video_list = new_video_list.substr(0,new_video_list.length-1); jQuery(this).parent().parent().find('input.video-all-urls').val(new_video_list); jQuery(this).parent().remove(); return; });*/ }); </script> </div> <div class="image-options"> <div class="options-container"> <div> <label for="titleimage<?php echo $rowimages->id; ?> "><?php echo __('Title', 'portfolio-gallery'); ?> :</label> <input class="text_area" type="text" id="titleimage<?php echo $rowimages->id; ?> " name="titleimage<?php echo $rowimages->id; ?> " id="titleimage<?php echo $rowimages->id; ?> " value="<?php echo htmlspecialchars($rowimages->name); ?> "> </div> <div class="description-block"> <label for="im_description<?php echo $rowimages->id; ?> "><?php echo __('Description', 'portfolio-gallery'); ?> :</label> <textarea id="im_description<?php echo $rowimages->id; ?> " name="im_description<?php echo $rowimages->id; ?> " ><?php echo $rowimages->description; ?> </textarea> </div> <div class="link-block"> <label for="sl_url<?php echo $rowimages->id; ?> "><?php echo __('URL', 'portfolio-gallery'); ?> :</label> <input class="text_area url-input" type="text" id="sl_url<?php echo $rowimages->id; ?> " name="sl_url<?php echo $rowimages->id; ?> " value="<?php echo $rowimages->sl_url; ?> " > <label class="long" for="sl_link_target<?php echo $rowimages->id; ?> "> <span><?php echo __('Open in new tab', 'portfolio-gallery'); ?> </span> <input type="hidden" name="sl_link_target<?php echo $rowimages->id; ?> " value="" /> <input <?php if ($rowimages->link_target == 'on') { echo 'checked="checked"'; } ?> class="link_target" type="checkbox" id="sl_link_target<?php echo $rowimages->id; ?> " name="sl_link_target<?php echo $rowimages->id; ?> " /> </label> </div> </div> <div class="category-container"> <strong><?php echo __('Select Categories', 'portfolio-gallery'); ?> </strong> <em>(<?php echo __('Press Ctrl And Select multiply', 'portfolio-gallery'); ?> )</em> <select id="multipleSelect" multiple="multiple" disabled > <?php $huge_cat = explode(",", $rowimages->category); foreach ($myrows as $value) { if (!empty($value)) { ?> <option <?php if (in_array(str_replace(' ', '_', $value), str_replace(' ', '_', $huge_cat))) { echo "selected='selected' "; } ?> value="<?php echo str_replace(' ', '_', $value); ?> " > <!-- attrForDelete="<?php php; ?> " --> <?php echo str_replace('_', ' ', $value); ?> </option> <?php } } ?> } </select> <input type="hidden" id="category<?php echo $rowimages->id; ?> " name="category<?php echo $rowimages->id; ?> " value="<?php echo str_replace(' ', '_', $rowimages->category); ?> "/> </div> <div class="remove-image-container"> <a class="button remove-image" href="admin.php?page=portfolios_huge_it_portfolio&id=<?php echo esc_html(stripslashes($row->id)); ?> &task=apply&removeslide=<?php echo $rowimages->id; ?> "><?php echo __('Remove Project', 'portfolio-gallery'); ?> </a> </div> </div> <div class="clear"></div> </li> <!--</add>--> <?php break; ?> <?php } ?> <?php } ?> </ul> </div> </div> <script> // jQuery('.category-container select').change(function(){ // var cat_new_val = jQuery(this).val(); // var new_cat_name = jQuery(this).parent().find('input').attr('name'); // jQuery('#'+new_cat_name).attr('value',cat_new_val+','); // //console.log(cat_new_val); console.log(new_cat_name); // }); //ok // jQuery(document).on('click', '#add_new_cat_buddon', function () { // var newCatVal = jQuery('.inside #add_cat_input input').val(); // if(newCatVal !== "") { // var oldValue = jQuery('.inside input:hidden').val() // var newValue = oldValue + newCatVal + ','; // //console.log(newCatVal); console.log(newValue); console.log(oldValue); // jQuery('.inside input:hidden').val(newValue.replace(/ /g,"_")); // jQuery('.inside #add_cat_input input').val(''); // jQuery('.inside ul').find('#allCategories').before("\n\ // <span style='display: block;'>\n\ // <li class='hndle'>\n\ // <input class='del_val' value='"+newCatVal+"' style=''>\n\ // <span id='delete_cat' style='' value='a'>\n\ // <img src='../wp-content/plugins/portfolio-gallery/images/delete1.png' width='9' height='9' value='a'>\n\ // </span>\n\ // <span id='edit_cat' style=''>\n\ // <img src='../wp-content/plugins/portfolio-gallery/images/edit3.png' width='10' height='10'>\n\ // </span>\n\ // </li>\n\ // </span>"); // // jQuery('.category-container #multipleSelect').each(function(){ // jQuery(this).append("<option attrForDelete='"+newCatVal+"'>"+newCatVal+"</option>"); // }); // } // else { alert("Please fill the line"); } // }); // jQuery(document).on('click', '#delete_cat', function (){ // var del_val = jQuery(this).parent().find('.del_val').val().replace(/ /g, '_'); // del_val = del_val + ","; // var old_val_for_delete = jQuery('.inside input:hidden').val(); // var newValue = old_val_for_delete.replace(del_val, ""); // jQuery('.inside input:hidden').val(newValue); // jQuery(this).parent().parent().find('.hndle').remove(); // var valForDelete = del_val.replace(',', '').replace(/ /g, '_'); // jQuery('.category-container').each(function(){ // jQuery(this).find('option[value='+valForDelete+']').remove(); // }); // //console.log(del_val); console.log(old_val_for_delete); console.log(newValue); console.log(valForDelete); // }); // jQuery(document).on('click', '#edit_cat', function (){ // jQuery(this).parent().find('.del_val').focus(); // var changing_val = jQuery(this).parent().find('.del_val').val().replace(/ /g, '_'); // jQuery('#changing_val').removeAttr('value').attr('value',changing_val); // //console.log(changing_val); // }); // jQuery(document).on('click', '#portfolios-list .active', function (){ jQuery(this).find('input').focus(); }); //getting category old name // jQuery(document).on('focus', '.del_val', function (){ // Know which category we want to change // var changing_val = jQuery(this).val().replace(/ /g,"_"); //console.log(changing_val); // jQuery('#changing_val').removeAttr('value').attr('value',changing_val); // }); // jQuery(document).on('change', '.del_val', function (){ // //alert("ok") // var no_edited_cats = jQuery("#allCategories").val().replace(/ /g,"_"); // var old_name = jQuery('#changing_val').val(); // var edited_cat = jQuery(this).val(); // edited_cat = edited_cat.replace(/ /g,"_"); // var new_cat = no_edited_cats.replace(old_name,edited_cat); // jQuery('#allCategories').val(new_cat); // console.log(no_edited_cats); console.log(old_name); console.log(edited_cat); console.log(new_cat); // }); jQuery(document).on('click', '.allowIsotope input', function (){ }); </script> <!-- SIDEBAR --> <div id="postbox-container-1" class="postbox-container"> <div id="side-sortables" class="meta-box-sortables ui-sortable"> <div id="portfolio-unique-options" class="postbox"> <h3 class="hndle"><span><?php echo __('Select The Portfolio/Gallery View', 'portfolio-gallery'); ?> </span></h3> <ul id="portfolio-unique-options-list"> <li> <label for="huge_it_portfolio_name"><?php echo __('Portfolio Name', 'portfolio-gallery'); ?> </label> <input type = "text" name="name" id="huge_it_portfolio_name" value="<?php echo esc_html(stripslashes($row->name)); ?> " onkeyup = "name_changeRight(this)"> </li> <li style="display:none;"> <label for="sl_width"><?php echo __('Width', 'portfolio-gallery'); ?> </label> <input type="text" name="sl_width" id="sl_width" value="<?php echo $row->sl_width; ?> " class="text_area" /> </li> <li style="display:none;"> <label for="sl_height"><?php echo __('Height', 'portfolio-gallery'); ?> </label> <input type="text" name="sl_height" id="sl_height" value="<?php echo $row->sl_height; ?> " class="text_area" /> </li> <li style="display:none;"> <label for="pause_on_hover"><?php echo __('Pause on hover', 'portfolio-gallery'); ?> </label> <input type="hidden" value="off" name="pause_on_hover" /> <input type="checkbox" name="pause_on_hover" value="on" id="pause_on_hover" <?php if ($row->pause_on_hover == 'on') { echo 'checked="checked"'; } ?> /> </li> <li> <label for="portfolio_effects_list"><?php echo __('Select The View', 'portfolio-gallery'); ?> </label> <select name="portfolio_effects_list" id="portfolio_effects_list"> <option <?php if ($row->portfolio_list_effects_s == '0') { echo 'selected'; } ?> value="0"><?php echo __('Blocks Toggle Up/Down', 'portfolio-gallery'); ?> </option> <option <?php if ($row->portfolio_list_effects_s == '1') { echo 'selected'; } ?> value="1"><?php echo __('Full-Height Blocks', 'portfolio-gallery'); ?> </option> <option <?php if ($row->portfolio_list_effects_s == '2') { echo 'selected'; } ?> value="2"><?php echo __('Gallery/Content-Popup', 'portfolio-gallery'); ?> </option> <option <?php if ($row->portfolio_list_effects_s == '3') { echo 'selected'; } ?> value="3"><?php echo __('Full-Width Blocks', 'portfolio-gallery'); ?> </option> <option <?php if ($row->portfolio_list_effects_s == '4') { echo 'selected'; } ?> value="4"><?php echo __('FAQ Toggle Up/Down', 'portfolio-gallery'); ?> </option> <option <?php if ($row->portfolio_list_effects_s == '5') { echo 'selected'; } ?> value="5"><?php echo __('Content Slider', 'portfolio-gallery'); ?> </option> <option <?php if ($row->portfolio_list_effects_s == '6') { echo 'selected'; } ?> value="6"><?php echo __('Lightbox-Gallery', 'portfolio-gallery'); ?> </option> </select> </li> <li style="display:none;" class="for-content-slider"> <label for="sl_pausetime"><?php echo __('Pause time', 'portfolio-gallery'); ?> </label> <input type="text" name="sl_pausetime" id="sl_pausetime" value="<?php echo $row->description; ?> " class="text_area" /> </li> <li style="display:none;" class="for-content-slider"> <label for="sl_changespeed"><?php echo __('Change speed', 'portfolio-gallery'); ?> </label> <input type="text" name="sl_changespeed" id="sl_changespeed" value="<?php echo $row->param; ?> " class="text_area" /> </li style="display:none;" class="for-content-slider"> <!--<li style="display:none;" class="for-content-slider" > <label for="slider_effect">Slider Effect</label> <select name="sl_position" id="slider_effect"> <option <?php if ($row->sl_position == '') { echo 'selected'; } ?> value="">None</option> <option <?php if ($row->sl_position == 'fadeOut_flipInX') { echo 'selected'; } ?> value="fadeOut_flipInX">Fade</option> <option <?php if ($row->sl_position == 'bounceOutUp_bounceInDown') { echo 'selected'; } ?> value="bounceOutUp_bounceInDown">Bounce</option> <option <?php if ($row->sl_position == 'rotateOutDownRight_rotateInDownRight') { echo 'selected'; } ?> value="rotateOutDownRight_rotateInDownRight">Rotate</option> <option <?php if ($row->sl_position == 'rollOut_rollIn') { echo 'selected'; } ?> value="rollOut_rollIn">Roll</option> <option <?php if ($row->sl_position == 'fadeOut_lightSpeedIn') { echo 'selected'; } ?> value="fadeOut_lightSpeedIn">LightSpeed</option> </select> </li>--> <li style="display:none;margin-top:10px" class="for-content-slider"> <label for="pause_on_hover">Autoslide </label> <input type="hidden" value="off" name="pause_on_hover" /> <input type="checkbox" name="pause_on_hover" value="on" id="pause_on_hover" <?php if ($row->pause_on_hover == 'on') { echo 'checked="checked"'; } ?> /> </li> </ul> <div id="major-publishing-actions"> <div id="publishing-action"> <input type="button" onclick="submitbutton('apply')" value="Save Portfolio" id="save-buttom" class="button button-primary button-large"> </div> <div class="clear"></div> <!--<input type="button" onclick="window.location.href='admin.php?page=portfolios_huge_it_portfolio'" value="Cancel" class="button-secondary action">--> </div> </div> <div class="postbox"> <div class="inside2"> <ul> <li class="allowIsotope"> <?php echo __('Show Sorting Buttons', 'portfolio-gallery'); ?> : <input type="hidden" value="off" name="ht_show_sorting" /> <input type="checkbox" id="ht_show_sorting" <?php if ($row->ht_show_sorting == 'on') { echo 'checked="checked"'; } ?> name="ht_show_sorting" value="on" /> </li> <li class="allowIsotope"> <?php echo __('Show Category Buttons', 'portfolio-gallery'); ?> : <input type="hidden" value="off" name=" " /> <input type="checkbox" id=" " name=" " value="off" disabled="disabled" /> <a class="probuttonlink" href="http://huge-it.com/portfolio-gallery/" target="_blank">( <span style="color: red;font-size: 14px;"> PRO </span> )</a> </li> </ul> </div> </div> <div class="postbox"> <h3 class="hndle"><span><?php echo __('Categories', 'portfolio-gallery'); ?> :</span> <a class="probuttonlink" href="http://huge-it.com/portfolio-gallery/" target="_blank">( <span style="color: red;font-size: 14px;"> PRO </span> )</a></h3> <div class="inside"> <ul> <?php $ifforempty = $row->categories; $ifforempty = stripslashes($ifforempty); $ifforempty = esc_html($ifforempty); $ifforempty = empty($ifforempty); if (!$ifforempty) { foreach ($myrows as $value) { if (!empty($value)) { ?> <span> <li class="hndle"> <input class="del_val" value="<?php echo str_replace("_", " ", $value); ?> " style="" disabled="disabled"> <span id="delete_cat" style="" value="a"><img src="../wp-content/plugins/portfolio-gallery/images/delete1.png" width="9" height="9" value="a"></span> <span id="edit_cat" style=""><img src="../wp-content/plugins/portfolio-gallery/images/edit3.png" width="10" height="10"></span> </li> </span> <?php } } } ?> <input type="hidden" value="<?php if (strpos($row->categories, ',,') !== false) { $row->categories = str_replace(",,", ",", $row->categories); } echo $row->categories; ?> " id="allCategories" name="allCategories"> <li id="add_cat_input" style=""> <input type="text" size="12" disabled="disabled"> <a style="" id="add_new_cat_buddon">+ <?php echo __('Add New Category', 'portfolio-gallery'); ?> </a> </li> </ul> <input type="hidden" value="" id="changing_val"> </div> </div> <div id="portfolio-shortcode-box" class="postbox shortcode ms-toggle"> <h3 class="hndle"><span><?php echo __('Usage', 'portfolio-gallery'); ?> </span></h3> <div class="inside"> <ul> <li rel="tab-1" class="selected"> <h4><?php echo __('Shortcode', 'portfolio-gallery'); ?> </h4> <p><?php echo __('Copy & paste the shortcode directly into any WordPress post or page.', 'portfolio-gallery'); ?> </p> <textarea class="full" readonly="readonly">[huge_it_portfolio id="<?php echo esc_html(stripslashes($row->id)); ?> "]</textarea> </li> <li rel="tab-2"> <h4><?php echo __('Template Include', 'portfolio-gallery'); ?> </h4> <p><?php echo __('Copy & paste this code into a template file to include the slideshow within your theme.', 'portfolio-gallery'); ?> </p> <textarea class="full" readonly="readonly"><?php echo do_shortcode("[huge_it_portfolio id='<?php echo esc_html(stripslashes($row->id)); ?> ']"); ?></textarea> </li> </ul> </div> </div> </div> </div> </div> </div> <input type="hidden" name="task" value="" /> <?php @session_start(); $hugeItCSRFToken = $_SESSION["csrf_token_hugeit_gallery"] = md5(time()); ?> <input type="hidden" name="csrf_token_hugeit_gallery" value="<?php echo $hugeItCSRFToken; ?> " /> </form> </div> <?php }