miteruzo
/
kekec_bbs
1
0
Fork 0
Code Issues 4 Pull Requests 0 Releases 0 Wiki Activity
Labels Milestones
New Pull Request

#5 KEKEC_BBS_DEV-001

Merged
みてるぞ merged 9 commits from KEKEC_BBS_DEV-001 into main 1 year ago
Conversation 0 Commits 9 Files Changed 18
18 changed files with 624 additions and 484 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +2
    -2
      .gitignore
  2. BIN
      assets/kusobbs.gif
  3. +0
    -0
      assets/music.mp3
  4. +12
    -0
      database.example.php
  5. +311
    -0
      forms/index.frm.php
  6. +24
    -363
      index.php
  7. +10
    -0
      migrate.php
  8. +2
    -0
      migrations/2023_09_01_011340_create_threads_table.sql
  9. +2
    -0
      migrations/2023_09_01_012000_create_responses_table.sql
  10. +9
    -3
      modules/backup.php
  11. +2
    -2
      modules/delete.php
  12. +2
    -2
      modules/make_thread.php
  13. +2
    -2
      modules/upload.php
  14. +0
    -0
      scripts/colour-pad.js
  15. +3
    -3
      scripts/paint.js
  16. +3
    -3
      scripts/script.js
  17. +0
    -104
      style.css
  18. +240
    -0
      styles/style.css

+ 2
- 2
.gitignore View File

@@ -1,4 +1,4 @@
/image
/draft
/images
/drafts
/database.php


BIN
assets/kusobbs.gif View File

Before After
Width: 1990  |  Height: 390  |  Size: 805 KiB

music.mp3 → assets/music.mp3 View File


+ 12
- 0
database.example.php View File

@@ -0,0 +1,12 @@
<?php

function
set_mysql ($db)
{
$url = 'localhost';
$user = 'root';
$pass = '';

return new mysqli ($url, $user, $pass, $db);
}


+ 311
- 0
forms/index.frm.php View File

@@ -0,0 +1,311 @@
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<meta name="robots" content="noindex" />
<title><?= ($title == '') ? '' : ($title . ' - ') ?>キケッツチャンネル お絵描き掲示板</title>
<link rel="stylesheet" href="https://jpafonts.osdn.jp/webfonts/jpafonts.css" />
<link rel="stylesheet" type="text/css" href="./styles/style.css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />
<script defer src="https://use.fontawesome.com/releases/v5.15.4/js/all.js"></script>
<script src="./scripts/colour-pad.js"></script>
</head>

<body>
<!-- <div style="font-size: 500%">
メンテ中
</div> -->

<div id="modal" class="modal">
<div class="modal-content">
<h3>Canvas のサイズを変更</h3>

<form>
<div style="margin-bottom: 16px">
<div>
<label for="width">幅：</label>
<input type="number" id="change-width" name="width" value="480" min="32" max="640" />
<label>（32 〜 640）</label>
</div>

<div>
<label for="height">高さ：</label>
<input type="number" id="change-height" name="height" value="480" min="24" max="480" />
<label>（24 〜 480）</label>
</div>
</div>

<button type="button" onclick="closeModal ()">取消</button>
<button type="button" onclick="applyResolution ()">適用</button>
</form>
</div>
</div>

<h1><a href="."><img src="/assets/kusobbs.gif" alt="クソ掲示板" style="width: 398px" /></a></h1>
<div style="text-align: center"><a href="#" onclick="PauseMusic ()" id="mute">&emsp;</a></div>

<?php if ($thread == -1): ?>
<form action="./modules/make_thread.php" method="POST">
スレ名：<input type="text" name="thread-name" /><br />
スレ内容：<textarea name="thread-explain"></textarea><br />
<input type="submit" value="スレ立て" />
</form>

<?php if ($result = $mysqli -> query ("SELECT * FROM threads WHERE id <> 1 ORDER BY latest DESC")): ?>
<?php while ($row = $result -> fetch_assoc ()): ?>
<table width="90%">
<thead>
<tr><td class="header"><a href="?thread=<?= $row['id'] ?>"><?= $row['title'] ?></a>&emsp;更新：1<?= $row['latest'] ?>&emsp;<?= $row['length'] ?> レス</td></tr>
</thead>

<?php if ($row['explain'] != '<p></p>'): ?>
<tbody>
<tr><td><?= $row['explain'] ?></td></tr>
</tbody>
<?php endif ?>
</table>
<?php endwhile ?>
<?php endif ?>

<?php else: ?>
<table width="90%">
<thead>
<tr><td class="header"><?= $title ?></td></tr>
</thead>

<?php if ($explain != '<p></p>'): ?>
<tbody>
<tr><td><?= $explain ?></td></tr>
</tbody>
<?php endif ?>
</table>

<form id="message-form">
<label>名前：</label><input type="text" id="user-name" name="name" /><br />
<label>削除用パスワード：</label><input type="password" id="password" name="password" />
<!-- <textarea id="message" name="message"></textarea> -->
</form>

<div id="paint">
<div style="display: flex; justify-content: center">
<div class="button-area" style="margin-right: 64px">
<button id="new">新規作成</button>
<button id="send">送信</button>
<button id="save">ダウンロード</button>
<button id="change-size">サイズ変更</button>
</div>

<div class="button-area" style="vertical-align: middle">
<button id="undo">←</button>
<button id="redo">→</button>
</div>
</div>

<div style="display: flex; width: max-content; flex-direction: column">
<div class="radio">
<form id="mode">
<label>モード：</label>
<label><input type="radio" name="mode" value="pen" id="pen" checked />ペン</label>
<label><input type="radio" name="mode" value="rubber" id="rubber" />消しゴム</label>
<label><input type="radio" name="mode" value="bucket" id="bucket" />塗りつぶし</label>
</form>
</div>

<div class="radio">
<label>取込み：</label>
<input id="load" type="file" onChange="LoadFile (this.files)" />
</div>

<div class="radio">
<form id="colour">
<label>色：</label>
<!-- <input type="radio" name="colour" value="black" checked="checked" />黒
<input type="radio" name="colour" value="blue" />ブルー
<input type="radio" name="colour" value="red" />赤
<input type="radio" name="colour" value="magenta" />マジェンタ
<input type="radio" name="colour" value="lime" />ライム
<input type="radio" name="colour" value="cyan" />青
<input type="radio" name="colour" value="yellow" />イェロウ
<input type="radio" name="colour" value="white" />白 -->
<button id="colour-picker" type="button" onclick="cmanCP_JS_open(this)" cmanCPat="def_color:cns=#000000,rc_form:RGBA,rc_func:changeColour">選択</button>
<label id="irorororo">黒</label>
</form>
</div>

<div class="radio">
<form id="size">
<label>太さ：</label>
<label><input type="radio" name="size" value="1" />1</label>
<label><input type="radio" name="size" value="2" />2</label>
<label><input type="radio" name="size" value="3" checked="checked" />3</label>
<label><input type="radio" name="size" value="5" />5</label>
<label><input type="radio" name="size" value="7" />7</label>
<label><input type="radio" name="size" value="10" />10</label>
<label><input type="radio" name="size" value="15" />15</label>
<!-- <input type="range" name="size" min="1" max="57" value="3" /> -->
<label><input type="radio" name="size" value="0" />指定：
<input style="width: 2em" type="number" name="size" id="size-free" value="57" /></label>
</form>
</div>

<div class="radio">
<form id="layer">
<label>レイア：</label>
<label><input onclick="reDraw ()" type="radio" name="layer" value="0" checked="checked" />基底</label>
<label><input onclick="reDraw ()" type="radio" name="layer" value="1" />1</label>
<label><input onclick="reDraw ()" type="radio" name="layer" value="2" />2</label>
<button type="button" name="del">削除</button>
<button type="button" name="down">下へ</button>
<button type="button" name="up">上へ</button>
<button type="button" name="add">追加</button>
<br />
<label><input onclick="reDraw ()" type="checkbox" name="sep" />レイアを分けて表示</label>
</form>
</div>
</div>

<div class="canvas-area" id="canvas-area">
<canvas id="canvas" width="480" height="480"></canvas>
<!-- <canvas id="canvas1" width="480" height="480"></canvas> -->
<!-- <canvas id="canvas2" width="480" height="480"></canvas> -->
</div>
</div>

<form name="sort">
<label>
並べ替え：

<select id="sort" style="font-size: 24px">
<option value="time-desc"<?= ($sort == 'td') ? ' selected="selected"' : '' ?>>投稿が新しい順</option>
<option value="evaluate-good"<?= ($sort == 'eg') ? ' selected="selected"' : '' ?>>評価が高い順</option>
<option value="time-asc"<?= ($sort == 'ta') ? ' selected="selected"' : '' ?>>投稿が古い順</option>
<option value="evaluate-bad"<?= ($sort == 'eb') ? ' selected="selected"' : '' ?>>評価が低い順</option>
</select>
</label>
</form>

<div id="bbs">
<?php
if ($result = $mysqli -> query ("
SELECT
response_id as id, name, message, date, image, held, deleted, pass, good, bad, good - bad as evaluate
FROM
responses
WHERE
thread_id = $thread
ORDER BY
" . (($sort == 'td')
? 'id DESC'
: (($sort == 'eg')
? 'evaluate DESC, id DESC'
: (($sort == 'ta')
? 'id ASC'
: (($sort == 'eb')
? 'evaluate ASC, id DESC'
: 'id DESC')))))):
?>
<?php while ($row = $result -> fetch_assoc ()): ?>
<table width="90%" id="<?= $row['id'] ?>">
<thead>
<tr>
<td class="header">
<div style="margin: 0 8px">
<div style="float: left"><?= $row['id'] ?>:
<?= (($row['name'] == '')
? '名なしさん'
: $row['name']) ?>
</div>

<div style="text-align: right">
1<?= date ('Y/m/d H:i:s', strtotime ($row['date'])) ?>
</div>
</div>

<div style="display: grid;
grid-template-columns: auto <?= ($row['good'] + $row['bad'] == 0) ? '.48fr' : ((.96 * $row['bad'] / ($row['good'] + $row['bad'])) . 'fr') ?> <?= ($row['good'] + $row['bad'] == 0) ? '.48fr' : ((.96 * $row['good'] / ($row['good'] + $row['bad'])) . 'fr') ?> auto;
align-items: center;
margin-top: 8px;
margin-left: auto;
margin-right: auto;
width: 90%;
font-size: 80%">
<div style="grid-columns: 1; text-align: left;">
<a style="color: blue; white-space: nowrap" title="低評価"
href="?thread=<?= $thread ?>&sort=<?= $sort ?>&evaluate=bad&id=<?= $row['id'] ?>#<?= $row['id'] ?>">
<i class="fas fa-thumbs-down"></i>&thinsp;<?= $row['bad'] ?>
</a>
</div>

<div style="grid-columns: 2;
background-color: blue;
text-align: center;
height: 40%">
&nbsp;
</div>

<div style="grid-columns: 3;
background-color: red;
text-align: center;
height: 40%">
&nbsp;
</div>

<div style="grid-columns: 4; text-align: right">
<a style="color: red" title="高評価" href="?thread=<?= $thread ?>&sort=<?= $sort ?>&evaluate=good&id=<?= $row['id'] ?>#<?= $row['id'] ?>">
<?= $row['good'] ?>&thinsp;<i class="fas fa-thumbs-up"></i>
</a>
</div>
</div>
</td>
</tr>
</thead>

<tbody>
<?php if ($row['deleted']): ?>
<tr><td><p>削除されました．</p></td></tr>
<?php elseif ($row['held']): ?>
<tr><td><p>確認中です．</p></td></tr>
<?php else: ?>
<tr><td class="illust" style="display: grid; grid-template-columns: .375fr auto .375fr; align-items: end"><div style="grid-columns: 1"></div><div style="grid-columns: 2; text-align: center"><img style="border: solid 1px"src="<?= $dir . $row['image'] ?>" /></div><div style="grid-columns: 3; justify-self: end; margin-right: 8px; margin-bottom: 8px; font-size: 80%"><a href="#del" onclick="deletePost (<?= $row['id'] ?>)">削除</a></div></td></tr>
<?php endif ?>
</tbody>
</table>
<?php endwhile ?>

<?php
// MySQL を閉ぢる．
$result -> close ();
endif;
?>
</div>

<h3 id="del">レス削除</h3>
削除したいレス番号と削除用パスワードを入力して &ldquo;削除&rdquo; を押してください．<br />
<label>レス番号：</label><input type="text" id="del-id" /><br />
<label>削除用パスワード：</label><input type="password" id="del-pass" /><br />
<button id="delete" onclick="deletePostReally ()">削除</button>
<?php endif ?>

<hr />

<footer>
<div class="attention">
このサイトでは，<a href="https://moji.or.jp/ipafont/license/" target="_blank">IPA フォントライセンス v1.0</a> で公開されてゐる <a href="https://jpafonts.osdn.jp/" target="_blank">JPA フォント</a>を使用してゐます．
</div>

<div class="copyright">
&copy; このペィジへの投稿は，すべて，パブリック・ドメインとします．
</div>
</footer>

<canvas style="display: none" width="1" height="1" id="work"></canvas>
<canvas style="display: none" width="480" height="480" id="canvas-perfect"></canvas>

<script type="text/javascript" src="./scripts/script.js"></script>

<?php if ($thread != -1): ?>
<script type="text/javascript" src="./scripts/paint.js"></script>
<?php endif ?>
</body>
</html>


+ 24
- 363
index.php View File

@@ -1,31 +1,29 @@
<?php
require "${_SERVER['DOCUMENT_ROOT']}/database.php";

require_once "${_SERVER['DOCUMENT_ROOT']}/database.php";

if (isset ($_GET['page'])):
$page = $_GET['page'];
else:
$page = 0;
endif;
if (isset ($_GET['page']))
$page = $_GET['page'];
else
$page = 0;

if (isset ($_GET['thread'])):
$thread = $_GET['thread'];
else:
$thread = -1;
endif;
if (isset ($_GET['thread']))
$thread = $_GET['thread'];
else
$thread = -1;

if (isset ($_GET['sort'])):
if (isset ($_GET['sort']))
{
$sort = $_GET['sort'];

if (!(in_array ($sort, array ('td', 'eg', 'ta', 'eb')))):
$sort = 'td';
endif;
else:
$sort = 'td';
endif;
if (!(in_array ($sort, array ('td', 'eg', 'ta', 'eb'))))
$sort = 'td';
}
else
$sort = 'td';

// 画像のディレクトリを開く．
$dir = 'image/';
$dir = '/images/';
$handle = opendir ($dir);

// MySQL 宣言
@@ -33,18 +31,20 @@ $mysqli = set_mysql ('miteruzo_bbs');

$mysqli -> set_charset ('utf8');

if ($result = $mysqli -> query ("SELECT * FROM threads WHERE id = $thread")):
if ($result = $mysqli -> query ("SELECT * FROM threads WHERE id = $thread"))
{
$row = $result -> fetch_assoc ();

$title = $row['title'];
$explain = $row['explain'];

$result -> close ();
endif;
}

if (isset ($_GET['id'])
&& isset ($_GET['evaluate'])
&& (($_GET['evaluate'] == 'good') || ($_GET['evaluate'] == 'bad'))):
&& (($_GET['evaluate'] == 'good') || ($_GET['evaluate'] == 'bad')))
{
$mysqli -> query ("
UPDATE
responses
@@ -54,346 +54,7 @@ if (isset ($_GET['id'])
(thread_id = $thread) AND (response_id = {$_GET['id']})");

header ("Location: ./?thread=$thread&sort=$sort");
endif;
?>
<!DOCTYPE html>
}

<html lang="ja">
<head>
<meta charset="UTF-8" />
<meta name="robots" content="noindex" />
<title><?= ($title == '') ? '' : ($title . ' - ') ?>キケッツチャンネル お絵描き掲示板</title>
<link rel="stylesheet" href="https://jpafonts.osdn.jp/webfonts/jpafonts.css" />
<link rel="stylesheet" type="text/css" href="/style.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />
<script defer src="https://use.fontawesome.com/releases/v5.15.4/js/all.js"></script>
<script src="modules/colour-pad.js"></script>
</head>

<body>
<!-- <div style="font-size: 500%">
メンテ中
</div> -->

<div id="modal" class="modal">
<div class="modal-content">
<h3>Canvas のサイズを変更</h3>

<form>
<div style="margin-bottom: 16px">
<div>
<label for="width">幅：</label>
<input type="number" id="change-width" name="width" value="480" min="32" max="640" />
<label>（32 〜 640）</label>
</div>

<div>
<label for="height">高さ：</label>
<input type="number" id="change-height" name="height" value="480" min="24" max="480" />
<label>（24 〜 480）</label>
</div>
</div>

<button type="button" onclick="closeModal ()">取消</button>
<button type="button" onclick="applyResolution ()">適用</button>
</form>
</div>
</div>

<h1><a href="."><img src="/img/kusobbs.gif" alt="クソ掲示板" style="width: 398px" /></a></h1>
<div style="text-align: center"><a href="#" onclick="PauseMusic ()" id="mute">&emsp;</a></div>

<?php
if ($thread == -1):
?>
<form action="make_thread.php" method="POST">
スレ名：<input type="text" name="thread-name" /><br />
スレ内容：<textarea name="thread-explain"></textarea><br />
<input type="submit" value="スレ立て" />
</form>
<?php
if ($result = $mysqli -> query ("SELECT * FROM threads WHERE id <> 1 ORDER BY latest DESC")):
while ($row = $result -> fetch_assoc ()):
?>
<table width="90%">
<thead>
<tr><td class="header"><a href="?thread=<?= $row['id'] ?>"><?= $row['title'] ?></a>&emsp;更新：1<?= $row['latest'] ?>&emsp;<?= $row['length'] ?> レス</td></tr>
</thead>

<?php
if ($row['explain'] != '<p></p>'):
?>

<tbody>
<tr><td><?= $row['explain'] ?></td></tr>
</tbody>
</table>
<?php
endif; // end of ($row['explain'] != '<p></p>')
endwhile; // end of ($row = $result -> fetch_assoc ())
endif; // end of ($result = $mysqli -> query ("SELECT * FROM threads ORDER BY latest DESC"))
else: // $thread != -1
?>

<table width="90%">
<thead>
<tr><td class="header"><?= $title ?></td></tr>
</thead>

<?php
if ($explain != '<p></p>'):
?>
<tbody>
<tr><td><?= $explain ?></td></tr>
</tbody>

<?php
endif;
?>
</table>

<form id="message-form">
<label>名前：</label><input type="text" id="user-name" name="name" /><br />
<label>削除用パスワード：</label><input type="password" id="password" name="password" />
<!-- <textarea id="message" name="message"></textarea> -->
</form>

<div id="paint">
<div style="display: flex; justify-content: center">
<div class="button-area" style="margin-right: 64px">
<button id="new">新規作成</button>
<button id="send">送信</button>
<button id="save">ダウンロード</button>
<button id="change-size">サイズ変更</button>
</div>

<div class="button-area" style="vertical-align: middle">
<button id="undo">←</button>
<button id="redo">→</button>
</div>
</div>

<div style="display: flex; width: max-content; flex-direction: column">
<div class="radio">
<form id="mode">
<label>モード：</label>
<label><input type="radio" name="mode" value="pen" id="pen" checked />ペン</label>
<label><input type="radio" name="mode" value="rubber" id="rubber" />消しゴム</label>
<label><input type="radio" name="mode" value="bucket" id="bucket" />塗りつぶし</label>
</form>
</div>

<div class="radio">
<label>取込み：</label>
<input id="load" type="file" onChange="LoadFile (this.files)" />
</div>

<div class="radio">
<form id="colour">
<label>色：</label>
<!-- <input type="radio" name="colour" value="black" checked="checked" />黒
<input type="radio" name="colour" value="blue" />ブルー
<input type="radio" name="colour" value="red" />赤
<input type="radio" name="colour" value="magenta" />マジェンタ
<input type="radio" name="colour" value="lime" />ライム
<input type="radio" name="colour" value="cyan" />青
<input type="radio" name="colour" value="yellow" />イェロウ
<input type="radio" name="colour" value="white" />白 -->
<button id="colour-picker" type="button" onclick="cmanCP_JS_open(this)" cmanCPat="def_color:cns=#000000,rc_form:RGBA,rc_func:changeColour">選択</button>
<label id="irorororo">黒</label>
</form>
</div>

<div class="radio">
<form id="size">
<label>太さ：</label>
<label><input type="radio" name="size" value="1" />1</label>
<label><input type="radio" name="size" value="2" />2</label>
<label><input type="radio" name="size" value="3" checked="checked" />3</label>
<label><input type="radio" name="size" value="5" />5</label>
<label><input type="radio" name="size" value="7" />7</label>
<label><input type="radio" name="size" value="10" />10</label>
<label><input type="radio" name="size" value="15" />15</label>
<!-- <input type="range" name="size" min="1" max="57" value="3" /> -->
<label><input type="radio" name="size" value="0" />指定：
<input style="width: 2em" type="number" name="size" id="size-free" value="57" /></label>
</form>
</div>

<div class="radio">
<form id="layer">
<label>レイア：</label>
<label><input onclick="reDraw ()" type="radio" name="layer" value="0" checked="checked" />基底</label>
<label><input onclick="reDraw ()" type="radio" name="layer" value="1" />1</label>
<label><input onclick="reDraw ()" type="radio" name="layer" value="2" />2</label>
<button type="button" name="del">削除</button>
<button type="button" name="down">下へ</button>
<button type="button" name="up">上へ</button>
<button type="button" name="add">追加</button>
<br />
<label><input onclick="reDraw ()" type="checkbox" name="sep" />レイアを分けて表示</label>
</form>
</div>
</div>

<div class="canvas-area" id="canvas-area">
<canvas id="canvas" width="480" height="480"></canvas>
<!-- <canvas id="canvas1" width="480" height="480"></canvas> -->
<!-- <canvas id="canvas2" width="480" height="480"></canvas> -->
</div>
</div>

<form name="sort">
<label>
並べ替え：

<select id="sort" style="font-size: 24px">
<option value="time-desc"<?= ($sort == 'td') ? ' selected="selected"' : '' ?>>投稿が新しい順</option>
<option value="evaluate-good"<?= ($sort == 'eg') ? ' selected="selected"' : '' ?>>評価が高い順</option>
<option value="time-asc"<?= ($sort == 'ta') ? ' selected="selected"' : '' ?>>投稿が古い順</option>
<option value="evaluate-bad"<?= ($sort == 'eb') ? ' selected="selected"' : '' ?>>評価が低い順</option>
</select>
</label>
</form>

<div id="bbs">
<?php
// スレ内のレスをすべて取得
if ($result = $mysqli -> query ("
SELECT
response_id as id, name, message, date, image, held, deleted, pass, good, bad, good - bad as evaluate
FROM
responses
WHERE
thread_id = $thread
ORDER BY
" . (($sort == 'td')
? 'id DESC'
: (($sort == 'eg')
? 'evaluate DESC, id DESC'
: (($sort == 'ta')
? 'id ASC'
: (($sort == 'eb')
? 'evaluate ASC, id DESC'
: 'id DESC')))))):
while ($row = $result -> fetch_assoc ()):
?>
<table width="90%" id="<?= $row['id'] ?>">
<thead>
<tr>
<td class="header">
<div style="margin: 0 8px">
<div style="float: left"><?= $row['id'] ?>:
<?= (($row['name'] == '')
? '名なしさん'
: $row['name']) ?>
</div>

<div style="text-align: right">
1<?= date ('Y/m/d H:i:s', strtotime ($row['date'])) ?>
</div>
</div>

<div style="display: grid;
grid-template-columns: auto <?= ($row['good'] + $row['bad'] == 0) ? '.48fr' : ((.96 * $row['bad'] / ($row['good'] + $row['bad'])) . 'fr') ?> <?= ($row['good'] + $row['bad'] == 0) ? '.48fr' : ((.96 * $row['good'] / ($row['good'] + $row['bad'])) . 'fr') ?> auto;
align-items: center;
margin-top: 8px;
margin-left: auto;
margin-right: auto;
width: 90%;
font-size: 80%">
<div style="grid-columns: 1; text-align: left;">
<a style="color: blue; white-space: nowrap" title="低評価"
href="?thread=<?= $thread ?>&sort=<?= $sort ?>&evaluate=bad&id=<?= $row['id'] ?>#<?= $row['id'] ?>">
<i class="fas fa-thumbs-down"></i>&thinsp;<?= $row['bad'] ?>
</a>
</div>

<div style="grid-columns: 2;
background-color: blue;
text-align: center;
height: 40%">
&nbsp;
</div>

<div style="grid-columns: 3;
background-color: red;
text-align: center;
height: 40%">
&nbsp;
</div>

<div style="grid-columns: 4; text-align: right">
<a style="color: red" title="高評価" href="?thread=<?= $thread ?>&sort=<?= $sort ?>&evaluate=good&id=<?= $row['id'] ?>#<?= $row['id'] ?>">
<?= $row['good'] ?>&thinsp;<i class="fas fa-thumbs-up"></i>
</a>
</div>
</div>
</td>
</tr>
</thead>

<tbody>
<?php
// 特殊なメッシジ
if ($row['deleted']): // 削除された場合
?>
<tr><td><p>削除されました．</p></td></tr>
<?php
elseif ($row['held']): // 保留中の場合
?>
<tr><td><p>確認中です．</p></td></tr>
<?php
else:
?>
<tr><td class="illust" style="display: grid; grid-template-columns: .375fr auto .375fr; align-items: end"><div style="grid-columns: 1"></div><div style="grid-columns: 2; text-align: center"><img style="border: solid 1px"src="<?= $dir . $row['image'] ?>" /></div><div style="grid-columns: 3; justify-self: end; margin-right: 8px; margin-bottom: 8px; font-size: 80%"><a href="#del" onclick="deletePost (<?= $row['id'] ?>)">削除</a></div></td></tr>
<?php
endif;
?>
</tbody>
</table>
<?php
endwhile;

// MySQL を閉ぢる．
$result -> close ();
endif;
?>
</div>

<h3 id="del">レス削除</h3>
削除したいレス番号と削除用パスワードを入力して &ldquo;削除&rdquo; を押してください．<br />
<label>レス番号：</label><input type="text" id="del-id" /><br />
<label>削除用パスワード：</label><input type="password" id="del-pass" /><br />
<button id="delete" onclick="deletePostReally ()">削除</button>
<?php
endif;
?>

<hr />

<footer>
<div class="attention">
このサイトでは，<a href="https://moji.or.jp/ipafont/license/" target="_blank">IPA フォントライセンス v1.0</a> で公開されてゐる <a href="https://jpafonts.osdn.jp/" target="_blank">JPA フォント</a>を使用してゐます．
</div>

<div class="copyright">
&copy; このペィジへの投稿は，すべて，パブリック・ドメインとします．
</div>
</footer>

<canvas style="display: none" width="1" height="1" id="work"></canvas>
<canvas style="display: none" width="480" height="480" id="canvas-perfect"></canvas>

<script type="text/javascript" src="script.js"></script>
<?php
if ($thread != -1):
?>
<script type="text/javascript" src="paint.js"></script>
<?php
endif;
?>
</body>
</html>
require_once './forms/index.frm.php';


+ 10
- 0
migrate.php View File

@@ -0,0 +1,10 @@
<?php

require_once './db_connection.php';


$files = glob ('./migrations/*.sql');

foreach ($files as $file)
$__db_connection -> query (file_get_contents ($file));


+ 2
- 0
migrations/2023_09_01_011340_create_threads_table.sql View File

@@ -0,0 +1,2 @@
CREATE TABLE `miteruzo_bbs`.`threads` ( `id` INT NOT NULL AUTO_INCREMENT , `title` VARCHAR(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL , `explain` MEDIUMTEXT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL , `latest` DATETIME NOT NULL , `length` INT NOT NULL DEFAULT '0' , PRIMARY KEY (`id`)) ENGINE = InnoDB CHARSET=utf8mb4 COLLATE utf8mb4_unicode_ci;


+ 2
- 0
migrations/2023_09_01_012000_create_responses_table.sql View File

@@ -0,0 +1,2 @@
CREATE TABLE `miteruzo_bbs`.`responses` ( `thread_id` INT NOT NULL , `response_id` INT NOT NULL , `name` VARCHAR(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL DEFAULT '名なしさん' , `message` MEDIUMTEXT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL , `date` DATETIME NOT NULL , `image` VARCHAR(31) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL , `held` TINYINT NOT NULL DEFAULT '0' , `deleted` TINYINT NOT NULL DEFAULT '0' , `pass` VARCHAR(64) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NULL , `good` INT NOT NULL DEFAULT '0' , `bad` INT NOT NULL DEFAULT '0' , PRIMARY KEY (`thread_id`, `response_id`)) ENGINE = InnoDB CHARSET=utf8mb4 COLLATE utf8mb4_unicode_ci;


backup.php → modules/backup.php View File

@@ -1,17 +1,19 @@
<?php
define ('SAVE_DIR', 'draft/');
define ('SAVE_DIR', "${_SERVER['DOCUMENT_ROOT']}/drafts/");

$json = getParamJSON ();

if (!(isset ($json['data'])))
{
sendResult (false, 'Empty query Parameter: data');

exit (1);
}

if (!(preg_match ('/^data:image\/png;base64,/', $json['data'])))
{
sendResult (false, 'Not Allow data type: data');

exit (1);
}

@@ -27,7 +29,8 @@ setcookie ('backup', $file, time () + 60 * 60 * 24 * 30);


function
getParamJSON ()
getParamJSON ():
array
{
$buff = file_get_contents ('php://input');
$json = json_decode ($buff, true);
@@ -36,7 +39,10 @@ getParamJSON ()
}

function
sendResult ($status, $data)
sendResult (
$status,
$data):
string
{
header ('Access-Control-Allow-Origin: *');
header ('Access-Control-Allow-Headers: *');

delete.php → modules/delete.php View File

@@ -28,11 +28,11 @@ if ($result = $mysqli -> query ("
WHERE
(thread_id = $thread) AND (response_id = $id)");

echo "消しましたぁ!!<br /><br /><img style='border: solid 1px' src='image/{$row['image']}' />";
echo "消しましたぁ!!<br /><br /><img style='border: solid 1px' src='/images/{$row['image']}' />";
else:
echo '残念．<br />削除用パスワードが違います．';
endif;

echo "<br /><br />5 秒後に元のページに戻ります．<br /><br /><a href='./?thread=$thread#$id'>戻らない場合はこちら</a><script>setTimeout (function () {window.location.href = `./?thread=$thread#$id`}, 5000)</script>";
echo "<br /><br />5 秒後に元のページに戻ります．<br /><br /><a href='/?thread=$thread#$id'>戻らない場合はこちら</a><script>setTimeout (function () {window.location.href = `/?thread=$thread#$id`}, 5000)</script>";
endif;


make_thread.php → modules/make_thread.php View File

@@ -17,7 +17,7 @@ if (!(empty ($_POST['thread-name'])))

$result -> close ();

$sql = "INSERT INTO threads (id, title, `explain`, latest, length) VALUES ($current, '{$_POST['thread-name']}', '$explain', '" . date ('Y-m-d H:i:s') . "', 0)";
$sql = "INSERT INTO threads (title, `explain`, latest, length) VALUES ('{$_POST['thread-name']}', '$explain', '" . date ('Y-m-d H:i:s') . "', 0)";
$mysqli -> query ($sql);
/* $sql = "CREATE TABLE `miteruzo_bbs`.`thread_$current` (
`id` INT( 11 ) NOT NULL AUTO_INCREMENT PRIMARY KEY COMMENT 'レス番',
@@ -37,5 +37,5 @@ if (!(empty ($_POST['thread-name'])))
$mysqli -> close ();
}

header ("location: ./?thread=$current");
header ("location: ../?thread=$current");


upload.php → modules/upload.php View File

@@ -2,10 +2,10 @@
require "${_SERVER['DOCUMENT_ROOT']}/database.php";


define ('SAVE_DIR', 'image/'); // 保存ディレクトリ定義
define ('SAVE_DIR', "${_SERVER['DOCUMENT_ROOT']}/images/"); // 保存ディレクトリ定義

$thread = $_GET['thread'];
file_put_contents ('log.txt', $thread);
// file_put_contents ('log.txt', $thread);

$json = getParamJSON (); // JSON パラメタ


modules/colour-pad.js → scripts/colour-pad.js View File


paint.js → scripts/paint.js View File

@@ -219,11 +219,11 @@ SendToServer (backup)
mode: 'cors'};

if (backup)
await SendServer (`backup.php?id=${uniqId}`, param);
await SendServer (`/modules/backup.php?id=${uniqId}`, param);
else
{
// SendServer (`upload.php?name=${userName.value}&pass=${password.value}&msg=${message.value}`, param);
await SendServer (`upload.php${window.location.search}&name=${userName.value}&pass=${password.value}&held=${held ? 1 : 0}&uniqid=${uniqId}`, param);
await SendServer (`/modules/upload.php${window.location.search}&name=${userName.value}&pass=${password.value}&held=${held ? 1 : 0}&uniqid=${uniqId}`, param);
}
}

@@ -872,7 +872,7 @@ deletePostReally ()
{
const searchParams = new URLSearchParams (window.location.search);

window.location.href = `./delete.php?thread=${searchParams.get (
window.location.href = `./modules/delete.php?thread=${searchParams.get (
'thread')}&id=${delId.value}&pass=${delPass.value}`;
}
else

script.js → scripts/script.js View File

@@ -1,6 +1,6 @@
const music = new Audio ('music.mp3'); // BGM
let playing = false; // 再生フラグ
let nowPlay = true; // 再生すべきかどぅか
const music = new Audio ('./assets/music.mp3'); // BGM
let playing = false; // 再生フラグ
let nowPlay = true; // 再生すべきかどぅか

document.getElementById ('sort').addEventListener ('change', sortChange);


+ 0
- 104
style.css View File

@@ -1,104 +0,0 @@
body
{
background-color: aquamarine;
}

table
{
margin: 24px auto 40px;
}

td
{
padding: 8px;
}

table, td
{
border: solid 1px;
background-color: white;
}

#paint
{
margin-bottom: 64px;
}

#paint > div
{
margin: 24px auto;
}

h1, .illust
{
text-align: center;
}

.radio
{
/* width: 704px; */
/* display: inline-block; */
vertical-align: middle;
line-height: 1.5em;
/* margin: auto; */
}

.button-area, .canvas-area
{
text-align: center;
}

.canvas-area
{
width: 480px;
height: 480px;
max-width: 100%;
position: relative;
padding: 0;
box-sizing: content-box;
}

.canvas-area:before
{
content: "";
display: block;
padding-top: 100%;
}

.canvas-area > canvas
{
position: absolute;
left: 0;
top: 0;
border: 1px solid;
max-width: 100%;
box-sizing: content-box;
padding: 0;
margin: 0;
}

.modal {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
background-color: #fff;
margin: 15% auto;
padding: 20px;
border: 1px solid #888;
width: 400px;
text-align: center;
}

@media only screen and (max-width: 600px) {
.modal-content {
width: 70%;
}
}

+ 240
- 0
styles/style.css View File

@@ -0,0 +1,240 @@
html
{
font-size: 24px;
font-family: "Helvetica Neue", "Helvetica", "Segoe UI", "Arial",
"JPAGothic", "IPAGothic",
"Hiragino Sans", "Hiragino Kaku Gothic ProN",
"Yu Gothic", "Meiryo", "MS Gothic",
sans-serif;
width: 960px;
text-align: justify;
margin: auto;
punctuation-trim: adjacent;
}

em
{
font-style: normal;
font-size: 120%;
font-weight: bold;
color: red;
font-family: "Helvetica Neue", "Helvetica", "Segoe UI", "Arial",
"JPAGothic", "IPAGothic",
"Hiragino Sans", "Hiragino Kaku Gothic ProN",
"Yu Gothic", "Meiryo", "MS Gothic",
sans-serif;
}

.miteruzochan
{
white-space: nowrap;
}

section
{
margin-bottom: 3em;
}

p:not(.noindent)
{
text-indent: 1em;
}

p
{
margin: 0 2em;
line-height: 3em;
}

.copy
{
font-size: 200%;
font-weight: bold;
font-style: italic;
text-align: center;
font-family: "Times New Roman",
"JPAMincho", "IPAMincho", "Hiragino Mincho ProN",
"Yu Mincho", "MS Mincho",
serif;
margin: 1em 0;
}

footer
{
font-size: 16px;
color: dimgray;
text-align: center;
line-height: 2em;
padding-bottom: 24px;
}

footer > div
{
margin: 24px 0;
}

.copyright
{
text-align: center;
margin: 24px 0;
}

footer a
{
color: darkslategray;
}

a
{
text-decoration: none;
}

div.paragraph
{
margin-bottom: 1.5em;
}

table
{
margin: auto;
}

tr:nth-child(odd)
{
background-color: lightgray;
}

th, td
{
padding: 8px 16px;
}

#title
{
text-align: left;
display: inline-block;
}

#translate
{
text-align: right;
display: inline-block;
width: 288px;
}

header
{
display: flex;
justify-content: space-between;
align-items: center;
}

button, input
{
font-size: 24px;
}

body
{
background-color: aquamarine;
}

table
{
margin: 24px auto 40px;
}

td
{
padding: 8px;
}

table, td
{
border: solid 1px;
background-color: white;
}

#paint
{
margin-bottom: 64px;
}

#paint > div
{
margin: 24px auto;
}

h1, .illust
{
text-align: center;
}

.radio
{
/* width: 704px; */
/* display: inline-block; */
vertical-align: middle;
line-height: 1.5em;
/* margin: auto; */
}

.button-area, .canvas-area
{
text-align: center;
}

.canvas-area
{
width: 480px;
height: 480px;
max-width: 100%;
position: relative;
padding: 0;
box-sizing: content-box;
}

.canvas-area:before
{
content: "";
display: block;
padding-top: 100%;
}

.canvas-area > canvas
{
position: absolute;
left: 0;
top: 0;
border: 1px solid;
max-width: 100%;
box-sizing: content-box;
padding: 0;
margin: 0;
}

.modal {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
background-color: #fff;
margin: 15% auto;
padding: 20px;
border: 1px solid #888;
width: 400px;
text-align: center;
}

@media only screen and (max-width: 600px) {
.modal-content {
width: 70%;
}
}

Write Preview
Loading…
Cancel
Save