Tryag File Manager

/home/thebestprx/public_html/admin/product/index.php

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<?
	include("../include/title.php");
	include("../include/chksession.php"); 
	include("../include/connect.php");
	include("config.inc.php");
?>
<meta name="keywords" content="www.baanwebsite.com" />
<meta name="description" content="www.baanwebsite.com" />
<meta name="distribution" content="Thailand" />
<meta name="revisit-after" content="7 days" />
<meta name="copyright" content="&copy; 2014 http://www.baanwebsite.com" />
<meta name="robots" content="index,follow" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<link rel="shortcut icon" href="http://www.baanwebsite.com/images/baanwebsite.ico" />

//delect image
	$('.bt-del-image').click(function(){
		var id = $(this).attr("data-id");
		var file = $(this).attr("data-file");
		
		if( confirm('หากต้องการลบ กรุณายืนยันอีกครั้ง')==false ) 
		{
			return false;
		}
		$.ajax({
					type: "POST",
					url:"fn_product.php",
					data : {id:id, file:file, action:"del-image"},
					dataType: "json",
					success: function(data){
							alert(data.txt);
						if (parseInt(data.stat) == 1)
							location.reload();
				}
		 });
	
	});
	//delect pic
	$('.bt-del-pic').click(function(){
		var id = $(this).attr("data-id");
		var file = $(this).attr("data-file");
		
		if( confirm('หากต้องการลบ กรุณายืนยันอีกครั้ง')==false ) 
		{
			return false;
		}
		$.ajax({
					type: "POST",
					url:"fn_product.php",
					data : {id:id, file:file, action:"del-pic"},
					dataType: "json",
					success: function(data){
							alert(data.txt);
						if (parseInt(data.stat) == 1)
							location.reload();
				}
		 });
	
	});
	
	
	//delect PDF
	$('.del-pdf').click(function(){
		var id = $(this).attr("data-id");
		var file = $(this).attr("data-file");
		
		if( confirm('หากต้องการลบ กรุณายืนยันอีกครั้ง')==false ) 
		{
			return false;
		}
		$.ajax({
					type: "POST",
					url:"fn_product.php",
					data : {id:id, file:file, action:"del-pdf"},
					dataType: "json",
					success: function(data){
							alert(data.txt);
						if (parseInt(data.stat) == 1)
							location.reload();
				}
		 });
	
	});

//SORT IMAGE		
	var $sortimg = $(".product-images");	
	$sortimg.sortable({
		 items: '>:not(.add-img):not(.review-pic)',
		 update: function(event, ui) {
			var arr ="";
			$sortimg.children(".del-image").each(function(index, element) {
				var number  =index+1;
				$(this).find(".index").text(number);
				if (index == 0 ){
					$(this).parent().find('.default').removeClass('default');
					$(this).addClass('default');
				}
				arr += $(this).attr("data-id") + ","+ number + "||";
			});
			
			$.ajax({
					url: "fn_product.php", //ปลายทาง
					data:{action:"move" , data : arr}, //ส่งข้อมูล
					type: 'POST', //ประเภทการส่ง
					dataType: "json",  //รูปแแบ callback
					success: function(data){
						if(parseInt(data.stat)==1)
						{
							 //ul_ProdSize.children("li").remove();
						}
						else if(parseInt(data.stat)==0){
							location.reload();
						}
							
							
					}
			});
			
		 }
	});

});

</script>

</head>

<body>

<div id="header" class="row">	
        <div class="col-xs-12 col-sm-6 col-md-6">
            <?
				$current_page=3;
			 	include("../include/header-left-menu.inc.php");
			 	include("../include/function.php");
			?> 
        </div>	
	</div>
    
    <div class="h20"></div>
    
    <div id="main-content" class="page-product">
    
        <div class="title"><?=$obj_add?>
            <ul class="tool">
            	<li><a href="index.php"><button class="bt-clear">เริ่มใหม่</button></a></li>
            	<li><button class="bt-save">บันทึก</button></li>
            </ul>
        </div>
        <ol class="breadcrumb margin0">
          	<li><?=$obj_list_main?></li>
            <li><?=$obj_list_system?></li>
            <li class="active"><?=$obj_list_add?></li>
        </ol>
        
         <div class="alert alert-warning" role="alert">
        	<span class="red">* สามารถเลือกรูปภาพหลายรูปภาพพร้อมกันได้ โดยการกด Ctrl ค้างไว้แล้วเลือกรูปภาพ (ควรใช้รูปภาพขนาดเท่ากันทุกรูป) ขนาดรูปที่แนะนำ 800x533 pixels และควรมีขนาดไม่เกิน 3MB</span>
        </div>
        
        <form action="fn_product.php" method="post" id="Form1" enctype="multipart/form-data"> 
        	<?
				$id=$_GET['id'];
				
				if(!empty($id))
				{
					$sql="SELECT * FROM tb_product WHERE prod_id=$id ";
					$result=mysql_query($sql);
					$r=mysql_fetch_array($result);
					
						$prod_code=$r['prod_code'];
						$prod_name=$r['prod_name_th'];
						$prod_detail=$r['prod_detail'];
						$prod_layout=$r['prod_layout'];
						$prod_location=$r['prod_location'];
						$prod_contact=$r['prod_contact'];
						$prod_main_cate=$r['prod_main_cate'];
						$prod_sub_cate=$r['prod_sub_cate'];
						$prod_status=$r['prod_status'];
						$prod_status2=$r['prod_status2'];
						$prod_pdf=$r['prod_pdf'];
						$prod_vdo=$r['prod_vdo'];
						$prod_pic=$r['prod_pic'];
						
						$prod_main_cate=explode(",",$prod_main_cate);
						$prod_sub_cate=explode(",",$prod_sub_cate);
				}
			
			?>
            <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
				<input type="hidden" name="action" value="add">
				<input type="hidden" name="id" value="<?=$id?>">
                <div class="widget-box-blue">
                    <div class="widget-title" lang="th"><i class="fa-university"></i> ข้อมูลโครงการ</div>
                    <ul class="widget-tool navbar-right">
                        <li><i class="fa-caret-up show-hide-widget"></i></li>
                    </ul>
                    <div class="widget-inbox">
                        <div class="form-box">
                        	<div class="form-group"><label class="col-xs-12 col-sm-12 col-md-12 col-lg-12 control-labe"><strong>PROJECT</strong></label></div> 
                            <div class="form-group">
                                <label class="col-xs-12 col-sm-4 col-md-4 col-lg-3 control-labe text-right">ชื่อโครงการ : </label>
                                <div class="col-xs-12 col-sm-8 col-md-8 col-lg-9">
                                    <input type="text" class="form-control" name="name" value="<?=$prod_name?>">
                                </div>
                            </div> 
                            <div class="form-group">
                                <label class="col-xs-12 col-sm-4 col-md-4 col-lg-3 control-labe text-right">รายละเอียด : </label>
                                <div class="col-xs-12 col-sm-8 col-md-8 col-lg-9">
                                    <textarea class="form-control " id="textarea" name="detail" rows="8"><?=$prod_detail?></textarea>
                                </div>
                            </div>
                            <div class="cleaner h20"></div><hr>
                           	<div class="form-group"><label class="col-xs-12 col-sm-12 col-md-12 col-lg-12 control-labe"><strong>LAYOUT</strong></label></div> 
                            <div class="form-group">
                                <label class="col-xs-12 col-sm-4 col-md-4 col-lg-3 control-labe text-right">รายละเอียด : </label>
                                <div class="col-xs-12 col-sm-8 col-md-8 col-lg-9">
                                    <textarea class="form-control " id="textarea" name="layout" rows="8"><?=$prod_layout?></textarea>
                                </div>
                            </div>
                            <div class="cleaner h20"></div><hr>
                            <div class="form-group"><label class="col-xs-12 col-sm-12 col-md-12 col-lg-12 control-labe"><strong>LOCATION</strong></label></div> 
                            <div class="form-group">
                                <label class="col-xs-12 col-sm-4 col-md-4 col-lg-3 control-labe text-right">รายละเอียด : </label>
                                <div class="col-xs-12 col-sm-8 col-md-8 col-lg-9">
                                    <textarea class="form-control " id="textarea" name="location" rows="8"><?=$prod_location?></textarea>
                                </div>
                            </div>
                            <div class="cleaner h20"></div><hr>
                            <div class="form-group"><label class="col-xs-12 col-sm-12 col-md-12 col-lg-12 control-labe"><strong>CONTACT</strong></label></div> 
                            <div class="form-group">
                                <label class="col-xs-12 col-sm-4 col-md-4 col-lg-3 control-labe text-right">รายละเอียด : </label>
                                <div class="col-xs-12 col-sm-8 col-md-8 col-lg-9">
                                    <textarea class="form-control " id="textarea" name="contact" rows="8"><?=$prod_contact?></textarea>
                                </div>
                            </div>
                            
                           	<div class="clearfix"></div>
                        </div>
                    </div>
                </div>  
            </div>
         
            <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
                <div class="widget-box-orange">
                    <div class="widget-title" lang="th"><i class="fa-heart"></i> สถานะ</div>
                    <ul class="widget-tool navbar-right">
                        <li><i class="fa-caret-up show-hide-widget"></i></li>
                    </ul>
                    <div class="widget-inbox">
                        <ul class="main-cate">
                            <li class="padding5">แสดงหน้าเว็บไซต์ : 
                                <div class="switch">
                                    <input id="cmn-toggle-1" class="cmn-toggle cmn-toggle-round-flat" type="checkbox" value="1" name="status" <? if($prod_status==1||$prod_status=="") echo"checked"; ?>>
                                    <label for="cmn-toggle-1"></label>
                                </div>
                            </li>
                            <li class="padding5">แสดงหน้าแรก: 
                                <div class="switch">
                                    <input id="cmn-toggle-2" class="cmn-toggle cmn-toggle-round-flat" type="checkbox" value="1" name="status2" <? if($prod_status2==1||$prod_status2=="") echo"checked"; ?>>
                                    <label for="cmn-toggle-2"></label>
                                </div>
                            </li>
                           
                        </ul>
                    </div>
                </div>
                
                
                <div class="widget-box-green">
                    <div class="widget-title" lang="th"><i class="fa-sitemap"></i> หมวดหมู่</div>
                    <ul class="widget-tool navbar-right">
                        <li><i class="fa-caret-up show-hide-widget"></i></li>
                    </ul>
                    <div class="widget-inbox">
                        <div class="widget-inbox-cate">
                            <ul class="main-cate">
                            	<?
                                	$sql="SELECT * FROM tb_product_cate WHERE cate_main = 0  ";
									$result=mysql_query($sql);
									$count=1;
									while($result && $r=mysql_fetch_array($result))
									{
										$cate_id=sprintf("%d",$r['cate_id']);
										$cate_name=$r['cate_name_th'];
										
										if(is_array($prod_main_cate))
										{
											if (in_array($cate_id, $prod_main_cate))
												$checked="checked";
											else
												$checked="";
										}
										else
											$checked="";
										
										echo "<li>
											<input type='checkbox' name='main-cate[]' value='$cate_id' data-main='$count' id='main-".$count."' class='css-checkbox maincate' $checked/>
											<label for='main-".$count."' class='css-label'>$cate_name</label>
										</li>";
										
										/*$sql="SELECT * FROM tb_product_cate WHERE cate_main='$cate_id' ";
										$result_s=mysql_query($sql);
										$count_s=1;
										while($result_s && $r_s=mysql_fetch_array($result_s))
										{
											$cate_id=sprintf("%d",$r_s['cate_id']);
											$cate_name=$r_s['cate_name_th'];
											
											if(is_array($prod_sub_cate))
											{
												if (in_array($cate_id, $prod_sub_cate))
													$checked="checked";
												else
													$checked="";
											}
											else
											$checked="";
											
											echo "<li class='space20'>
												<input type='checkbox' name='sub-cate[]' value='$cate_id' data-main='$count' id='sub-".$count."-".$count_s."' class='css-checkbox subcate sub2-$count' $checked/>
												<label for='sub-".$count."-".$count_s."' class='css-label'>$cate_name</label>
											</li>";
											
										$count_s++;
										}
										*/
									$count++;
									}
                                ?>
                            </ul>
                        </div>
                    </div>
                </div>
            <? /*    
                <div class="widget-box-red">
                    <div class="widget-title" lang="th"><i class="fa-file-pdf-o"></i> ไฟล์ PDF</div>
                    <ul class="widget-tool navbar-right">
                        <li><i class="fa-caret-up show-hide-widget"></i></li>
                    </ul>
                    <div class="widget-inbox">
                        <div class="product-images">
                            	<?
                					if(!empty($prod_pdf))
										echo "<div class='file-pdf'>
													<span><a href='../../album/product/pdf/$prod_pdf' class='text' target='_blank'><i class='fa-file-pdf-o'></i>เปิดดูไฟล์ PDF</a></span>
													<i class='fa-times-circle del-pdf' data-id='$id' data-file='$prod_pdf'></i>
												</div>";
									else
										echo "<div class='add-pdf'>
													<span><i class='fa-file-pdf-o'></i><a class='text'>เลือกไฟล์ PDF</a></span>
												</div>";
								?>
                           	<input class="hidden" type="file" name="file_array1">
                        </div>
                         <div class="cleaner"></div>
                    </div>
                </div>
                */?>
                
                <div class="widget-box-turquoise">
                    <div class="widget-title" lang="th"><i class="fa-photo"></i> รูปภาพโครงการ</div>
                    <ul class="widget-tool navbar-right">
                        <li><i class="fa-caret-up show-hide-widget"></i></li>
                    </ul>
                    <div class="widget-inbox">
                    	<p class="red">* สามารถเลือกรูปภาพหลายรูปภาพพร้อมกันได้ โดยการกด Ctrl ค้างไว้แล้วเลือกรูปภาพ (ควรใช้รูปภาพขนาดเท่ากันทุกรูป)</p>
                        <p class="red">** ขนาดรูปที่แนะนำ 800x533 pixels และควรมีขนาดไม่เกิน 3MB</p>
                        <?
							if(!empty($id))
								echo"<p class='red'>*** จัดเรียงรูปภาพได้โดยการคลิกค้างที่รูปภาพ แล้วลากไปตำแหน่งที่ต้องการ (รูปภาพลำดับที่ 1 จะเป็นรูปภาพหน้าปกเสมอ)</p>";
						?>
                        <div class="product-images">
                            <div class="add-img">
                            	<span><i class="fa-image"></i><a class="text">เลือกรูปภาพ</a></span>
                            </div>
                            	<?
									if(!empty($id))
									{
										$sql="SELECT *, if(imag_sort=0,99999,imag_sort) AS order2  FROM tb_product_images WHERE imag_productID=$id ORDER BY order2 ASC";
										$result=mysql_query($sql);
										while($result && $r=mysql_fetch_array($result))
										{
											
										$imag_id=sprintf("%d",$r['imag_id']);
										$imag_file=$r['imag_file'];
										$imag_sort=$r['imag_sort'];
										
										
										if($imag_file!="")
											echo "<div class='del-image' data-id='$imag_id'>
														<i class='fa fa-remove bt-del-image' data-id='$imag_id' data-file='$imag_file'></i>
														<img src='../../album/product/small/$imag_file' width='100%' alt='$gall_name'/>
														<span class='index'>$imag_sort</>
													</div>";
										else
											echo "<div class='del-image' data-id='$imag_id'>
														<i class='fa fa-remove bt-del-image' data-id='$imag_id' data-file='$imag_file'></i>
														<img src='../../images/nopic.png' width='100%' alt='nopic'/>
													</div>";
											
										}
									}
								?>
                            	
                            <input class="browes-image hidden" name='add_image[]' type=file multiple>
                        </div>
                         <div class="cleaner"></div>
                    </div>
                </div>
                
                <div class="widget-box-red">
                    <div class="widget-title" lang="th"><i class="fa-photo"></i> รูปภาพแผนที่</div>
                    <ul class="widget-tool navbar-right">
                        <li><i class="fa-caret-up show-hide-widget"></i></li>
                    </ul>
                    <div class="widget-inbox">	
         				<div class="form-box">
                            <div class="form-group">
                               
                                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                	<p class="red">* ขนาดรูปที่แนะนำ ควรมีขนาด 980*350 pixels และมีขนาดไม่เกิน 3 MB.</p>
                                    <div class="product-images full">
                                    <?
											if($prod_pic!="")
											{
											echo "<div class='del-image' data-id='$id'>
														<i class='fa fa-remove bt-del-pic' data-id='$id' data-file='$prod_pic'></i>
														<a href='../../album/product/large/$prod_pic' target='_blank'>
															<img src='../../album/product/large/$prod_pic' width='100%' alt='$gall_name'/>
														</a>
													</div>";
											}
											else
											{
												echo"<div class='add-pic'>
															<span><i class='fa-image'></i><a class='text'>เลือกรูปภาพ</a></span>
														</div>";
											}
                                        ?>
                                    <input class="browes-image hidden" name='add_pic[]' type="file">
                                	</div>
                     
                                	</div>
                                </div>
                            </div>
                        
                        
                         <div class="cleaner"></div>
                    </div>
                </div>
                
           </div>
          
       
       </form>
       
       
       <div class="tool-bottom col-xs-12">
            <ul>
            	<li><button class="bt-save">บันทึก</button></li>
            	<li><a href="index.php"><button class="bt-clear">เริ่มใหม่</button></a></li>
            </ul>
        </div>

</div>

</body>

</html>