ニジカもんすたぁ!! トップ・ページ https://nizika.monster
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.frm.php 7.0 KiB

11 months ago
10 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
10 months ago
11 months ago
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. <!DOCTYPE html>
  2. <html lang="ja">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
  7. <script src="//code.jquery.com/ui/1.12.0/jquery-ui.min.js"></script>
  8. <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js"></script>
  9. <link href="//cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous" />
  10. <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/base/jquery-ui.min.css" />
  11. <link href="./style.css" rel="stylesheet" />
  12. <title>伊地知ニジカ放送局 - ニジカ返答ログ</title>
  13. </head>
  14. <body>
  15. <div class="container my-5">
  16. <div class="accordion mb-5" id="accordion-filter">
  17. <div class="accordion-item">
  18. <h2 class="accordion-header">
  19. <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-filter" aria-expanded="true" aria-controls="collapse-filter">
  20. 絞り込み
  21. </button>
  22. </h2>
  23. <div id="collapse-filter" class="accordion-collapse collapse show" data-bs-parent="#accordion-filter">
  24. <div class="accordion-body mx-5">
  25. <div>
  26. <div class="row d-flex align-items-center my-2">
  27. <div class="col-sm-4 fw-bold">
  28. 順序
  29. </div>
  30. <div class="col-sm">
  31. <div class="row align-items-center">
  32. <div class="col form-check">
  33. <input class="form-check-input" type="radio" name="order" id="order-desc"<?= $asc ? '' : ' checked="checked"' ?> />
  34. <label class="form-check-label" for="order-desc">
  35. 新しい順
  36. </label>
  37. </div>
  38. <div class="col form-check">
  39. <input class="form-check-input" type="radio" name="order" id="order-asc"<?= $asc ? ' checked="checked"' : '' ?> />
  40. <label class="form-check-label" for="order-asc">
  41. 古い順
  42. </label>
  43. </div>
  44. </div>
  45. </div>
  46. </div>
  47. <div class="row d-flex align-items-center my-2">
  48. <div class="col-sm-4 fw-bold">
  49. 日時ニジカ
  50. </div>
  51. <div class="col-sm input-group">
  52. <input type="text" class="form-control" placeholder="YYYY-MM-DD" id="filter-date-start"
  53. value="<?= $date_start ?>" />
  54. <span class="input-group-text">〜</span>
  55. <input type="text" class="form-control" placeholder="YYYY-MM-DD" id="filter-date-end"
  56. value="<?= $date_end ?>" />
  57. </div>
  58. </div>
  59. <div class="row d-flex align-items-center my-2">
  60. <div class="col-sm-4 fw-bold">
  61. フリーワード
  62. </div>
  63. <div class="col-sm">
  64. <input type="text" class="form-control" placeholder="ぬ゛ぅ゛ぅ゛ぅ゛ぅ゛ぅ゛ん゛" id="filter-keyword"
  65. value="<?= $keyword ?>"/>
  66. </div>
  67. </div>
  68. </div>
  69. <div class="mt-3 row">
  70. <div class="col-sm gap-2 d-grid my-1">
  71. <button type="button" class="btn btn-secondary" id="btn-reset">元に戻す</button>
  72. </div>
  73. <div class="col-sm gap-2 d-grid my-1">
  74. <button type="button" class="btn btn-primary" id="btn-filter">絞り込む</button>
  75. </div>
  76. </div>
  77. </div>
  78. </div>
  79. </div>
  80. </div>
  81. <?php if (count ($log_data) > 0): ?>
  82. <div class="mb-4">
  83. <?php require 'pagination.cmp.php' ?>
  84. </div>
  85. <div>
  86. <?php foreach (array_slice ($log_data,
  87. ($page - 1) * $length,
  88. $length,
  89. true) as $record): ?>
  90. <div class="mb-4">
  91. <div>
  92. <?= $record['date_time'] ?>
  93. </div>
  94. <div>
  95. <img src="<?= $record['chat_icon'] ?>" />
  96. <?= $record['chat_name'] ?>
  97. </div>
  98. <div style="color: blue">
  99. &gt; <span style="font-style: italic"><?= $record['chat_message'] ?></span>
  100. </div>
  101. <div>
  102. <?= $record['answer'] ?>
  103. </div>
  104. </div>
  105. <?php endforeach ?>
  106. </div>
  107. <div class="mt-5">
  108. <?php require 'pagination.cmp.php' ?>
  109. </div>
  110. <?php else: ?>
  111. 何も見つかりませんでしたぬ゛ぅ゛ぅ゛ぅ゛ぅ゛ん゛
  112. <?php endif ?>
  113. </div>
  114. <script src="//cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
  115. <script src="./script.js" type="text/javascript"></script>
  116. </body>
  117. </html>