<h5 class="title">履歴</h5>
<button type="button" class="btn btn-link" style="margin-left: auto;" data-toggle="modal"
data-target="#clearModal">
- 履歴のクリア
+ 閲覧履歴をクリア
</button>
</header>
<div class="nav">
<div class="panel panel-default" id="design">
<div class="panel-heading">履歴</div>
<div class="panel-body">
- <div class="container-fluid">
- <div class="row">
- <div class="col-md-12">
- <div class="table-responsive">
- <table class="table table-striped table-hover table-style" id="themeList">
- <thead>
- <tr>
- <th class="table-title">タイトル</th>
- <th class="table-url">URL</th>
- <th style="width: 200px; white-space: nowrap;">閲覧日時</th>
- </tr>
- </thead>
- <tbody>
- </tbody>
- </table>
- </div>
- </div>
- </div>
+ <div class="table-responsive">
+ <table class="table table-striped table-hover table-style" id="historyList">
+ <thead>
+ <tr>
+ <th class="table-title">タイトル</th>
+ <th class="table-url">URL</th>
+ <th style="width: 200px; white-space: nowrap;">閲覧日時</th>
+ </tr>
+ </thead>
+ <tbody>
+ </tbody>
+ </table>
</div>
</div>
</div>
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span>×</span></button>
- <h4 class="modal-title">履歴のクリア</h4>
+ <h4 class="modal-title">閲覧履歴をクリア</h4>
</div>
<div class="modal-body">
これまでの閲覧履歴をクリアします。
});
getHistorys().then((data) => {
- data.forEach(function (item, i) {
- $('#themeList').append($('<tr></tr>').append($('<td class="table-title"></td>').html(`<a href="${item.url}">${item.title}</a>`)).append($('<td class="table-url"></td>').text(item.url)).append($('<td></td>').text(moment(item.createdAt).format('YYYY/MM/DD HH:mm'))));
+ data.forEach((item, i) => {
+ $('#historyList').append($('<tr></tr>').append($('<td class="table-title"></td>').append($(`<a href="${item.url}"></a>`).text(item.title))).append($('<td class="table-url"></td>').text(item.url)).append($('<td></td>').text(moment(item.createdAt).format('YYYY/MM/DD HH:mm'))));
});
});
});