Tryag File Manager

//home/ltms.eemo.co.kr/public_html/super/control_center_prc_cctv.php

<?php
include_once("inc_header.php");
/* DB 연결을 위한 세팅 */
$farm_no = $_REQUEST["farm_no"];

//기본정보
$query = "select f.*, m.* from (select * from farm where `no`='$farm_no')f 
			left join member m ON f.no = m.farm_no 
			where mtype = 1;";

//$result=mysql_query($query);
$result = RS($query);

//위탁종류
$query2 = "select * from farm_contract where farm_no = '$farm_no'; ";

$result2 = mysql_query($query2);

// CCTV 영역
?>
  
  <link href="css/plugins/switchery/switchery.css" rel="stylesheet">

/* contents */
  #videos-contents {
    overflow: hidden;
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    height: 65vh;
    background: #000;
    bottom: 40px;
    align-content:flex-start;
  }
  .videoBox {
    position: relative;
    width: 50%;
    height: 50%;
    font-size: 18px;
  }
  .videos {
    position: relative !important;
    width: 100%;
    height: auto !important;
  }
  .vjs-text-track-display {
    position: relative;
  }

/* textBoxs */
  .textBoxs {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-content: flex-start;
    
  }

.textBox {
    width: 20%;
    height: 20%;
    font-size: 0.7em;
    padding: 1% ; 
    z-index: 88;
    position: relative;
    box-sizing: border-box;
  }
  .textBox div {
    color: white;
    text-shadow: 3xp 3px 3px black;
    position: absolute;
  }
  /* 온습도 */
  .textBox:nth-child(1)>div{
    top: 0;
    left: 0;
    padding: 5px;
  }
  .textBox:nth-child(5) > div{
    top: 0;
    right: 0;
    padding: 5px;
  }
  .textBox:nth-child(21) > div{
    bottom: 0;
    left: 0;
    padding: 5px 5px 2px 5px;
  }
  .textBox:nth-child(25) > div{
    bottom: 0;
    right: 0;
    padding: 5px 5px 2px 5px;
  }
  .textBox:nth-child(3) > div{
    top: 0;
    left: 0;
    padding: 5px;
  }
  .textBox:nth-child(4) > div{
    top: 0;
    left: 0;
    padding: 5px;
  }
  /* 정전 */
  .textBox:nth-child(16) > div{
    bottom: -70%;
    left: 0;
    padding: 5px;
  }
  .textBox:nth-child(20) > div{
    bottom: -70%;
    right: 0;
    padding: 5px;
  }
  /* 오른쪽 텍스트 */
  .textBox:nth-child(10) > div{
    display: contents;
    padding: 5px;
  }
  .textBox:nth-child(15) > div{
    display: contents;
    padding: 5px;
  }

/* 왼쪽 텍스트 */
  .textBox:nth-child(6) > div{
    top: 0;
    left: 0;
    padding: 5px;
  }
  .textBox:nth-child(11) > div{
    top: 0;
    left: 0;
    padding: 5px;
  }

/* angle - right */
  .fa_angle_double {
    color: rgb(13, 240, 25);
    font-size: 30px;
    position: absolute;
    right: 2vh;
    bottom: 0;
    z-index: 100;
    opacity: 0.8;
    margin-bottom: 15vh;
  }
  /* right menu */
  .right_menu {
    position: absolute;
    bottom:0;
    z-index: 99;
    width: 97.3%;
    height:18vh;
    background: rgba(27, 27, 27, 0.712);
    opacity: 0.9;
    padding: 3px 0;
    text-shadow: 2px 2px 2px rgb(0, 0, 0);
  }

.right_menu .nav-stacked {
    margin: 0 10px;
  }

.switchery-small{
    height: 15px;
    width: 30px;
  }

.switchery-small small{
    height: 15px;
    width: 15px;
  }

/* right menu > setting tab */
  .chkBoxs {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
  }
  .chkBoxs .custom-checkbox {
    width: 10%;
  }

/* footer */
  /* .footer {
    position: fixed !important;
  } */

.vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner {
    display: block;
    -webkit-animation: none;
    animation: none;
  }
  .vjs-error .vjs-error-display:before{
    content: none;
  }
  .vjs-modal-dialog-content {
    visibility: hidden;
  }
  /* #page-wrapper {
    background: black;
  }

#wrapper {
    background: black;
  }

</style>
    <div class="row animated fadeInLeft">
      
      <div class="col-lg-12">
      <img src="img/icon/close1.png" style="cursor:pointer;position:absolute;right:20px;top:-1px;z-index:9999" onclick="changeMode(<?=$_REQUEST['farm_no']?>,'farm')" alt="접기 버튼">
        <div class="ibox-content border-top-0 p-0 invisible-scrollbar" style="height:83vh; overflow:scroll;">
          
          <div id="videos-contents">
        
          </div> 
        </div>
      </div>
    </div>

<script src="js/plugins/iCheck/icheck.min.js"></script>

<script src="js/plugins/switchery/switchery.js"></script>

// $('.view-count').click(function (e) { 
    function test () {
    var viewCnt = $(this).text();
    var farm_no = '<?=$_REQUEST['farm_no']?>';
    var contract_no = '<?=$_REQUEST['contract_no']?>';
    var data = new FormData();
    data.append("viewCnt", viewCnt);
    data.append("farm_no", farm_no);
    data.append("contract_no", contract_no);
    data.append("type", "view");
    $.ajax({
      type: "POST",
      url: "control_center_prc_cctv_bg.php",
      data: data,
      dataType: "html",
      cache: false,
      contentType: false,
      processData: false,
      success: function (response) {

$('#videos-contents').html("");
        $('#videos-contents').html(response);

}
    });
  }

</script>
</body>

</html>