--- /dev/null
+<!-- $Id: black_whitelist.tmpl,v 1.1 2026/08/22 12:47:08 dev Exp $ -->
+<h1>Black/White List</h1>
+
+<ul class="nav nav-tabs mb-3" id="myTab" role="tablist">
+ <li class="nav-item" role="black-white">
+ <button class="nav-link <TMPL_VAR NAME=TAB_BL>" id="blacklist-tab" data-bs-toggle="tab" data-bs-target="#blacklist-tab-pane" type="button" role="tab" aria-controls="blacklist-tab-pane">ブラックリスト</button>
+ </li>
+ <li class="nav-item" role="black-white">
+ <button class="nav-link <TMPL_VAR NAME=TAB_WH>" id="whitelist-tab" data-bs-toggle="tab" data-bs-target="#whitelist-tab-pane" type="button" role="tab" aria-controls="whitelist-tab-pane">ホワイトリスト</button>
+ </li>
+</ul>
+
+<div class="tab-content" id="myTabContent" style="margin-left:10px;">
+ <div class="tab-pane fade show <TMPL_VAR NAME=TAB_BL>" id="blacklist-tab-pane" role="tabpanel" aria-labelledby="blacklist-tab" tabindex="0">
+ <div class="bootstrap-table bootstrap">
+ <div class="fixed-table-toolbar" style="padding-bottom: 0px;width: 80%">
+ <div class="fixed-table-body">
+ <form method="post" action="<TMPL_VAR NAME=OWNPRG>">
+ <table id="blGrid" class="table table-striped table-bordered">
+ <thead>
+ <tr>
+ <th style="width: 300px; " data-field="number">
+ <div class="th-inner">電話番号</div>
+ </th>
+ <th style="" data-field="description">
+ <div class="th-inner">備考</div>
+ </th>
+ <th style="" data-field="">
+ <div class="th-inner"></div>
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>
+ <input type="text" class="form-control" id="telno" name="telno">
+ </td>
+ <td>
+ <input type="text" class="form-control" id="description" name="desc">
+ </td>
+ <td>
+ <input type="hidden" name="cate" value="blacklist">
+ <button type="submit" class="btn px-2 py-1 fw-semibold bg-success-subtle border border-success-subtle rounded-2" name="act" value="addnumber">追加</button>
+ <button type="submit" class="btn px-2 py-1 fw-semibold bg-danger-subtle border border-danger-subtle rounded-2" name="act" value="delnumber">削除</button>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </form>
+ <TMPL_IF NAME=TAB_BL>
+ <TMPL_IF NAME=ERRFLG>
+ <div class="alert alert-danger" role="alert"><TMPL_VAR NAME=ERRMSG></div>
+ </TMPL_IF>
+ <TMPL_IF NAME=STAFLG>
+ <div class="alert alert-success" role="alert"><TMPL_VAR NAME=STAMSG></div>
+ </TMPL_IF>
+ </TMPL_IF>
+ <hr>
+ <h4>登録済みリスト</h4>
+ </div>
+ </div>
+ <div class="fixed-table-container" style="padding-bottom: 0px;width: 80%">
+ <div class="fixed-table-body">
+ <table id="blGrid" class="table table-striped table-bordered">
+ <thead>
+ <tr>
+ <th style="width: 36px;" data-field="0">
+ <div class="th-inner">Seq</div>
+ </th>
+ <th style="width: 300px; " data-field="number">
+ <div class="th-inner">電話番号</div>
+ </th>
+ <th style="" data-field="description">
+ <div class="th-inner">備考</div>
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <TMPL_LOOP NAME="BLIST">
+ <tr data-index="<TMPL_VAR NAME=BID>">
+ <td style="width: 36px;"><TMPL_VAR NAME=BID></td>
+ <td style="width: 300px;"><TMPL_VAR NAME=TELNO></td>
+ <td><TMPL_VAR NAME=DESC></td>
+ </tr>
+ </TMPL_LOOP>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ <div class="fixed-table-pagination" style="">
+ <div class="float-left pagination-detail">
+ <TMPL_IF NAME=BNUM>
+ <span class="pagination-info">全<TMPL_VAR NAME=BNUM>件から、1から<TMPL_VAR NAME=BNUM>件目まで表示しています</span>
+ </TMPL_IF>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="tab-pane fade show <TMPL_VAR NAME=TAB_WH>" id="whitelist-tab-pane" role="tabpanel" aria-labelledby="whitelist-tab" tabindex="1">
+ <div class="bootstrap-table bootstrap">
+ <div class="fixed-table-toolbar" style="padding-bottom: 0px;width: 80%">
+ <div class="fixed-table-body">
+ <form method="post" action="<TMPL_VAR NAME=OWNPRG>">
+ <table id="blGrid" class="table table-striped table-bordered">
+ <thead>
+ <tr>
+ <th style="width: 300px;" data-field="number">
+ <div class="th-inner">電話番号</div>
+ </th>
+ <th style="" data-field="description">
+ <div class="th-inner">備考</div>
+ </th>
+ <th style="" data-field="">
+ <div class="th-inner"></div>
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>
+ <input type="text" class="form-control" id="telno" name="telno">
+ </td>
+ <td>
+ <input type="text" class="form-control" id="description" name="desc">
+ </td>
+ <td>
+ <input type="hidden" name="cate" value="whitelist">
+ <button type="submit" class="btn px-2 py-1 fw-semibold bg-success-subtle border border-success-subtle rounded-2" name="act" value="addnumber">追加</button>
+ <button type="submit" class="btn px-2 py-1 fw-semibold bg-danger-subtle border border-danger-subtle rounded-2" name="act" value="delnumber">削除</button>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </form>
+ <TMPL_IF NAME=TAB_WH>
+ <TMPL_IF NAME=ERRFLG>
+ <div class="alert alert-danger" role="alert"><TMPL_VAR NAME=ERRMSG></div>
+ </TMPL_IF>
+ <TMPL_IF NAME=STAFLG>
+ <div class="alert alert-success" role="alert"><TMPL_VAR NAME=STAMSG></div>
+ </TMPL_IF>
+ </TMPL_IF>
+ <hr>
+ <h4>登録済みリスト</h4>
+ </div>
+ </div>
+ <div class="fixed-table-container" style="padding-bottom: 0px;width: 80%">
+ <div class="fixed-table-body">
+ <table id="blGrid" class="table table-striped table-bordered">
+ <thead>
+ <tr>
+ <th style="width: 36px;" data-field="0">
+ <div class="th-inner ">Seq</div>
+ </th>
+ <th style="width: 300px; " data-field="number">
+ <div class="th-inner">電話番号</div>
+ <div class="fht-cell"></div>
+ </th>
+ <th style="" data-field="description">
+ <div class="th-inner">備考</div>
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <TMPL_LOOP NAME="WLIST">
+ <tr data-index="<TMPL_VAR NAME=WID>">
+ <td style="width: 36px;"><TMPL_VAR NAME=WID></td>
+ <td style="width: 300px; "><TMPL_VAR NAME=TELNO></td>
+ <td><TMPL_VAR NAME=DESC></td>
+ </tr>
+ </TMPL_LOOP>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ <div class="fixed-table-pagination" style="">
+ <div class="float-left pagination-detail">
+ <TMPL_IF NAME=WNUM>
+ <span class="pagination-info">全<TMPL_VAR NAME=WNUM>件から、1から<TMPL_VAR NAME=WNUM>件目まで表示しています</span>
+ </TMPL_IF>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+
+</body>
+</html>