Files
cm-web/public/theme/crossmap/mobile/news/news-article.php
2020-06-10 06:21:34 +09:00

378 lines
21 KiB
PHP
Executable File
Raw Permalink Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!doctype html>
<!--[if lt IE 7]><html class="no-js lt-ie10 lt-ie9 lt-ie8 lt-ie7" lang="kr"><![endif]-->
<!--[if (IE 7)&!(IEMobile)]><html class="no-js lt-ie10 lt-ie9 lt-ie8" lang="kr"><![endif]-->
<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie10 lt-ie9" lang="kr"><![endif]-->
<!--[if (IE 9)&!(IEMobile)]><html class="no-js lt-ie10" lang="kr"><![endif]-->
<!--[if gt IE 9]><!-->
<html class="no-js" lang="kr">
<!--<![endif]-->
<head>
<?php $this->load->view('mobile/news/news-head-meta')?>
<?php $this->load->view('mobile/news/news-head')?>
<link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.jssocials/1.4.0/jssocials.css" />
<link type="text/css" rel="stylesheet"
href="https://cdn.jsdelivr.net/jquery.jssocials/1.4.0/jssocials-theme-flat.css" />
<style>
.shareline li {
vertical-align: middle;
}
.jssocials-share-link {
border-radius: 50%;
}
.shareline li {
margin-bottom: 0;
}
.jssocials-share-logo {
width: 1em;
vertical-align: top;
font-size: 1.2em;
}
</style>
</head>
<body>
<?php $this->load->view('mobile/news/news-header')?>
<div class="main-container">
<!--Body Container-->
<div class="container articleCon">
<div class="articleBox">
<div class="news-header">
<h2><?php echo $page->postTitle ?></h2>
<a class="atlogo" href="#">
<?php if ($reporter && $reporter->logo_img) {?>
<img src="https://crossmap.co.kr<?php echo $reporter->logo_img?>">
<?php } else { ?>
<img src="https://crossmap.co.kr/files/press/2019/01/296c76310f3141e0caa5ddbceed92c65.png">
<?php }?>
</a>
<div class="function">
<a href="" class="cm-share-email-btn"><img
src="http://www.crossmap.co.kr/renew2/img/ic-email.gif"></a>
<a href="javascript:popup_print();"><img
src="http://www.crossmap.co.kr/renew2/img/ic-print.gif"></a>
<a href="javascript:ts('print_area', 2);"><img
src="http://www.crossmap.co.kr/renew2/img/ic-text-s.gif"></a>
<a href="javascript:ts('print_area', -2);"><img
src="http://www.crossmap.co.kr/renew2/img/ic-text-b.gif"></a>
<a class="cm-share-email">email</a>
</div>
</div>
<div class="time">입력 <?php echo date('Y.m.d H:i', strtotime($page->datePosted)) ?></div>
<?php $this->load->view('mobile/news/news-article-share')?>
<div class="view-article">
<div class="article">
<div class="subTitle"><?php echo $page->postExcerpt ?></div>
<div class="cm-news-article">
<?php echo $page->postContentHTML ?>
</div>
<div class="share-footer">
<div class="heart">
<a href=""><span class="icon i-heart">
<!--[if gte IE 9]><!-->
<svg width="31" height="26" xmlns="http://www.w3.org/2000/svg">
<path
d="M15.5 25c9-6.328 13.833-12.161 14.5-17.5C31-.508 20.75-2 15.5 6 10.25-2 0-.508 1 7.5c.667 5.339 5.5 11.172 14.5 17.5z"
stroke="#aaa" fill="#FFF" fill-rule="nonzero"></path>
</svg>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<img src="<?php echo THEME_FOLDER?>/mobile/img/social/heart.png" alt="" width="31" height="26">
<![endif]-->
</span>
<span class="count heart-count">14</span></a>
</div>
<div class="share-footer-main">
<span class="visible-icons">
<a href="">
<span class="icon i-circle i-facebook">
<!--[if gte IE 9]><!-->
<svg width="10" height="20" xmlns="http://www.w3.org/2000/svg">
<path
d="M6.496 19.13H2.953v-8.745H0V6.988h2.953V4.49c0-1.432.42-2.55 1.26-3.358C5 .377 6.05 0 7.363 0 8.096 0 8.975.039 10 .117v3.045H8.15c-1.103 0-1.654.495-1.654 1.484v2.342h3.386l-.433 3.397H6.496v8.745z"
fill="#fff" fill-rule="nonzero"></path>
</svg>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<img src="<?php echo THEME_FOLDER?>/mobile/img/social/facebook.png" alt="" width="10" height="20">
<![endif]-->
</span>
</a>
<a href="">
<span class="icon i-circle i-twitter">
<!--[if gte IE 9]><!-->
<svg width="17" height="14" xmlns="http://www.w3.org/2000/svg">
<path
d="M17 1.63s-.664 1.072-1.738 1.798c.221 4.924-3.381 10.384-9.922 10.384-3.254 0-5.34-1.578-5.34-1.578s2.56.537 5.15-1.42c-2.622-.158-3.254-2.43-3.254-2.43s.727.19 1.58-.063C.537 7.595.664 4.849.664 4.849s.726.442 1.58.442C-.412 3.239 1.168.619 1.168.619s2.402 3.378 7.205 3.662c-.696-3.82 3.697-5.587 5.94-3.188 1.17-.19 2.244-.852 2.244-.852s-.38 1.294-1.549 1.925C15.957 2.103 17 1.629 17 1.629z"
fill="#fff" fill-rule="nonzero"></path>
</svg>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<img src="<?php echo THEME_FOLDER?>/mobile/img/social/twitter.png" alt="" width="17" height="14">
<![endif]-->
</span>
</a>
</span>
<span class="hidden-icons active">
<a href="">
<span class="icon i-circle i-kakao">
<!--[if gte IE 9]><!-->
<svg width="10" height="18" xmlns="http://www.w3.org/2000/svg">
<path
d="M.971.925V10H5c0 2-1 3.667-3 5l3 3c2.667-2 4.333-4.667 5-8V.925H.971z"
fill="#fff" fill-rule="nonzero"></path>
</svg>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<img src="<?php echo THEME_FOLDER?>/mobile/img/social/kakao.png" alt="" width="10" height="18">
<![endif]-->
</span>
</a>
<a href="">
<span class="icon i-circle i-url">
<!--[if gte IE 9]><!-->
<svg width="24" height="11" xmlns="http://www.w3.org/2000/svg">
<path
d="M7.82.758v6.087c0 1.012-.316 1.811-.949 2.4-.632.588-1.497.882-2.593.882-1.079 0-1.936-.286-2.57-.857-.635-.571-.959-1.356-.972-2.355V.758h1.905v6.1c0 .605.145 1.046.434 1.323.29.278.691.416 1.203.416 1.071 0 1.615-.563 1.632-1.688V.758h1.91zm4.983 5.859h-1.517V10H9.382V.758h3.434c1.092 0 1.934.243 2.526.73.593.486.889 1.174.889 2.063 0 .63-.137 1.156-.41 1.577-.272.421-.686.757-1.24 1.006l2 3.777V10h-2.045l-1.733-3.383zm-1.517-1.543h1.536c.478 0 .849-.121 1.111-.365.262-.243.394-.578.394-1.006 0-.436-.124-.779-.372-1.028-.247-.25-.627-.375-1.14-.375h-1.529v2.774zm8.297 3.396h4.043V10h-5.948V.758h1.905V8.47z"
fill="#fff" fill-rule="nonzero"></path>
</svg>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<img src="<?php echo THEME_FOLDER?>/mobile/img/social/url.png" alt="" width="24" height="11">
<![endif]-->
</span>
</a>
</span>
<span class="icon i-circle i-toggle expanded"
data-toggle=".share-footer-main .hidden-icons">
</span>
</div>
</div>
<div class="copyright">
<p>
<저작권자 ⓒ '종교 신문 1위' 크리스천투데이, 무단전재 및 재배포 금지>​
</p>
<div class="reporter">강혜진 기자</div>
</div>
<div class="related">
<h4>관련기사를 더 보시려면,</h4>
<ul>
<?php foreach($relatedNews as $r) {?>
<li><a href="<?php echo $r->articleURL?>"><?php echo $r->postTitle?></a></li>
<?php }?>
</ul>
</div>
<!--Comment-->
<div class="comment">
<!--댓글-->
<div class="reply">
<div class="reply_tit">댓글
<span class="blue" id="comment_count">0</span>
<span class="delete">본인 삭제 <span>0</span>
<a href="javascript:comment_delete_refresh('5374', '', '1');"><img
src="https://crossmap.co.kr/img/web/icon_refresh.gif"></a></span>
<span class="btn-info float_right" style="padding-left:10px; padding-top:1px;"><a
href="javascript:;" class="comment_policy_btn"><img
src="https://crossmap.co.kr/img/web/icon_info.gif"></a></span>
<span class="btn-tit float_right"><a href="javascript:;" class="comment_policy_btn"
style="color: #bcbcbc;">댓글운영정책</a></span>
</div>
<div class="reply_box">
<div class="reply_social">
<a href="javascript:change_toggle('login_layer');" style="cursor:pointer"><span
class=""><img
src="https://crossmap.co.kr/img/web/img_cm_off.gif"></span></a>
<a href="javascript:twitter_join('comment')" style="cursor:pointer"><span
class="tweet "><img
src="https://crossmap.co.kr/img/web/img_tweet_off.gif"></span></a>
<a href="javascript:checkLoginState();" style="cursor:pointer"><span
class="facebook "><img
src="https://crossmap.co.kr/img/web/img_facebook_off.gif"></span></a>
<a href="javascript:kakako_login()" style="cursor:pointer"><span class=""><img
src="https://crossmap.co.kr/img/web/img_kakao_off.gif"></span></a>
<a href="javascript:naver_login()" style="cursor:pointer"><span class=""><img
src="https://crossmap.co.kr/img/web/img_naver_off.gif"></span></a>
</div>
<div class="reply_write">
<textarea class="form-control replay_text comment_text" name="comment"
id="comment" rows="3" stra="" readonly=""
placeholder="댓글 작성 시 상대방에 대한 배려와 사랑을 담아주세요." style="width:100%;"></textarea>
</div>
<div class="reply_regist"><span class="reply_no"
id="reply_text_count">0/300</span><span class="reply_btn"
onclick="comment_add_proc();" style="cursor: pointer">등록</span>
</div>
</div>
<div class="reply_sort">
<input type="hidden" name="comment_sort" id="comment_sort" value="1">
<span><a href="javascript:change_comment_sort(1);" id="comment_sort1">호감순</a></span>
<span><a href="javascript:change_comment_sort(2);" class="current"
id="comment_sort2">최신순</a></span>
</div>
<div class="reply_contents">
<ul class="reply_list">
<div class="comment_box">
<div id="comment_list">
<div style="height:100px;text-align:center; line-height:100px;">등록된 댓글이
없습니다.</div>
</div>
<div class="viewall" id="comment_all_list"
style="float:right; padding:20px 0 30px 0;display:none;"><a
href="/web/news/news_comment/1257">전체 댓글 보기 &gt;</a></div>
</div>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Banner-->
<div class="mBanner">
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/m-banner.gif"></a>
</div>
<!--많이 본/댓글많은 뉴스-->
<div class="mainBox">
<ul class="titleBoxTab">
<li class="current">많이 본</li>
<li>댓글 많은</li>
</ul>
<div class="thumbList countList">
<ul>
<?php for ($i = 0; $i < 9; $i++) { ?>
<li>
<a class="img-scaleup" href="<?php echo $hotNews[$i]->articleURL?>"><img
src="https://crossmap.co.kr<?php echo $hotNews[$i]->postImage?>"
style="max-height:86px"></a>
<div class="des">
<span class="blue"><?php $i+1?></span>
<p><a
href="<?php echo $hotNews[$i]->articleURL?>"><?php echo $hotNews[$i]->postTitle?></a>
</p>
</div>
</li>
<?php }?>
</ul>
</div>
</div>
<!--포토-->
<div class="mainBox">
<div class="titleBox">
<ul>
<li class="view"><a href="#">포토</a></li>
</ul>
</div>
<div class="mainBox-slider">
<div class="thumbBox">
<ul>
<li>
<a class="img-scaleup"
href="/channel/<?php echo $photoNews[0]->pageID?>/<?php echo $photoNews[0]->postSeq?>"><img
src="https://crossmap.co.kr<?php echo $photoNews[0]->postImage?>"></a>
<div class="des">
<p><a
href="/channel/<?php echo $photoNews[0]->pageID?>/<?php echo $photoNews[0]->postSeq?>"><?php echo $photoNews[0]->postTitle?></a>
</p>
</div>
</li>
<li>
<a class="img-scaleup"
href="/channel/<?php echo $photoNews[1]->pageID?>/<?php echo $photoNews[1]->postSeq?>"><img
src="https://crossmap.co.kr<?php echo $photoNews[1]->postImage?>"></a>
<div class="des">
<p><a
href="/channel/<?php echo $photoNews[1]->pageID?>/<?php echo $photoNews[1]->postSeq?>"><?php echo $photoNews[1]->postTitle?></a>
</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<?php $this->load->view('mobile/news/news-footer')?>
</div>
<!-- container end -->
<?php $this->load->view('mobile/news/news-foot')?>
<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery.jssocials/1.4.0/jssocials.min.js"></script>
<script>
$(function() {
var btnSocial = ["facebook", "twitter", "pinterest"];
for (var i in btnSocial) {
$(".shareline ." + btnSocial[i]).jsSocials({
shares: [btnSocial[i]],
showLabel: false,
showCount: false,
shareIn: "popup"
});
};
var shareEmail = $('.cm-share-email').jsSocials({
shares: ['email'],
showLabel: false,
showCount: false,
shareIn: "popup"
}).hide();
$('.cm-share-email-btn').on('click', function(e) {
e.preventDefault();
shareEmail.find('.jssocials-share-email .jssocials-share-logo').trigger('click');
})
Kakao.init('6ff83d5220e4182ba5f996b2cf6dd52c');
$('.shareline .kakao').on('click', function(e) {
e.preventDefault();
Kakao.Link.sendDefault({
objectType: 'feed',
content: {
title: $(".article-header .title").text(),
imageUrl: $(".cm-news-article img").attr('src'),
link: {
mobileWebUrl: location.href,
webUrl: location.href
}
},
buttons: [{
title: '웹으로 보기',
link: {
mobileWebUrl: location.href,
webUrl: location.href
}
}]
});
});
$('.shareline .url').click(function(event) {
event.preventDefault();
var t = document.createElement("textarea");
document.body.appendChild(t);
t.value = window.location.href;
t.select();
document.execCommand('copy');
document.body.removeChild(t);
alert('url이 복사되었습니다.');
});
})
</script>
</body>
</html>