<?php
/*!
* Copyright Anucha Puangpaka
* Contacts anucha.ppk@icloud.com 062-479-9836
*/
session_start();
error_reporting(E_ALL);
ini_set("display_errors", 0);
include('../../config.php');
$sql = "select * from ap_settings";
$query = mysqli_query($conn,$sql);
$rows = mysqli_fetch_array($query);
$google_site_verification = $rows['google_site_verification'];
$google_analytics = $rows['google_analytics'];
$google_tag_manager = $rows['google_tag_manager'];
$majestic_site_verification = $rows['majestic_site_verification'];
$yandex_verification = $rows['yandex_verification'];
$bing_verification = $rows['bing_verification'];
$fb_id = $rows['facebook_app_id'];
$fb_page = $rows['facebook_page'];
$twitter = $rows['twitter'];
$instagram = $rows['instagram'];
$line = $rows['line'];
$youtube_channels = $rows['youtube_channels'];
$foot_col_1 = $rows['foot_col_1'];
$foot_col_2 = $rows['foot_col_2'];
$foot_col_3 = $rows['foot_col_3'];
$foot_col_4 = $rows['foot_col_4'];
$title = $rows['title'];
$title_en = $rows['title_en'];
$keywords = $rows['keywords'];
$keywords_eng = $rows['keywords_eng'];
$description = $rows['description'];
$description2 = $rows['description2'];
$description3 = $rows['description3'];
$short_title = $rows['short_title'];
$slogan = $rows['slogan'];
$logo = $rows['logo'];
$logo_touch = $rows['logo_touch'];
$favicon = $rows['favicon'];
$date_counters = $rows['date_counters'];
$visit_counters = $rows['visit_counters'];
$limit_list = $rows['list'];
$themes = $rows['themes'];
$col1 = $rows['columns1'];
$col1_w = $rows['columns1_width'];
$col2 = $rows['columns2'];
$col2_w = $rows['columns2_width'];
$col3 = $rows['columns3'];
$col3_w = $rows['columns3_width'];
$g_gallery = $rows['group_gallery'];
$g_gallery_name = $rows['group_gallery_name'];
$grayscale = $rows['grayscale'];
$xsites = "$ap_site$ap_folder"."ap/ebooks/";
$logo = "$xsites"."images/logo.png";
$logo_touch = "$xsites"."images/logo_72.png";
$favicon = "$xsites"."images/favicon.ico";
?>
<!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="ie6"> <![endif]-->
<!--[if IE 7 ]> <html lang="en" class="ie7"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html dir="ltr" mozdisallowselectionprint moznomarginboxes lang="en"> <!--<![endif]-->
<head>
<title>eBooks</title>
<!-- <meta name="viewport" content="width = 1050, user-scalable = no" /> -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="content-language" content="th" />
<meta name="generator" content="Anucha Puangpaka" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="google-site-verification" content="<?php echo $google_site_verification;?>" />
<meta name="yandex-verification" content="<?php echo $yandex_verification;?>" />
<meta name="msvalidate.01" content="<?php echo $bing_verification;?>" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="robots" content="all">
<meta name="revisit-after" content="1 days" />
<meta name="expires" content="1 days" />
<meta name="rating" content="5" />
<?php
if($_GET['xid']==""){
?>
<meta name="title" content="<?php echo $title;?>">
<meta name="author" lang="th" content="<?php echo $title; ?>" />
<meta name="keywords" lang="th" content="<?php echo $keywords;?>" />
<meta name="keywords" lang="en" content="<?php echo $keywords_eng;?>" />
<meta name="description" lang="th" content="<?php echo $description;?>" />
<meta name="DC.Description" content="<?php echo $description;?>" />
<meta name="DC.Title" content="<?php echo $title;?>" />
<meta name="DC.Creator" content="<?php echo $title;?>" />
<meta name="DC.date.issued" content="<?php echo date('Y-m-d');?>">
<?php
}else{
$sql = "select * from ap_gallery3 where id='$_GET[xid]'";
$query = mysqli_query($conn,$sql);
$rows = mysqli_fetch_array($query);
?>
<meta name="title" content="<?php echo $rows['title'];?>">
<meta name="author" lang="th" content="<?php echo $rows['author']; ?>" />
<meta name="keywords" lang="th" content="<?php echo $rows['keywords'].", $title";?>" />
<meta name="description" lang="th" content="<?php echo $rows['title'];?>" />
<meta name="DC.Title" content="<?php echo $rows['title'];?>" />
<meta name="DC.Creator" content="<?php echo $rows['author']; ?>" />
<meta name="DC.Description" content="<?php echo $rows['title'];?>" />
<meta name="DC.date.issued" content="<?php echo date('Y-m-d');?>">
<?php } ?>
<meta property='og:url' content='<?php echo $ap_site.$ap_folder?>' />
<meta property="og:title" content="<?php echo $title;?>">
<meta property="og:description" content="<?php echo $description;?>" />
<meta property="og:image" content="<?php echo $logo;?>" />
<meta property="og:image:secure_url" content="<?php echo $logo;?>" />
<meta itemprop="image" content="<?php echo $logo;?>">
<meta itemprop="name" content="<?php echo $rows['title']?>">
<link rel="image_src" type="image/jpeg" href="<?php echo $logo;?>" />
<link rel="canonical" href="<?php echo $xsites;?>">
<meta name="majestic-site-verification" content="<?php echo $majestic_site_verification;?>">
<link rel="openid.delegate" content="<?php echo $ap_site.$ap_folder;?>" />
<link rel="alternate" hreflang="th" href="<?php echo $ap_site.$ap_folder;?>" />
<link rel="shortcut icon" href="<?php echo $logo_touch;?>" />
<link rel="icon" href="<?php echo $favicon; ?>" type="image/x-icon" />
<link rel="alternate" hreflang="th" type="application/rss+xml" title="<?php echo $title;?>" href="<?php echo $ap_site.$ap_folder?>feed.php">
<link href="<?php echo $logo_touch; ?>" rel="apple-touch-icon" />
<link href="<?php echo $favicon; ?>" rel="shortcut icon" type="image/x-icon" />
<meta property="article:publisher" content="<?php echo $fb_page?>" />
<meta property="article:author" content="<?php echo $ap_site.$ap_folder?>" />
<meta property="article:tag" content="<?php echo $_SERVER['SERVER_NAME'].' | '.$title; ?>" />
<meta property="fb:admins" content="<?php echo $ap_fb_admins?>" />
<meta property="fb:app_id" content="<?php echo $fb_id?>" />
<meta property="fb:pages" content="<?php echo $fb_page?>" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="<?php echo $ap_site.$ap_folder?>dist/js/bootstrap.min.js"></script>
<link href="<?php echo $ap_site.$ap_folder?>dist/css/bootstrap.min.css" rel="stylesheet">
<link href="<?php echo $ap_site.$ap_folder?>dist/css/bootstrap-theme.min.css" rel="stylesheet">
<link href="<?php echo $ap_site.$ap_folder?>theme.css" rel="stylesheet">
<script type="text/javascript" src="<?php echo $ap_site.$ap_folder?>ap/ebooks/extras/jquery.min.1.7.js"></script>
<script type="text/javascript" src="<?php echo $ap_site.$ap_folder?>ap/ebooks/extras/modernizr.2.5.3.min.js"></script>
<script type="text/javascript" src="<?php echo $ap_site.$ap_folder?>ap/ebooks/lib/hash.js"></script>
<style>
<?php if($grayscale!=0){ ?>
body {
-webkit-filter: grayscale(<?php echo $grayscale;?>);
filter: grayscale(<?php echo $grayscale;?>);
}
<?php } ?>
body{
/*background: url(<?php echo $ap_site.$ap_folder?>/ap/eBooks/images/bg1.png) left center no-repeat;*/
background-color: rgba(255,255,255,0.8);
background-blend-mode: lighten;
}
.container {
padding-top: 10px;
}
.nav-tabs li a {
color: #777;
}
.navbar {
margin-bottom: 0;
background-color: #2d2d30;
border: 0;
font-size: 11px !important;
letter-spacing: 4px;
opacity: 0.9;
}
.navbar li a, .navbar .navbar-brand {
color: #d5d5d5 !important;
}
.navbar-nav li a:hover {
color: #fff !important;
}
.navbar-nav li.active a {
color: #fff !important;
background-color: #29292c !important;
}
.navbar-default .navbar-toggle {
border-color: transparent;
}
</style>
<script type="text/javascript">
jQuery(document).ready(function() {
$('#input-id').on('rating.change', function(event, value, caption) {
console.log(value);
console.log(caption);
});
();});
</script>
<!-- <style type="text/css">
.container {
width: 70%;
}
</style> -->
</head>
<?php if($_GET['nu']!="info2"){ ?>
<body oncontextmenu="return false">
<?php } ?>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="<?php echo $ap_site.$ap_folder?>ap/ebooks/"><img src="<?php echo $logo;?>" width="60px" alt="<?php echo $title;?>"></a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav ">
<li><a href="#">eBooks</a></li>
<li class="active"><a href="?">หน้าหลัก</a></li>
<!-- <li><a href="?nu=staff">เกี่ยวกับเรา</a></li> -->
</ul>
<form class="navbar-form navbar-right" action="?" method="get">
<div class="form-group">
<select name="xcode" class="form-control">
<option value="">หมวดทรัพยากร</option>
<?php
$sql = "select * from ap_catalogs where code like 'eBooks-%' order by level asc";
$query = mysqli_query($conn,$sql);
$num_rows = mysqli_num_rows($query);
while($rows = mysqli_fetch_array($query)){
?>
<option value="<?php echo $rows['code']?>"
<?php
if($rows['code']==$_GET['xcode']){
echo "selected='true'";
}
?>
><?php echo $rows['name']?></option>
<?php
}
?>
</select>
</div>
<div class="form-group">
<input type="text" name="q" value="<?php echo $_GET['q']?>" class="form-control" placeholder="กรุณาระบุคำค้น" required>
</div>
<button type="submit" class="btn btn-default">ค้นหา</button>
</form>
</div>
</nav>
<?php
if($_GET['nu']==""){
?>
<div class="container body-main-row-body" role="main">
<div class="row"><p style="height: 60px"></p></div>
<div class="col-lg-3 col-md-3 col-sm-12">
<ul class="list-group">
<li class="list-group-item active">
<span class="badge"><?php echo number_format($num_rows)?></span>
<font color="#fff">หมวดทรัพยากร</font>
</li>
<?php
$query = mysqli_query($conn,$sql);
while($rows = mysqli_fetch_array($query)){
$sql2 = "select * from ap_gallery3 where catalogCode='$rows[code]'";
$query2 = mysqli_query($conn,$sql2);
$num_rows2 = mysqli_num_rows($query2);
?>
<li class="list-group-item">
<span class="badge"><?php echo number_format($num_rows2)?></span>
<a href="?nu=&xcode=<?php echo $rows['code']; ?>"><?php echo $rows['name']; ?></a>
</li>
<?php
}
$sql2 = "select * from ap_counters where xsites='$xsites'";
$query2 = mysqli_query($conn,$sql2);
$num_rows2 = mysqli_num_rows($query2);
?>
<li class="list-group-item">
<span class="badge" id="usersOnline">0</span>
ผู้เข้าชมขณะนี้
</li>
<script>
function usersOnline2(){
var token = "";
$.ajax({
cache: false,
data: {
token: token,
},
// timeout: 2500,
type: 'GET',
url: "<?php echo $ap_site.$ap_folder;?>ap/ebooks/usersonline.php",
dataType: 'json',
success: function (data, status, jqXHR){
$('#usersOnline').text(data.usersOnline);
token = data.token;
}
});
}
$(document).ready(function(){
setInterval(function(){usersOnline2();},15000);
});
</script>
<li class="list-group-item">
<span class="badge"><?php echo number_format($num_rows2)?></span>
จำนวนผู้เข้าชมทั้งหมด
</li>
<a href="#" class="list-group-item disabled">
<center><?php echo $date_counters?></center>
</a>
</ul>
</div>
<div class="col-lg-9 col-md-9 col-sm-12">
<div class="row">
<?php
if($_GET['xcode']==""){
$sql = "select * from ap_gallery3 where status2='1' and (title like '%$_GET[q]%' or author like '%$_GET[q]%' or keywords like '%$_GET[q]%')";
}else{
$sql = "select * from ap_gallery3 where status2='1' and catalogCode='$_GET[xcode]' and (title like '%$_GET[q]%' or author like '%$_GET[q]%' or keywords like '%$_GET[q]%')";
}
$limit = 10;
if ($_GET['page'] == "") {
$_GET['page'] = 1;
}
$prev_page = $_GET['page']-1;
$next_page = $_GET['page']+1;
$query = mysqli_query($conn,$sql);
$start = ($limit*$_GET['page'])-$limit;
if ($query != false) {
$num_rows = mysqli_num_rows($query);
}
if ($num_rows <= $limit) {
$num_page = 1;
} elseif (($num_rows%$limit) == 0) {
$num_page = ($num_rows/$limit);
} else {
$num_page = ($num_rows/$limit)+1;
}
$num_page = (int) $num_page;
if (($_GET['page'] > $num_page) || ($_GET['page'] < 0)) {
print"<center><b>error<b></center><br>";
}
$sql .= " order by date_time desc limit $start, $limit";
$query = mysqli_query($conn,$sql);
if($_GET['q']!=""){
?>
<div class="col-lg-12 col-md-12 col-sm-12"><p><b><em><?php echo $_GET['q'];?></em></b> พบ <?php echo number_format($num_rows); ?> รายการ</p></div>
<?php
}
$ci = 0;
while($rows = mysqli_fetch_array($query)){
$ci++;
$sql2 = "select * from ap_catalogs where code='$rows[catalogCode]'";
$query2 = mysqli_query($conn,$sql2);
$rows2 = mysqli_fetch_array($query2);
if($rows['images']){
?>
<div class="col-lg-3 col-md-3 col-sm-12">
<div class="panel2 panel2-default">
<div class="panel2-body" style="max-width: 100%;">
<p><a class="zoom" data-type="image" data-title="<?php echo $rows['name']?>" data-footer="<?php echo $rows['name']?>" data-toggle="lightbox" href="?nu=info&xcode=<?php echo $rows['code']?>&xid=<?php echo $rows['id']?>" title="<?php echo $rows['name']?>">
<img class="img-thumbnail" src="../../images.php?nu=&xwidth=200&ximg=<?php echo $rows['images']?>" width="100%" alt="<?php echo $rows['name']?>" title="<?php echo $rows['name']?>">
</a><p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-12">
<p><b><a href="?nu=info&xcode=<?php echo $rows['code']?>&xid=<?php echo $rows['id']?>" title="<?php echo $rows['name']?>"><?php echo $rows['title']; ?></a></b></p>
<p>ผู้แต่ง : <a href="?nu=&q=<?php echo $rows['author']; ?>"><?php echo $rows['author']; ?></a></p>
<p>หมวด : <a href="?nu=&xcode=<?php echo $rows2['code']; ?>&q=<?php echo $rows2['name']; ?>"><?php echo $rows2['name']; ?></a></p>
<ul style="margin:0;padding:0;">
<?php
for($ir=1;$ir<=5;$ir++) {
$selected = "";
if($ir==1){
$i = 5;
}elseif($ir==2){
$i = 10;
}elseif($ir==3){
$i = 20;
}elseif($ir==4){
$i = 40;
}elseif($ir==5){
$i = 80;
}
if(!empty($rows['counters']) && $ir<=$rows['counters']) {
if($i<=$rows['counters']){
$selected = "selected";
}
}
?>
<li class='li <?php echo $selected; ?>' title="Rateing <?php echo number_format($rows['counters']);?>">★</li>
<?php
}
?>
</ul>
<?php if(isset($rows['downloads']) && $rows['downloads']>0){ ?><p>ดาวห์โหลด : <?php echo $rows['downloads']; ?> ครั้ง</p><?php } ?>
</div>
<?php
}
if($ci%2==0){
echo "</div><div class='row'>";
}
}
?>
</div>
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="btn-group" role="group" aria-label="...">
<?php
for ($i = 1; $i <= $num_page; $i++) {
if ($i > ($_GET['page']-10) && $i < ($_GET['page']+5)) {
if ($_GET['page'] == $i) {
$a = " active";
} else {
$a = "";
}
echo "<a href='?xcode=$_GET[xcode]&q=$_GET[q]&page=$i'><button type=\"button\" class=\"btn btn-default$a\">$i</button></a> ";
}
}
?>
</div>
<p></p><p></p>
</div>
</div><!-- /.row -->
</div>
</div>
<?php
include('../../footText.php');
}
if($_GET['nu']=="info2"){
$s_id = session_id();
$sql = "select * from ap_gallery3 where id='$_GET[xid]'";
$query = mysqli_query($conn,$sql);
$rows = mysqli_fetch_array($query);
$b = "{\n
\"@type\": \"ListItem\",\n
\"position\": $rows[id],\n
\"item\": {\n
\"@id\": \"$ap_site$ap_folder"."ap/ebooks/?nu=info&xcode=$_GET[xcode]&xid=$rows[id]\",\n
\"name\": \"$rows[title]\",\n
\"image\": \"$rows[images]\"\n
}\n
}";
$c = "{\n
\"@type\": \"ListItem\",\n
\"position\": $rows[id],\n
\"url\": \"$ap_site$ap_folder"."ap/ebooks/?nu=info&xcode=$_GET[xcode]&xid=$rows[id]\"\n
}";
?>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "BreadcrumbList",
"url": "<?php echo $ap_site.$ap_folder; ?>ap/ebooks/",
"sameAs": [
"<?php echo $fb_page; ?>",
"<?php echo $instagram; ?>"
],
"itemListElement": [<?php echo $b; ?>]
}
</script>
<script type="application/ld+json">
{
"@context":"http://schema.org",
"@type":"ItemList",
"itemListElement": [<?php echo $c; ?>]
}
</script>
<?php
$views_pages = $s_id.$rows['id'];
if ($_SESSION['views_pages'] != ($s_id.$rows['id'])) {
$_SESSION['views_pages'] = $views_pages;
if (empty($rows['counters'])) {$rows['counters'] = 0;}
$c = $rows['counters']+1;
mysqli_query($conn,"update ap_gallery3 set counters='$c' where id='$rows[id]'");
}
?>
<?php /*if($rows['status']==1){ ?>
<div class="floating">
<a href="<?php echo $rows['images2']?>" target="_blank" title="ดาวน์โหลด pdf"><img src="<?php echo $ap_site.$ap_folder?>/contents/images/pdf.png" width="50" height="50"></a>
</div>
<?php }*/ ?>
<?php
}
if($_GET['nu']=="info"){
$s_id = session_id();
$sql = "select * from ap_gallery3 where id='$_GET[xid]'";
$query = mysqli_query($conn,$sql);
$rows = mysqli_fetch_array($query);
$b = "{\n
\"@type\": \"ListItem\",\n
\"position\": $rows[id],\n
\"item\": {\n
\"@id\": \"$ap_site$ap_folder"."ap/ebooks/?nu=info&xcode=$_GET[xcode]&xid=$rows[id]\",\n
\"name\": \"$rows[title]\",\n
\"image\": \"$rows[images]\"\n
}\n
}";
$c = "{\n
\"@type\": \"ListItem\",\n
\"position\": $rows[id],\n
\"url\": \"$ap_site$ap_folder"."ap/ebooks/?nu=info&xcode=$_GET[xcode]&xid=$rows[id]\"\n
}";
?>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "BreadcrumbList",
"url": "<?php echo $ap_site.$ap_folder; ?>ap/ebooks/",
"sameAs": [
"<?php echo $fb_page; ?>",
"<?php echo $instagram; ?>"
],
"itemListElement": [<?php echo $b; ?>]
}
</script>
<script type="application/ld+json">
{
"@context":"http://schema.org",
"@type":"ItemList",
"itemListElement": [<?php echo $c; ?>]
}
</script>
<?php
$views_pages = $s_id.$rows['id'];
if ($_SESSION['views_pages'] != ($s_id.$rows['id'])) {
$_SESSION['views_pages'] = $views_pages;
if (empty($rows['counters'])) {$rows['counters'] = 0;}
$c = $rows['counters']+1;
mysqli_query($conn,"update ap_gallery3 set counters='$c' where id='$rows[id]'");
}
if($rows['createByStatus']=="Admin"){
$dir = "../../contents/gallery3/$rows[code]/";
}else{
$dir = "../../contents/$rows[createBy]/$rows[code]/";
}
?>
<style>
.floating{
position: fixed;
float:left;
margin:0;
width:auto;
height:auto;
top:90px;
left:12px;
z-index:9999;
}
</style>
<div class="floating">
<?php
if($rows['status']==1){
?>
<p><a href="downloads.php?xid=<?php echo $rows['id']?>" target="new" title="ดาวน์โหลด pdf"><img src="<?php echo $ap_site.$ap_folder?>/contents/images/pdf.png" width="50" height="50"></a></p>
<?php
}
if($rows['images3']!=""){
?>
<p><a href="print.php?nu=&xid=<?php echo $rows['id']?>" target="_blank">เอกสารยินยอมอนุญาต</a></p>
<?php
}
?>
</div>
<div id="canvas">
<div class="zoom-icon zoom-icon-in"></div>
<div class="magazine-viewport">
<div class="container">
<div class="magazine">
<div ignore="1" class="next-button"></div>
<div ignore="1" class="previous-button"></div>
</div>
</div>
</div>
<div class="thumbnails">
<div>
<ul>
<?php
$allowed_types = array('JPG', 'jpg');
$files1 = scandir($dir);
$total = 0;
$pic_path = array();
foreach ($files1 as $key => $value) {
if ($key > 0) {
$file_parts = explode('.', $value);
$ext = strtolower(array_pop($file_parts));
if (in_array($ext, $allowed_types)) {
$pic_path[] = $dir.$value;
$total++;
}
}
}
//$dirlist = getFileList("$dir", true);
$i = 0;
// krsort($dirlist);
// foreach ($dirlist as $key => $file) {
for ($indexPicture = 0; $indexPicture < $total; $indexPicture++) {
$file['name'] = $pic_path[$indexPicture];
/*print_r($file);
if($key > 0){
if($file['type'] == 'image/png' || $file['type'] == 'image/jpeg'){*/
// if($file['type'] != 'application/pdf'){
$i++;
/*$xml = fopen('pages/'.$i.'-rejions.json', "wb");
fwrite($xml, "[]\n");
fclose($xml);*/
if($i==1){
?>
<li class="i">
<img src="<?php echo escapeCode(dir_to_url($file['name'])); ?>" width="76" height="100" class="page-<?php echo $i;?>">
<span><?php echo $i;?></span>
</li>
<?php
}else{
?>
<li class="d">
<img src="<?php echo escapeCode(dir_to_url($file['name'])); ?>" width="76" height="100" class="page-<?php echo $i;?>">
<span><?php echo $i;?></span>
</li>
<?php
}
// }
/*}*/
}
?>
<ul>
<div>
</div>
</div>
<p id="apSize"></p>
<script type="text/javascript">
function loadApp() {
$('#canvas').fadeIn(1000);
var flipbook = $('.magazine');
if (flipbook.width()==0 || flipbook.height()==0) {
setTimeout(loadApp, 10);
return;
}
var apw = window.innerWidth-350; /*window.innerWidth*/
var aph = window.innerHeight-100; /*window.innerHeight*/
var apr = apw/aph;
document.getElementById("apSize").innerHTML =
"Width: " + apw + " Height: " + aph + " Radio: " + apr;
flipbook.turn({
/*width: apw,
height: apw/apr,*/
width: 922,/**/
height: 600,
duration: 1000,
acceleration: !isChrome(),
gradients: true,
autoCenter: true,
elevation: 50,
pages: <?php echo $i;?>,
audioSrc: "<?php echo $ap_site.$ap_folder?>ap/ebooks/sound/page-flip.mp3",
when: {
turning: function(event, page, view) {
var book = $(this),
currentPage = book.turn('page'),
pages = book.turn('pages');
Hash.go('page/' + page).update();
disableControls(page);
$('.thumbnails .page-'+currentPage).
parent().
removeClass('current');
$('.thumbnails .page-'+page).
parent().
addClass('current');
},
turned: function(event, page, view) {
disableControls(page);
$(this).turn('center');
if (page==1) {
$(this).turn('peel', 'br');
}
},
missing: function (event, pages) {
for (var i = 0; i < pages.length; i++)
addPage(pages[i], $(this));
}
}
});
$('.magazine-viewport').zoom({
flipbook: $('.magazine'),
max: function() {
return largeMagazineWidth()/$('.magazine').width();
},
when: {
swipeLeft: function() {
$(this).zoom('flipbook').turn('next');
},
swipeRight: function() {
$(this).zoom('flipbook').turn('previous');
},
resize: function(event, scale, page, pageElement) {
if (scale==1)
loadSmallPage(page, pageElement);
else
loadLargePage(page, pageElement);
},
zoomIn: function () {
$('.thumbnails').hide();
$('.made').hide();
$('.magazine').removeClass('animated').addClass('zoom-in');
$('.zoom-icon').removeClass('zoom-icon-in').addClass('zoom-icon-out');
if (!window.escTip && !$.isTouch) {
escTip = true;
$('<div />', {'class': 'exit-message'}).
html('<div>Press ESC to exit</div>').
appendTo($('body')).
delay(2000).
animate({opacity:0}, 500, function() {
$(this).remove();
});
}
},
zoomOut: function () {
$('.exit-message').hide();
$('.thumbnails').fadeIn();
$('.made').fadeIn();
$('.zoom-icon').removeClass('zoom-icon-out').addClass('zoom-icon-in');
setTimeout(function(){
$('.magazine').addClass('animated').removeClass('zoom-in');
resizeViewport();
}, 0);
}
}
});
if ($.isTouch)
$('.magazine-viewport').bind('zoom.doubleTap', zoomTo);
else
$('.magazine-viewport').bind('zoom.tap', zoomTo);
$(document).keydown(function(e){
var previous = 37, next = 39, esc = 27;
switch (e.keyCode) {
case previous:
$('.magazine').turn('previous');
e.preventDefault();
break;
case next:
$('.magazine').turn('next');
e.preventDefault();
break;
case esc:
$('.magazine-viewport').zoom('zoomOut');
e.preventDefault();
break;
}
});
Hash.on('^page\/([0-9]*)$', {
yep: function(path, parts) {
var page = parts[1];
if (page!==undefined) {
if ($('.magazine').turn('is'))
$('.magazine').turn('page', page);
}
},
nop: function(path) {
if ($('.magazine').turn('is'))
$('.magazine').turn('page', 1);
}
});
$(window).resize(function() {
resizeViewport();
}).bind('orientationchange', function() {
resizeViewport();
});
$('.thumbnails').click(function(event) {
var page;
if (event.target && (page=/page-([0-9]+)/.exec($(event.target).attr('class'))) ) {
$('.magazine').turn('page', page[1]);
}
});
$('.thumbnails li').
bind($.mouseEvents.over, function() {
$(this).addClass('thumb-hover');
}).bind($.mouseEvents.out, function() {
$(this).removeClass('thumb-hover');
});
if ($.isTouch) {
$('.thumbnails').
addClass('thumbanils-touch').
bind($.mouseEvents.move, function(event) {
event.preventDefault();
});
} else {
$('.thumbnails ul').mouseover(function() {
$('.thumbnails').addClass('thumbnails-hover');
}).mousedown(function() {
return false;
}).mouseout(function() {
$('.thumbnails').removeClass('thumbnails-hover');
});
}
if ($.isTouch) {
$('.magazine').bind('touchstart', regionClick);
} else {
$('.magazine').click(regionClick);
}
$('.next-button').bind($.mouseEvents.over, function() {
$(this).addClass('next-button-hover');
}).bind($.mouseEvents.out, function() {
$(this).removeClass('next-button-hover');
}).bind($.mouseEvents.down, function() {
$(this).addClass('next-button-down');
}).bind($.mouseEvents.up, function() {
$(this).removeClass('next-button-down');
}).click(function() {
$('.magazine').turn('next');
});
$('.previous-button').bind($.mouseEvents.over, function() {
$(this).addClass('previous-button-hover');
}).bind($.mouseEvents.out, function() {
$(this).removeClass('previous-button-hover');
}).bind($.mouseEvents.down, function() {
$(this).addClass('previous-button-down');
}).bind($.mouseEvents.up, function() {
$(this).removeClass('previous-button-down');
}).click(function() {
$('.magazine').turn('previous');
});
resizeViewport();
$('.magazine').addClass('animated');
}
$('.zoom-icon').bind('mouseover', function() {
if ($(this).hasClass('zoom-icon-in'))
$(this).addClass('zoom-icon-in-hover');
if ($(this).hasClass('zoom-icon-out'))
$(this).addClass('zoom-icon-out-hover');
}).bind('mouseout', function() {
if ($(this).hasClass('zoom-icon-in'))
$(this).removeClass('zoom-icon-in-hover');
if ($(this).hasClass('zoom-icon-out'))
$(this).removeClass('zoom-icon-out-hover');
}).bind('click', function() {
if ($(this).hasClass('zoom-icon-in'))
$('.magazine-viewport').zoom('zoomIn');
else if ($(this).hasClass('zoom-icon-out'))
$('.magazine-viewport').zoom('zoomOut');
});
$('#canvas').hide();
yepnope({
test : Modernizr.csstransforms,
yep: ['<?php echo $ap_site.$ap_folder?>ap/ebooks/lib/turn.js'],
nope: ['<?php echo $ap_site.$ap_folder?>ap/ebooks/lib/turn.html4.min.js'],
both: ['<?php echo $ap_site.$ap_folder?>ap/ebooks/lib/zoom.min.js', '<?php echo $ap_site.$ap_folder?>ap/ebooks/js/magazine.js', '<?php echo $ap_site.$ap_folder?>ap/ebooks/css/magazine.css'],
complete: loadApp
});
function loadPage(page, pageElement) {
var img = $('<img />');
img.mousedown(function(e) {
e.preventDefault();
});
img.load(function() {
$(this).css({width: '100%', height: '100%'});
$(this).appendTo(pageElement);
pageElement.find('.loader').remove();
});
img.attr('src', '<?php echo $dir; ?>' + page + '.jpg');
//loadRegions(page, pageElement);
}
function loadLargePage(page, pageElement) {
var img = $('<img />');
img.load(function() {
var prevImg = pageElement.find('img');
$(this).css({width: '100%', height: '100%'});
$(this).appendTo(pageElement);
prevImg.remove();
});
img.attr('src', '<?php echo $dir; ?>' + page + '.jpg');
}
function loadSmallPage(page, pageElement) {
var img = pageElement.find('img');
img.css({width: '100%', height: '100%'});
img.unbind('load');
img.attr('src', '<?php echo $dir; ?>' + page + '.jpg');
}
</script>
<?php
}
if($_GET['nu']=="staff"){
?>
<div class="container">
<div class="row"><p style="height: 60px"></p></div>
<div class="col-lg-12 col-md-12 col-sm-12">
<h3 align="center">ARIT eBooks</h3>
<p align="center"><?php echo $title;?></p>
<p style="height: 20px"></p>
<div class="row col-lg-12 col-md-12 col-sm-12">
<h4>เจ้าของ</h4>
<p><?php echo $title;?></p>
</div>
<div class="row col-lg-12 col-md-12 col-sm-12">
<h4>วัตถุประสงค์</h4>
<p>เพื่อส่งเสริม เผยแพร่ ผลงานวิชาการ ในรูปแบบเอกสารอิเล็กทรอนิกส์ (eBooks) ที่เป็นองค์ความรู้ของคณาจารย์ นักวิชาการ บุคลากร นิสิตนักศึกษา ภายในมหาวิทยาลัยราชภัฏกำแพงเพชร</p>
</div>
<p></p>
<div class="row col-lg-12 col-md-12 col-sm-12">
<h4>ที่ปรึกษา</h4>
</div>
<div class="row col-lg-4 col-md-4 col-sm-12">
<p>รองศาสตราจารย์สุวิทย์ วงษ์บุญมาก</p>
</div>
<div class="row col-lg-8 col-md-8 col-sm-12">
<p>อธิการบดี มหาวิทยาลัยราชภัฏกำแพงเพชร</p>
</div>
<div class="row col-lg-4 col-md-4 col-sm-12">
<p>รองศาสตราจารย์อรุณลักษณ์ รัตนพันธุ์</p>
</div>
<div class="row col-lg-8 col-md-8 col-sm-12">
<p>ผู้อำนวยการ <?php echo $title;?></p>
</div>
<p></p>
<div class="row col-lg-12 col-md-12 col-sm-12">
<h4>บรรณาธิการ</h4>
</div>
<div class="row col-lg-4 col-md-4 col-sm-12">
<p>นายอนุชา พวงผกา</p>
</div>
<div class="row col-lg-8 col-md-8 col-sm-12">
<p>บรรณารักษ์</p>
</div>
<p></p>
<div class="row col-lg-12 col-md-12 col-sm-12">
<h4>คณะบรรณาธิการ</h4>
</div>
<div class="row col-lg-4 col-md-4 col-sm-12">
<p>นางสาวรุ่งรุจี ศรีดาเดช</p>
</div>
<div class="row col-lg-8 col-md-8 col-sm-12">
<p>รองผู้อำนวยการ ฝ่ายวิทยบริการและหัวหน้าสำนักงานผู้อำนวยการ</p>
</div>
<div class="row col-lg-4 col-md-4 col-sm-12">
<p>นางกาญจนา จันทร์สิงห์</p>
</div>
<div class="row col-lg-8 col-md-8 col-sm-12">
<p>บรรณารักษ์</p>
</div>
<div class="row col-lg-4 col-md-4 col-sm-12">
<p>นางสาวดรุณี สายหยุด ฉิมพลี</p>
</div>
<div class="row col-lg-8 col-md-8 col-sm-12">
<p>บรรณารักษ์</p>
</div>
<div class="row col-lg-4 col-md-4 col-sm-12">
<p>นางสาวสุนิษา ศรีนิ่มนวล</p>
</div>
<div class="row col-lg-8 col-md-8 col-sm-12">
<p>บรรณารักษ์</p>
</div>
<div class="row col-lg-4 col-md-4 col-sm-12">
<p>นางสาวสรัลชนา น้ำเงินสกุณี</p>
</div>
<div class="row col-lg-8 col-md-8 col-sm-12">
<p>บรรณารักษ์</p>
</div>
<div class="row col-lg-4 col-md-4 col-sm-12">
<p>นางอรวรรณ คชฤทธิ์</p>
</div>
<div class="row col-lg-8 col-md-8 col-sm-12">
<p>บรรณารักษ์</p>
</div>
<div class="row col-lg-4 col-md-4 col-sm-12">
<p>นางไพรัตน์ พวงผกา</p>
</div>
<div class="row col-lg-8 col-md-8 col-sm-12">
<p>บรรณารักษ์</p>
</div>
<p></p>
<div class="row col-lg-12 col-md-12 col-sm-12">
<h4>ออกแบบ</h4>
</div>
<div class="row col-lg-4 col-md-4 col-sm-12">
<p>นายวิจิตร โภคากร</p>
</div>
<div class="row col-lg-8 col-md-8 col-sm-12">
<p>บรรณารักษ์</p>
</div>
<p></p>
<div class="row col-lg-12 col-md-12 col-sm-12">
<h4>กราฟิกดีไซน์</h4>
</div>
<div class="row col-lg-4 col-md-4 col-sm-12">
<p>นายนฤเบศร์ กลัดภิบาล</p>
</div>
<div class="row col-lg-8 col-md-8 col-sm-12">
<p>นักวิชาการโสตทัศนวัสดุ</p>
</div>
<p></p>
<div class="row col-lg-12 col-md-12 col-sm-12">
<h4>ผู้พัฒนาระบบ</h4>
</div>
<div class="row col-lg-4 col-md-4 col-sm-12">
<p>นายอนุชา พวงผกา</p>
</div>
<div class="row col-lg-8 col-md-8 col-sm-12">
<p>บรรณารักษ์</p>
</div>
<p></p>
</div>
</div>
<?php
include('../../footText.php');
}
//include('../../foot.php');
/*
<div class="alert visible-lg visible-md" style="position: fixed; top: 20%; left: 0px; padding: 10px; background-color: rgba(230, 230, 230, 0.8); -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.52);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.52);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.52);z-index:1000; " align="center">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<a href="#" class="close" data-dismiss="alert" aria-label="close"><span style="font-size:14px;">ปิด</span></a>
<div style="border-radius: 50%;width:80px; height: 80px; text-align: center; background-image:url(<?php echo $logo?>); background-size: 70px; background-position:center; background-repeat:no-repeat; border: 0px solid #8E8B8B; margin-top: 10px;" align="center">
</div>
</div>
</div>
<form class="navbar-form" role="search" action="?nu=">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="input-group">
<input type="text" name="q" class="form-control" placeholder=""/>
<span class="input-group-btn">
<button type="submit" class="btn btn-default"><i class="glyphicon glyphicon-search"></i></button>
</span>
</div>
</div>
</div>
</form>
<div class="row">
<div style="width: 210px" id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<div class="carousel-inner" role="listbox">
<?php
$sql = "select * from ap_gallery3 order by id desc";
$query = mysqli_query($conn,$sql);
$i = 0;
while($rows = mysqli_fetch_array($query)){
$i++;
if ($i==1) {
$ac_s = " active";
}
?>
<div class="item<?php echo $ac_s?>">
<div class="panel2 panel2-default">
<div class="panel2-body" style="max-width: 100%;height: 290px">
<p><a data-type="image" class="img-thumbnail fancybox zoom" href="?nu=info&xcode=<?php echo $rows['code'];?>&xid=<?php echo $rows['id'];?>" data-fancybox-group="gallery" title="<?php echo $rows['title']?>">
<img src="<?php echo $rows['images'];?>" width="100%" alt="" title="<?php echo $rows['name'];?>"></a></p>
</div>
</div>
<p></p>
</div>
<?php
$ac_s = "";
}
?>
</div>
<p></p>
</div>
</div>
</div>
<div>
*/
include('logs.php');
mysql_close($conn);
?>
