129 lines
4.1 KiB
HTML
129 lines
4.1 KiB
HTML
<div class="ui segment">
|
|
<div class="ui grid">
|
|
<div class="row" ng-repeat="ss in test">
|
|
<div class="one wide column">
|
|
ssssss
|
|
</div>
|
|
<div class="fifteen wide column">
|
|
<div class="ui cards">
|
|
<div class="card" ng-repeat="ss in test">
|
|
<div class="content">
|
|
<div class="header">Elliot Fu</div>
|
|
<div class="meta">Friend</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ui small menu js-search-detail" ng-if="showSearch">
|
|
<div class="ui dropdown item">
|
|
<div class="text">搜索范围</div>
|
|
<i class="dropdown icon"></i>
|
|
<div class="menu">
|
|
<div class="item">自己书签</div>
|
|
<div class="item">全站书签</div>
|
|
</div>
|
|
</div>
|
|
<div class="item" style="width:136px;">
|
|
<div class="ui calendar js-date-begin">
|
|
<div class="ui transparent input left icon">
|
|
<i class="calendar icon"></i>
|
|
<input type="text" placeholder="开始日期">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="item" style="width:136px;">
|
|
<div class="ui calendar js-date-end">
|
|
<div class="ui transparent input left icon">
|
|
<i class="calendar icon"></i>
|
|
<input type="text" placeholder="结束日期">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ui dropdown item">
|
|
<div class="text">点击次数</div>
|
|
<i class="dropdown icon"></i>
|
|
<div class="menu">
|
|
<div class="item">大于</div>
|
|
<div class="item">小于</div>
|
|
</div>
|
|
</div>
|
|
<div class="ui item transparent icon input" style="width:120px;">
|
|
<input class="prompt" type="text" ng-model="keyword" placeholder="点击次数">
|
|
</div>
|
|
<div class="ui item transparent icon input" style="width:120px;">
|
|
<input class="prompt" type="text" ng-model="keyword" placeholder="用户账号">
|
|
</div>
|
|
<div class="ui item transparent icon input" style="width:160px;">
|
|
<input type="text" placeholder="标题，链接，分类">
|
|
</div>
|
|
<div class="right item">
|
|
<div class="ui button">搜索</div>
|
|
</div>
|
|
</div>
|
|
<table class="ui celled table" ng-if="showStyle === 'table'">
|
|
<thead>
|
|
<tr>
|
|
<th>标题</th>
|
|
<th>链接</th>
|
|
<th>点击次数</th>
|
|
<th>创建日期</th>
|
|
<th>最后点击日期</th>
|
|
<th>分类</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-repeat="bookmark in bookmarks">
|
|
<td>
|
|
<img class="ui ui middle aligned tiny image" src="http://api.byi.pw/favicon/?url={{bookmark.url}}" style="width:16px;height:16px">
|
|
<span>
|
|
<a href="{{ bookmark.url }}" target="_blank">{{ bookmark.title }}
|
|
</a>
|
|
</span>
|
|
</td>
|
|
<td>{{ bookmark.url }}</td>
|
|
<td>{{ bookmark.click_count }}</td>
|
|
<td>{{ bookmark.created_at }}</td>
|
|
<td>{{ bookmark.last_click }}</td>
|
|
<td>
|
|
<div class="ui label" ng-repeat="tag in bookmark.tags" tag-id="{{ tag.id }}">
|
|
{{ tag.name }}
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<th colspan="6">
|
|
<div class="ui right floated pagination menu">
|
|
<a class="icon item">
|
|
<i class="left chevron icon"></i>
|
|
</a>
|
|
<a class="item">1</a>
|
|
<a class="item">2</a>
|
|
<a class="item">3</a>
|
|
<a class="item">4</a>
|
|
<a class="icon item">
|
|
<i class="right chevron icon"></i>
|
|
</a>
|
|
</div>
|
|
</th>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
ght chevron icon"></i>
|
|
</a>
|
|
</div>
|
|
</th>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
/a>
|
|
</div>
|
|
</th>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|