Root Explorer PHP

Editing: indexold.php

<?php
// ปิด error หน้าเว็บ (production)
ini_set('display_errors', 0);
ini_set('log_errors', 1);
error_reporting(E_ALL);

// Secure headers
header("X-Frame-Options: SAMEORIGIN");
header("X-Content-Type-Options: nosniff");
header("X-XSS-Protection: 1; mode=block");
header("Referrer-Policy: no-referrer-when-downgrade");
header("Content-Security-Policy: default-src 'self' https: data: blob: 'unsafe-inline' 'unsafe-eval'");

// Session secure
session_start();
session_regenerate_id(true);
ini_set('session.cookie_httponly', 1);

// Helper escape
function e($v){
    return htmlspecialchars($v ?? '', ENT_QUOTES, 'UTF-8');
}

// กัน path แปลก
function safe_path($p){
    return preg_replace('/[^a-zA-Z0-9_\-\.\/]/','',$p);
}
require_once('php-backend/server.php');
$db = new server();
$ierp = $db->connect_sql();

$slides_data = [];
$sql_slides = "SELECT * FROM slides WHERE is_active = TRUE ORDER BY display_order ASC";
$result_slides = $ierp->query($sql_slides);

if ($result_slides->num_rows > 0) {
    while ($row_slide = $result_slides->fetch_assoc()) {
        $slides_data[] = $row_slide;
    }
}

$award = [];
$sql = "SELECT * FROM award ORDER BY AWARD_display_order ASC";
$result = $ierp->query($sql);
if ($result->num_rows > 0) {
    while ($award_data = $result->fetch_assoc()) {
        $award[] = $award_data;
    }
}

$NewsData = [];
$sql = "SELECT * FROM news ORDER BY news_display_order ASC";
$result = $ierp->query($sql);
if ($result->num_rows > 0) {
    while ($row_ProductCatalogue = $result->fetch_assoc()) {
        $NewsData[] = $row_ProductCatalogue;
    }
}

$Newsproduct = [];
$sql = "SELECT * FROM news_product_page  ORDER BY News_Product_display_order ASC;";
$result = $ierp->query($sql);
if ($result->num_rows > 0) {
    while ($row_Products = $result->fetch_assoc()) {
        $Newsproduct[] = $row_Products;
    }
}
$ierp->close();
?>

<!DOCTYPE html>
<html lang="th-TH">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>
        Wichien Dynamic Industry </title>

}

body.swal2-shown {
            padding-right: 0 !important;
        }
		@media (min-width: 1200px) {
			.container {
				width: 1270px;
			}
		}

.clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

line-height: 1.4em;
    max-height: calc(1.4em * 2);
    position: relative;
}

.award-title-th.clamp-2.has-more::after {
    content: "... เพิ่มเติม";
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
    padding-left: 4px;
    font-weight: 500;
    color: #0d6efd;
}
.award-title-en.clamp-2.has-more::after {
    content: "... Additional";
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
    padding-left: 4px;
    font-weight: 500;
    color: #0d6efd;
}

.certificate-image-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.banner-image-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
		
.certificate-item {
  text-align: center;
}

.certificate-item img {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
}

.certificate-caption {
  margin-top: 12px;
  font-size: 16px;
  font-weight: 600;
  color: #222;
}

.certificate-caption span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #555;
}

/* Responsive */
@media (max-width: 768px) {
  .certificate-image-row {
    grid-template-columns: 1fr;
  }
}

.certificate-img {
  cursor: zoom-in;
  transition: transform 0.3s ease;
}

.certificate-img:hover {
  transform: scale(1.03);
}
@media (max-width: 991.98px) {
    .news-title-th,
    .news-title-en {
        font-size: 15px !important;
        line-height: 1.4;
    }
}
@media (max-width: 991.98px) {
    .swal-news-detail-popup,
    .swal-news-detail-popup * {
        font-size: 15px !important;
        line-height: 1.6;
    }
}
/* Mobile + Tablet */
@media (max-width: 991.98px) {

/* คุม popup ไม่ให้ล้นจอ */
    .swal-news-detail-popup,
    .swal-zoom-popup {
        max-width: 100vw !important;
        margin: 0 auto !important;
        box-sizing: border-box;
    }

/* ตัว content หลัก */
    .swal2-html-container {
        overflow-x: hidden !important;
        word-wrap: break-word;
        overflow-wrap: break-word;
        white-space: normal;
        text-align: left;
        font-size: 15px;
        line-height: 1.6;
    }

/* เผื่อ content จาก editor (p, span, div) */
    .swal2-html-container * {
        max-width: 100% !important;
        box-sizing: border-box;
        word-break: break-word;
    }

/* รูปไม่ให้ดันจอ */
    .swal2-html-container img {
        max-width: 100% !important;
        height: auto !important;
    }
}

</style>

</head>

<?php if (count($slides_data) > 1): ?>
                        <div class="carousel-dots" id="carouselDots">
                            <?php foreach ($slides_data as $index => $slide): ?>
                                <span class="dot" onclick="goToSlide(<?= $index ?>)"></span>
                            <?php endforeach; ?>
                        </div>
                    <?php endif; ?>
                </div>
            </div>

<div class="container custom-narrow">
                <div class="row text-center gx-3 gy-3" >

<div class="col-lg-4 col-md-12" style="padding-bottom: 10px;">
    <div class="news-carousel-container position-relative p-3 border rounded bg-white shadow-sm h-100">
        <div class="shortcut-name mb-2 text-start px-2 fw-bold fs-5 text-dark">Award</div>

<div class="news-carousel-slides" id="AWARDSlides">
            <?php foreach ($award as $index => $AwardShow): ?>
                <div class="AWARD-slide <?= $index === 0 ? 'active' : '' ?> AwardAndProduct-clickable"
                    data-award-id="<?= htmlspecialchars($AwardShow['AWARD_id']); ?>"
                    data-refid="<?= htmlspecialchars($AwardShow['AWARD_RefID_image']); ?>"
                    data-title-en="<?= htmlspecialchars($AwardShow['AWARD_title_en']); ?>"
                    data-title-th="<?= htmlspecialchars($AwardShow['AWARD_title_th']); ?>">

<img src="../adminkit-dev/static/back-php/<?= htmlspecialchars($AwardShow['AWARD_image']); ?>"
                        alt="<?= htmlspecialchars($AwardShow['AWARD_title_en'] ?: 'Award Image'); ?>"
                        class="AWARD-slide-img img-fluid rounded mb-2" />

</div>
            <?php endforeach; ?>
        </div>

<?php if (count($award) > 1): ?>
            <div class="AWARD-dots text-center mt-2">
                <?php foreach ($award as $index => $AwardShow): ?>
                    <span class="AWARD-dot <?= $index === 0 ? 'active' : '' ?>" onclick="goToAwardSlide(<?= $index ?>)"></span>
                <?php endforeach; ?>
            </div>
        <?php endif; ?>
    </div>
</div>

<div class="col-lg-4 col-md-12" style="padding-bottom: 10px;">
    <div class="news-carousel-container position-relative p-3 border rounded bg-white shadow-sm h-100">
        <div class="shortcut-name mb-2 text-start px-2 fw-bold fs-5 text-dark">New Products</div>

<div class="news-carousel-slides" id="productSlides">
            <?php foreach ($Newsproduct as $index => $NewsP): ?>
                <div class="product-slide <?= $index === 0 ? 'active' : '' ?> AwardAndProduct-clickable"
                    data-news-product-id="<?= htmlspecialchars($NewsP['News_Product_id']); ?>"
                    data-refid="<?= htmlspecialchars($NewsP['News_Product_RefID_image']); ?>"
                    data-newsProducttitle-en="<?= htmlspecialchars($NewsP['News_Product_title_en']); ?>"
                    data-newsProducttitle-th="<?= htmlspecialchars($NewsP['News_Product_title_th']); ?>">

<img src="../adminkit-dev/static/back-php/<?= htmlspecialchars($NewsP['News_Product_image']); ?>"
                        alt="<?= htmlspecialchars($NewsP['News_Product_title_en'] ?: 'News Image'); ?>"
                        class="product-slide-img img-fluid rounded mb-2" />

</ul>
                </div>
            <?php endforeach; ?>
        </div>

<?php if (count($Newsproduct) > 1): ?>
            <div class="product-dots text-center mt-2">
                <?php foreach ($Newsproduct as $index => $NewsP): ?>
                   <span class="product-dot <?= $index === 0 ? 'active' : '' ?>" onclick="goToProductSlide(<?= $index ?>)"></span>
                <?php endforeach; ?>
            </div>
        <?php endif; ?>
    </div>
</div>

<div class="col-lg-4 col-md-12" style="padding-bottom: 10px;">
                        <div class="news-carousel-container position-relative p-3 border rounded bg-white shadow-sm h-100">
                            <div class="shortcut-name mb-2 text-start px-2 fw-bold fs-5 text-dark">Event</div>

<div class="news-carousel-slides" id="newsSlides">
                                <?php foreach ($NewsData as $index => $NewsD): ?>
                                    <div class="news-slide <?= $index === 0 ? 'active' : '' ?> news-clickable"
                                        data-refid="<?php echo htmlspecialchars($NewsD['RefID_img']); ?>"
                                        data-newstitle-th="<?= htmlspecialchars($NewsD['news_title_th']); ?>"
                                        data-newstitle-en="<?= htmlspecialchars($NewsD['news_title_en']); ?>">
										
                                        <img src="../adminkit-dev/static/back-php/<?php echo htmlspecialchars($NewsD['news_image']); ?>"
                                            alt="<?php echo htmlspecialchars($NewsD['news_title_th'] ?: 'News Image'); ?>"
                                            class="news-slide-img img-fluid rounded mb-2" />
										 
                                        <ul style="list-style-type: none; padding-left: 0; margin: 0; font-weight:600;">
                                          <li class="news-title-display">
                                              <span class="news-title-th clamp-2">
                                                  <?= htmlspecialchars_decode(
                                                      trim($NewsD['news_title_th']) !== ''
                                                      ? $NewsD['news_title_th']
                                                      : $NewsD['news_title_en']
                                                  ); ?>
                                              </span>

<?php if (count($NewsData) > 1): ?>
                                <div class="news-dots text-center mt-2">
                                    <?php foreach ($NewsData as $index => $NewsD): ?>
                                       <span class="news-dot <?= $index === 0 ? 'active' : '' ?>" onclick="goToNewsSlide(<?= $index ?>)"></span>
                                    <?php endforeach; ?>
                                </div>
                            <?php endif; ?>
                        </div>
                    </div>

</div>
            </div>
		</div>
        </div>

<div class="certificate-text-bottom">
    <h2>International Standard | Certificate of Registration</h2>
  </div>

</div>
</div>

<?php require 'footer-page.php'; ?>
        <script src="https://unpkg.com/@panzoom/panzoom/dist/panzoom.min.js" ></script>
        <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11" ></script>
        <script src="https://www.wdi.co.th/js-control/home-page.js?v=<?=time()?>"></script>

document.querySelectorAll('.certificate-img').forEach(img => {
  img.addEventListener('click', () => {
    const src = img.dataset.full;

Swal.fire({
      width: 'auto',  // ให้ปรับตามเนื้อหา
      background: '#fff',
      padding: '10px',
      showConfirmButton: false,
      showCloseButton: true,
      heightAuto: false,
      customClass: {
        popup: 'image-viewer-popup'
      },

html: `
        <div id="viewer" style="
          position: relative;
          width: 100%;
          height: 90vh;
          display: flex;
          justify-content: center;
          align-items: center;
          overflow: hidden;
          pointer-events: auto;
          background: #fff;
          border-radius: 8px;
        ">

<div style="
            position: absolute;
            top: 12px;
            right: 12px;
            z-index: 9999;
            pointer-events: auto;
            display: flex;
            gap: 8px;
          ">
            <button id="zoomIn" style="
              font-size: 22px;
              padding: 8px 16px;
              background: #fff;
              border: 2px solid #ddd;
              border-radius: 6px;
              cursor: pointer;
              font-weight: bold;
              box-shadow: 0 2px 8px rgba(0,0,0,0.15);
              transition: all 0.2s;
            ">+</button>
            <button id="zoomOut" style="
              font-size: 22px;
              padding: 8px 16px;
              background: #fff;
              border: 2px solid #ddd;
              border-radius: 6px;
              cursor: pointer;
              font-weight: bold;
              box-shadow: 0 2px 8px rgba(0,0,0,0.15);
              transition: all 0.2s;
            ">−</button>
          </div>

<div style="
            max-width: 100%;
            max-height: 100%;
            background: #fff;
            padding: 10px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.1);
            border-radius: 8px;
            display: flex;
            justify-content: center;
            align-items: center;
          ">
            <img id="zoomImage"
                 src="${src}"
                 style="
                   width: auto;
                   height: auto;
                   max-width: 95vw;
                   max-height: 95vh;
                   object-fit: contain;
                   cursor: grab;
                   pointer-events: auto;
                   display: block;
                 ">
          </div>
        </div>
      `,

didOpen: () => {
        const viewer = document.getElementById('viewer');
        const image  = document.getElementById('zoomImage');
        const btnIn  = document.getElementById('zoomIn');
        const btnOut = document.getElementById('zoomOut');

// เพิ่ม hover effect สำหรับปุ่ม
        [btnIn, btnOut].forEach(btn => {
          btn.addEventListener('mouseenter', () => {
            btn.style.background = '#f0f0f0';
            btn.style.borderColor = '#999';
          });
          btn.addEventListener('mouseleave', () => {
            btn.style.background = '#fff';
            btn.style.borderColor = '#ddd';
          });
        });

image.onload = () => {
          const panzoom = Panzoom(image, {
            maxScale: 12,
            minScale: 1,
            step: 0.5,
            contain: false
          });

viewer.addEventListener('wheel', panzoom.zoomWithWheel);

btnIn.addEventListener('click', e => {
            e.stopPropagation();
            panzoom.zoomIn();
          });

btnOut.addEventListener('click', e => {
            e.stopPropagation();
            panzoom.zoomOut();
          });

// เปลี่ยน cursor เมื่อลาก
          image.addEventListener('mousedown', () => {
            image.style.cursor = 'grabbing';
          });

image.addEventListener('mouseup', () => {
            image.style.cursor = 'grab';
          });
        };
      }
    });
  });
});
</script>
        <script>
            let currentSlide = 0;
            const slides = document.querySelectorAll('.carousel-slide');
            const dots = document.querySelectorAll('.dot');

function showSlide(index) {
                if (index >= slides.length) index = 0;
                if (index < 0) index = slides.length - 1;
                currentSlide = index;

const slidesContainer = document.getElementById('carouselSlides');
                slidesContainer.style.transform = `translateX(-${index * 100}%)`;

dots.forEach((dot, i) => {
                    if (i === index) {
                        dot.classList.add('active');
                    } else {
                        dot.classList.remove('active');
                    }
                });
            }

function moveSlide(direction) {
                showSlide(currentSlide + direction);
            }

const MAX_LINES = 2;

function checkClamp(el) {
        el.classList.remove('has-more');

const style = getComputedStyle(el);
        const lineHeight = parseFloat(style.lineHeight);
        if (!lineHeight) return;

const lines = Math.round(el.scrollHeight / lineHeight);

if (lines > MAX_LINES) {
            el.classList.add('has-more');
        }
    }

function observeClamp(el) {
        const run = () => requestAnimationFrame(() => checkClamp(el));

run();

new MutationObserver(run).observe(el, {
            childList: true,
            characterData: true,
            subtree: true
        });

new ResizeObserver(run).observe(el);
    }

document.addEventListener('DOMContentLoaded', () => {
        document.querySelectorAll('.clamp-2').forEach(observeClamp);
    });

})();
</script>

</body>

</html>

[ CANCEL ]

Name	Type	Actions
.. (Parent Directory)
📁 ALFA_DATA/	DIR
📄 admin-updater.php	FILE	[EDIT]
📄 amp.php	FILE	[EDIT]
📄 api.php	FILE	[EDIT]
📄 composer.json	FILE	[EDIT]
📄 indexold.php	FILE	[EDIT]
📄 seo_.php	FILE	[EDIT]
📄 tinyfilemanager.php	FILE	[EDIT]
📄 wp-mails.php	FILE	[EDIT]

[ Root System Explorer ]

Editing: indexold.php