Theme-Bran/views/movie.ejs

533 lines
40 KiB
Plaintext

<!DOCTYPE html>
<html lang="<%- page.language %>"
prefix="og: http://ogp.me/ns# video: http://ogp.me/ns/video# ya: http://webmaster.yandex.ru/vocabularies/">
<head>
<%- include('includes/head.ejs'); -%>
</head>
<body>
<%- include('includes/header.ejs'); -%>
<div class="container">
<div class="cont-wrap">
<div class="mp-pusher" id="mp-pusher">
<%- include('includes/nav.ejs'); -%>
<div class="scroller">
<div class="scroller-inner">
<% if (typeof slider === 'object' && slider.length) { %>
<div class="hblock cf">
<div id="owl-demo" class="owl-carousel owl-theme" style="margin: 20px auto;">
<% slider.forEach(function (movie) { %>
<div class="item">
<%- include('includes/short.ejs', {movie: movie}); -%>
</div>
<% }); %>
</div>
</div>
<% } %>
<% if (typeof page.adv === 'object' && page.adv.top) { %>
<div style="text-align: center; margin: 10px auto">
<%- page.adv.top %>
</div>
<% } %>
<div class="cf">
<div id="full-movie">
<div class="breadcrumbs">
<span>
<a href="/">
<%- page.l.home %>
</a>
</span>
<span>
»
</span>
<% if (movie.genre_url) { %>
<span>
<%- movie.genre_url %>
</span>
<span>
»
</span>
<% } %>
<span>
<%= movie.title %>
</span>
</div>
<div class="full-story cf">
<div class="fleft cf">
<div class="poster cf">
<img src="<%- movie.poster_min %>" class="lazy" data-src="<%- movie.poster %>" alt="<%= page.title %>" title="<%= page.title %>" data-cinemapress-poster="<%- movie.poster %>">
<% if (page.urls.movies.online) { %>
<a href="<%- movie.url %>/<%- page.urls.movies.online %>"
title="<%= movie.title %>">
<svg version="1.1" id="play" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
height="90px" width="90px" viewBox="0 0 100 100"
enable-background="new 0 0 100 100" xml:space="preserve"><path
class="stroke-solid" fill="#ffc107" stroke="white"
d="M49.9,2.5C23.6,2.8,2.1,24.4,2.5,50.4C2.9,76.5,24.7,98,50.3,97.5c26.4-0.6,47.4-21.8,47.2-47.7 C97.3,23.7,75.7,2.3,49.9,2.5"/>
<path class="stroke-dotted" fill="none" stroke="#ffc107"
d="M49.9,2.5C23.6,2.8,2.1,24.4,2.5,50.4C2.9,76.5,24.7,98,50.3,97.5c26.4-0.6,47.4-21.8,47.2-47.7 C97.3,23.7,75.7,2.3,49.9,2.5"/>
<path class="icon" fill="#fff"
d="M38,69c-1,0.5-1.8,0-1.8-1.1V32.1c0-1.1,0.8-1.6,1.8-1.1l34,18c1,0.5,1,1.4,0,1.9L38,69z"/></svg>
</a>
<% } %>
<div class="poster-qulabel watchLaterBlock" style="display: none;">
<a href="javascript:void(0)" id="watchLater">
<span class="fa fa-eye"></span> <%- page.l.later %>
</a>
</div>
</div>
</div>
<div class="fmid">
<div class="moviecard">
<div class="movie-ratings">
<div class="imdbRating">
<span class="star">★</span>
<span class="score"><%- movie.rating / 10 %></span>
<span class="score-out-of"
style="font-family: PF DinDisplay Pro;">/ <span>10</span> (<span><%- movie.vote %></span>)</span>
</div>
</div>
<% if (movie.premiere) { %>
<label class="bdt"><%- movie.premiere %></label>
<% } %>
<nav class="button-share-container">
<div class="buttons">
<div class="tw share-btn" onclick="share(this)"
data-tooltip="<%- page.l.twitter %>"><i class="fa fa-twitter"></i>
</div>
</div>
<div class="buttons">
<div class="mr share-btn" onclick="share(this)" data-tooltip="Mail"><i
class="fa fa-at"></i>
</div>
</div>
<div class="buttons">
<div class="ok share-btn" onclick="share(this)" data-tooltip="OK"><i
class="fa fa-odnoklassniki"></i>
</div>
</div>
<div class="buttons">
<div class="vk share-btn" onclick="share(this)"
data-tooltip="<%- page.l.vk %>"><i class="fa fa-vk"></i>
</div>
</div>
<div class="buttons">
<div class="fb share-btn" onclick="share(this)"
data-tooltip="<%- page.l.facebook %>"><i
class="fa fa-facebook"></i>
</div>
</div>
<a class="buttons" href="javascript:void(0);" onClick="return false;">
<span class="buttons" data-tooltip="<%- page.l.share %>">
<span class="rotate"></span>
</span>
</a>
</nav>
<div id="movie-content">
<div class="movie-title">
<h1><%- page.h1 %></h1>
<strong class="orig_title"><%= movie.title_en %></strong>
</div>
<div class="movie-details">
<% if (movie.countries_url) { %>
<span class="movie-country">
<i class="fa fa-globe"
aria-hidden="true"></i>&nbsp;<%- movie.countries_url %>
</span>
<% } %>
<% if (movie.genres_url) { %>
<span class="movie-genre">
<i class="fa fa-tags"
aria-hidden="true"></i>&nbsp;<%- movie.genres_url %>
</span>
<% } %>
<% if (movie.year_url) { %>
<span class="movie-year">
<i class="fa fa-calendar"
aria-hidden="true"></i>&nbsp;<%- movie.year_url %>
</span>
<% } %>
<% if (movie.tags_url) { %>
<br>
<span class="movie-genre" style="padding: 0">
<i class="fa fa-tags"
aria-hidden="true"></i>&nbsp;<%- movie.tags_url %>
</span>
<% } %>
</div>
<% if (movie.directors_url) { %>
<div class="movie-castcrew">
<span class="title"><%- page.l.director %>:</span>
<span class="name"><%- movie.directors_url %></span>
</div>
<% } %>
<div class="movie-castcrew">
<span class="title"><%- page.l.rating %>:</span>
<span class="name"
style="color: #a17514"><%- page.l.kp %> - <%- movie.kp_rating / 10 %></span>
<span class="name"
style="color: #8f4815"><%- page.l.imdb %> - <%- movie.imdb_rating / 10 %></span>
</div>
<% if (movie.actors_url) { %>
<div class="movie-castcrew">
<span class="title"><%- movie.actors_url %></span>
</div>
<% } %>
<div class="box" id="box">
<div class="post_title">
<h2 class="news-title">
<i class="fa fa-navicon" style="color: #FF5722;"
aria-hidden="true"></i> <span
style="color:#085294"><%= movie.title %></span> <%- movie.year %>
</h2>
</div>
<p class="text">
<% if (movie.quality) { %><span
style="font-weight: bold"><%- page.l.quality %>:</span>
<span class="cinemapress-quality"
style="position: inherit; margin: 0; padding: 3px"><span
class="cinemapress-svg-quality"></span> <%- movie.quality %></span>
<% } %>
<% if (movie.translate) { %><span
style="font-weight: bold"><%- page.l.translate %>:</span>
<span class="cinemapress-translate"
style="position: inherit; margin: 0; padding: 3px"><span
class="cinemapress-svg-translate"></span> <%- movie.translate %></span>
<% } %>
<% if (movie.quality || movie.translate) { %><br>
<% } %>
<%- movie.description %>
</p>
</div>
<div class="movie">
<% if (page.urls.movies.online) { %>
<a href="<%- movie.url %>/<%- page.urls.movies.online %>"
title="<%= page.l.online %> <%= movie.title %>">
<span><i class="fa fa-video-camera" aria-hidden="true"></i>&nbsp;<%- page.l.online %></span>
</a>
<% } %>
<% if (page.urls.movies.download) { %>
<a href="<%- movie.url %>/<%- page.urls.movies.download %>"
title="<%= page.l.download %> <%= movie.title %>">
<span><i class="fa fa-download"
aria-hidden="true"></i>&nbsp;<%- page.l.download %></span>
</a>
<% } %>
<% if (page.urls.movies.trailer) { %>
<a href="<%- movie.url %>/<%- page.urls.movies.trailer %>"
title="<%= page.l.trailer %> <%= movie.title %>">
<span><i class="fa fa-play"
aria-hidden="true"></i>&nbsp;<%- page.l.trailer %></span>
</a>
<% } %>
<% if (page.urls.movies.picture) { %>
<a href="<%- movie.url %>/<%- page.urls.movies.picture %>"
title="<%= page.l.picture %> <%= movie.title %>">
<span><i class="fa fa-picture-o"
aria-hidden="true"></i>&nbsp;<%- page.l.picture %></span>
</a>
<% } %>
</div>
<div class="episodesListBlock" style="display: none; margin: 10px auto;">
<h3><%= movie.title %> <%- page.l.episodes %></h3>
<div id="episodesList" data-id="<%- movie.kp_id %>"></div>
</div>
</div>
</div>
</div>
<div style="clear: both"></div>
<% if (typeof page.adv === 'object' && page.adv.over) { %>
<div style="text-align: center; margin: 10px auto">
<%- page.adv.over %>
</div>
<% } %>
<div id="cinemapress-player" class="cinemapress-data"
style="border-radius: 10px; width: 80%; margin: 10px auto;">
<% if (page.player) { %>
<%- page.player %>
<% } %>
</div>
<% if (typeof page.adv === 'object' && page.adv.under) { %>
<div style="text-align: center; margin: 10px auto">
<%- page.adv.under %>
</div>
<% } %>
<div style="clear: both"></div>
<div>
<div class="comments">
<% if (page.comments) { %>
<%- page.comments %>
<% } else { %>
<div id="cinemapress-comments">
<h3 class="cinemapress-comment-h3">
<%- page.l.comments %>
<span class="cinemapress-comment-count cinemapress-comment-bg-color"><%- comments && comments.count || '0' %></span>
</h3>
<% if (typeof comments === 'object' && typeof comments.config === 'object') { %>
<% if (comments.config.star_rating) { %>
<div class="cinemapress-comment-star">
<div class="cinemapress-comment-star-down"
data-comment-star="1"></div>
<div class="cinemapress-comment-star-award"
data-comment-star="3"></div>
<div class="cinemapress-comment-star-up"
data-comment-star="2"></div>
</div>
<% } %>
<div class="cinemapress-comment-form">
<% if (comments.config.bb_codes) { %>
<div class="cinemapress-comment-form-bb">
<span class="cinemapress-comment-bg cinemapress-comment-form-bb-b"
data-bb-code="b"><%- page.l.bold.toLowerCase() %></span>
<span class="cinemapress-comment-bg cinemapress-comment-form-bb-i"
data-bb-code="i"><%- page.l.italic.toLowerCase() %></span>
<span class="cinemapress-comment-bg cinemapress-comment-form-bb-spoiler"
data-bb-code="spoiler">👻 <%- page.l.spoiler.toLowerCase() %></span>
<span class="cinemapress-comment-bg cinemapress-comment-form-bb-search"
data-bb-code="search">🔍 <%- page.l.search.toLowerCase() %></span>
<input class="cinemapress-comment-bg cinemapress-comment-form-anonymous"
name="comment_anonymous" type="text"
placeholder="<%- page.l.username %>">
</div>
<% } %>
<div>
<div class="cinemapress-comment-textarea-div">
<textarea name="comment_text"
class="cinemapress-comment-bg cinemapress-comment-textarea"
placeholder="<%- page.l.comment %>"
autocomplete="off" autocapitalize="off"
spellcheck="false"></textarea>
<div class="cinemapress-comment-form-bg"></div>
<div class="cinemapress-comment-button-bg hover-off"
data-comment-type="submit">
<span class="cinemapress-comment-button-text"></span>
</div>
</div>
<% if (comments.config.question) { %>
<div class="cinemapress-comment-bg cinemapress-comment-question"
style="display: none">
<div class="cinemapress-comment-question-text"><%- comments.config.question %></div>
<div class="cinemapress-comment-question-answer">
<% if (comments.config.question_yes) { %>
<span class="cinemapress-comment-question-answer-yes"><%- page.l.yes %></span>
<% } %>
<% if (comments.config.question_not) { %>
<span class="cinemapress-comment-question-answer-not"><%- page.l.not %></span>
<% } %>
</div>
<% if (comments.config.question_yes) { %>
<div class="cinemapress-comment-question-text-yes"
style="display: none">
<%- comments.config.question_yes %>
</div>
<% } %>
<% if (comments.config.question_not) { %>
<div class="cinemapress-comment-question-text-not"
style="display: none">
<%- comments.config.question_not %>
</div>
<% } %>
<div class="cinemapress-comment-question-bg"></div>
<% if (comments.config.question_poster) { %>
<div class="cinemapress-comment-question-bg-poster"
style="background-image:url('<%- comments.config.question_poster %>')"></div>
<% } %>
</div>
<% } %>
</div>
<div style="font-size:8px;text-align:right;opacity:.2">This site
is protected by reCAPTCHA and the Google <a
href="https://policies.google.com/privacy"
style="font-size:8px" target="_blank">Privacy
Policy</a> and <a
href="https://policies.google.com/terms"
style="font-size:8px" target="_blank">Terms of
Service</a> apply.
</div>
</div>
<%- comments.indexer ? comments.indexer : '' %>
<% if (comments.list && comments.list.length) { %>
<% comments.list.forEach(function (comment) { %>
<div class="cinemapress-comment" id="c<%- comment.id %>">
<div class="cinemapress-comment-head">
<div class="cinemapress-comment-head-avatar">
<img src="<%- comment.avatar %>"
alt="<%= comment.user %>">
</div>
<% if (comments.config.star_rating) { %>
<% if (comment.star === 1) { %>
<div class="cinemapress-comment-head-star">
<div class="cinemapress-comment-star-down"></div>
</div>
<% } else if (comment.star === 2) { %>
<div class="cinemapress-comment-head-star">
<div class="cinemapress-comment-star-up"></div>
</div>
<% } else if (comment.star === 3) { %>
<div class="cinemapress-comment-head-star">
<div class="cinemapress-comment-star-award"></div>
</div>
<% } %>
<% } %>
<div class="cinemapress-comment-head-meta">
<div class="cinemapress-comment-head-meta-vote">
<span class="cinemapress-comment-like" data-comment-type="like"
data-comment-id="<%- comment.id %>"
title="<%= page.l.like %>">
<span class="cinemapress-comment-like-icon"></span>
<span class="cinemapress-comment-like-number"><%- comment.like %></span>
</span>
<span class="cinemapress-comment-dislike"
data-comment-type="dislike"
data-comment-id="<%- comment.id %>"
title="<%= page.l.dislike %>">
<span class="cinemapress-comment-dislike-number"><%- comment.dislike %></span>
<span class="cinemapress-comment-dislike-icon"></span>
</span>
<span class="cinemapress-comment-reply"
data-reply-id="<%- comment.id %>"
data-bb-code="b"
data-bb-value="<%- comment.user %>"
title="<%= page.l.reply %>">
<span class="cinemapress-comment-reply-icon"></span>
</span>
</div>
<div class="cinemapress-comment-user"
data-comment-id="<%- comment.id %>">
<div class="cinemapress-comment-user-name">
<%- comment.user %>
</div>
<div class="cinemapress-comment-user-said">
<%- page.l.said %>
</div>
<div class="cinemapress-comment-user-date">
<%- comment.date %>
</div>
<div class="cinemapress-comment-user-link">
<a href="<%- comment.url %>#c<%- comment.id %>">#</a>
</div>
</div>
</div>
</div>
<div class="cinemapress-comment-bg cinemapress-comment-radius">
<%- comment.comment %>
</div>
<% if (comment.admin) { %>
<div class="cinemapress-comment-admin">
<div class="cinemapress-comment-bg cinemapress-comment-admin-text">
<%- comment.admin %>
</div>
<div class="cinemapress-comment-admin-bg"></div>
</div>
<% } %>
</div>
<% }); %>
<% } %>
<% } %>
<div class="cinemapress-comment-arrow">
<% if (comments && comments.prev) { %>
<div class="cinemapress-prev-comments"
onclick="window.location.href='?page=<%- comments.prev %>#cinemapress-comments'"></div>
<% } %>
<% if (comments && comments.next) { %>
<div class="cinemapress-next-comments"
onclick="window.location.href='?page=<%- comments.next %>#cinemapress-comments'"></div>
<% } %>
</div>
</div>
<% } %>
</div>
</div>
</div>
<% if (typeof contents === 'object' && contents.length) { %>
<div style="clear: both"></div>
<% contents.forEach(function (content) { %>
<div class="cinemapress-news-block">
<div style="margin: 0; padding: 10px">
<a href="<%- content.url %>" class="cinemapress-news lazy" style="background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAADICAQAAABrVzQQAAABLUlEQVR42u3RMQEAAAgDoC251W3hI1SgmfBMpUtHOtKRjnSkIx3pSEc60pGOdKQjHelIl450pCMd6UhHOtKRjnSkIx3pSEc60pEuHelIRzrSkY50pCMd6UhHOtKRjnSkI1060pGOdKQjHelIRzrSkY50pCMd6UhHunSkIx3pSEc60pGOdKQjHelIRzrSkY506dKlIx3pSEc60pGOdKQjHelIRzrSkY50pEtHOtKRjnSkIx3pSEc60pGOdKQjHelIl450pCMd6UhHOtKRjnSkIx3pSEc60pEuHelIRzrSkY50pCMd6UhHOtKRjnSkI1060pGOdKQjHelIRzrSkY50pCMd6UhHunTp0pGOdKQjHelIRzrSkY50pCMd6UhHOtKlIx3pSEc60pGOdKRzawFrr2QBa00SvgAAAABJRU5ErkJggg==');" data-bg="<%- content.image %>">
<div class="cinemapress-news-title">
<%= content.title %>
</div>
</a>
</div>
</div>
<% }); %>
<div style="clear: both"></div>
<% } %>
<div style="clear: both"></div>
<% if (typeof movies === 'object') {
for (var type in movies) {
if (movies.hasOwnProperty(type) && movies[type].length) {
movies[type].forEach(function (category) { %>
<div class="hblock cf">
<div class="block-link">
<%- category.name %>
<div class="randomMovieRelated">
<div class="cinemapress-random-related"
onclick="window.location.href='<%- (category.url && category.url.indexOf('?') + 1 ? category.url + '&random=' : category.url + '?random=') %><%- Math.random() %>'"
title="<%= page.l.random %>">
<img src="/themes/<%- page.theme %>/public/images/dice.svg"
alt="<%= page.l.random %>">
</div>
</div>
</div>
<% if (typeof category === 'object' && category.movies && category.movies.length) {
category.movies.forEach(function (movie) { %>
<div class="shortstory cf">
<%- include('includes/short.ejs', {movie: movie}); -%>
</div>
<% }); } %>
</div>
<% }); } } } %>
<div style="clear: both"></div>
</div>
</div>
<% if (typeof page.adv === 'object' && page.adv.bottom) { %>
<div style="text-align: center; margin: 10px auto">
<%- page.adv.bottom %>
</div>
<% } %>
</div>
</div>
</div>
</div>
</div>
<footer class="footer cf">
<% if (page.seo) { %>
<div class="about">
<div class="wrapper">
<%- page.seo %>
</div>
</div>
<% } %>
<%- include('includes/footer.ejs'); -%>
</footer>
</body>
</html>