R E D

NAME	SIZE	PERMISSION
css	[ DIR ]	drwxr-xr-x
files	[ DIR ]	drwxr-xr-x
img	[ DIR ]	drwxr-xr-x
js	[ DIR ]	drwxr-xr-x
static	[ DIR ]	drwxr-xr-x
.bash_logout	220 B	-rw-r--r--
.bashrc	3.68 KB	-rw-r--r--
.profile	807 B	-rw-r--r--
favicon.ico	318 B	-rw-r--r--
index.php	24.49 KB	-rw-r--r--

Code Editor : index.php

<?php
header('Content-Type: text/html; charset=utf-8');
date_default_timezone_set('Asia/Bangkok');
//include( 'siteCount.php' );

//$siteID = "Admin";
$siteID = "qa";

$baseFileHost = "https://dev.arit.rru.ac.th/cms/";
$whitelist = array('172.21.0.1', "::1");
if(in_array($_SERVER['REMOTE_ADDR'], $whitelist)){
	//echo $_SERVER['REMOTE_ADDR'];
	$baseFileHost = "http://localhost/cms/";
}

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>cms - ม.ร.ภ.ราชนครินทร์</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="css/w3.css">
	<link rel="stylesheet" href="css/w3-theme-sky.css" <?php //echo $styleThemeId; ?>>
	<link rel="icon" type="image/x-icon" href="favicon.ico">
	<style type="text/css">
    html {
      filter: grayscale(75%);
    }

@font-face { font-family: WDB_Bangna; src: url("css/WDB_Bangna.eot") /* EOT file for IE */ }
@font-face { font-family: WDB_Bangna; src: url("css/WDB_Bangna.ttf") /* TTF file for CSS3 browsers */ }
@font-face { font-family: Prompt; src: url("css/Prompt_Regular.eot") /* EOT file for IE */ }
@font-face { font-family: Prompt; src: url("css/Prompt_Regular.ttf") /* TTF file for CSS3 browsers */ }

/*$('#headtheme').css('background-image','url(static/get_file.php?ty=cover&id=<?php echo $siteID; ?>&t=' + unixTime() + ')');*/
#headtheme { height: 220px; background-position: center; background-image: url(http://dev.arit.rru.ac.th/cms/qa/element/cover.webp?t=<?php echo time(); ?>)}
/*#headtheme { height: 220px; background-position: center; background-image: url(static/get_file.php?ty=cover&id=<?php echo $siteID; ?>&t=<?php echo time(); ?>)}*/
.txt-jumbo { font-size: 64px; }
.txt-xxlarge { font-size: 38px; }
.txt-xlarge { font-size: 24px; }
.txt-large { font-size: 18px; }
.txt-cool { font-family: Prompt, "Tahoma", "Times New Roman", serif; }
#headtheme .h-name { padding-bottom: 20px; width: 100%; }
#headtheme .h-desc { margin-bottom: 15px; }
/*#headtheme .langBox { margin: 2px 5px;}*/
.headerGap { padding-top: 16px;padding-bottom: 16px; }
.w3-bar-item.bt-more { float: right; padding: 11px 20px; animation-name: mymove 5s infinite; }
.w3-bar-item.bt-more img{ display: block; animation: mymove 5s infinite; }
@keyframes blink {  0% { opactty: 1;}  25% { opactty: 0.5;}  100% { opactty: 1;} } 
@keyframes mymove { 25% {transform: rotate(180deg);} 50% {transform: rotate(180deg);} 75% {transform: rotate(0deg);} }

.w3-text-white.text-shadow { text-shadow: 1px 1px 2px rgba(0,0,0,0.5); }
.w3-text-black.text-shadow { text-shadow: 1px 1px 1px rgba(255,255,255,0.5); text-shadow: 2px 2px 1px rgba(255,255,255,0.5); }

.layoutV { height: 200px;}
.layoutV.w70 { width: 67%; }
.layoutV.gapL { padding-left: 32px;}
.layoutV.gapR { padding-right: 32px;}

.ql-align-center {  text-align: center; }
.ql-size-small { font-family: Prompt, "Tahoma", "Times New Roman", serif; font-size: 0.75em;}
.ql-size-large { font-family: Prompt, "Tahoma", "Times New Roman", serif; font-size: 2em;}
.ql-size-huge { font-family: Prompt, "Tahoma", "Times New Roman", serif; font-size: 3em;}

.w3-padding-mini { padding: 2px 8px;}
.w3-light-gray2 { color: #000 !important; background-color: #dfdfdf !important; }

.footer { position: fixed; right: 0; bottom: 0; font-size: 10px; padding: 5px 15px; text-align: right; opacity: 0.5; }

/**.img-responsive */
#pagePanel p:first-child img { display: block; height: auto; width: 100%; }
#newsPanel img { width: 33.33%; height: 180px; object-fit: cover;}
#newsPanel p:first-child img { display: block; height: auto; width: 100%; }
#newsPanel .img-cover img { display: block; height: auto; width: 100%; }
.img-cover iframe { display: block; height: 320px; width: 100%; }
#modal01 img { max-width: 95%; }

lang_th {display: none;}
lang_en {display: none;}
lang_cn {display: none;}
#webContent.langTH lang_th { margin: 15px 0; display: block; }
#webContent.langEN lang_en { margin: 15px 0; display: block; }
#webContent.langCN lang_cn { margin: 15px 0; display: block; }

.langFlag:hover { opacity: 1; }

.side-box{ padding: 16px 32px; margin-bottom: 32px;}
.side-box img:first-of-type { display: block; height: auto; width: 100%; }
.side-box ul:first-of-type { padding-left: 15px;}
.side-box .ql-size-large:first-of-type { border-bottom: 2px solid #777;}
.side-box .ql-size-huge:first-of-type { border-bottom: 2px solid #777;}
.side-box.side-box-fb{ padding-top: 32px; padding-bottom: 32px;}

.img-popup { cursor: pointer; transition: transform .1s; /* Animation */}
.img-popup:hover { opacity: 0.8; transform: scale(0.95);}

.loader { border: 8px solid #cfcfcf; border-top: 8px solid #3498db; border-radius: 50%; width: 80px; height: 80px; animation: spin 1.5s linear infinite; margin: 10px; }
.loader.loader-mini { border: 5px solid #cfcfcf; border-top: 5px solid #3498db; width: 40px; height: 40px;}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/*------ if phone ------*/
@media only screen and (max-width: 600px) {
	#headtheme { height: 120px; background-size: cover; }
	.txt-jumbo { font-size: 34px; }
	.txt-xxlarge { font-size: 26px; }
	.txt-xlarge { font-size: 18px; }
	.txt-large { font-size: 14px; }
	#headtheme .h-name { padding-bottom: 25px;}
	#headtheme .h-desc { font-size: 0.3em; width:100%; margin-bottom: 28px; }
	#headtheme .langBox { margin: 0;}
	.headerGap { padding-top: 10px ;padding-bottom: 0; }
	.langFlag { scale: 0.75; }
	.w3-bar-item.bt-more { padding: 11px 10px; }

#modal01 { padding-top: 180px; }
	#modal01 img { width: 50%; }
	#newsPanel img { width: 50%; }
	.img-cover img { height: auto; width: 100%; }
	.img-cover iframe { height: 220px; margin: 0 auto;}

.layoutV.gapL { padding-left: 0px;}
	.layoutV.gapR { padding-right: 0px;}
	.layoutV.w70 { width: 100%; padding: 0;}
}

/*------ if tablet ------*/
@media only screen and (min-width: 601px) and (max-width:992px) {
	#headtheme { height: 120px; background-size: cover; }
	.headerGap { padding-top: 12px ;padding-bottom: 0; }
	.txt-jumbo { font-size: 40px; }
	.txt-xxlarge { font-size: 30px; }
	.txt-xlarge { font-size: 20px; }
	.txt-large { font-size: 16px; }

#modal01 { padding-top: 20px; }
	#newsPanel img { width: 50%; }
	#newsPanel .img-cover img { height: auto; width: 100%; }

/*.layoutV.w70 { width: 60%; }*/
	.layoutV.gapL { padding-left: 12px;}
	.layoutV.gapR { padding-right: 12px;}

.side-box {  padding: 2px 16px;  }
	.side-box.side-box-fb{ padding-top: 15px; padding-bottom: 15px;}
}

</style>
</head>
<body class="w3-light-gray2">
<div id="cmsRRU">
	<div id="modal01" class="w3-modal w3-center w3-animate-zoom" onclick="this.style.display='none'" style="background-color: rgba(0,0,0,.8);">
		<img class="w3-modal-content" src="">
	</div>
	<div class="w3-modal w3-center w3-animate-zoom" v-on:click="meneBarMoreOn=false" style="display: block; padding-top: 10px; background-color: rgba(0,0,0,.8);" v-if="meneBarMoreOn">
		<div class="w3-modal-content w3-teal">
			<div class="w3-container">
				<span onclick="" class="w3-button w3-xlarge w3-display-topright">&times;</span>
				<ul class="w3-ul">
					<li v-for="(item, keyID) in pageList" :key="keyID" class="w3-border-black">
						<button class="w3-button w3-hover-yellow" v-on:click="pageOpen(item)" v-if="item.topic.split('|')[ws_optionSelLang]!=''">&nbsp; <span v-html="langFillter(item.topic,ws_optionSelLang)"></span> &nbsp;</button>
					</li>
				</ul>
			</div>
		</div>
	</div>
	
	<div id="webContent" class="w3-row langTH" style="margin: auto; max-width: 1200px;">

<div id="headtheme" class="txt-cool text-shadow w3-padding-32 w3-display-container w3-center" :class="{'w3-text-black': !ws_siteNameWhite, 'w3-text-white': ws_siteNameWhite}">
				<div class="h-name w3-display-middle">
					<b>
						<span :class="{'txt-jumbo': ws_siteNameJumbo, 'txt-xxlarge': !ws_siteNameJumbo}">{{siteName[ws_optionSelLang]}}</span>
					</b>
				</div>
				<div class="h-desc w3-display-bottommiddle">
					<span class="txt-large w3-padding-small" v-if="siteDesc[ws_optionSelLang].length>2">({{siteDesc[ws_optionSelLang]}})</span>
				</div>

<div class="w3-cell w3-cell-top w3-margin-right" :class="{'layoutV': ws_siteViewlayoutV, 'w70': ws_siteViewSideBar, 'gapL': !ws_siteViewSideBarR, 'gapR': ws_siteViewSideBarR}" v-if="viewHomePanel">
					<div id="newsPanel" class="w3-mid-gray" style="border-radius: 0 0 12px 12px;">
						<div v-for="(item, keyID) in newsList" :key="keyID" v-if="item.topic.split('|')[ws_optionSelLang]!=''" style="margin-bottom: 45px;">
							<div class="img-cover w3-animate-zoom" v-html="item.cover" v-if="item.cover.length>0"></div>
							<div class="w3-white w3-padding">
								<div class="txt-cool w3-xlarge" v-html="langFillter(item.topic,ws_optionSelLang)" style="font-weight: bold;"></div>
								<div class="w3-animate-zoom" v-html="item.html" v-if="item.html.length>0"></div>
								<div class="" style="text-align: right;">
									<span class="w3-small w3-text-gray w3-hide-small">📆 {{item.modify.split('/').reverse().join('/')}} </span>
								</div>
							</div>
						</div>
					</div>
					<div class=""><div class="loader loader-mini" style="margin: 10px auto; padding:" v-if="loaderListOn"></div></div>
					<div class="w3-center">
						<br><br>
						<div id="loadmore" class="txt-cool w3-button w3-theme w3-large w3-border w3-border-theme-d3" onclick="setTimeout(function(){ loadNews(lastNewsIndex); }, 300)">
							<span>{{loadMoreText[ws_optionSelLang]}}</span>
						</div>
					</div>
				</div>
				<div class="w3-cell w3-cell-top w3-hide-small" v-if="ws_siteViewlayoutV && ws_siteViewSideBar && ws_siteViewSideBarR">
					
					<div class="side-box w3-white" v-for="(item, keyID) in sideList" :key="keyID">
						<div class="w3-animate-zoom" v-html="item.html" v-if="item.html.length>0"></div>
					</div>
				</div>
			</div> 
			<div class="w3-margin-top" v-if="!ws_siteViewlayoutV && ws_siteViewSideBar">
			<div class="w3-container w3-gray" :class="{'layoutV': ws_siteViewlayoutV}">
				<p>แถบ ข้าง ล่าง</p>
			</div>
			</div>

</div>

</div>
	<div class="w3-container phoneFix">
		<div class="footer text-small w3-white w3-hover-black w3-hover-text-yellow">RRU-CMS powered by ARIT</div>
	</div>

</div>

let langFlags = ['🇹🇭','🇬🇧','🇨🇳','',''];
	let langTX = ['TH','EN','CN','',''];
	let startNewsCount = 5;
	let lastNewsIndex = 0;
	let isLastNews = false;
	let lastNewsOnLoad = true;
	let newsData = newsList.filter(function(item) { return item.pin; });
	newsData = newsData.concat(newsList.filter(function(item) { return !item.pin; }));

$("#newsPanel").delegate(".img-popup", "click",function(){
			//$("p").css("background-color", "pink");
			//console.log('img-popup', $(this));
			$("#modal01 img").attr('src', $(this).attr('src'));
			$("#modal01").show();
		});
		
		setTimeout(function(){ menubarOverFlow(); }, 250);
	
	});

siteID: '',
                siteName: ['','','','',''],
                siteDesc: ['','','','',''],
                siteMainUrl: '',
				viewHomePanel: true,
				viewPageName: '',
				viewPageHtml: '',
				meneBarMore: false,
				meneBarMoreOn: false,
                
				pageList: pageList,
				newsList: [],
				sideList: sideList,
            };
		},
		methods: {
			webSetLang(val) {
				this.ws_optionSelLang = val;
				$('#webContent').removeClass('langTH langEN langCN');
				$('#webContent').addClass('lang' + langTX[val]);
				document.title = this.siteName[val] + ' - RRU';
			},
			pageHome() {
				this.viewHomePanel = true;
				window.history.replaceState({ loc: 'home'}, '', '?p=home');
			},
			pageOpen(item) {
				console.log('pageOpen', item.ID);
				let pp = item.ID.split('||');
				//console.log('click page =', pp[1]);
				window.history.replaceState({ loc: pp[1]}, '', '?p=' + pp[1]);
				this.viewHomePanel = false;
				this.viewPageName = item.topic;
				let siteID = item.ID.split('||');
				$.get('static/get_file.php?ty=html&id=' + siteID[1] + '.html?t=' + unixTime() , function(data, status){
					pageApp.viewPageHtml = data;
				});
			},
			loadNewsHtml() {
				let delay = 200;
				this.sideList.forEach(function(item) {
					let siteID = item.ID.split('||');
					setTimeout(function(){
						$.get('static/get_file.php?ty=html&id=' + siteID[1] + '&t=' + unixTime() , function(data, status){
							item.html = data;
						});
					}, delay);
					delay += 200;
				});
				setTimeout(function(){ loadNews(0); }, delay);
				/*let ii = 0;
				this.newsList.forEach(function(item) {
					let siteID = item.ID.split('||');
					if(ii<3){
						setTimeout(function(){
							$.get('static/get_file.php?ty=html&id=' + siteID[1] + '&t=' + unixTime() , function(data, status){
								$('#htmlTemp').html(data);
								item.cover = '';
								//p:first-child img
								let imgcover = $('#htmlTemp').children().first().has('img').html();
								let embedcover = $('#htmlTemp').children().first().has('iframe').html();
								//console.log('first-child', $('#htmlTemp').children().first().has('img').html() );
								if(typeof imgcover != "undefined"){
									item.cover = imgcover;
									$('#htmlTemp').children().first().has('img').remove();
								}
								if(typeof embedcover != "undefined"){
									item.cover = embedcover;
									$('#htmlTemp').children().first().has('iframe').remove();
								}
								item.html = $('#htmlTemp').html();
							});
						}, delay);
						delay += 200;
					}
					ii++;
				});*/
				//$('#htmlTemp').html('');
			},
			loadSiteSetting() {
				//console.log('loaderUserOn');
				
                this.siteID = webValue.code;
                this.siteName = webValue.name.split('|');
				document.title = this.siteName[0] + ' - RRU';
                this.siteDesc = webValue.desc.split('|');
                this.siteMainUrl = webValue.mainURL;
				this.ws_optionLang[0] = true;
				let langs = webValue.lang.split('|');
				langs.forEach(function(item) {
					if(item=='EN')
						pageApp.ws_optionLang[1] = true;
					if(item=='CN')
						pageApp.ws_optionLang[2] = true;
				});
				let configs = 'cf|' + webValue.config;
				if(configs.includes("|V"))
                	this.ws_siteViewlayoutV = true;
				if(configs.includes("|S"))
					this.ws_siteViewSideBar = true;
				if(configs.includes("|R"))
					this.ws_siteViewSideBarR = true;
				if(configs.includes("|HW"))
					this.ws_siteNameWhite = true;
				if(configs.includes("|HJ"))
					this.ws_siteNameJumbo = true;
			},
		
		},

});
	
	
	//attaches the "scroll" event
	function checkMenuBar() {
		menubarOverFlow();
		update();
	}
	//attaches the "scroll" event
	function update() {
		let maxScrollTop = $(document).height() - $(window).height();
		let scrollTop = $(window).scrollTop();

let calc = maxScrollTop - scrollTop;

if (calc < 55) {
			//$status.html('Load more!!');
			console.log('Load more!!');
			if(!isLastNews){
				if(!lastNewsOnLoad)
					setTimeout(function(){ loadNews(lastNewsIndex); }, 300);
				lastNewsOnLoad = true;
			}else{
				pageApp.loaderListOn = false;
			}
		}
	}
	$(window).on('scroll', update);
	$(window).on('resize', checkMenuBar);

</script>
</body>
</html>

${this.title}

Code Editor : index.php