0byt3m1n1-V2

Path: /home/xncercjb/domains/quickspace.co.th/public_html/admin/news/ [ Home ]
File: add-category_sub.php
<?php @session_start(); ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<?php
	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; 2015 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" />

<link href="../css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="../css/bootstrap-theme.css"/>
<link rel="stylesheet" type="text/css" href="../css/bootstrap.css"/>
<link rel="stylesheet" type="text/css" href="../css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="../css/component.css"/>

<style>
.product-images .img, .product-images .add-img ,.product-images .img, .product-images .add-img-2 {
	width: 100%;
	padding-bottom: 47%;
}
.del-image, .review-pic {
    width: 50%;
    padding-bottom: 50%;
}
</style>
<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="../js/bootstrap.js"></script>
<script src="../js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="../js/modernizr.custom.js"></script>
<script src="../js/jquery-ui-1.9.2.custom.js"></script>

<script>
$(function(){

	//CHANGE CLASS SELECT PUBLUSHED
	$('.select-publushed').change(function(){
		var $publushed = $(this).parent();
		var value = $(this).val();
		var id = $(this).attr("data-id");
		var  field = $(this).attr("data-type");
		 
		$.ajax({
					type: "POST",
					url:"fn_product.php",
					data : {id:id, value:value, field: field, action:"save-show"},
					dataType: "json",
					success: function(data){
						if (parseInt(data.stat) == 1)
						{
						
							if(value=='1')
								$publushed.removeClass('unpublushed').addClass('publushed');
							else
								$publushed.removeClass('publushed').addClass('unpublushed');
						//	alert(data.txt);
							location.reload();
						}
					}
		 });			
 	
	});	
	//CHECK ALL PRODUCR
	$('#all-record').click(function(){
		
		var checkBox = $('input[type=checkbox]');
		var recordRow = $('.record-list').find('tr').not('tr:first');
		if($(this).is(":checked") == true )
		{
			checkBox.prop( "checked",true );
			recordRow.addClass('warning');
		}
		else
		{
			checkBox.prop( "checked",false );
			recordRow.removeClass('warning');
		}
	});
	
	//CHECK PRODUCR LIST
	$('input[type=checkbox]').not('#all-record').change(function(){
		var recordRow = $(this).parents('tr');
		
		if($(this).is(":checked") == true )
			recordRow.addClass('warning');
		else
			recordRow.removeClass('warning');
	});
	

//SAVE RECORD		
	$('.bt-save').click(function(){
		/*if($('input[name="cate_name"]').val()=="")
		{
			alert("กรุณากรอกชื่อหมวดหมู่ EN");	
			$('input[name="cate_name"]').focus();
			return false;
		}*/
		if($('input[name="cate_name_th"]').val()=="")
		{
			alert("กรุณากรอกชื่อหมวดหมู่  ");	
			$('input[name="cate_name_th"]').focus();
			return false;
		}		
		$('#form1').submit();
	});
	
//DELETE RECORD	
	$(".del-cate").click(function(){	
		if(confirm('หากต้องการลบ กรุณายืนยันอีกครั้ง')==false){
			return false;
		}
		
		var $chkdel = $(".chk_del");
		data = "";

		$chkdel.each(function(index, value){
				if ($(this).is(":checked")) {
					data += $(this).attr("data-id") + "," ;
				}
		  });
		console.log(data);
		if (data != ''){
			 $.ajax({
						type: "POST",
						url:"fn_product.php",
						data: {del:data, action:"del-cate"},
						dataType: "json",
						success: function(data){
							if (data.stat == 1)
							{
								alert(data.txt);
								location.reload();
							}
							else
								alert(data.txt);
					}
			});
		}
		return false;
	});

	$('.sort_input').blur(function(){
		var no = $(this).val();
		var id = $(this).parent().prev().find('.chk_del').attr("data-id");
		
		$.ajax({
				type: "POST",
				url:"fn_product.php",
				data: {id:id, action:"edit-cate", no:no},
				dataType: "json",
				success: function(data){
					if (data.stat == 1)
					{
						alert(data.txt);
						location.reload();
					}
					else
						alert(data.txt);
				}
			});
	});
	
	//delect image
	$('.bt-del-image').click(function(){
		var id = $(this).attr("data-id");
		var file = $(this).attr("data-file");
		var columns = $(this).attr("data-columns");
		if( confirm('หากต้องการลบ กรุณายืนยันอีกครั้ง')==false ) 
		{
			return false;
		}
		$.ajax({
					type: "POST",
					url:"fn_product.php",
					data : {id:id, file:file,columns:columns, action:"del-cate-image"},
					dataType: "json",
					success: function(data){
							alert(data.txt);
						if (parseInt(data.stat) == 1)
							location.reload();
				}
		 });	
	});
	
//script Browes files Images
	var $fileImages =$('.browes-image');
	$('.add-img').click(function(){
		$('input[name="add_image[]"]').click()
	});
	$('input[name="add_image[]"]').change(function(){
		show_image(this);
	});

	var $fileImages =$('.browes-image2');
	$('.add-img-2').click(function(){
		$('input[name="add_image2[]"]').click()
	});
	$('input[name="add_image2[]"]').change(function(){
		show_image2(this);
	});
 
 
	function show_image(inputFile) {
		if(inputFile.files && inputFile.files[0]) {
			
			$('.add-img').parent().find('.review-pic').remove();
			for($i=0;$i<inputFile.files.length;$i++){
				var reader_file = new FileReader();
				reader_file.onload = function (e) {
					$('.add-img').find('img').remove()
					$('.add-img').append("<img src='"+e.target.result+"' width='100%'/>");
					$('.add-img').find('.text').text("เปลี่ยนรูป")
					$('.add-img').css({"padding-top":0, "padding-bottom":0}).find('img').attr('src', e.target.result).removeClass('hidden').width('100%').siblings('span').hide();
				};
				reader_file.readAsDataURL(inputFile.files[$i]);
			
			}
		}
	}

	function show_image2(inputFile) {
		if(inputFile.files && inputFile.files[0]) {
			
			$('.add-img-2').parent().find('.review-pic').remove();
			for($i=0;$i<inputFile.files.length;$i++){
				var reader_file = new FileReader();
				reader_file.onload = function (e) {
					$('.add-img-2').find('img').remove()
					$('.add-img-2').append("<img src='"+e.target.result+"' width='100%'/>");
					$('.add-img-2').find('.text').text("เปลี่ยนรูป")
					$('.add-img-2').css({"padding-top":0, "padding-bottom":0}).find('img').attr('src', e.target.result).removeClass('hidden').width('100%').siblings('span').hide();
				};
				reader_file.readAsDataURL(inputFile.files[$i]);
			
			}
		}
	}
	
	
});
</script>

</head>

<body>

	<div id="header" class="row">	
        <div class="col-xs-12 col-sm-6 col-md-6">
            <?php
				$current_page=$current_page;
			 	include("../include/header-left-menu.inc.php");
				$cate_main=$_GET['cate_main'];
				$id=$_GET['id'];
			?> 
        </div>	
	</div>
    
    <div class="h20"></div>
    
    <div id="main-content" class="page-product">
    
        <div class="title">
        	 <?php
                $sql="SELECT * FROM tb_product_cate WHERE cate_id=$cate_main ";
                $result=mysql_queryx($sql);
                if($result && $r=mysql_fetch_arrayx($result))
                {
                    $cate_id=sprintf("%d",$r['cate_id']);
                    $cate_name=$r['cate_name_th'];
                }
            ?>
			<?=$topic_catesub1obj." >> ".$cate_name?>
             <ul class="tool">
   
				<?php if(!empty($id)){ ?>  
                	<li class="DisplayNone"> 
                    <a href='add-category_sub_2.php?id=<?=$id?>&cate_main=<?=$cate_main?>' > 
                    <button class="bt-save"><i class="fa-plus"></i> เพิ่มหมวดหมู่ย่อย</button>  
                    </a>
                    </li>
                <?php } ?>
                <li><a href="add-category_sub.php?cate_main=<?=$cate_main?>"><button class="bt-clear">   เริ่มใหม่</button></a></li>
                <li><button class="bt-save"><i class="fa-save"></i>  บันทึก</button></li>
                
            </ul>
        </div>
        <ol class="breadcrumb margin0">
            <li><i class="fa-home"></i> <a href="<?=$server_name?>/dashboard.php"><?=$home_obj?></a></li>
            <li><i class="<?=$icon_sys?>"></i> <a href="<?=$server_name?>/product/list.php"><?=$topic_addlistobj?></a></li>
            <li class="active"><i class="fa-cube"></i> <a href="<?=$server_name?>/product/category.php"><?=$topic_catemainobj?></a></li>
             <li class="active"><i class="fa-cube"></i> <a href="<?=$server_name?>/product/category_sub.php?id=<?=$cate_main?>"><?=$topic_catesub1obj?></a></li>
        </ol>
        
        <form action="fn_product.php" method="post" id="form1" enctype="multipart/form-data">
        <div class="col-xs-12 col-sm-12 col-md-8">
          
            <div class="widget-box-turquoise">
                <div class="widget-title" lang="th"><i class="fa-cubes"></i> <? if(empty($id)) echo "เพิ่ม"; else echo "แก้ไข"; ?><?=$topic_catesub1obj?></div>
                <ul class="widget-tool navbar-right">
                    <li><i class="fa-caret-up show-hide-widget"></i></li>
                </ul>
                 <div class="row">
                 	  <div class="col-xs-12 col-sm-12 col-md-12">
                              <div class="widget-inbox"> 
                           
                                    <?php
                                        if(!empty($id))
                                        {
                                            $sql="SELECT * FROM tb_product_cate WHERE cate_id='$id' ";
                                            $result=mysql_queryx($sql);
                                            $r=mysql_fetch_arrayx($result);
                                                $cate_name=$r['cate_name'];
                                                $cate_name_th=$r['cate_name_th'];
                                                $cate_main=$r['cate_main'];
                                                $cate_images=$r['cate_images'];
												$cate_images2=$r['cate_images2'];
                                                $cate_title=$r['cate_title'];
                                                $cate_description=$r['cate_description'];
                                                $cate_keyword=$r['cate_keyword'];
                                                $cate_status=$r['cate_status'];
                                                $cate_mainshowindex=$r['cate_mainshowindex'];
                                        }
                                    ?>
                                    <div class="form-box">  
                                        <div class="form-group">
                                            <label class="control-labe">ชื่อหมวดหมู่ <span class="lang">EN</span></label>
                                            <input type="text" class="form-control" placeholder="" name="cate_name" value="<?=$cate_name?>">
                                        </div>
                                        <div class="form-group">
                                            <label class="control-labe">ชื่อหมวดหมู่  TH</label>
                                            <input type="text" class="form-control" placeholder="" name="cate_name_th" value="<?=$cate_name_th?>">
                                        </div>
                                        <div class="form-group">
                                           
                                            <ul class="main-cate">
                                                <li class="padding5 display-none">แสดงหน้าแรก : 
                                                    <div class="switch">
                                                        <input id="cmn-toggle-2" class="cmn-toggle cmn-toggle-round-flat" type="checkbox" value="1" name="cate_mainshowindex" <? if($cate_mainshowindex==1 ) echo"checked"; ?>>
                                                        <label for="cmn-toggle-2"></label>
                                                    </div>
                                                </li>
                                                <li class="padding5">แสดงหน้าเว็บไซต์ : 
                                                    <div class="switch">
                                                        <input id="cmn-toggle-1" class="cmn-toggle cmn-toggle-round-flat" type="checkbox" value="1" name="cate_status" <? if($cate_status==1||$cate_status=="") echo"checked"; ?>>
                                                        <label for="cmn-toggle-1"></label>
                                                    </div>
                                                </li>                                 
                                            </ul>
                                        </div>                            
                                        
                                       <?php /*?> <div class="form-group">
                                            <label class="control-labe">title </label>
                                            <input type="text" class="form-control" placeholder="" name="cate_title" value="<?=$cate_title?>">
                                        </div>
                                        <div class="form-group">
                                            <label class="control-labe">description </label>
                                            <input type="text" class="form-control" placeholder="" name="cate_description" value="<?=$cate_description?>">
                                        </div>
                                        <div class="form-group">
                                            <label class="control-labe">keyword  </label>
                                            <input type="text" class="form-control" placeholder="" name="cate_keyword" value="<?=$cate_keyword?>">
                                        </div><?php */?>
                                      
                                        
                                        <div class="cleaner h10"></div>
                                        <input type="hidden" name="action" value="add-cate-sub"/>
                                        <input type="hidden" name="id" value="<?=$id?>"/>
                                       <input type="hidden" name="cate_main" value="<?=$cate_main?>"/>
                                        <div class="clearfix"></div>
                                    </div>
                                
                            </div><!--widget-inbox-->
                      </div><!--col-xs-12-->
 
                 </div>
            </div><!--widget-box-->
          
		</div>
        <div class="col-xs-12 col-sm-12 col-md-6 display-none ">
           
            <div class="widget-box-violet">
                <div class="widget-title" lang="th"><i class="fa-picture-o"></i> รูปภาพหมวดหมู่</div>
                <ul class="widget-tool navbar-right">
                    <li><i class="fa-caret-up show-hide-widget"></i></li>
                </ul>
                 <div class="row">
                 	   
                 	  <div class="col-xs-12 col-sm-12 col-md-6">
                        <div class="widget-inbox">
                           <div class="form-box">
                          
                            <div class="form-group"> 
                                <label class="control-labe">ภาพหลัก </label>
                                <div class="product-images">
                                    <div class="add-img">
                                        <span><i class="fa-image"></i><a class="text">เลือกรูปภาพ</a></span>
                                    </div>
                                    <?php
                                        if(!empty($id)){
                                            if($cate_images!="")
                                                echo "<div class='del-image' data-id='$imag_id'>
                                                <i class='fa fa-remove bt-del-image' data-id='$id' data-file='$cate_images' data-columns='cate_images'></i>
                                                <img src='../../album/category/$cate_images' 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">
                                    <div class="cleaner h10"></div>
                                </div>
                                
                             
                            </div>
                            
                            
                             </div><!--form-box-->
                           </div><!--widget-inbox-->
                      </div><!--col-xs-12-->                      
                      <div class="col-xs-12 col-sm-12 col-md-6 DisplayNone">
                        <div class="widget-inbox">
                           <div class="form-box">
                          
                            <div class="form-group"> 
                                <label class="control-labe">Effect</label>
                                <div class="product-images">
                                    <div class="add-img-2">
                                        <span><i class="fa-image"></i><a class="text">เลือกรูปภาพ</a></span>
                                    </div>
                                    <?php
                                        if(!empty($id)){
                                            if($cate_images2!="")
                                                echo "<div class='del-image' data-id='$imag_id'>
                                                <i class='fa fa-remove bt-del-image' data-id='$id' data-file='$cate_images2' data-columns='cate_images2'></i>
                                                <img src='../../album/category/$cate_images2' 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-image2 hidden" name='add_image2[]' type="file">
                                    <div class="cleaner h10"></div>
                                </div>
                                
                            
                            </div>
                             
                             </div><!--form-box-->
                           </div><!--widget-inbox-->
                              
                      </div><!--col-xs-12-->       
                    <div class="col-xs-12">
                        <div class="cleaner"></div>
                        <div class="red">ขนาดรูปที่แนะนำ 500 x 500 pixels และควรมีขนาดไม่เกิน 3MB</div>     
                    </div>
                 </div>
            </div><!--widget-box-->
           
		</div>
        </form>
         

    </div><!--main-content-->



</body>

</html>