Merge branch 'main' into NIZIKA_DEV-003
This commit is contained in:
@@ -2,4 +2,5 @@
|
|||||||
/nizika_nizika
|
/nizika_nizika
|
||||||
/nml
|
/nml
|
||||||
/nizika_nml
|
/nizika_nml
|
||||||
|
/log.txt
|
||||||
|
|
||||||
|
|||||||
@@ -0,0 +1,3 @@
|
|||||||
|
/log.txt
|
||||||
|
/log2.txt
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
@@ -0,0 +1,138 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ja">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
|
||||||
|
<script src="//code.jquery.com/ui/1.12.0/jquery-ui.min.js"></script>
|
||||||
|
<script src="/modules/jquery.cookie-1.4.1.min.js"></script>
|
||||||
|
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js"></script>
|
||||||
|
<link href="//cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous" />
|
||||||
|
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/base/jquery-ui.min.css" />
|
||||||
|
<link href="./style.css" rel="stylesheet" />
|
||||||
|
<title>伊地知ニジカ放送局 - ニジカ返答ログ</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="container my-5">
|
||||||
|
<div class="accordion mb-5" id="accordion-filter">
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h2 class="accordion-header">
|
||||||
|
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-filter" aria-controls="collapse-filter">
|
||||||
|
絞り込み
|
||||||
|
</button>
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<div id="collapse-filter" class="accordion-collapse collapse show" data-bs-parent="#accordion-filter">
|
||||||
|
<div class="accordion-body mx-5">
|
||||||
|
<div>
|
||||||
|
<div class="row d-flex align-items-center my-2">
|
||||||
|
<div class="col-sm-4 fw-bold">
|
||||||
|
順序
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-sm">
|
||||||
|
<div class="row align-items-center">
|
||||||
|
<div class="col form-check">
|
||||||
|
<input class="form-check-input" type="radio" name="order" id="order-desc"<?= $asc ? '' : ' checked="checked"' ?> />
|
||||||
|
|
||||||
|
<label class="form-check-label" for="order-desc">
|
||||||
|
新しい順
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col form-check">
|
||||||
|
<input class="form-check-input" type="radio" name="order" id="order-asc"<?= $asc ? ' checked="checked"' : '' ?> />
|
||||||
|
|
||||||
|
<label class="form-check-label" for="order-asc">
|
||||||
|
古い順
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row d-flex align-items-center my-2">
|
||||||
|
<div class="col-sm-4 fw-bold">
|
||||||
|
日時ニジカ
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-sm input-group">
|
||||||
|
<input type="text" class="form-control" placeholder="YYYY-MM-DD" id="filter-date-start"
|
||||||
|
value="<?= $date_start ?>" />
|
||||||
|
<span class="input-group-text">〜</span>
|
||||||
|
<input type="text" class="form-control" placeholder="YYYY-MM-DD" id="filter-date-end"
|
||||||
|
value="<?= $date_end ?>" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row d-flex align-items-center my-2">
|
||||||
|
<div class="col-sm-4 fw-bold">
|
||||||
|
フリーワード
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-sm">
|
||||||
|
<input type="text" class="form-control" placeholder="ぬ゛ぅ゛ぅ゛ぅ゛ぅ゛ぅ゛ん゛" id="filter-keyword"
|
||||||
|
value="<?= $keyword ?>"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mt-3 row">
|
||||||
|
<div class="col-sm gap-2 d-grid my-1">
|
||||||
|
<button type="button" class="btn btn-secondary" id="btn-reset">元に戻す</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-sm gap-2 d-grid my-1">
|
||||||
|
<button type="button" class="btn btn-primary" id="btn-filter">絞り込む</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php if (count ($log_data) > 0): ?>
|
||||||
|
<div class="mb-4">
|
||||||
|
<?php require 'pagination.cmp.php' ?>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<?php foreach (array_slice ($log_data,
|
||||||
|
($page - 1) * $length,
|
||||||
|
$length,
|
||||||
|
true) as $record): ?>
|
||||||
|
<div class="mb-4">
|
||||||
|
<div>
|
||||||
|
<?= $record['date_time'] ?>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<img src="<?= $record['chat_icon'] ?>" />
|
||||||
|
<?= $record['chat_name'] ?>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="color: blue">
|
||||||
|
> <span style="font-style: italic"><?= $record['chat_message'] ?></span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<?= $record['answer'] ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php endforeach ?>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mt-5">
|
||||||
|
<?php require 'pagination.cmp.php' ?>
|
||||||
|
</div>
|
||||||
|
<?php else: ?>
|
||||||
|
何も見つかりませんでしたぬ゛ぅ゛ぅ゛ぅ゛ぅ゛ん゛
|
||||||
|
<?php endif ?>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="//cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
|
||||||
|
<script src="./script.js" type="text/javascript"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
@@ -0,0 +1,65 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
if ($_SERVER['HTTP_HOST'] === 'nizika.monster')
|
||||||
|
header ('location: //nizika.tv');
|
||||||
|
|
||||||
|
const LOG_PATH = './log.txt';
|
||||||
|
|
||||||
|
$log_data = [];
|
||||||
|
|
||||||
|
$page = (int) ($_GET['p'] ?? 1);
|
||||||
|
$length = (int) ($_GET['max'] ?? 20);
|
||||||
|
$asc = ($_GET['asc'] ?? 0) != 0;
|
||||||
|
$keyword = trim ($_GET['q'] ?? '');
|
||||||
|
$escaped = ($_GET['escaped'] ?? 0) != 0;
|
||||||
|
|
||||||
|
$date_start = ($_GET['start'] ?? null) ?: null;
|
||||||
|
$date_end = ($_GET['end'] ?? null) ?: null;
|
||||||
|
|
||||||
|
$f = fopen (LOG_PATH, 'r');
|
||||||
|
|
||||||
|
if ($f !== false)
|
||||||
|
{
|
||||||
|
while (($dt = fgetcsv ($f, 0, "\t")) !== false)
|
||||||
|
{
|
||||||
|
$chat_info = json_decode ($dt[1]);
|
||||||
|
|
||||||
|
$log_data[] = ['date_time' => $dt[0],
|
||||||
|
'chat_icon' => $chat_info -> author -> imageUrl,
|
||||||
|
'chat_name' => $escaped ? htmlspecialchars ($chat_info -> author -> name) : $chat_info -> author -> name,
|
||||||
|
'chat_message' => $escaped ? htmlspecialchars ($chat_info -> message) : $chat_info -> message,
|
||||||
|
'answer' => $escaped ? htmlspecialchars ($dt[2]) : $dt[2]];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
fclose ($f);
|
||||||
|
|
||||||
|
unset ($f);
|
||||||
|
|
||||||
|
if ($keyword != '')
|
||||||
|
{
|
||||||
|
$log_data = array_filter ($log_data, fn ($row) => (
|
||||||
|
strpos ($row['chat_name'] . "\n" . $row['chat_message'] . "\n" . $row['answer'],
|
||||||
|
$keyword)
|
||||||
|
!== false));
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($date_start)
|
||||||
|
{
|
||||||
|
$log_data = array_filter ($log_data, fn ($row) => (
|
||||||
|
substr ($row['date_time'], 0, 10) >= $date_start));
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($date_end)
|
||||||
|
{
|
||||||
|
$log_data = array_filter ($log_data, fn ($row) => (
|
||||||
|
substr ($row['date_time'], 0, 10) <= $date_end));
|
||||||
|
}
|
||||||
|
|
||||||
|
$pages_max = (int) ((count ($log_data) - 1) / $length) + 1;
|
||||||
|
|
||||||
|
if (!($asc))
|
||||||
|
$log_data = array_reverse ($log_data);
|
||||||
|
|
||||||
|
require_once './index.frm.php';
|
||||||
|
|
||||||
@@ -0,0 +1,2 @@
|
|||||||
|
/*! jquery.cookie v1.4.1 | MIT */
|
||||||
|
!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):"object"==typeof exports?a(require("jquery")):a(jQuery)}(function(a){function b(a){return h.raw?a:encodeURIComponent(a)}function c(a){return h.raw?a:decodeURIComponent(a)}function d(a){return b(h.json?JSON.stringify(a):String(a))}function e(a){0===a.indexOf('"')&&(a=a.slice(1,-1).replace(/\\"/g,'"').replace(/\\\\/g,"\\"));try{return a=decodeURIComponent(a.replace(g," ")),h.json?JSON.parse(a):a}catch(b){}}function f(b,c){var d=h.raw?b:e(b);return a.isFunction(c)?c(d):d}var g=/\+/g,h=a.cookie=function(e,g,i){if(void 0!==g&&!a.isFunction(g)){if(i=a.extend({},h.defaults,i),"number"==typeof i.expires){var j=i.expires,k=i.expires=new Date;k.setTime(+k+864e5*j)}return document.cookie=[b(e),"=",d(g),i.expires?"; expires="+i.expires.toUTCString():"",i.path?"; path="+i.path:"",i.domain?"; domain="+i.domain:"",i.secure?"; secure":""].join("")}for(var l=e?void 0:{},m=document.cookie?document.cookie.split("; "):[],n=0,o=m.length;o>n;n++){var p=m[n].split("="),q=c(p.shift()),r=p.join("=");if(e&&e===q){l=f(r,g);break}e||void 0===(r=f(r))||(l[q]=r)}return l};h.defaults={},a.removeCookie=function(b,c){return void 0===a.cookie(b)?!1:(a.cookie(b,"",a.extend({},c,{expires:-1})),!a.cookie(b))}});
|
||||||
@@ -0,0 +1,40 @@
|
|||||||
|
<nav class="d-flex justify-content-center" aria-label="...">
|
||||||
|
<ul class="pagination opacity-0">
|
||||||
|
<?php if ($page > 1): ?>
|
||||||
|
<li class="page-item">
|
||||||
|
<a class="page-link no-wrap" href="javascript: void (0)" onclick="Script.jumpTo (1)">|<</a>
|
||||||
|
</li>
|
||||||
|
<?php else: ?>
|
||||||
|
<li class="page-item disabled">
|
||||||
|
<span class="page-link">|<</span>
|
||||||
|
</li>
|
||||||
|
<?php endif ?>
|
||||||
|
|
||||||
|
<?php for ($i = max (min ($page + 10, $pages_max) - 20, 1); $i < $page; ++$i): ?>
|
||||||
|
<li class="page-item page-<?= $page - $i ?>">
|
||||||
|
<a class="page-link" href="javascript: void (0)" onclick="Script.jumpTo (<?= $i ?>)"><?= $i ?></a>
|
||||||
|
</li>
|
||||||
|
<?php endfor ?>
|
||||||
|
|
||||||
|
<li class="page-item active" aria-current="page">
|
||||||
|
<span class="page-link"><?= $page ?></span>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<?php for ($i = $page + 1; $i <= min (max ($page - 10, 1) + 20, $pages_max); ++$i): ?>
|
||||||
|
<li class="page-item page-<?= $i - $page ?>">
|
||||||
|
<a class="page-link" href="javascript: void (0)" onclick="Script.jumpTo (<?= $i ?>)"><?= $i ?></a>
|
||||||
|
</li>
|
||||||
|
<?php endfor ?>
|
||||||
|
|
||||||
|
<?php if ($page < $pages_max): ?>
|
||||||
|
<li class="page-item">
|
||||||
|
<a class="page-link no-wrap" href="javascript: void (0)" onclick="Script.jumpTo (<?= $pages_max ?>)">>|</a>
|
||||||
|
</li>
|
||||||
|
<?php else: ?>
|
||||||
|
<li class="page-item disabled">
|
||||||
|
<span class="page-link">>|</span>
|
||||||
|
</li>
|
||||||
|
<?php endif ?>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
|
||||||
@@ -0,0 +1,118 @@
|
|||||||
|
class
|
||||||
|
Script
|
||||||
|
{
|
||||||
|
static
|
||||||
|
main ()
|
||||||
|
{
|
||||||
|
const dateOptions = {dateFormat: 'yy-mm-dd',
|
||||||
|
firstDay: 6};
|
||||||
|
|
||||||
|
$ ('#filter-date-start').datepicker (dateOptions);
|
||||||
|
$ ('#filter-date-end').datepicker (dateOptions);
|
||||||
|
|
||||||
|
const url = new URL (window.location.href);
|
||||||
|
|
||||||
|
const orderAsc = document.getElementById ('order-asc');
|
||||||
|
const filterKeyword = document.getElementById ('filter-keyword');
|
||||||
|
|
||||||
|
const btnFilter = document.getElementById ('btn-filter');
|
||||||
|
|
||||||
|
const filter = (
|
||||||
|
function (e)
|
||||||
|
{
|
||||||
|
let dateStart = $ ('#filter-date-start').val ();
|
||||||
|
let dateEnd = $ ('#filter-date-end').val ();
|
||||||
|
|
||||||
|
if ((dateStart !== '')
|
||||||
|
&& (dateEnd !== '')
|
||||||
|
&& (dateStart > dateEnd))
|
||||||
|
[dateStart, dateEnd] = [dateEnd, dateStart];
|
||||||
|
|
||||||
|
url.searchParams.delete ('p');
|
||||||
|
|
||||||
|
url.searchParams.delete ('asc');
|
||||||
|
url.searchParams.append ('asc', orderAsc.checked ? '1' : '0');
|
||||||
|
|
||||||
|
url.searchParams.delete ('q');
|
||||||
|
url.searchParams.append ('q', filterKeyword.value);
|
||||||
|
|
||||||
|
url.searchParams.delete ('start');
|
||||||
|
url.searchParams.delete ('end');
|
||||||
|
|
||||||
|
if (dateStart !== '')
|
||||||
|
url.searchParams.append ('start', dateStart);
|
||||||
|
|
||||||
|
if (dateEnd !== '')
|
||||||
|
url.searchParams.append ('end', dateEnd);
|
||||||
|
|
||||||
|
window.location.href = url;
|
||||||
|
});
|
||||||
|
|
||||||
|
const resetFilter = (
|
||||||
|
function ()
|
||||||
|
{
|
||||||
|
window.location.href = '/';
|
||||||
|
});
|
||||||
|
|
||||||
|
filterKeyword.addEventListener ('keydown',
|
||||||
|
function (e)
|
||||||
|
{
|
||||||
|
if (e.key === 'Enter')
|
||||||
|
filter (e);
|
||||||
|
});
|
||||||
|
|
||||||
|
btnFilter.addEventListener ('click', filter);
|
||||||
|
$ ('#btn-reset').on ('click', resetFilter);
|
||||||
|
|
||||||
|
$ (window).resize (this.setPagination);
|
||||||
|
this.setPagination ();
|
||||||
|
$ ('.pagination').removeClass ('opacity-0');
|
||||||
|
|
||||||
|
$ ('#accordion-filter').on ('shown.bs.collapse', function ()
|
||||||
|
{
|
||||||
|
$.cookie ('expand-filter', '1');
|
||||||
|
});
|
||||||
|
|
||||||
|
$ ('#accordion-filter').on ('hidden.bs.collapse', function ()
|
||||||
|
{
|
||||||
|
$.cookie ('expand-filter', '0');
|
||||||
|
});
|
||||||
|
|
||||||
|
if ($.cookie ('expand-filter') === '0')
|
||||||
|
{
|
||||||
|
$ ('#collapse-filter').removeClass ('show');
|
||||||
|
$ ('#accordion-filter .accordion-button').addClass ('collapsed');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
static
|
||||||
|
jumpTo (page)
|
||||||
|
{
|
||||||
|
const url = new URL (window.location.href);
|
||||||
|
|
||||||
|
url.searchParams.delete ('p');
|
||||||
|
url.searchParams.append ('p', page);
|
||||||
|
|
||||||
|
window.location.href = url;
|
||||||
|
}
|
||||||
|
|
||||||
|
static
|
||||||
|
setPagination ()
|
||||||
|
{
|
||||||
|
for (let i = 1; i <= 20; ++i)
|
||||||
|
$ (`.page-${i}`).removeClass ('d-none');
|
||||||
|
|
||||||
|
for (let i = 20; i > 1; --i)
|
||||||
|
{
|
||||||
|
if (($ ('.pagination').width () < $ ('body').width () * .8)
|
||||||
|
&& ($ ('.page-item:not(.d-none)').length / 2 % 2 != 0))
|
||||||
|
break;
|
||||||
|
|
||||||
|
$ (`.page-${i}`).addClass ('d-none');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
Script.main ();
|
||||||
|
|
||||||
@@ -0,0 +1,26 @@
|
|||||||
|
.container-max-width
|
||||||
|
{
|
||||||
|
max-width: 1600px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.no-wrap
|
||||||
|
{
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-width
|
||||||
|
{
|
||||||
|
max-width: 1ex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row-width
|
||||||
|
{
|
||||||
|
max-width: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-item
|
||||||
|
{
|
||||||
|
width: 3.5em;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
Reference in New Issue
Block a user