first commit
This commit is contained in:
378
public/theme/crossmap/mobile/news/news-article.php
Executable file
378
public/theme/crossmap/mobile/news/news-article.php
Executable file
@@ -0,0 +1,378 @@
|
||||
<!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">전체 댓글 보기 ></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>
|
||||
Reference in New Issue
Block a user