2527 lines
105 KiB
PHP
2527 lines
105 KiB
PHP
<?php
|
||
/**
|
||
* TMDB电影
|
||
*
|
||
* @package MovieInfo
|
||
* @author 石头厝
|
||
* @version 1.0.0
|
||
* @link https://www.shitoucuo.com/
|
||
*/
|
||
|
||
if (!defined('__TYPECHO_ROOT_DIR__')) exit;
|
||
|
||
class MovieInfo_Plugin implements Typecho_Plugin_Interface
|
||
{
|
||
/**
|
||
* 激活插件
|
||
*/
|
||
public static function activate()
|
||
{
|
||
Typecho_Plugin::factory('Widget_Abstract_Contents')->contentEx = array('MovieInfo_Plugin', 'parse');
|
||
Typecho_Plugin::factory('Widget_Abstract_Contents')->excerptEx = array('MovieInfo_Plugin', 'parse');
|
||
Typecho_Plugin::factory('admin/write-post.php')->bottom = array('MovieInfo_Plugin', 'renderButton');
|
||
Typecho_Plugin::factory('admin/write-page.php')->bottom = array('MovieInfo_Plugin', 'renderButton');
|
||
|
||
$cacheDir = dirname(__FILE__) . '/cache/';
|
||
if (!file_exists($cacheDir)) mkdir($cacheDir, 0755, true);
|
||
|
||
return 'TMDB电影插件激活成功！';
|
||
}
|
||
|
||
/**
|
||
* 禁用插件
|
||
*/
|
||
public static function deactivate()
|
||
{
|
||
return '插件已禁用';
|
||
}
|
||
|
||
/**
|
||
* 配置面板
|
||
*/
|
||
public static function config(Typecho_Widget_Helper_Form $form)
|
||
{
|
||
// TMDB API 配置
|
||
$tmdbApiKey = new Typecho_Widget_Helper_Form_Element_Text('tmdbApiKey', NULL, '',
|
||
'TMDB API Key', '在TMDB网站申请的API密钥');
|
||
$form->addInput($tmdbApiKey);
|
||
|
||
$language = new Typecho_Widget_Helper_Form_Element_Select('language',
|
||
array(
|
||
'zh-CN' => '中文',
|
||
'en-US' => '英文',
|
||
'ja-JP' => '日文',
|
||
'ko-KR' => '韩文',
|
||
'fr-FR' => '法文'
|
||
), 'zh-CN', '显示语言', '电影信息的显示语言');
|
||
$form->addInput($language);
|
||
|
||
$cacheEnable = new Typecho_Widget_Helper_Form_Element_Radio('cacheEnable',
|
||
array('1' => '启用', '0' => '禁用'),
|
||
'1', '启用缓存', '缓存电影信息，提升访问速度');
|
||
$form->addInput($cacheEnable);
|
||
|
||
$cacheTime = new Typecho_Widget_Helper_Form_Element_Text('cacheTime', NULL, '30',
|
||
'缓存时间（天）', '电影信息缓存保留天数');
|
||
$cacheTime->addRule('isInteger', '请输入整数');
|
||
$form->addInput($cacheTime);
|
||
|
||
$imageProxy = new Typecho_Widget_Helper_Form_Element_Text('imageProxy', NULL,
|
||
'https://images.weserv.nl/?url=', '图片代理', '用于加载TMDB图片');
|
||
$form->addInput($imageProxy);
|
||
|
||
$defaultPoster = new Typecho_Widget_Helper_Form_Element_Text('defaultPoster', NULL,
|
||
'https://via.placeholder.com/300x450/CCCCCC/666666?text=No+Poster',
|
||
'默认海报', '当无法获取海报时显示的图片');
|
||
$form->addInput($defaultPoster);
|
||
|
||
$summaryLength = new Typecho_Widget_Helper_Form_Element_Text('summaryLength', NULL, '200',
|
||
'简介显示长度', '简介默认显示的最大字符数，超出部分可展开查看');
|
||
$summaryLength->addRule('isInteger', '请输入整数');
|
||
$form->addInput($summaryLength);
|
||
|
||
$expandText = new Typecho_Widget_Helper_Form_Element_Text('expandText', NULL, '展开',
|
||
'"展开"文字', '点击展开完整简介的文字');
|
||
$form->addInput($expandText);
|
||
|
||
$collapseText = new Typecho_Widget_Helper_Form_Element_Text('collapseText', NULL, '收起',
|
||
'"收起"文字', '点击收起简介的文字');
|
||
$form->addInput($collapseText);
|
||
|
||
$expandColor = new Typecho_Widget_Helper_Form_Element_Text('expandColor', NULL, '#0073aa',
|
||
'展开按钮颜色', '展开/收起按钮的文字颜色');
|
||
$form->addInput($expandColor);
|
||
|
||
// 独立页面每页显示条数设置
|
||
$pageSize = new Typecho_Widget_Helper_Form_Element_Text('pageSize', NULL, '10',
|
||
'独立页面每页显示条数', '在独立页面中每页显示的电影数量（1-50）');
|
||
$pageSize->addRule('isInteger', '请输入整数');
|
||
$pageSize->addRule(array(new MovieInfo_Plugin, 'validatePageSize'), '请输入1-50之间的整数');
|
||
$form->addInput($pageSize);
|
||
}
|
||
|
||
/**
|
||
* 验证页面显示条数
|
||
*/
|
||
public static function validatePageSize($value)
|
||
{
|
||
$value = intval($value);
|
||
if ($value < 1 || $value > 50) {
|
||
throw new Typecho_Widget_Exception('请输入1-50之间的整数');
|
||
}
|
||
return true;
|
||
}
|
||
|
||
/**
|
||
* 个人配置面板
|
||
*/
|
||
public static function personalConfig(Typecho_Widget_Helper_Form $form)
|
||
{
|
||
}
|
||
|
||
/**
|
||
* 解析短代码
|
||
*/
|
||
public static function parse($content, $widget, $lastResult)
|
||
{
|
||
$content = empty($lastResult) ? $content : $lastResult;
|
||
|
||
// 如果是独立页面，且内容中包含[all_movies]标记，则显示所有电影
|
||
if ($widget instanceof Widget_Archive && $widget->is('page')) {
|
||
$pattern = '/\[all_movies(?::page=(\d+))?\]/i';
|
||
if (preg_match_all($pattern, $content, $matches)) {
|
||
foreach ($matches[0] as $key => $match) {
|
||
$page = isset($matches[1][$key]) ? intval($matches[1][$key]) : 1;
|
||
$allMoviesHtml = self::renderAllMovies($page);
|
||
$content = str_replace($match, $allMoviesHtml, $content);
|
||
}
|
||
}
|
||
}
|
||
|
||
// 如果是单篇文章，解析电影短代码
|
||
if ($widget instanceof Widget_Archive && $widget->is('single')) {
|
||
// 匹配 [movie:数字] 或 [movie:数字:短评] 格式
|
||
$pattern = '/\[movie:(\d+)(?::([^\]]+))?\]/i';
|
||
if (preg_match_all($pattern, $content, $matches)) {
|
||
foreach ($matches[0] as $key => $match) {
|
||
$movieId = $matches[1][$key];
|
||
$reviewWithCustom = isset($matches[2][$key]) ? trim($matches[2][$key]) : '';
|
||
|
||
$review = '';
|
||
$customData = array();
|
||
|
||
// 解码短评和自定义数据
|
||
if (!empty($reviewWithCustom)) {
|
||
// 分离短评和自定义数据
|
||
if (strpos($reviewWithCustom, '|CUSTOM:') !== false) {
|
||
list($review, $customJson) = explode('|CUSTOM:', $reviewWithCustom, 2);
|
||
|
||
// 解码自定义数据
|
||
if (!empty($customJson)) {
|
||
$decodedJson = urldecode($customJson);
|
||
$customData = json_decode($decodedJson, true);
|
||
if (!is_array($customData)) {
|
||
$customData = array();
|
||
}
|
||
}
|
||
} else {
|
||
// 检查旧格式的自定义数据
|
||
if (preg_match('/^（自定义：(.*)）$/u', $reviewWithCustom, $customMatch)) {
|
||
$review = '';
|
||
$customData = self::parseLegacyCustomData($customMatch[1]);
|
||
} else {
|
||
// 检查中文括号格式
|
||
if (preg_match('/^(.*?)（自定义：(.*)）$/u', $reviewWithCustom, $customMatch)) {
|
||
$review = trim($customMatch[1]);
|
||
$customData = self::parseLegacyCustomData($customMatch[2]);
|
||
} else {
|
||
$review = $reviewWithCustom;
|
||
}
|
||
}
|
||
}
|
||
|
||
// 解码短评
|
||
if (!empty($review)) {
|
||
$review = str_replace(array('[', ']'), array('[', ']'), $review);
|
||
}
|
||
}
|
||
|
||
// 获取电影数据
|
||
$movieHtml = self::renderMovie($movieId, $review, $customData);
|
||
$content = str_replace($match, $movieHtml, $content);
|
||
}
|
||
}
|
||
}
|
||
|
||
return $content;
|
||
}
|
||
|
||
/**
|
||
* 解析旧格式的自定义数据
|
||
*/
|
||
private static function parseLegacyCustomData($customText)
|
||
{
|
||
$customData = array();
|
||
|
||
$pairs = explode('，', $customText);
|
||
foreach ($pairs as $pair) {
|
||
if (strpos($pair, '：') !== false) {
|
||
list($key, $value) = explode('：', $pair, 2);
|
||
switch (trim($key)) {
|
||
case '开始观看':
|
||
$customData['startDate'] = trim($value);
|
||
break;
|
||
case '结束观看':
|
||
$customData['watchDate'] = trim($value);
|
||
break;
|
||
case '观看方式':
|
||
$customData['watchMethod'] = trim($value);
|
||
break;
|
||
case '电影分类':
|
||
$customData['movieCategory'] = trim($value);
|
||
break;
|
||
case '推荐指数':
|
||
$starCount = substr_count($value, '★');
|
||
$customData['recommendation'] = $starCount;
|
||
break;
|
||
case '我的评分':
|
||
$customData['myRating'] = trim($value);
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
|
||
return $customData;
|
||
}
|
||
|
||
/**
|
||
* 渲染单部电影信息
|
||
*/
|
||
private static function renderMovie($movieId, $review = '', $customData = array())
|
||
{
|
||
// 获取电影数据
|
||
$movieData = self::getMovieData($movieId, $review, $customData);
|
||
|
||
if (!$movieData || empty($movieData['title'])) {
|
||
return '<div style="padding:10px; background:#f8d7da; color:#721c24; border:1px solid #f5c6cb; border-radius:4px; margin:10px 0;">
|
||
获取电影信息失败，ID：' . htmlspecialchars($movieId) . '
|
||
</div>';
|
||
}
|
||
|
||
$options = Typecho_Widget::widget('Widget_Options')->plugin('MovieInfo');
|
||
$imageProxy = isset($options->imageProxy) ? $options->imageProxy : 'https://images.weserv.nl/?url=';
|
||
$defaultPoster = isset($options->defaultPoster) ? $options->defaultPoster :
|
||
'https://via.placeholder.com/300x450/CCCCCC/666666?text=No+Poster';
|
||
$summaryLength = isset($options->summaryLength) ? intval($options->summaryLength) : 200;
|
||
$expandText = isset($options->expandText) ? $options->expandText : '展开';
|
||
$collapseText = isset($options->collapseText) ? $options->collapseText : '收起';
|
||
$expandColor = isset($options->expandColor) ? $options->expandColor : '#0073aa';
|
||
|
||
$title = htmlspecialchars($movieData['title']);
|
||
$originalTitle = isset($movieData['original_title']) ? htmlspecialchars($movieData['original_title']) : '';
|
||
$releaseYear = isset($movieData['release_year']) ? htmlspecialchars($movieData['release_year']) : '未知';
|
||
$director = isset($movieData['director']) ? htmlspecialchars($movieData['director']) : '未知';
|
||
$genres = isset($movieData['genres']) ? $movieData['genres'] : array('未知');
|
||
$runtime = isset($movieData['runtime']) ? htmlspecialchars($movieData['runtime']) . '分钟' : '未知';
|
||
$summary = isset($movieData['overview']) ? $movieData['overview'] : '';
|
||
$rating = isset($movieData['vote_average']) ? floatval($movieData['vote_average']) : 0;
|
||
$ratingCount = isset($movieData['vote_count']) ? intval($movieData['vote_count']) : 0;
|
||
$productionCountries = isset($movieData['production_countries']) ? $movieData['production_countries'] : array('未知');
|
||
|
||
$review = htmlspecialchars($review);
|
||
|
||
// 自定义字段
|
||
$startDate = isset($customData['startDate']) ? htmlspecialchars($customData['startDate']) : '';
|
||
$watchDate = isset($customData['watchDate']) ? htmlspecialchars($customData['watchDate']) : '';
|
||
$watchMethod = isset($customData['watchMethod']) ? htmlspecialchars($customData['watchMethod']) : '';
|
||
$movieCategory = isset($customData['movieCategory']) ? htmlspecialchars($customData['movieCategory']) : '';
|
||
$recommendation = isset($customData['recommendation']) ? intval($customData['recommendation']) : 0;
|
||
$myRating = isset($customData['myRating']) ? htmlspecialchars($customData['myRating']) : '';
|
||
|
||
// 如果customData中没有，尝试从movieData中获取
|
||
if (empty($startDate) && isset($movieData['custom_start_date']) && !empty($movieData['custom_start_date'])) {
|
||
$startDate = htmlspecialchars($movieData['custom_start_date']);
|
||
}
|
||
if (empty($watchDate) && isset($movieData['custom_watch_date']) && !empty($movieData['custom_watch_date'])) {
|
||
$watchDate = htmlspecialchars($movieData['custom_watch_date']);
|
||
}
|
||
if (empty($watchMethod) && isset($movieData['custom_watch_method']) && !empty($movieData['custom_watch_method'])) {
|
||
$watchMethod = htmlspecialchars($movieData['custom_watch_method']);
|
||
}
|
||
if (empty($movieCategory) && isset($movieData['custom_movie_category']) && !empty($movieData['custom_movie_category'])) {
|
||
$movieCategory = htmlspecialchars($movieData['custom_movie_category']);
|
||
}
|
||
if ($recommendation == 0 && isset($movieData['custom_recommendation'])) {
|
||
$recommendation = intval($movieData['custom_recommendation']);
|
||
}
|
||
if (empty($myRating) && isset($movieData['custom_my_rating'])) {
|
||
$myRating = htmlspecialchars($movieData['custom_my_rating']);
|
||
}
|
||
|
||
// 检查简介长度
|
||
$isSummaryLong = false;
|
||
$summaryShort = $summary;
|
||
|
||
$plainSummary = strip_tags($summary);
|
||
if (mb_strlen($plainSummary, 'UTF-8') > $summaryLength) {
|
||
$isSummaryLong = true;
|
||
$plainShort = mb_substr($plainSummary, 0, $summaryLength, 'UTF-8');
|
||
$summaryShort = $plainShort . '...';
|
||
}
|
||
|
||
// 海报URL
|
||
$posterPath = isset($movieData['poster_path']) ? $movieData['poster_path'] : '';
|
||
if ($posterPath) {
|
||
$posterUrl = 'https://image.tmdb.org/t/p/w300' . $posterPath;
|
||
$posterSrc = $imageProxy . urlencode($posterUrl);
|
||
} else {
|
||
$posterSrc = $defaultPoster;
|
||
}
|
||
|
||
// 类型显示 - 确保不换行
|
||
$genresHtml = '';
|
||
if (is_array($genres)) {
|
||
$genresHtml = implode(' / ', $genres);
|
||
}
|
||
|
||
// 地区显示
|
||
$countriesHtml = '';
|
||
if (is_array($productionCountries)) {
|
||
$countriesHtml = implode(' / ', $productionCountries);
|
||
}
|
||
|
||
// TMDB评分显示 - 移除括号和评价人数
|
||
$ratingHtml = '';
|
||
if ($rating > 0) {
|
||
$ratingHtml = '<div class="movie-rating" style="margin:0 0 10px 0; font-size:14px; color:var(--movie-text-secondary);">
|
||
<span style="font-weight:600; color:var(--movie-text-primary); display:inline-block; width:70px;">评分：</span>
|
||
<span style="color:var(--movie-rating-color); font-weight:600; font-size:16px;">' . number_format($rating, 1) . '</span>
|
||
</div>';
|
||
}
|
||
|
||
// 我的评分显示
|
||
$myRatingHtml = '';
|
||
if (!empty($myRating)) {
|
||
$myRatingHtml = '<div class="movie-my-rating" style="margin:0 0 10px 0; font-size:14px; color:var(--movie-text-secondary);">
|
||
<span style="font-weight:600; color:var(--movie-text-primary); display:inline-block; width:70px;">我的评分：</span>
|
||
<span style="color:var(--movie-my-rating-color); font-weight:600; font-size:16px;">' . $myRating . '</span>
|
||
</div>';
|
||
}
|
||
|
||
// 推荐指数星星
|
||
$recommendationHtml = '';
|
||
if ($recommendation > 0) {
|
||
$recommendationHtml = '<div class="movie-recommendation" style="margin:0 0 10px 0; font-size:14px; color:var(--movie-text-secondary);">
|
||
<span style="font-weight:600; color:var(--movie-text-primary); display:inline-block; width:70px;">推荐指数：</span>';
|
||
|
||
for ($i = 1; $i <= 5; $i++) {
|
||
if ($i <= $recommendation) {
|
||
$recommendationHtml .= '<span style="color:var(--movie-star-color); font-size:16px; margin-right:2px;">★</span>';
|
||
} else {
|
||
$recommendationHtml .= '<span style="color:var(--movie-star-empty-color); font-size:16px; margin-right:2px;">★</span>';
|
||
}
|
||
}
|
||
$recommendationHtml .= '</div>';
|
||
}
|
||
|
||
// 自定义信息 - 按图书插件逻辑处理开始和结束观看
|
||
$customInfoHtml = '';
|
||
$hasCustomInfo = false;
|
||
|
||
// 判断开始和结束观看日期是否相同
|
||
$hasStartDate = !empty($startDate);
|
||
$hasWatchDate = !empty($watchDate);
|
||
$datesEqual = $hasStartDate && $hasWatchDate && $startDate === $watchDate;
|
||
|
||
if ($hasStartDate || $hasWatchDate || $watchMethod || $movieCategory) {
|
||
$hasCustomInfo = true;
|
||
|
||
if ($datesEqual) {
|
||
// 开始和结束观看日期相同，显示"观看日期"
|
||
$customInfoHtml .= '<div class="movie-watch-date" style="margin:0 0 10px 0; font-size:14px; color:var(--movie-text-secondary);">
|
||
<span style="font-weight:600; color:var(--movie-text-primary); display:inline-block; width:70px;">观看日期：</span>
|
||
<span style="color:var(--movie-text-primary);">' . $startDate . '</span>
|
||
</div>';
|
||
} else {
|
||
// 日期不同或只有一个日期，分开显示
|
||
if ($startDate) {
|
||
$customInfoHtml .= '<div class="movie-start-date" style="margin:0 0 10px 0; font-size:14px; color:var(--movie-text-secondary);">
|
||
<span style="font-weight:600; color:var(--movie-text-primary); display:inline-block; width:70px;">开始观看：</span>
|
||
<span style="color:var(--movie-text-primary);">' . $startDate . '</span>
|
||
</div>';
|
||
}
|
||
|
||
if ($watchDate) {
|
||
$customInfoHtml .= '<div class="movie-end-date" style="margin:0 0 10px 0; font-size:14px; color:var(--movie-text-secondary);">
|
||
<span style="font-weight:600; color:var(--movie-text-primary); display:inline-block; width:70px;">结束观看：</span>
|
||
<span style="color:var(--movie-text-primary);">' . $watchDate . '</span>
|
||
</div>';
|
||
}
|
||
}
|
||
|
||
if ($watchMethod) {
|
||
$customInfoHtml .= '<div class="movie-watch-method" style="margin:0 0 10px 0; font-size:14px; color:var(--movie-text-secondary);">
|
||
<span style="font-weight:600; color:var(--movie-text-primary); display:inline-block; width:70px;">观看方式：</span>
|
||
<span style="color:var(--movie-text-primary);">' . $watchMethod . '</span>
|
||
</div>';
|
||
}
|
||
|
||
if ($movieCategory) {
|
||
$customInfoHtml .= '<div class="movie-category" style="margin:0 0 10px 0; font-size:14px; color:var(--movie-text-secondary);">
|
||
<span style="font-weight:600; color:var(--movie-text-primary); display:inline-block; width:70px;">电影分类：</span>
|
||
<span style="color:var(--movie-text-primary);">' . $movieCategory . '</span>
|
||
</div>';
|
||
}
|
||
}
|
||
|
||
// 右侧栏完整HTML
|
||
$rightColumnHtml = '';
|
||
|
||
if ($myRatingHtml) {
|
||
$rightColumnHtml .= $myRatingHtml;
|
||
}
|
||
|
||
if ($recommendationHtml) {
|
||
$rightColumnHtml .= $recommendationHtml;
|
||
}
|
||
|
||
if ($customInfoHtml) {
|
||
$rightColumnHtml .= $customInfoHtml;
|
||
} else {
|
||
$rightColumnHtml .= '<div class="movie-no-record" style="margin:0 0 10px 0; font-size:14px; color:var(--movie-text-secondary);">
|
||
<span style="font-weight:600; color:var(--movie-text-primary); display:inline-block; width:70px;">观看记录：</span>
|
||
<span style="color:var(--movie-text-tertiary);">暂无记录</span>
|
||
</div>';
|
||
}
|
||
|
||
// 简介部分HTML
|
||
$summaryHtml = '<div class="movie-summary-container">';
|
||
|
||
if ($isSummaryLong) {
|
||
$summaryHtml .= '
|
||
<div class="movie-summary-short" style="display:block;">
|
||
<div style="font-size:14px; line-height:1.8; color:var(--movie-text-primary); text-align:justify; font-family:\"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif;">
|
||
' . nl2br($summaryShort) . '
|
||
<a href="javascript:void(0);" class="movie-summary-expand"
|
||
onclick="toggleMovieSummary(this)"
|
||
style="color:' . htmlspecialchars($expandColor) . '; text-decoration:none; font-weight:600; cursor:pointer; margin-left:5px; padding:2px 8px; background:var(--movie-button-bg); border-radius:4px; border:1px solid var(--movie-border-color); font-size:13px; transition:all 0.2s ease;"
|
||
onmouseover="this.style.backgroundColor=\'var(--movie-button-hover-bg)\'; this.style.borderColor=\'' . htmlspecialchars($expandColor) . '\';"
|
||
onmouseout="this.style.backgroundColor=\'var(--movie-button-bg)\'; this.style.borderColor=\'var(--movie-border-color)\';">'
|
||
. htmlspecialchars($expandText) . ' ↓
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="movie-summary-full" style="display:none;">
|
||
<div style="font-size:14px; line-height:1.8; color:var(--movie-text-primary); text-align:justify; font-family:\"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif;">
|
||
' . $summary . '
|
||
<a href="javascript:void(0);" class="movie-summary-collapse"
|
||
onclick="toggleMovieSummary(this)"
|
||
style="color:' . htmlspecialchars($expandColor) . '; text-decoration:none; font-weight:600; cursor:pointer; margin-left:5px; padding:2px 8px; background:var(--movie-button-bg); border-radius:4px; border:1px solid var(--movie-border-color); font-size:13px; transition:all 0.2s ease;"
|
||
onmouseover="this.style.backgroundColor=\'var(--movie-button-hover-bg)\'; this.style.borderColor=\'' . htmlspecialchars($expandColor) . '\';"
|
||
onmouseout="this.style.backgroundColor=\'var(--movie-button-bg)\'; this.style.borderColor=\'var(--movie-border-color)\';">'
|
||
. htmlspecialchars($collapseText) . ' ↑
|
||
</a>
|
||
</div>
|
||
</div>';
|
||
} else {
|
||
$summaryHtml .= '
|
||
<div style="font-size:14px; line-height:1.8; color:var(--movie-text-primary); text-align:justify; font-family:\"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif;">
|
||
' . $summary . '
|
||
</div>';
|
||
}
|
||
|
||
$summaryHtml .= '</div>';
|
||
|
||
// 短评HTML
|
||
$reviewHtml = '';
|
||
if (!empty($review)) {
|
||
$reviewHtml = '<div class="movie-review-container" style="margin-top:15px;">
|
||
<div class="movie-review-title" style="margin:0 0 8px 0; font-size:14px; color:var(--movie-text-primary); font-weight:600; padding-bottom:8px; border-bottom:1px solid var(--movie-border-color);">💭 我的影评</div>
|
||
<div class="movie-review-content" style="font-size:14px; line-height:1.8; color:var(--movie-text-primary); text-align:justify; background:var(--movie-review-bg); padding:15px; border-radius:8px; border-left:3px solid var(--movie-primary-color); font-family:\"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif;">
|
||
' . nl2br($review) . '
|
||
</div>
|
||
</div>';
|
||
}
|
||
|
||
// 原始标题显示 - 仅作为鼠标悬停提示
|
||
$titleTooltip = '';
|
||
if ($originalTitle && $originalTitle != $title) {
|
||
$titleTooltip = ' title="原名：' . $originalTitle . '"';
|
||
}
|
||
|
||
$html = <<<HTML
|
||
<style>
|
||
:root {
|
||
--movie-bg-primary: #ffffff;
|
||
--movie-bg-secondary: #f9fafb;
|
||
--movie-bg-tertiary: #fafafa;
|
||
--movie-bg-card: #ffffff;
|
||
--movie-text-primary: #1a1a1a;
|
||
--movie-text-secondary: #666666;
|
||
--movie-text-tertiary: #999999;
|
||
--movie-primary-color: #0073aa;
|
||
--movie-primary-hover: #0056b3;
|
||
--movie-accent-color: #01d277;
|
||
--movie-accent-hover: #01b36b;
|
||
--movie-border-color: #e8e8e8;
|
||
--movie-border-light: #f0f0f0;
|
||
--movie-shadow-color: rgba(0,0,0,0.08);
|
||
--movie-rating-color: #ffac2d;
|
||
--movie-my-rating-color: #ff6b35;
|
||
--movie-star-color: #ff6b35;
|
||
--movie-star-empty-color: #dddddd;
|
||
--movie-button-bg: #f8f9fa;
|
||
--movie-button-hover-bg: #e9ecef;
|
||
--movie-review-bg: #f9f9f9;
|
||
}
|
||
|
||
@media (prefers-color-scheme: dark) {
|
||
:root {
|
||
--movie-bg-primary: #1a1a1a;
|
||
--movie-bg-secondary: #2d2d2d;
|
||
--movie-bg-tertiary: #2a2a2a;
|
||
--movie-bg-card: #2d2d2d;
|
||
--movie-text-primary: #e0e0e0;
|
||
--movie-text-secondary: #aaaaaa;
|
||
--movie-text-tertiary: #888888;
|
||
--movie-primary-color: #4dabf7;
|
||
--movie-primary-hover: #74c0fc;
|
||
--movie-accent-color: #20c997;
|
||
--movie-accent-hover: #12b886;
|
||
--movie-border-color: #404040;
|
||
--movie-border-light: #333333;
|
||
--movie-shadow-color: rgba(0,0,0,0.2);
|
||
--movie-rating-color: #ffc107;
|
||
--movie-my-rating-color: #ff922b;
|
||
--movie-star-color: #ff922b;
|
||
--movie-star-empty-color: #555555;
|
||
--movie-button-bg: #3a3a3a;
|
||
--movie-button-hover-bg: #4a4a4a;
|
||
--movie-review-bg: #3a3a3a;
|
||
}
|
||
}
|
||
.dark .markdown-body h2{border-bottom:0px!important;margin-top:0px!important;padding-bottom:0px!important;margin-bottom:0px!important;}
|
||
.movie-card-content {
|
||
background: var(--movie-bg-card);
|
||
border-radius: 12px;
|
||
box-shadow: 0 4px 12px var(--movie-shadow-color);
|
||
overflow: hidden;
|
||
border: 1px solid var(--movie-border-color);
|
||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||
}
|
||
|
||
.movie-card-content:hover {
|
||
transform: translateY(-2px);
|
||
box-shadow: 0 6px 16px var(--movie-shadow-color);
|
||
}
|
||
|
||
.movie-header {
|
||
padding: 20px 25px;
|
||
background: linear-gradient(135deg, var(--movie-bg-secondary) 0%, var(--movie-bg-tertiary) 100%);
|
||
border-bottom: 1px solid var(--movie-border-light);
|
||
text-align: center;
|
||
}
|
||
|
||
.movie-title {
|
||
margin: 0;
|
||
font-size: 22px;
|
||
line-height: 1.3;
|
||
color: var(--movie-text-primary);
|
||
font-weight: 700;
|
||
}
|
||
|
||
.movie-title-link {
|
||
color: var(--movie-primary-color);
|
||
text-decoration: none;
|
||
transition: color 0.2s ease;
|
||
}
|
||
|
||
.movie-title-link:hover {
|
||
color: var(--movie-primary-hover);
|
||
text-decoration: underline;
|
||
}
|
||
|
||
.movie-content {
|
||
padding: 25px;
|
||
border-bottom: 1px solid var(--movie-border-light);
|
||
background: var(--movie-bg-card);
|
||
}
|
||
|
||
.movie-grid {
|
||
display: grid;
|
||
grid-template-columns: 120px 1fr 1fr;
|
||
gap: 25px;
|
||
align-items: stretch;
|
||
}
|
||
|
||
@media (max-width: 768px) {
|
||
.movie-grid {
|
||
grid-template-columns: 1fr;
|
||
gap: 20px;
|
||
}
|
||
|
||
.movie-grid > div:nth-child(2) {
|
||
border-right: none;
|
||
padding-right: 0;
|
||
}
|
||
|
||
.movie-grid > div:nth-child(3) {
|
||
padding-left: 0;
|
||
}
|
||
}
|
||
|
||
.movie-poster-container {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.movie-poster-link {
|
||
display: block;
|
||
text-decoration: none;
|
||
width: 100%;
|
||
}
|
||
|
||
.movie-poster-wrapper {
|
||
position: relative;
|
||
width: 100%;
|
||
}
|
||
|
||
.movie-poster-frame {
|
||
width: 100%;
|
||
height: 0;
|
||
padding-bottom: 150%;
|
||
position: relative;
|
||
overflow: hidden;
|
||
border-radius: 8px;
|
||
border: 3px solid var(--movie-bg-card);
|
||
box-shadow: 0 4px 12px rgba(0,0,0,0.12);
|
||
background: var(--movie-bg-tertiary);
|
||
}
|
||
|
||
.movie-poster {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
object-fit: cover;
|
||
transition: transform 0.3s ease;
|
||
}
|
||
|
||
.movie-poster:hover {
|
||
transform: scale(1.05);
|
||
}
|
||
|
||
.movie-poster-badge {
|
||
position: absolute;
|
||
top: -5px;
|
||
right: -5px;
|
||
background: var(--movie-accent-color);
|
||
color: white;
|
||
width: 24px;
|
||
height: 24px;
|
||
border-radius: 50%;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-size: 12px;
|
||
font-weight: bold;
|
||
box-shadow: 0 2px 4px rgba(1,210,119,0.3);
|
||
}
|
||
|
||
.movie-info-left {
|
||
padding-right: 15px;
|
||
border-right: 1px solid var(--movie-border-color);
|
||
}
|
||
|
||
.movie-info-item {
|
||
margin: 0 0 10px 0;
|
||
font-size: 14px;
|
||
color: var(--movie-text-secondary);
|
||
line-height: 1.5;
|
||
}
|
||
|
||
.movie-info-label {
|
||
font-weight: 600;
|
||
color: var(--movie-text-primary);
|
||
display: inline-block;
|
||
width: 70px;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.movie-info-value {
|
||
color: var(--movie-text-primary);
|
||
}
|
||
|
||
.movie-genres {
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: inline;
|
||
}
|
||
|
||
.movie-info-right {
|
||
padding-left: 15px;
|
||
}
|
||
|
||
.movie-footer {
|
||
padding: 20px 25px 25px 25px;
|
||
}
|
||
|
||
.movie-summary-section {
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.movie-summary-header {
|
||
margin: 0 0 12px 0;
|
||
font-size: 16px;
|
||
color: var(--movie-text-primary);
|
||
font-weight: 600;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
padding-bottom: 8px;
|
||
border-bottom: 1px solid var(--movie-border-color);
|
||
}
|
||
|
||
.movie-summary-icon {
|
||
background: var(--movie-accent-color);
|
||
color: white;
|
||
width: 28px;
|
||
height: 28px;
|
||
border-radius: 50%;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.movie-summary-content {
|
||
background: var(--movie-bg-tertiary);
|
||
padding: 20px;
|
||
border-radius: 8px;
|
||
border: 1px solid var(--movie-border-color);
|
||
box-shadow: 0 1px 3px rgba(0,0,0,0.05);
|
||
}
|
||
</style>
|
||
|
||
<div class="movie-card">
|
||
<div class="movie-card-content">
|
||
<!-- 上栏：标题 -->
|
||
<div class="movie-header">
|
||
<h2 class="movie-title">
|
||
<a href="https://www.themoviedb.org/movie/{$movieId}" target="_blank"
|
||
class="movie-title-link" {$titleTooltip}>
|
||
《{$title}》
|
||
</a>
|
||
</h2>
|
||
</div>
|
||
|
||
<!-- 中栏：三列布局 -->
|
||
<div class="movie-content">
|
||
<div class="movie-grid">
|
||
<!-- 左侧：电影海报 -->
|
||
<div class="movie-poster-container">
|
||
<a href="https://www.themoviedb.org/movie/{$movieId}" target="_blank" class="movie-poster-link">
|
||
<div class="movie-poster-wrapper">
|
||
<div class="movie-poster-frame">
|
||
<img src="{$posterSrc}" alt="{$title}" class="movie-poster"
|
||
onerror="this.src='{$defaultPoster}';">
|
||
</div>
|
||
<div class="movie-poster-badge">🎬</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<!-- 中间：电影信息 - 修复：按新顺序显示 -->
|
||
<div class="movie-info-left">
|
||
<!-- 导演 -->
|
||
<div class="movie-info-item">
|
||
<span class="movie-info-label">导演：</span>
|
||
<span class="movie-info-value" style="color:var(--movie-primary-color);">{$director}</span>
|
||
</div>
|
||
|
||
<!-- 类型 - 修复：确保在一行显示 -->
|
||
<div class="movie-info-item">
|
||
<span class="movie-info-label">类型：</span>
|
||
<span class="movie-info-value movie-genres" title="{$genresHtml}">{$genresHtml}</span>
|
||
</div>
|
||
|
||
<!-- 年份 -->
|
||
<div class="movie-info-item">
|
||
<span class="movie-info-label">年份：</span>
|
||
<span class="movie-info-value">{$releaseYear}</span>
|
||
</div>
|
||
|
||
<!-- 时长 -->
|
||
<div class="movie-info-item">
|
||
<span class="movie-info-label">时长：</span>
|
||
<span class="movie-info-value">{$runtime}</span>
|
||
</div>
|
||
|
||
<!-- 地区 -->
|
||
<div class="movie-info-item">
|
||
<span class="movie-info-label">地区：</span>
|
||
<span class="movie-info-value">{$countriesHtml}</span>
|
||
</div>
|
||
|
||
<!-- 评分 -->
|
||
{$ratingHtml}
|
||
</div>
|
||
|
||
<!-- 右侧：自定义信息 -->
|
||
<div class="movie-info-right">
|
||
{$rightColumnHtml}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 下栏：剧情简介和影评 -->
|
||
<div class="movie-footer">
|
||
<!-- 剧情简介 -->
|
||
<div class="movie-summary-section">
|
||
<div class="movie-summary-header">
|
||
<span class="movie-summary-icon">📽️</span>
|
||
<span>剧情简介</span>
|
||
</div>
|
||
<div class="movie-summary-content">
|
||
{$summaryHtml}
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 影评 -->
|
||
{$reviewHtml}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
HTML;
|
||
|
||
// 添加JavaScript切换函数
|
||
$html .= '
|
||
<script>
|
||
function toggleMovieSummary(element) {
|
||
var container = element.closest(".movie-summary-container");
|
||
var shortDiv = container.querySelector(".movie-summary-short");
|
||
var fullDiv = container.querySelector(".movie-summary-full");
|
||
|
||
if (shortDiv && fullDiv) {
|
||
if (shortDiv.style.display === "none") {
|
||
// 收起
|
||
shortDiv.style.display = "block";
|
||
fullDiv.style.display = "none";
|
||
} else {
|
||
// 展开
|
||
shortDiv.style.display = "none";
|
||
fullDiv.style.display = "block";
|
||
}
|
||
}
|
||
}
|
||
</script>';
|
||
|
||
return $html;
|
||
}
|
||
|
||
/**
|
||
* 获取所有电影数据（支持分页）
|
||
*/
|
||
private static function getAllMoviesData($page = 1, $pageSize = 10)
|
||
{
|
||
$cacheDir = dirname(__FILE__) . '/cache/';
|
||
$allMovies = array();
|
||
|
||
// 扫描缓存目录
|
||
if (file_exists($cacheDir)) {
|
||
$files = scandir($cacheDir);
|
||
foreach ($files as $file) {
|
||
if (pathinfo($file, PATHINFO_EXTENSION) === 'json') {
|
||
$filePath = $cacheDir . $file;
|
||
$content = file_get_contents($filePath);
|
||
if ($content) {
|
||
$data = json_decode($content, true);
|
||
if ($data && isset($data['fetched_at'])) {
|
||
$movieId = pathinfo($file, PATHINFO_FILENAME);
|
||
$data['movieId'] = $movieId;
|
||
|
||
if (file_exists($filePath)) {
|
||
$data['added_time'] = filemtime($filePath);
|
||
} else {
|
||
$data['added_time'] = isset($data['fetched_at']) ? $data['fetched_at'] : time();
|
||
}
|
||
|
||
$allMovies[] = $data;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
// 按added_time倒序排序
|
||
usort($allMovies, function($a, $b) {
|
||
return $b['added_time'] - $a['added_time'];
|
||
});
|
||
|
||
$total = count($allMovies);
|
||
$totalPages = ceil($total / $pageSize);
|
||
|
||
// 限制页码范围
|
||
$page = max(1, min($page, $totalPages));
|
||
|
||
// 分页处理
|
||
$startIndex = ($page - 1) * $pageSize;
|
||
$paginatedMovies = array_slice($allMovies, $startIndex, $pageSize);
|
||
|
||
return array(
|
||
'movies' => $paginatedMovies,
|
||
'total' => $total,
|
||
'page' => $page,
|
||
'pageSize' => $pageSize,
|
||
'totalPages' => $totalPages,
|
||
'startIndex' => $startIndex + 1,
|
||
'endIndex' => min($startIndex + $pageSize, $total)
|
||
);
|
||
}
|
||
|
||
/**
|
||
* 渲染所有电影列表（简单文本格式）- 支持分页
|
||
*/
|
||
public static function renderAllMovies($page = 1)
|
||
{
|
||
// 从GET参数获取页码
|
||
if (isset($_GET['page']) && is_numeric($_GET['page'])) {
|
||
$page = intval($_GET['page']);
|
||
}
|
||
|
||
$options = Typecho_Widget::widget('Widget_Options')->plugin('MovieInfo');
|
||
$pageSize = isset($options->pageSize) ? intval($options->pageSize) : 10;
|
||
$imageProxy = isset($options->imageProxy) ? $options->imageProxy : 'https://images.weserv.nl/?url=';
|
||
$defaultPoster = isset($options->defaultPoster) ? $options->defaultPoster :
|
||
'https://via.placeholder.com/300x450/CCCCCC/666666?text=No+Poster';
|
||
|
||
// 获取分页数据
|
||
$paginationData = self::getAllMoviesData($page, $pageSize);
|
||
$allMovies = $paginationData['movies'];
|
||
$total = $paginationData['total'];
|
||
$currentPage = $paginationData['page'];
|
||
$totalPages = $paginationData['totalPages'];
|
||
$startIndex = $paginationData['startIndex'];
|
||
$endIndex = $paginationData['endIndex'];
|
||
|
||
if (empty($allMovies)) {
|
||
return '<div style="padding:20px; text-align:center; color:var(--movie-text-secondary); background:var(--movie-bg-tertiary); border-radius:8px; border:1px solid var(--movie-border-color);">
|
||
<p>暂无电影数据</p>
|
||
<p style="font-size:13px; color:var(--movie-text-tertiary);">请先在文章中使用[movie:ID]短代码添加电影</p>
|
||
</div>';
|
||
}
|
||
|
||
$html = '<style>
|
||
.movies-list-container {
|
||
margin: 20px 0;
|
||
font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
|
||
}
|
||
|
||
.movies-header {
|
||
margin-bottom: 20px;
|
||
padding: 20px;
|
||
background: var(--movie-bg-card);
|
||
border-radius: 8px;
|
||
border: 1px solid var(--movie-border-color);
|
||
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
|
||
text-align: center;
|
||
border-left: 4px solid var(--movie-accent-color);
|
||
}
|
||
|
||
.movies-title {
|
||
margin: 0;
|
||
font-size: 24px;
|
||
color: var(--movie-text-primary);
|
||
font-weight: 600;
|
||
}
|
||
|
||
.movies-subtitle {
|
||
margin: 8px 0 0 0;
|
||
font-size: 14px;
|
||
color: var(--movie-text-secondary);
|
||
line-height: 1.5;
|
||
}
|
||
|
||
.movies-pagination-info {
|
||
margin-bottom: 25px;
|
||
padding: 18px;
|
||
background: var(--movie-bg-card);
|
||
border-radius: 8px;
|
||
border: 1px solid var(--movie-border-color);
|
||
box-shadow: 0 2px 6px rgba(0,0,0,0.03);
|
||
}
|
||
|
||
.movies-info-row {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
flex-wrap: wrap;
|
||
gap: 10px;
|
||
}
|
||
|
||
.movies-info-item {
|
||
font-size: 14px;
|
||
color: var(--movie-text-secondary);
|
||
}
|
||
|
||
.movies-info-label {
|
||
font-weight: 600;
|
||
color: var(--movie-text-primary);
|
||
}
|
||
|
||
.movies-count {
|
||
color: var(--movie-accent-color);
|
||
font-weight: 600;
|
||
}
|
||
|
||
.movies-total {
|
||
color: var(--movie-text-primary);
|
||
font-weight: 600;
|
||
}
|
||
|
||
.movies-current-page {
|
||
color: var(--movie-my-rating-color);
|
||
font-weight: 600;
|
||
}
|
||
|
||
.movies-total-pages {
|
||
color: var(--movie-text-primary);
|
||
font-weight: 600;
|
||
}
|
||
|
||
.movie-item-card {
|
||
margin-bottom: 25px;
|
||
padding: 0;
|
||
background: var(--movie-bg-card);
|
||
border-radius: 10px;
|
||
border: 1px solid var(--movie-border-color);
|
||
box-shadow: 0 3px 10px rgba(0,0,0,0.06);
|
||
transition: all 0.3s ease;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.movie-item-card:hover {
|
||
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
|
||
transform: translateY(-3px);
|
||
border-color: var(--movie-accent-color);
|
||
}
|
||
|
||
.movie-item-content {
|
||
display: flex;
|
||
padding: 20px;
|
||
gap: 20px;
|
||
}
|
||
|
||
@media (max-width: 768px) {
|
||
.movie-item-content {
|
||
flex-direction: column;
|
||
gap: 15px;
|
||
}
|
||
|
||
.movie-poster-container {
|
||
width: 120px;
|
||
margin: 0 auto 10px;
|
||
}
|
||
}
|
||
|
||
.movie-poster-container {
|
||
position: relative;
|
||
width: 100px;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.movie-poster-wrapper {
|
||
position: relative;
|
||
width: 100%;
|
||
height: 0;
|
||
padding-bottom: 150%;
|
||
border-radius: 6px;
|
||
overflow: hidden;
|
||
background: var(--movie-bg-tertiary);
|
||
border: 1px solid var(--movie-border-color);
|
||
box-shadow: 0 2px 6px rgba(0,0,0,0.08);
|
||
}
|
||
|
||
.movie-poster {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
object-fit: cover;
|
||
transition: transform 0.3s ease;
|
||
}
|
||
|
||
.movie-poster:hover {
|
||
transform: scale(1.05);
|
||
}
|
||
|
||
.movie-index-on-poster {
|
||
position: absolute;
|
||
top: -8px;
|
||
right: -8px;
|
||
width: 32px;
|
||
height: 32px;
|
||
background: linear-gradient(135deg, var(--index-color));
|
||
color: white;
|
||
border-radius: 50%;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-weight: bold;
|
||
font-size: 16px;
|
||
box-shadow: 0 3px 8px rgba(0,0,0,0.2);
|
||
border: 2px solid var(--movie-bg-card);
|
||
z-index: 10;
|
||
}
|
||
|
||
.movie-details {
|
||
flex-grow: 1;
|
||
}
|
||
|
||
.movie-title-line {
|
||
margin-bottom: 8px;
|
||
font-size: 16px;
|
||
line-height: 1.5;
|
||
}
|
||
|
||
.movie-title-link {
|
||
color: var(--movie-accent-color);
|
||
text-decoration: none;
|
||
font-weight: bold;
|
||
font-size: 18px;
|
||
transition: color 0.2s ease;
|
||
}
|
||
|
||
.movie-title-link:hover {
|
||
color: var(--movie-accent-hover);
|
||
text-decoration: underline;
|
||
}
|
||
|
||
.movie-separator {
|
||
color: var(--movie-text-tertiary);
|
||
font-size: 14px;
|
||
margin: 0 8px;
|
||
}
|
||
|
||
.movie-category {
|
||
color: var(--movie-accent-color);
|
||
font-size: 14px;
|
||
margin-left: 5px;
|
||
font-weight: 500;
|
||
background: rgba(1, 210, 119, 0.1);
|
||
padding: 2px 8px;
|
||
border-radius: 4px;
|
||
border: 1px solid rgba(1, 210, 119, 0.2);
|
||
}
|
||
|
||
.movie-date {
|
||
color: var(--movie-my-rating-color);
|
||
font-size: 14px;
|
||
margin-left: 5px;
|
||
font-weight: 500;
|
||
}
|
||
|
||
.movie-method {
|
||
color: #27ae60;
|
||
font-size: 14px;
|
||
margin-left: 5px;
|
||
font-weight: 500;
|
||
background: rgba(39, 174, 96, 0.1);
|
||
padding: 2px 8px;
|
||
border-radius: 4px;
|
||
border: 1px solid rgba(39, 174, 96, 0.2);
|
||
}
|
||
|
||
.movie-info-line {
|
||
margin-bottom: 10px;
|
||
font-size: 14px;
|
||
color: var(--movie-text-secondary);
|
||
line-height: 1.5;
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
align-items: center;
|
||
gap: 6px;
|
||
}
|
||
|
||
.movie-director {
|
||
color: var(--movie-text-primary);
|
||
font-weight: 500;
|
||
}
|
||
|
||
.movie-director-label {
|
||
font-weight: 600;
|
||
color: var(--movie-text-primary);
|
||
}
|
||
|
||
.movie-genres {
|
||
color: var(--movie-text-tertiary);
|
||
white-space: normal;
|
||
display: inline;
|
||
font-weight: 500;
|
||
}
|
||
|
||
.movie-genre-separator {
|
||
margin: 0 4px;
|
||
color: var(--movie-text-tertiary);
|
||
font-weight: 300;
|
||
}
|
||
|
||
.movie-year {
|
||
color: var(--movie-text-tertiary);
|
||
font-weight: 500;
|
||
}
|
||
|
||
.movie-runtime {
|
||
color: var(--movie-text-tertiary);
|
||
font-weight: 500;
|
||
}
|
||
|
||
.movie-rating-value {
|
||
color: var(--movie-rating-color);
|
||
font-weight: bold;
|
||
background: rgba(255, 172, 45, 0.1);
|
||
padding: 2px 6px;
|
||
border-radius: 4px;
|
||
border: 1px solid rgba(255, 172, 45, 0.2);
|
||
}
|
||
|
||
.movie-no-rating {
|
||
color: var(--movie-text-tertiary);
|
||
font-weight: 500;
|
||
}
|
||
|
||
.movie-my-rating-value {
|
||
color: var(--movie-my-rating-color);
|
||
font-weight: bold;
|
||
background: rgba(255, 107, 53, 0.1);
|
||
padding: 2px 6px;
|
||
border-radius: 4px;
|
||
border: 1px solid rgba(255, 107, 53, 0.2);
|
||
}
|
||
|
||
.movie-review-section {
|
||
margin-top: 12px;
|
||
padding-top: 12px;
|
||
border-top: 1px dashed var(--movie-border-color);
|
||
}
|
||
|
||
.movie-review-title {
|
||
font-size: 13px;
|
||
color: var(--movie-text-primary);
|
||
font-weight: 600;
|
||
margin-bottom: 5px;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
}
|
||
|
||
.movie-review-content {
|
||
font-size: 14px;
|
||
line-height: 1.6;
|
||
color: var(--movie-text-primary);
|
||
background: var(--movie-review-bg);
|
||
padding: 12px;
|
||
border-radius: 6px;
|
||
border-left: 3px solid var(--movie-accent-color);
|
||
}
|
||
</style>';
|
||
|
||
$html .= '<div class="movies-list-container">';
|
||
|
||
// 标题模块 - 调整深色模式
|
||
$html .= '<div class="movies-header">
|
||
<h2 class="movies-title">🎬 我的全部已看电影</h2>
|
||
<p class="movies-subtitle">已记录 <span style="color:var(--movie-accent-color);font-weight:600;">' . $total . '</span> 部电影，继续探索更多精彩影片</p>
|
||
</div>';
|
||
|
||
// 页码信息 - 调整深色模式
|
||
$html .= '<div class="movies-pagination-info">
|
||
<div class="movies-info-row">
|
||
<div class="movies-info-item">
|
||
<span class="movies-info-label">显示范围：</span>
|
||
<span class="movies-count">' . $startIndex . '-' . $endIndex . '</span>
|
||
<span class="movies-info-label"> / 总计：</span>
|
||
<span class="movies-total">' . $total . '</span>
|
||
</div>
|
||
<div class="movies-info-item">
|
||
<span class="movies-info-label">当前页码：</span>
|
||
<span class="movies-current-page">第 ' . $currentPage . ' 页</span>
|
||
<span class="movies-info-label"> / 总页数：</span>
|
||
<span class="movies-total-pages">' . $totalPages . ' 页</span>
|
||
</div>
|
||
</div>
|
||
</div>';
|
||
|
||
// 计算倒序序号
|
||
$totalCount = $total;
|
||
$currentIndex = $totalCount - (($currentPage - 1) * $pageSize);
|
||
|
||
foreach ($allMovies as $movie) {
|
||
$movieId = $movie['movieId'];
|
||
$title = isset($movie['title']) ? htmlspecialchars($movie['title']) : '未知电影';
|
||
$originalTitle = isset($movie['original_title']) ? htmlspecialchars($movie['original_title']) : '';
|
||
|
||
// 海报URL
|
||
$posterPath = isset($movie['poster_path']) ? $movie['poster_path'] : '';
|
||
if ($posterPath) {
|
||
$posterUrl = 'https://image.tmdb.org/t/p/w200' . $posterPath;
|
||
$posterSrc = $imageProxy . urlencode($posterUrl);
|
||
} else {
|
||
$posterSrc = $defaultPoster;
|
||
}
|
||
|
||
// 自定义字段
|
||
$startDate = isset($movie['custom_start_date']) ? htmlspecialchars($movie['custom_start_date']) : '';
|
||
$watchDate = isset($movie['custom_watch_date']) ? htmlspecialchars($movie['custom_watch_date']) : '';
|
||
$watchMethod = isset($movie['custom_watch_method']) ? htmlspecialchars($movie['custom_watch_method']) : '';
|
||
$movieCategory = isset($movie['custom_movie_category']) ? htmlspecialchars($movie['custom_movie_category']) : '';
|
||
$myRating = isset($movie['custom_my_rating']) ? htmlspecialchars($movie['custom_my_rating']) : '';
|
||
|
||
// 电影信息
|
||
$releaseYear = isset($movie['release_year']) ? htmlspecialchars($movie['release_year']) : '未知';
|
||
$director = isset($movie['director']) ? htmlspecialchars($movie['director']) : '未知';
|
||
|
||
// 类型 - 使用·分隔符
|
||
$genres = '未知';
|
||
if (isset($movie['genres']) && is_array($movie['genres'])) {
|
||
$genres = implode('<span class="movie-genre-separator">·</span>', $movie['genres']);
|
||
}
|
||
|
||
// 时长
|
||
$runtime = isset($movie['runtime']) ? htmlspecialchars($movie['runtime']) . '分钟' : '未知';
|
||
|
||
// 评分
|
||
$rating = isset($movie['vote_average']) ? floatval($movie['vote_average']) : 0;
|
||
$ratingDisplay = $rating > 0 ? number_format($rating, 1) . '分' : '暂无评分';
|
||
|
||
// 短评
|
||
$review = isset($movie['review']) ? htmlspecialchars($movie['review']) : '';
|
||
|
||
// 原始标题作为工具提示
|
||
$titleTooltip = '';
|
||
if ($originalTitle && $originalTitle != $title) {
|
||
$titleTooltip = ' title="原名：' . $originalTitle . '"';
|
||
}
|
||
|
||
// 获取序号颜色
|
||
$indexColors = [
|
||
'#01d277, #01b36b', // TMDB绿色
|
||
'#0073aa, #0056b3', // 蓝色
|
||
'#e67e22, #d35400', // 橙色
|
||
'#9b59b6, #8e44ad', // 紫色
|
||
'#e74c3c, #c0392b', // 红色
|
||
];
|
||
$indexColor = $indexColors[($currentIndex - 1) % count($indexColors)];
|
||
|
||
$html .= '<div class="movie-item-card">
|
||
<div class="movie-item-content">
|
||
<!-- 左侧：电影海报 -->
|
||
<div class="movie-poster-container">
|
||
<a href="https://www.themoviedb.org/movie/' . $movieId . '" target="_blank" style="text-decoration:none;">
|
||
<div class="movie-poster-wrapper">
|
||
<img src="' . $posterSrc . '" alt="' . $title . '" class="movie-poster"
|
||
onerror="this.src=\'' . $defaultPoster . '\';">
|
||
<!-- 序号显示在封面上 -->
|
||
<div class="movie-index-on-poster" style="--index-color:' . $indexColor . ';">' . $currentIndex . '</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<!-- 右侧：电影详情 -->
|
||
<div class="movie-details">
|
||
<!-- 第一行：电影名/分类/观看日期/观看方式 -->
|
||
<div class="movie-title-line">
|
||
<a href="https://www.themoviedb.org/movie/' . $movieId . '" target="_blank"
|
||
class="movie-title-link"' . $titleTooltip . '>《' . $title . '》</a>';
|
||
|
||
if ($movieCategory) {
|
||
$html .= '<span class="movie-separator">/</span><span class="movie-category">' . $movieCategory . '</span>';
|
||
}
|
||
|
||
// 处理观看日期显示
|
||
if ($startDate && $watchDate) {
|
||
if ($startDate === $watchDate) {
|
||
$html .= '<span class="movie-separator">/</span><span class="movie-date">' . $startDate . '</span>';
|
||
} else {
|
||
$html .= '<span class="movie-separator">/</span><span class="movie-date">' . $startDate . '-' . $watchDate . '</span>';
|
||
}
|
||
} elseif ($startDate) {
|
||
$html .= '<span class="movie-separator">/</span><span class="movie-date">' . $startDate . '-至今</span>';
|
||
} elseif ($watchDate) {
|
||
$html .= '<span class="movie-separator">/</span><span class="movie-date">未知-' . $watchDate . '</span>';
|
||
}
|
||
|
||
if ($watchMethod) {
|
||
$html .= '<span class="movie-separator">/</span><span class="movie-method">' . $watchMethod . '</span>';
|
||
}
|
||
|
||
$html .= '</div>';
|
||
|
||
// 第二行：导演/类型/年份/时长/评分 - 修改：导演前面加"导演："
|
||
$html .= '<div class="movie-info-line">';
|
||
|
||
$html .= '<span class="movie-director-label">导演：</span><span class="movie-director">' . $director . '</span>';
|
||
$html .= '<span class="movie-separator">/</span>';
|
||
|
||
// 类型显示 - 使用·分隔符
|
||
$html .= '<span class="movie-genres">' . $genres . '</span>';
|
||
$html .= '<span class="movie-separator">/</span>';
|
||
|
||
$html .= '<span class="movie-year">' . $releaseYear . '年</span>';
|
||
$html .= '<span class="movie-separator">/</span>';
|
||
$html .= '<span class="movie-runtime">' . $runtime . '</span>';
|
||
$html .= '<span class="movie-separator">/</span>';
|
||
|
||
if ($rating > 0) {
|
||
$html .= '<span class="movie-rating-value">评分：' . $ratingDisplay . '</span>';
|
||
} else {
|
||
$html .= '<span class="movie-no-rating">' . $ratingDisplay . '</span>';
|
||
}
|
||
|
||
if ($myRating) {
|
||
$html .= '<span class="movie-separator">/</span><span class="movie-my-rating-value">我的评分：' . $myRating . '</span>';
|
||
}
|
||
|
||
$html .= '</div>';
|
||
|
||
// 第三行：短评
|
||
if ($review) {
|
||
$html .= '<div class="movie-review-section">
|
||
<div class="movie-review-title">📝 影评</div>
|
||
<div class="movie-review-content">' . nl2br($review) . '</div>
|
||
</div>';
|
||
}
|
||
|
||
$html .= '</div>
|
||
</div>
|
||
</div>';
|
||
|
||
$currentIndex--;
|
||
}
|
||
|
||
// 分页导航
|
||
if ($totalPages > 1) {
|
||
$html .= self::generatePagination($currentPage, $totalPages);
|
||
}
|
||
|
||
$html .= '</div>';
|
||
|
||
return $html;
|
||
}
|
||
|
||
/**
|
||
* 生成分页HTML
|
||
*/
|
||
private static function generatePagination($currentPage, $totalPages, $baseUrl = '')
|
||
{
|
||
if ($totalPages <= 1) {
|
||
return '';
|
||
}
|
||
|
||
$html = '<div class="movie-pagination" style="margin:30px 0; text-align:center;">
|
||
<div style="display:inline-flex; align-items:center; gap:8px; background:var(--movie-bg-card); padding:12px 20px; border-radius:8px; border:1px solid var(--movie-border-color); box-shadow:0 2px 8px rgba(0,0,0,0.05);">';
|
||
|
||
// 首页
|
||
if ($currentPage > 1) {
|
||
$html .= '<a href="' . self::getPageUrl(1, $baseUrl) . '" style="display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:6px; background:var(--movie-button-bg); color:var(--movie-primary-color); text-decoration:none; font-size:14px; font-weight:600; transition:all 0.2s ease;"
|
||
onmouseover="this.style.background=\'var(--movie-primary-color)\'; this.style.color=\'white\';"
|
||
onmouseout="this.style.background=\'var(--movie-button-bg)\'; this.style.color=\'var(--movie-primary-color)\';">«</a>';
|
||
} else {
|
||
$html .= '<span style="display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:6px; background:var(--movie-button-bg); color:var(--movie-text-tertiary); font-size:14px; font-weight:600;">«</span>';
|
||
}
|
||
|
||
// 上一页
|
||
if ($currentPage > 1) {
|
||
$html .= '<a href="' . self::getPageUrl($currentPage - 1, $baseUrl) . '" style="display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:6px; background:var(--movie-button-bg); color:var(--movie-primary-color); text-decoration:none; font-size:14px; font-weight:600; transition:all 0.2s ease;"
|
||
onmouseover="this.style.background=\'var(--movie-primary-color)\'; this.style.color=\'white\';"
|
||
onmouseout="this.style.background=\'var(--movie-button-bg)\'; this.style.color=\'var(--movie-primary-color)\';">‹</a>';
|
||
} else {
|
||
$html .= '<span style="display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:6px; background:var(--movie-button-bg); color:var(--movie-text-tertiary); font-size:14px; font-weight:600;">‹</span>';
|
||
}
|
||
|
||
// 页码显示
|
||
$startPage = max(1, $currentPage - 2);
|
||
$endPage = min($totalPages, $currentPage + 2);
|
||
|
||
for ($i = $startPage; $i <= $endPage; $i++) {
|
||
if ($i == $currentPage) {
|
||
$html .= '<span style="display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:6px; background:var(--movie-primary-color); color:white; font-size:14px; font-weight:600;">' . $i . '</span>';
|
||
} else {
|
||
$html .= '<a href="' . self::getPageUrl($i, $baseUrl) . '" style="display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:6px; background:var(--movie-button-bg); color:var(--movie-primary-color); text-decoration:none; font-size:14px; font-weight:600; transition:all 0.2s ease;"
|
||
onmouseover="this.style.background=\'var(--movie-accent-color)\'; this.style.color=\'white\';"
|
||
onmouseout="this.style.background=\'var(--movie-button-bg)\'; this.style.color=\'var(--movie-primary-color)\';">' . $i . '</a>';
|
||
}
|
||
}
|
||
|
||
// 下一页
|
||
if ($currentPage < $totalPages) {
|
||
$html .= '<a href="' . self::getPageUrl($currentPage + 1, $baseUrl) . '" style="display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:6px; background:var(--movie-button-bg); color:var(--movie-primary-color); text-decoration:none; font-size:14px; font-weight:600; transition:all 0.2s ease;"
|
||
onmouseover="this.style.background=\'var(--movie-primary-color)\'; this.style.color=\'white\';"
|
||
onmouseout="this.style.background=\'var(--movie-button-bg)\'; this.style.color=\'var(--movie-primary-color)\';">›</a>';
|
||
} else {
|
||
$html .= '<span style="display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:6px; background:var(--movie-button-bg); color:var(--movie-text-tertiary); font-size:14px; font-weight:600;">›</span>';
|
||
}
|
||
|
||
// 末页
|
||
if ($currentPage < $totalPages) {
|
||
$html .= '<a href="' . self::getPageUrl($totalPages, $baseUrl) . '" style="display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:6px; background:var(--movie-button-bg); color:var(--movie-primary-color); text-decoration:none; font-size:14px; font-weight:600; transition:all 0.2s ease;"
|
||
onmouseover="this.style.background=\'var(--movie-primary-color)\'; this.style.color=\'white\';"
|
||
onmouseout="this.style.background=\'var(--movie-button-bg)\'; this.style.color=\'var(--movie-primary-color)\';">»</a>';
|
||
} else {
|
||
$html .= '<span style="display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:6px; background:var(--movie-button-bg); color:var(--movie-text-tertiary); font-size:14px; font-weight:600;">»</span>';
|
||
}
|
||
|
||
$html .= '</div></div>';
|
||
|
||
return $html;
|
||
}
|
||
|
||
/**
|
||
* 获取页面URL
|
||
*/
|
||
private static function getPageUrl($page, $baseUrl = '')
|
||
{
|
||
if (empty($baseUrl)) {
|
||
$currentUrl = isset($_SERVER['REQUEST_URI']) ? $_SERVER['REQUEST_URI'] : '';
|
||
$currentUrl = preg_replace('/[&?]page=\d+/', '', $currentUrl);
|
||
$currentUrl = rtrim($currentUrl, '?&');
|
||
|
||
$separator = strpos($currentUrl, '?') === false ? '?' : '&';
|
||
return $currentUrl . $separator . 'page=' . $page;
|
||
}
|
||
|
||
return $baseUrl . (strpos($baseUrl, '?') === false ? '?' : '&') . 'page=' . $page;
|
||
}
|
||
|
||
/**
|
||
* 获取序号颜色
|
||
*/
|
||
private static function getIndexColor($index)
|
||
{
|
||
$colors = [
|
||
'#01d277, #01b36b', // TMDB绿色
|
||
'#0073aa, #0056b3', // 蓝色
|
||
'#e67e22, #d35400', // 橙色
|
||
'#9b59b6, #8e44ad', // 紫色
|
||
'#e74c3c, #c0392b', // 红色
|
||
];
|
||
|
||
return $colors[($index - 1) % count($colors)];
|
||
}
|
||
|
||
/**
|
||
* 获取电影数据（包含影评和自定义信息）
|
||
*/
|
||
private static function getMovieData($movieId, $review = '', $customData = array())
|
||
{
|
||
if (!is_numeric($movieId)) return null;
|
||
|
||
$cacheFile = dirname(__FILE__) . '/cache/' . $movieId . '.json';
|
||
$options = Typecho_Widget::widget('Widget_Options')->plugin('MovieInfo');
|
||
$cacheEnable = isset($options->cacheEnable) ? $options->cacheEnable : '1';
|
||
$cacheTime = isset($options->cacheTime) ? intval($options->cacheTime) : 7;
|
||
$apiKey = isset($options->tmdbApiKey) ? $options->tmdbApiKey : '';
|
||
$language = isset($options->language) ? $options->language : 'zh-CN';
|
||
|
||
if (empty($apiKey)) {
|
||
return array(
|
||
'title' => '请配置TMDB API Key',
|
||
'original_title' => 'Please configure TMDB API Key',
|
||
'error' => 'API_KEY_MISSING'
|
||
);
|
||
}
|
||
|
||
$data = null;
|
||
$needUpdate = false;
|
||
|
||
// 检查缓存
|
||
if ($cacheEnable == '1' && file_exists($cacheFile)) {
|
||
$fileTime = filemtime($cacheFile);
|
||
$expireTime = $cacheTime * 24 * 3600;
|
||
if (time() - $fileTime < $expireTime) {
|
||
$cacheContent = file_get_contents($cacheFile);
|
||
if ($cacheContent) {
|
||
$data = json_decode($cacheContent, true);
|
||
}
|
||
}
|
||
}
|
||
|
||
// 如果缓存不存在或已过期，从TMDB API获取
|
||
if (!$data || empty($data['title'])) {
|
||
$data = self::fetchFromTMDB($movieId, $apiKey, $language);
|
||
$needUpdate = true;
|
||
}
|
||
|
||
// 更新影评
|
||
if (!empty($review) && (!isset($data['review']) || $data['review'] !== $review)) {
|
||
$data['review'] = $review;
|
||
$data['review_updated'] = time();
|
||
$needUpdate = true;
|
||
}
|
||
|
||
// 更新自定义数据
|
||
if (!empty($customData)) {
|
||
if (isset($customData['startDate']) && (!isset($data['custom_start_date']) || $data['custom_start_date'] !== $customData['startDate'])) {
|
||
$data['custom_start_date'] = $customData['startDate'];
|
||
$needUpdate = true;
|
||
}
|
||
if (isset($customData['watchDate']) && (!isset($data['custom_watch_date']) || $data['custom_watch_date'] !== $customData['watchDate'])) {
|
||
$data['custom_watch_date'] = $customData['watchDate'];
|
||
$needUpdate = true;
|
||
}
|
||
if (isset($customData['watchMethod']) && (!isset($data['custom_watch_method']) || $data['custom_watch_method'] !== $customData['watchMethod'])) {
|
||
$data['custom_watch_method'] = $customData['watchMethod'];
|
||
$needUpdate = true;
|
||
}
|
||
if (isset($customData['movieCategory']) && (!isset($data['custom_movie_category']) || $data['custom_movie_category'] !== $customData['movieCategory'])) {
|
||
$data['custom_movie_category'] = $customData['movieCategory'];
|
||
$needUpdate = true;
|
||
}
|
||
if (isset($customData['recommendation']) && (!isset($data['custom_recommendation']) || $data['custom_recommendation'] != $customData['recommendation'])) {
|
||
$data['custom_recommendation'] = intval($customData['recommendation']);
|
||
$needUpdate = true;
|
||
}
|
||
if (isset($customData['myRating']) && (!isset($data['custom_my_rating']) || $data['custom_my_rating'] !== $customData['myRating'])) {
|
||
$data['custom_my_rating'] = $customData['myRating'];
|
||
$needUpdate = true;
|
||
}
|
||
}
|
||
|
||
// 确保自定义字段存在
|
||
$customFields = array(
|
||
'custom_start_date' => '',
|
||
'custom_watch_date' => '',
|
||
'custom_watch_method' => '',
|
||
'custom_movie_category' => '',
|
||
'custom_recommendation' => 0,
|
||
'custom_my_rating' => ''
|
||
);
|
||
|
||
foreach ($customFields as $field => $default) {
|
||
if (!isset($data[$field])) {
|
||
$data[$field] = $default;
|
||
}
|
||
}
|
||
|
||
// 如果需要更新缓存，保存到文件
|
||
if ($needUpdate && $data && !empty($data['title'])) {
|
||
file_put_contents($cacheFile, json_encode($data, JSON_UNESCAPED_UNICODE | JSON_PRETTY_PRINT));
|
||
}
|
||
|
||
return $data;
|
||
}
|
||
|
||
/**
|
||
* 从TMDB API获取数据
|
||
*/
|
||
private static function fetchFromTMDB($movieId, $apiKey, $language)
|
||
{
|
||
// TMDB API URL
|
||
$url = "https://api.themoviedb.org/3/movie/{$movieId}?api_key={$apiKey}&language={$language}&append_to_response=credits";
|
||
|
||
$ch = curl_init();
|
||
curl_setopt_array($ch, array(
|
||
CURLOPT_URL => $url,
|
||
CURLOPT_RETURNTRANSFER => true,
|
||
CURLOPT_FOLLOWLOCATION => true,
|
||
CURLOPT_TIMEOUT => 20,
|
||
CURLOPT_SSL_VERIFYPEER => false,
|
||
CURLOPT_USERAGENT => 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36',
|
||
CURLOPT_ENCODING => 'gzip, deflate',
|
||
CURLOPT_HTTPHEADER => array(
|
||
'Accept: application/json',
|
||
'Cache-Control: no-cache'
|
||
)
|
||
));
|
||
|
||
$response = curl_exec($ch);
|
||
if (curl_errno($ch)) {
|
||
curl_close($ch);
|
||
return null;
|
||
}
|
||
|
||
$httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
|
||
curl_close($ch);
|
||
|
||
if ($httpCode != 200 || empty($response)) {
|
||
return null;
|
||
}
|
||
|
||
$movieData = json_decode($response, true);
|
||
if (!$movieData) {
|
||
return null;
|
||
}
|
||
|
||
$data = array();
|
||
|
||
// 1. 基本信息
|
||
$data['title'] = isset($movieData['title']) ? trim($movieData['title']) : '未知电影';
|
||
$data['original_title'] = isset($movieData['original_title']) ? trim($movieData['original_title']) : '';
|
||
|
||
// 2. 海报
|
||
$data['poster_path'] = isset($movieData['poster_path']) ? $movieData['poster_path'] : '';
|
||
|
||
// 3. 简介
|
||
$data['overview'] = isset($movieData['overview']) ? trim($movieData['overview']) : '暂无简介';
|
||
|
||
// 4. 上映年份
|
||
if (isset($movieData['release_date']) && !empty($movieData['release_date'])) {
|
||
$releaseDate = $movieData['release_date'];
|
||
$data['release_year'] = substr($releaseDate, 0, 4);
|
||
} else {
|
||
$data['release_year'] = '未知';
|
||
}
|
||
|
||
// 5. 导演
|
||
$director = '未知';
|
||
if (isset($movieData['credits']['crew'])) {
|
||
foreach ($movieData['credits']['crew'] as $crew) {
|
||
if (isset($crew['job']) && $crew['job'] === 'Director') {
|
||
$director = $crew['name'];
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
$data['director'] = $director;
|
||
|
||
// 6. 类型
|
||
$genres = array();
|
||
if (isset($movieData['genres'])) {
|
||
foreach ($movieData['genres'] as $genre) {
|
||
if (isset($genre['name'])) {
|
||
$genres[] = $genre['name'];
|
||
}
|
||
}
|
||
}
|
||
$data['genres'] = !empty($genres) ? $genres : array('未知');
|
||
|
||
// 7. 时长
|
||
$data['runtime'] = isset($movieData['runtime']) ? $movieData['runtime'] : 0;
|
||
|
||
// 8. 评分
|
||
$data['vote_average'] = isset($movieData['vote_average']) ? floatval($movieData['vote_average']) : 0;
|
||
$data['vote_count'] = isset($movieData['vote_count']) ? intval($movieData['vote_count']) : 0;
|
||
|
||
// 9. 生产国家
|
||
$countries = array();
|
||
if (isset($movieData['production_countries'])) {
|
||
foreach ($movieData['production_countries'] as $country) {
|
||
if (isset($country['name'])) {
|
||
$countries[] = $country['name'];
|
||
}
|
||
}
|
||
}
|
||
$data['production_countries'] = !empty($countries) ? $countries : array('未知');
|
||
|
||
// 10. 初始化影评和自定义字段
|
||
$data['review'] = '';
|
||
$data['review_updated'] = 0;
|
||
|
||
// 初始化自定义字段
|
||
$data['custom_start_date'] = '';
|
||
$data['custom_watch_date'] = '';
|
||
$data['custom_watch_method'] = '';
|
||
$data['custom_movie_category'] = '';
|
||
$data['custom_recommendation'] = 0;
|
||
$data['custom_my_rating'] = '';
|
||
|
||
// 11. 添加抓取时间
|
||
$data['fetched_at'] = time();
|
||
|
||
return $data;
|
||
}
|
||
|
||
/**
|
||
* 渲染编辑器按钮 - 增加关键词联想搜索
|
||
*/
|
||
public static function renderButton()
|
||
{
|
||
// 获取插件配置
|
||
$options = Typecho_Widget::widget('Widget_Options')->plugin('MovieInfo');
|
||
$apiKey = isset($options->tmdbApiKey) ? $options->tmdbApiKey : '';
|
||
$language = isset($options->language) ? $options->language : 'zh-CN';
|
||
|
||
// 生成nonce或token用于验证请求
|
||
$nonce = md5(uniqid());
|
||
|
||
echo <<<HTML
|
||
<style>
|
||
#movieinfo-button {
|
||
padding: 5px!important;
|
||
background: #fff;
|
||
cursor: pointer;
|
||
color: white;
|
||
border: none;
|
||
border-radius: 4px;
|
||
font-size: 16px;
|
||
line-height: 1;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
min-width: 26px;
|
||
min-height: 26px;
|
||
}
|
||
#movieinfo-button:hover { background: #E9E9E6 }
|
||
.dark #movieinfo-button { background: rgb(16, 25, 40); }
|
||
.dark #movieinfo-button:hover { background: #375d85; }
|
||
|
||
/* 搜索建议下拉框样式 */
|
||
.movie-search-suggestions {
|
||
position: absolute;
|
||
background: white;
|
||
border: 1px solid #ddd;
|
||
border-radius: 4px;
|
||
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
||
max-height: 300px;
|
||
overflow-y: auto;
|
||
z-index: 10001;
|
||
width: 300px;
|
||
margin-top: 2px;
|
||
}
|
||
|
||
.movie-search-suggestion-item {
|
||
padding: 8px 12px;
|
||
cursor: pointer;
|
||
border-bottom: 1px solid #f0f0f0;
|
||
font-size: 14px;
|
||
color: #333;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 10px;
|
||
}
|
||
|
||
.movie-search-suggestion-item:hover {
|
||
background: #f5f5f5;
|
||
}
|
||
|
||
.movie-search-suggestion-item.selected {
|
||
background: #0073aa;
|
||
color: white;
|
||
}
|
||
|
||
.movie-search-suggestion-poster {
|
||
width: 30px;
|
||
height: 45px;
|
||
object-fit: cover;
|
||
border-radius: 3px;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.movie-search-suggestion-info {
|
||
flex-grow: 1;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.movie-search-suggestion-title {
|
||
font-weight: 600;
|
||
margin-bottom: 2px;
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
|
||
.movie-search-suggestion-year {
|
||
font-size: 12px;
|
||
color: #666;
|
||
}
|
||
|
||
.movie-search-suggestion-item:hover .movie-search-suggestion-year {
|
||
color: #ccc;
|
||
}
|
||
|
||
.movie-search-suggestion-item.selected .movie-search-suggestion-year {
|
||
color: #ccc;
|
||
}
|
||
|
||
.movie-search-loading {
|
||
padding: 10px;
|
||
text-align: center;
|
||
color: #666;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.movie-search-no-results {
|
||
padding: 10px;
|
||
text-align: center;
|
||
color: #999;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.movie-search-input-container {
|
||
position: relative;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.movie-search-results {
|
||
position: relative;
|
||
}
|
||
|
||
.movie-id-section {
|
||
margin-top: 15px;
|
||
margin-bottom: 10px;
|
||
padding-top: 15px;
|
||
border-top: 1px solid #eee;
|
||
}
|
||
|
||
.dark .movie-search-suggestions {
|
||
background: #2d2d2d;
|
||
border-color: #404040;
|
||
color: #e0e0e0;
|
||
}
|
||
|
||
.dark .movie-search-suggestion-item {
|
||
color: #e0e0e0;
|
||
border-bottom-color: #404040;
|
||
}
|
||
|
||
.dark .movie-search-suggestion-item:hover {
|
||
background: #3a3a3a;
|
||
}
|
||
|
||
.dark .movie-search-suggestion-item.selected {
|
||
background: #0073aa;
|
||
}
|
||
|
||
.dark .movie-search-suggestion-year {
|
||
color: #aaa;
|
||
}
|
||
|
||
.dark .movie-search-loading,
|
||
.dark .movie-search-no-results {
|
||
color: #aaa;
|
||
}
|
||
</style>
|
||
|
||
<script>
|
||
(function() {
|
||
function initMovieButton() {
|
||
var toolbar = null;
|
||
var selectors = ['.wmd-button-row', '.typecho-post-option', '.submit', '#custom-field'];
|
||
for (var i = 0; i < selectors.length; i++) {
|
||
var el = document.querySelector(selectors[i]);
|
||
if (el) { toolbar = el; break; }
|
||
}
|
||
if (!toolbar) {
|
||
setTimeout(initMovieButton, 500);
|
||
return;
|
||
}
|
||
if (document.getElementById('movieinfo-button')) return;
|
||
|
||
var button = document.createElement('button');
|
||
button.type = 'button';
|
||
button.id = 'movieinfo-button';
|
||
button.className = 'btn btn-s';
|
||
button.innerHTML = '🎬';
|
||
button.style.cssText = 'padding:6px 12px;';
|
||
toolbar.appendChild(button);
|
||
|
||
button.addEventListener('click', function() {
|
||
showMovieDialog();
|
||
});
|
||
}
|
||
|
||
// TMDB搜索函数
|
||
function searchMovies(keyword, callback) {
|
||
if (!keyword || keyword.length < 2) {
|
||
callback([]);
|
||
return;
|
||
}
|
||
|
||
// 使用插件配置的API Key和语言
|
||
var apiKey = '{$apiKey}';
|
||
var language = '{$language}';
|
||
|
||
if (!apiKey) {
|
||
alert('请先在插件设置中配置TMDB API Key');
|
||
return;
|
||
}
|
||
|
||
// 发送AJAX请求
|
||
var xhr = new XMLHttpRequest();
|
||
var url = 'https://api.themoviedb.org/3/search/movie?api_key=' + encodeURIComponent(apiKey) +
|
||
'&language=' + encodeURIComponent(language) +
|
||
'&query=' + encodeURIComponent(keyword) +
|
||
'&page=1&include_adult=false';
|
||
|
||
xhr.open('GET', url, true);
|
||
xhr.onreadystatechange = function() {
|
||
if (xhr.readyState === 4) {
|
||
if (xhr.status === 200) {
|
||
try {
|
||
var response = JSON.parse(xhr.responseText);
|
||
if (response.results && response.results.length > 0) {
|
||
callback(response.results.slice(0, 10)); // 只返回前10个结果
|
||
} else {
|
||
callback([]);
|
||
}
|
||
} catch (e) {
|
||
console.error('解析JSON失败:', e);
|
||
callback([]);
|
||
}
|
||
} else {
|
||
console.error('搜索失败:', xhr.status);
|
||
callback([]);
|
||
}
|
||
}
|
||
};
|
||
xhr.onerror = function() {
|
||
callback([]);
|
||
};
|
||
xhr.send();
|
||
}
|
||
|
||
// 显示搜索建议
|
||
function showSearchSuggestions(keyword, suggestions, container, inputField) {
|
||
// 移除现有的建议框
|
||
var existing = document.getElementById('movie-search-suggestions');
|
||
if (existing) {
|
||
existing.remove();
|
||
}
|
||
|
||
if (!suggestions || suggestions.length === 0) {
|
||
return;
|
||
}
|
||
|
||
// 创建建议框
|
||
var suggestionsDiv = document.createElement('div');
|
||
suggestionsDiv.id = 'movie-search-suggestions';
|
||
suggestionsDiv.className = 'movie-search-suggestions';
|
||
|
||
suggestions.forEach(function(movie, index) {
|
||
var item = document.createElement('div');
|
||
item.className = 'movie-search-suggestion-item';
|
||
item.dataset.movieId = movie.id;
|
||
item.dataset.movieTitle = movie.title;
|
||
item.dataset.movieYear = movie.release_date ? movie.release_date.substring(0, 4) : '未知';
|
||
|
||
// 海报URL
|
||
var posterUrl = movie.poster_path ?
|
||
'https://image.tmdb.org/t/p/w92' + movie.poster_path : '';
|
||
|
||
item.innerHTML =
|
||
(posterUrl ?
|
||
'<img src="' + posterUrl + '" class="movie-search-suggestion-poster" alt="' + movie.title + '" onerror="this.style.display=\'none\'">' :
|
||
'<div class="movie-search-suggestion-poster" style="background:#f0f0f0; display:flex; align-items:center; justify-content:center; color:#999; font-size:12px;">无</div>') +
|
||
'<div class="movie-search-suggestion-info">' +
|
||
'<div class="movie-search-suggestion-title">' + movie.title + '</div>' +
|
||
'<div class="movie-search-suggestion-year">' +
|
||
(movie.release_date ? movie.release_date.substring(0, 4) : '未知') +
|
||
(movie.vote_average ? ' · ⭐ ' + movie.vote_average.toFixed(1) : '') +
|
||
'</div>' +
|
||
'</div>';
|
||
|
||
// 点击选择
|
||
item.addEventListener('click', function() {
|
||
var movieId = this.dataset.movieId;
|
||
var movieTitle = this.dataset.movieTitle;
|
||
|
||
// 设置ID输入框的值
|
||
inputField.value = movieId;
|
||
|
||
// 在输入框下方显示选择提示
|
||
var selectionInfo = document.getElementById('movie-search-selection-info');
|
||
if (!selectionInfo) {
|
||
selectionInfo = document.createElement('div');
|
||
selectionInfo.id = 'movie-search-selection-info';
|
||
selectionInfo.style.cssText = 'margin-top:5px; font-size:12px; color:#0073aa;';
|
||
container.parentNode.insertBefore(selectionInfo, container.nextSibling);
|
||
}
|
||
selectionInfo.innerHTML = '已选择: <strong>' + movieTitle + '</strong> (ID: ' + movieId + ')';
|
||
|
||
// 移除建议框
|
||
suggestionsDiv.remove();
|
||
|
||
// 触发输入事件以更新预览
|
||
var event = new Event('input', { bubbles: true });
|
||
inputField.dispatchEvent(event);
|
||
|
||
// 聚焦到影评输入框
|
||
var reviewInput = document.getElementById('movieinfo-review');
|
||
if (reviewInput) {
|
||
setTimeout(function() {
|
||
reviewInput.focus();
|
||
}, 100);
|
||
}
|
||
});
|
||
|
||
// 鼠标悬停效果
|
||
item.addEventListener('mouseenter', function() {
|
||
this.classList.add('selected');
|
||
});
|
||
|
||
item.addEventListener('mouseleave', function() {
|
||
this.classList.remove('selected');
|
||
});
|
||
|
||
suggestionsDiv.appendChild(item);
|
||
});
|
||
|
||
// 添加到页面
|
||
container.appendChild(suggestionsDiv);
|
||
|
||
// 点击页面其他地方关闭建议框
|
||
setTimeout(function() {
|
||
document.addEventListener('click', function closeSuggestions(e) {
|
||
if (!container.contains(e.target) && !suggestionsDiv.contains(e.target)) {
|
||
suggestionsDiv.remove();
|
||
document.removeEventListener('click', closeSuggestions);
|
||
}
|
||
});
|
||
}, 10);
|
||
}
|
||
|
||
function showMovieDialog() {
|
||
// 创建遮罩层
|
||
var overlay = document.createElement('div');
|
||
overlay.style.cssText = 'position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:9999;';
|
||
|
||
// 创建对话框
|
||
var modal = document.createElement('div');
|
||
modal.style.cssText = 'position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:white; border:1px solid #ddd; border-radius:8px; box-shadow:0 4px 20px rgba(0,0,0,0.15); z-index:10000; width:500px; max-height:90vh; overflow-y:auto; padding:20px;';
|
||
|
||
modal.innerHTML =
|
||
'<!--<h3 style="margin-top:0; color:#000;margin-bottom:15px;">插入TMDB电影</h3>-->' +
|
||
|
||
'<div class="movie-search-input-container" style="margin-bottom:10px;margin-top:-5px;">' +
|
||
'<label style="display:block; margin-bottom:5px;color:#000; font-weight:600;">🔍 搜索电影</label>' +
|
||
'<input type="text" id="movieinfo-search" placeholder="输入电影名关键词搜索（至少2个字符）..." style="width:100%; padding:8px; border:1px solid #ddd; border-radius:4px; font-size:14px; box-sizing:border-box;">' +
|
||
'<div style="font-size:12px; color:#666; margin-top:5px;">输入电影名称，从下拉菜单中选择后自动填写ID</div>' +
|
||
'<div class="movie-search-results" style="position:relative;"></div>' +
|
||
'</div>' +
|
||
|
||
'<div class="movie-id-section">' +
|
||
'<label style="display:block; margin-bottom:5px;color:#000; font-weight:600;">🎬 TMDB电影ID</label>' +
|
||
'<input type="text" id="movieinfo-id" placeholder="自动从搜索结果填充，也可手动输入ID" style="width:100%; padding:8px; border:1px solid #ddd; border-radius:4px; font-size:14px; box-sizing:border-box;">' +
|
||
'<div style="font-size:12px; color:#666; margin-top:5px;">从搜索结果中选择或手动输入TMDB电影ID数字</div>' +
|
||
'</div>' +
|
||
|
||
'<div style="margin-bottom:15px;">' +
|
||
'<label style="display:block;color:#000; margin-bottom:5px; font-weight:600;">💭 我的影评</label>' +
|
||
'<textarea id="movieinfo-review" placeholder="输入影评或简短评论..." style="width:100%; padding:8px; border:1px solid #ddd; border-radius:4px; font-size:14px; box-sizing:border-box; min-height:80px; resize:vertical;color:#666;background-Color:#fff;"></textarea>' +
|
||
'</div>' +
|
||
|
||
'<div style="margin-bottom:15px; padding:15px; background:#f8f9fa; border-radius:6px; border:1px solid #eaeaea;">' +
|
||
'<h4 style="margin-top:0; margin-bottom:12px; font-size:15px; color:#333;">📖 我的观看记录（可选）</h4>' +
|
||
|
||
'<div style="display:grid; grid-template-columns:1fr 1fr; gap:12px;">' +
|
||
'<div>' +
|
||
'<label style="display:block; margin-bottom:5px; font-size:13px; color:#555;">开始观看</label>' +
|
||
'<input type="text" id="movieinfo-start-date" placeholder="例如：2024-03-15" style="width:100%; padding:6px; border:1px solid #ddd; border-radius:4px; font-size:13px; box-sizing:border-box;">' +
|
||
'</div>' +
|
||
|
||
'<div>' +
|
||
'<label style="display:block; margin-bottom:5px; font-size:13px; color:#555;">结束观看</label>' +
|
||
'<input type="text" id="movieinfo-watch-date" placeholder="例如：2024-03-15（同一天）或2024-03-20" style="width:100%; padding:6px; border:1px solid #ddd; border-radius:4px; font-size:13px; box-sizing:border-box;">' +
|
||
'</div>' +
|
||
'</div>' +
|
||
|
||
'<div style="display:grid; grid-template-columns:1fr 1fr; gap:12px;margin:10px 0px;">' +
|
||
'<div>' +
|
||
'<label style="display:block; margin-bottom:5px; font-size:13px; color:#555;">观看方式</label>' +
|
||
'<input type="text" id="movieinfo-watch-method" placeholder="例如：电影院" style="width:100%; padding:6px; border:1px solid #ddd; border-radius:4px; font-size:13px; box-sizing:border-box;">' +
|
||
'</div>' +
|
||
|
||
'<div>' +
|
||
'<label style="display:block; margin-bottom:5px; font-size:13px; color:#555;">电影分类</label>' +
|
||
'<input type="text" id="movieinfo-movie-category" placeholder="例如：科幻" style="width:100%; padding:6px; border:1px solid #ddd; border-radius:4px; font-size:13px; box-sizing:border-box;">' +
|
||
'</div>' +
|
||
'</div>' +
|
||
|
||
'<div style="margin-top:12px;">' +
|
||
'<label style="display:block; margin-bottom:5px; font-size:13px;color:#666; ">我的评分</label>' +
|
||
'<input type="text" id="movieinfo-my-rating" placeholder="例如：8.5/10" style="width:100%; color:#666;padding:6px; border:1px solid #ddd; border-radius:4px; font-size:13px; box-sizing:border-box;background-Color:#fff;">' +
|
||
'</div>' +
|
||
|
||
'<div style="margin-top:12px;">' +
|
||
'<label style="display:block; margin-bottom:5px; font-size:13px;color:#666; ">推荐指数</label>' +
|
||
'<select id="movieinfo-recommendation" style="width:100%; color:#666;padding:6px; border:1px solid #ddd; border-radius:4px; font-size:13px; box-sizing:border-box;background-Color:#fff;">' +
|
||
'<option value="0">请选择推荐指数</option>' +
|
||
'<option value="1">★ 1星 - 不推荐</option>' +
|
||
'<option value="2">★★ 2星 - 一般</option>' +
|
||
'<option value="3">★★★ 3星 - 还行</option>' +
|
||
'<option value="4">★★★★ 4星 - 推荐</option>' +
|
||
'<option value="5">★★★★★ 5星 - 极力推荐</option>' +
|
||
'</select>' +
|
||
'</div>' +
|
||
'</div>' +
|
||
|
||
'<div style="margin-top:15px;margin-bottom:15px; background:#e8f4fd; padding:12px; border-radius:6px; font-size:13px; color:#666; border:1px solid #d1e7ff;">' +
|
||
'<div style="font-weight:600; color:#000; margin-bottom:5px;">📝 生成格式预览：</div>' +
|
||
'<div style="font-family:monospace; background:#fff; padding:8px; margin-top:5px; border-radius:4px; border:1px solid #cfe2ff; max-height:80px; overflow-y:auto;">' +
|
||
'<div id="movieinfo-preview" style="color:#333; word-break:break-all; font-size:13px; line-height:1.4;">[movie:ID:影评]</div>' +
|
||
'</div>' +
|
||
'<div style="margin-top:8px; color:#666;">说明：自定义信息将自动保存到JSON缓存中</div>' +
|
||
'</div>' +
|
||
|
||
'<div style="text-align:right;">' +
|
||
'<button type="button" id="movieinfo-cancel" style="padding:8px 16px; margin-right:10px; background:#f5f5f5; border:1px solid #ddd; border-radius:4px; cursor:pointer; font-size:14px;">取消</button>' +
|
||
'<button type="button" id="movieinfo-insert" style="padding:8px 20px; background:#01d277; color:white; border:none; border-radius:4px; cursor:pointer; font-size:14px; font-weight:600;">插入</button>' +
|
||
'</div>';
|
||
|
||
// 添加到页面
|
||
document.body.appendChild(overlay);
|
||
document.body.appendChild(modal);
|
||
|
||
// 获取DOM元素
|
||
var searchInput = document.getElementById('movieinfo-search');
|
||
var resultsContainer = document.querySelector('.movie-search-results');
|
||
var movieIdInput = document.getElementById('movieinfo-id');
|
||
var reviewInput = document.getElementById('movieinfo-review');
|
||
var startDateInput = document.getElementById('movieinfo-start-date');
|
||
var watchDateInput = document.getElementById('movieinfo-watch-date');
|
||
var watchMethodInput = document.getElementById('movieinfo-watch-method');
|
||
var movieCategoryInput = document.getElementById('movieinfo-movie-category');
|
||
var recommendationSelect = document.getElementById('movieinfo-recommendation');
|
||
var myRatingInput = document.getElementById('movieinfo-my-rating');
|
||
var previewDiv = document.getElementById('movieinfo-preview');
|
||
var insertBtn = document.getElementById('movieinfo-insert');
|
||
var cancelBtn = document.getElementById('movieinfo-cancel');
|
||
|
||
// 搜索输入防抖处理
|
||
var searchTimeout;
|
||
searchInput.addEventListener('input', function() {
|
||
clearTimeout(searchTimeout);
|
||
var keyword = this.value.trim();
|
||
|
||
if (keyword.length < 2) {
|
||
// 移除现有的建议框
|
||
var existing = document.getElementById('movie-search-suggestions');
|
||
if (existing) existing.remove();
|
||
return;
|
||
}
|
||
|
||
// 显示加载中
|
||
var existing = document.getElementById('movie-search-suggestions');
|
||
if (existing) existing.remove();
|
||
|
||
var loadingDiv = document.createElement('div');
|
||
loadingDiv.id = 'movie-search-suggestions';
|
||
loadingDiv.className = 'movie-search-suggestions';
|
||
loadingDiv.innerHTML = '<div class="movie-search-loading">搜索中...</div>';
|
||
resultsContainer.appendChild(loadingDiv);
|
||
|
||
searchTimeout = setTimeout(function() {
|
||
searchMovies(keyword, function(suggestions) {
|
||
// 移除加载中
|
||
var loading = document.getElementById('movie-search-suggestions');
|
||
if (loading) loading.remove();
|
||
|
||
if (suggestions.length === 0) {
|
||
var noResultsDiv = document.createElement('div');
|
||
noResultsDiv.id = 'movie-search-suggestions';
|
||
noResultsDiv.className = 'movie-search-suggestions';
|
||
noResultsDiv.innerHTML = '<div class="movie-search-no-results">未找到相关电影，请尝试其他关键词</div>';
|
||
resultsContainer.appendChild(noResultsDiv);
|
||
} else {
|
||
showSearchSuggestions(keyword, suggestions, resultsContainer, movieIdInput);
|
||
}
|
||
});
|
||
}, 300); // 300ms防抖延迟
|
||
});
|
||
|
||
// 搜索输入框键盘导航
|
||
var selectedIndex = -1;
|
||
searchInput.addEventListener('keydown', function(e) {
|
||
var suggestionsDiv = document.getElementById('movie-search-suggestions');
|
||
if (!suggestionsDiv) return;
|
||
|
||
var items = suggestionsDiv.querySelectorAll('.movie-search-suggestion-item');
|
||
if (items.length === 0) return;
|
||
|
||
if (e.key === 'ArrowDown') {
|
||
e.preventDefault();
|
||
selectedIndex = (selectedIndex + 1) % items.length;
|
||
updateSelection(items);
|
||
} else if (e.key === 'ArrowUp') {
|
||
e.preventDefault();
|
||
selectedIndex = (selectedIndex - 1 + items.length) % items.length;
|
||
updateSelection(items);
|
||
} else if (e.key === 'Enter') {
|
||
e.preventDefault();
|
||
if (selectedIndex >= 0 && selectedIndex < items.length) {
|
||
items[selectedIndex].click();
|
||
}
|
||
}
|
||
});
|
||
|
||
function updateSelection(items) {
|
||
items.forEach(function(item, index) {
|
||
if (index === selectedIndex) {
|
||
item.classList.add('selected');
|
||
item.scrollIntoView({ block: 'nearest' });
|
||
} else {
|
||
item.classList.remove('selected');
|
||
}
|
||
});
|
||
}
|
||
|
||
// 更新预览
|
||
function updatePreview() {
|
||
var movieId = movieIdInput.value.trim();
|
||
var review = reviewInput.value.trim();
|
||
var startDate = startDateInput.value.trim();
|
||
var watchDate = watchDateInput.value.trim();
|
||
var watchMethod = watchMethodInput.value.trim();
|
||
var movieCategory = movieCategoryInput.value.trim();
|
||
var recommendation = parseInt(recommendationSelect.value) || 0;
|
||
var myRating = myRatingInput.value.trim();
|
||
|
||
var preview = '[movie:' + (movieId || 'ID');
|
||
|
||
// 构建自定义数据对象
|
||
var customData = {};
|
||
if (startDate) customData.startDate = startDate;
|
||
if (watchDate) customData.watchDate = watchDate;
|
||
if (watchMethod) customData.watchMethod = watchMethod;
|
||
if (movieCategory) customData.movieCategory = movieCategory;
|
||
if (recommendation > 0) customData.recommendation = recommendation;
|
||
if (myRating) customData.myRating = myRating;
|
||
|
||
// 显示预览（中文显示）
|
||
var displayText = '';
|
||
|
||
if (review) {
|
||
displayText = review;
|
||
}
|
||
|
||
// 如果有自定义数据，添加到显示文本
|
||
if (Object.keys(customData).length > 0) {
|
||
var customText = '（自定义：';
|
||
var customParts = [];
|
||
if (startDate) customParts.push('开始观看：' + startDate);
|
||
if (watchDate) customParts.push('结束观看：' + watchDate);
|
||
if (watchMethod) customParts.push('观看方式：' + watchMethod);
|
||
if (movieCategory) customParts.push('电影分类：' + movieCategory);
|
||
if (myRating) customParts.push('我的评分：' + myRating);
|
||
if (recommendation > 0) customParts.push('推荐指数：' + '★'.repeat(recommendation));
|
||
|
||
customText += customParts.join('，') + '）';
|
||
|
||
if (displayText) {
|
||
displayText += customText;
|
||
} else {
|
||
displayText = customText;
|
||
}
|
||
}
|
||
|
||
// 如果有内容，添加到预览
|
||
if (displayText) {
|
||
preview += ':' + displayText;
|
||
}
|
||
|
||
preview += ']';
|
||
|
||
previewDiv.innerHTML = preview;
|
||
}
|
||
|
||
// 绑定输入事件
|
||
movieIdInput.addEventListener('input', updatePreview);
|
||
reviewInput.addEventListener('input', updatePreview);
|
||
startDateInput.addEventListener('input', updatePreview);
|
||
watchDateInput.addEventListener('input', updatePreview);
|
||
watchMethodInput.addEventListener('input', updatePreview);
|
||
movieCategoryInput.addEventListener('input', updatePreview);
|
||
recommendationSelect.addEventListener('change', updatePreview);
|
||
myRatingInput.addEventListener('input', updatePreview);
|
||
|
||
// 聚焦搜索框
|
||
setTimeout(function() {
|
||
searchInput.focus();
|
||
}, 100);
|
||
|
||
// 插入按钮点击
|
||
insertBtn.addEventListener('click', function() {
|
||
var movieId = movieIdInput.value.trim();
|
||
var review = reviewInput.value.trim();
|
||
var startDate = startDateInput.value.trim();
|
||
var watchDate = watchDateInput.value.trim();
|
||
var watchMethod = watchMethodInput.value.trim();
|
||
var movieCategory = movieCategoryInput.value.trim();
|
||
var recommendation = parseInt(recommendationSelect.value) || 0;
|
||
var myRating = myRatingInput.value.trim();
|
||
|
||
if (movieId && /^\d+$/.test(movieId)) {
|
||
// 构建自定义数据对象
|
||
var customData = {};
|
||
if (startDate) customData.startDate = startDate;
|
||
if (watchDate) customData.watchDate = watchDate;
|
||
if (watchMethod) customData.watchMethod = watchMethod;
|
||
if (movieCategory) customData.movieCategory = movieCategory;
|
||
if (recommendation > 0) customData.recommendation = recommendation;
|
||
if (myRating) customData.myRating = myRating;
|
||
|
||
// 构建短代码
|
||
var shortcode = '[movie:' + movieId;
|
||
|
||
// 如果有影评或自定义数据
|
||
if (review || Object.keys(customData).length > 0) {
|
||
var content = '';
|
||
|
||
// 处理影评部分
|
||
if (review) {
|
||
// 对影评中的方括号进行编码
|
||
var encodedReview = review.replace(/[\[\]]/g, function(match) {
|
||
if (match === '[') return '[';
|
||
if (match === ']') return ']';
|
||
return match;
|
||
});
|
||
content = encodedReview;
|
||
}
|
||
|
||
// 如果有自定义数据，添加到内容后面
|
||
if (Object.keys(customData).length > 0) {
|
||
// 将自定义数据转为JSON并编码
|
||
var customJson = encodeURIComponent(JSON.stringify(customData));
|
||
if (content) {
|
||
content += '|CUSTOM:' + customJson;
|
||
} else {
|
||
content = '|CUSTOM:' + customJson;
|
||
}
|
||
}
|
||
|
||
shortcode += ':' + content;
|
||
}
|
||
|
||
shortcode += ']';
|
||
|
||
// 在编辑器中显示中文
|
||
var displayShortcode = '[movie:' + movieId;
|
||
if (review || Object.keys(customData).length > 0) {
|
||
var displayContent = review;
|
||
if (Object.keys(customData).length > 0) {
|
||
var displayCustomText = '（自定义：';
|
||
var customParts = [];
|
||
if (startDate) customParts.push('开始观看：' + startDate);
|
||
if (watchDate) customParts.push('结束观看：' + watchDate);
|
||
if (watchMethod) customParts.push('观看方式：' + watchMethod);
|
||
if (movieCategory) customParts.push('电影分类：' + movieCategory);
|
||
if (myRating) customParts.push('我的评分：' + myRating);
|
||
if (recommendation > 0) customParts.push('推荐指数：' + '★'.repeat(recommendation));
|
||
|
||
displayCustomText += customParts.join('，') + '）';
|
||
|
||
if (displayContent) {
|
||
displayContent += displayCustomText;
|
||
} else {
|
||
displayContent = displayCustomText;
|
||
}
|
||
}
|
||
displayShortcode += ':' + displayContent;
|
||
}
|
||
displayShortcode += ']';
|
||
|
||
insertMovieShortcode(displayShortcode);
|
||
closeDialog();
|
||
} else if (movieId) {
|
||
alert('请输入有效的电影ID（纯数字）');
|
||
} else {
|
||
alert('请输入TMDB电影ID');
|
||
}
|
||
});
|
||
|
||
// 取消按钮点击
|
||
cancelBtn.addEventListener('click', closeDialog);
|
||
|
||
// 点击遮罩层关闭
|
||
overlay.addEventListener('click', closeDialog);
|
||
|
||
// ID输入框键盘事件
|
||
movieIdInput.addEventListener('keydown', function(e) {
|
||
if (e.key === 'Enter') {
|
||
e.preventDefault();
|
||
insertBtn.click();
|
||
} else if (e.key === 'Escape') {
|
||
closeDialog();
|
||
}
|
||
});
|
||
|
||
reviewInput.addEventListener('keydown', function(e) {
|
||
if (e.key === 'Enter' && e.ctrlKey) {
|
||
e.preventDefault();
|
||
insertBtn.click();
|
||
} else if (e.key === 'Escape') {
|
||
closeDialog();
|
||
}
|
||
});
|
||
|
||
// 关闭对话框
|
||
function closeDialog() {
|
||
if (overlay.parentNode) document.body.removeChild(overlay);
|
||
if (modal.parentNode) document.body.removeChild(modal);
|
||
}
|
||
|
||
// 插入短代码到编辑器
|
||
function insertMovieShortcode(shortcode) {
|
||
var textarea = document.getElementById('text');
|
||
if (!textarea) return;
|
||
|
||
var start = textarea.selectionStart;
|
||
var end = textarea.selectionEnd;
|
||
var text = textarea.value;
|
||
|
||
// 直接插入中文短代码到编辑器
|
||
textarea.value = text.substring(0, start) + shortcode + text.substring(end);
|
||
textarea.selectionStart = textarea.selectionEnd = start + shortcode.length;
|
||
textarea.focus();
|
||
|
||
// 触发输入事件
|
||
var event = new Event('input', { bubbles: true });
|
||
textarea.dispatchEvent(event);
|
||
}
|
||
}
|
||
|
||
// 初始化
|
||
if (document.readyState === 'loading') {
|
||
document.addEventListener('DOMContentLoaded', initMovieButton);
|
||
} else {
|
||
initMovieButton();
|
||
}
|
||
})();
|
||
</script>
|
||
HTML;
|
||
}
|
||
} |