Theme-Mormont/views/movie.ejs

366 lines
25 KiB
Plaintext

<!DOCTYPE html>
<html lang="<%- page.language %>">
<head>
<%- include('includes/head.ejs'); -%>
</head>
<body>
<div id="wrapper">
<div class="content-wrapper">
<div class="content">
<div id="movie">
<div class="row">
<% if (typeof page.adv === 'object' && page.adv.top) { %>
<div style="text-align: center; margin: 10px auto">
<%- page.adv.top %>
</div>
<% } %>
<div class="col-md-9">
<h1><%- page.h1 %></h1>
<h4 class="alternative_title"><%- movie.title_en %></h4>
<div class="data clearfix">
<div class="poster-data">
<div class="poster">
<img src="<%- movie.poster %>" class="img-responsive" alt="<%= page.title %>" title="<%= page.title %>" data-cinemapress-poster="<%- movie.poster %>">
<span class="label label-danger"><% if (movie.season && movie.episode) { %><%- movie.season %> <%- page.l.season %> <%- movie.episode %> <%- page.l.episode %><% } else { %><%- movie.year %><% } %></span>
</div>
<% if (movie.vote) { %>
<div class="rating-block">
<% for (var i = 0; i < parseInt(movie.rating)/20; i++) { %>
<div class="rating-symbol" style="display: inline-block; position: relative;"><span class="glyphicon glyphicon-star rating-star"></span></div>
<% } %>
<div class="rating-votes"><%- page.l.rating %>: <%- movie.rating/20 %>/5 <br>(<%- movie.vote %> <%- page.l.votes %>)</div>
</div>
<% } %>
</div>
<ul class="list-unstyled details">
<% if (movie.year_url) { %><li><strong><%- page.l.year %>:</strong> <%- movie.year_url %></li><% } %>
<% if (movie.genres_url) { %><li><strong><%- page.l.genres %>:</strong> <%- movie.genres_url %></li><% } %>
<% if (movie.countries_url) { %><li><strong><%- page.l.countries %>:</strong> <%- movie.countries_url %></li><% } %>
<% if (movie.directors_url) { %><li><strong><%- page.l.directors %>:</strong> <%- movie.directors_url %></li><% } %>
<% if (movie.actors_url) { %><li><strong><%- page.l.actors %>:</strong> <%- movie.actors_url %></li><% } %>
<% if (movie.tags_url) { %><li><strong><%- page.l.tags %>:</strong> <%- movie.tags_url %></li><% } %>
<% if (movie.quality) { %><li><strong><%- page.l.quality %>:</strong> <%- movie.quality %></li><% } %>
<% if (movie.translate) { %><li><strong><%- page.l.translate %>:</strong> <%- movie.translate %></li><% } %>
<% if (movie.kp_vote) { %><li><strong><%- page.l.rating %> <%- page.l.kp %>:</strong> <%- movie.kp_rating/10 %> (<%- movie.kp_vote %>)</li><% } %>
<% if (movie.imdb_vote) { %><li><strong><%- page.l.rating %> <%- page.l.imdb %>:</strong> <%- movie.imdb_rating/10 %> (<%- movie.imdb_vote %>)</li><% } %>
</ul>
<div class="body"><p><%- movie.description %></p></div>
</div>
<div class="episodesListBlock" style="display: none; margin: 10px auto;">
<h3 class="h3"><%= movie.title %> <%- page.l.episodes %></h3>
<div id="episodesList" data-id="<%- movie.kp_id %>"></div>
</div>
<% if (movie.pictures.length) { %>
<div class="screens" id="lightgallery">
<% movie.pictures.forEach(function (picture) { %>
<% var ahref = page.urls.movies.picture
? movie.url + '/' + page.urls.movies.picture
: picture.picture_big %>
<a href="<%- ahref %>">
<img src="<%- picture.picture_min %>" alt="<%= movie.title %> (<%- movie.year %>)" title="<%= movie.title %> (<%- movie.year %>)">
</a>
<% }); %>
</div>
<% if (!page.urls.movies.picture) { %>
<link href="/themes/default/public/desktop/css/lightgallery.min.css" rel="stylesheet">
<script src="/themes/default/public/desktop/js/lightgallery.min.js"></script>
<script>lightGallery(document.getElementById('lightgallery'));</script>
<% } %>
<% } %>
<% if (typeof page.adv === 'object' && page.adv.over) { %>
<div style="margin: 10px; text-align: center;">
<%- page.adv.over %>
</div>
<% } %>
<ul class="nav nav-tabs">
<li>
<a href="javascript:void(0)" class="current"><%- page.l.information %></a>
</li>
<% if (page.urls.movies.online) { %>
<li>
<a href="<%- movie.url %>/<%- page.urls.movies.online %>"><%- page.l.online %></a>
</li>
<% } %>
<% if (page.urls.movies.download) { %>
<li>
<a href="<%- movie.url %>/<%- page.urls.movies.download %>"><%- page.l.download %></a>
</li>
<% } %>
<% if (page.urls.movies.trailer) { %>
<li>
<a href="<%- movie.url %>/<%- page.urls.movies.trailer %>"><%- page.l.trailer %></a>
</li>
<% } %>
</ul>
<div id="cinemapress-player" class="tab-content">
<% if (page.player) { %>
<%- page.player %>
<% } %>
</div>
<div class="row">
<div class="col-md-12">
<div class="pull-left">
<a class="btn-own btn-fb" href="javascript:void(0);" title="<%= page.l.facebook %>" target="_blank"><span class="icon-facebook"></span></a>
<a class="btn-own btn-vk" href="javascript:void(0);" title="<%= page.l.vk %>" target="_blank"><span class="icon-vkontakte"></span></a>
<a class="btn-own btn-tw" href="javascript:void(0);" title="<%= page.l.twitter %>" target="_blank"><span class="icon-twitter"></span></a>
<a class="btn-own btn-ok" href="javascript:void(0);" title="OK" target="_blank"><span class="icon-odnoklassniki"></span></a>
</div>
<div class="pull-right watchLaterBlock" id="set_player" style="display: none;">
<a href="javascript:void(0)" class="btn btn-default" id="watchLater"><%- page.l.later %></a>
</div>
</div>
</div>
<% if (typeof page.adv === 'object' && page.adv.under) { %>
<div style="margin: 10px; text-align: center;">
<%- page.adv.under %>
</div>
<% } %>
<% if (page.seo) { %>
<div class="seo" style="margin: 10px auto">
<%- page.seo %>
</div>
<% } %>
<% if (typeof contents === 'object' && contents.length) { %>
<div style="clear: both"></div>
<% contents.forEach(function (content) { %>
<div style="float: left; width: 50%;">
<div style="margin: 0; padding: 10px 0">
<a href="<%- content.url %>" class="cinemapress-news" style="background-image:url('<%- content.image %>');">
<div class="cinemapress-news-title">
<%= content.title %>
</div>
</a>
</div>
</div>
<% }); %>
<div style="clear: both"></div>
<% } %>
<% 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>
<% } %>
<% if (typeof movies === 'object') {
for (var type in movies) {
if (movies.hasOwnProperty(type) && movies[type].length) {
movies[type].forEach(function (category) { %>
<h2 class="h3">
<%- 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') %>'"
title="<%= page.l.random %>">
<img src="/themes/<%- page.theme %>/public/images/dice.svg" alt="<%= page.l.random %>">
</div>
</div>
</h2>
<div class="row items">
<% if (category.movies.length) {
category.movies.splice(4, category.movies.length % 4);
category.movies.forEach(function (movie) { %>
<div class="col-xs-3 item">
<a href="<%- movie.url %>">
<div style="width:100%;height:250px;background: url('<%- movie.poster %>') center no-repeat;background-size: cover;" title="<%= movie.title %>"></div>
</a>
<div class="info">
<div class="title">
<a href="<%- movie.url %>" class="link" title="<%= movie.title %>"><%= movie.title %></a>
</div>
<div class="desc"><% if (movie.genres) { %><%- movie.genres %><% } else { %>...<% } %></div>
</div>
</div>
<% }); } %>
</div>
<% }); } } } %>
</div>
<div class="col-md-3">
<%- include('includes/right.ejs'); -%>
</div>
</div>
</div>
<%- include('includes/footer.ejs'); -%>
</div>
</div>
<%- include('includes/left.ejs'); -%>
</div>
<%- page.codes.footer %>
</body>
</html>