styled flags

v1.18.x
psychobunny 10 years ago
parent cd38f2da9c
commit 6b37ec74cc

@ -1,73 +1,72 @@
<div class="flags"> <div class="flags">
<div class="col-lg-9"> <div class="col-lg-9">
<div class="panel panel-default"> <div data-next="{next}">
<div class="panel-heading"><i class="fa fa-flag"></i> Flags</div> <form id="flag-search" method="GET" action="flags">
<div class="panel-body" data-next="{next}"> <div class="form-group">
<form id="flag-search" method="GET" action="flags"> <div class="row">
<div class="form-group"> <div class="col-md-6">
<div class="row"> <label>Flags by user</label>
<div class="col-md-6"> <input type="text" class="form-control" id="byUsername" placeholder="Search flagged posts by username" name="byUsername" value="{byUsername}">
<label>Flags by user</label>
<input type="text" class="form-control" id="byUsername" placeholder="Search flagged posts by username" name="byUsername" value="{byUsername}">
</div>
</div> </div>
</div> </div>
</div>
<div class="form-group"> <div class="form-group">
<label>Sort By</label> <label>Sort By</label>
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
<select id="flag-sort-by" class="form-control" name="sortBy"> <select id="flag-sort-by" class="form-control" name="sortBy">
<option value="count">Most Flags</option> <option value="count">Most Flags</option>
<option value="time">Most Recent</option> <option value="time">Most Recent</option>
</select> </select>
</div>
</div> </div>
</div> </div>
</div>
<button type="submit" class="btn btn-default">[[global:search]]</button> <button type="submit" class="btn btn-primary">[[global:search]]</button>
</form> </form>
<hr/> <br />
<hr/>
<div class="post-container" data-next="{next}"> <div class="post-container" data-next="{next}">
<!-- IF !posts.length --> <!-- IF !posts.length -->
No flagged posts! No flagged posts!
<!-- ENDIF !posts.length--> <!-- ENDIF !posts.length-->
<!-- BEGIN posts --> <!-- BEGIN posts -->
<div> <div>
<div class="panel panel-default" data-pid="{posts.pid}" data-tid="{posts.topic.tid}"> <div class="panel panel-default" data-pid="{posts.pid}" data-tid="{posts.topic.tid}">
<div class="panel-body"> <div class="panel-body">
<a href="{config.relative_path}/user/{posts.user.userslug}"> <a href="{config.relative_path}/user/{posts.user.userslug}">
<img title="{posts.user.username}" class="img-rounded user-img" src="{posts.user.picture}"> <img title="{posts.user.username}" class="img-rounded user-img" src="{posts.user.picture}">
</a> </a>
<a href="{config.relative_path}/user/{posts.user.userslug}"> <a href="{config.relative_path}/user/{posts.user.userslug}">
<strong><span>{posts.user.username}</span></strong> <strong><span>{posts.user.username}</span></strong>
</a> </a>
<div class="content"> <div class="content">
<p>{posts.content}</p> <p>{posts.content}</p>
<p class="fade-out"></p> <p class="fade-out"></p>
</div>
<small>
<span class="pull-right">
Posted in <a href="{config.relative_path}/category/{posts.category.slug}" target="_blank"><i class="fa {posts.category.icon}"></i> {posts.category.name}</a>, <span class="timeago" title="{posts.relativeTime}"></span> &bull;
<a href="{config.relative_path}/topic/{posts.topic.slug}/{posts.index}" target="_blank">Read More</a>
</span>
</small>
</div> </div>
<small>
<span class="pull-right">
Posted in <a href="{config.relative_path}/category/{posts.category.slug}" target="_blank"><i class="fa {posts.category.icon}"></i> {posts.category.name}</a>, <span class="timeago" title="{posts.relativeTime}"></span> &bull;
<a href="{config.relative_path}/topic/{posts.topic.slug}/{posts.index}" target="_blank">Read More</a>
</span>
</small>
</div> </div>
<span class="badge badge-warning"><i class="fa fa-flag"></i> {posts.flags}</span>
<button class="btn btn-warning dismiss">Dismiss</button>
<button class="btn btn-danger delete">Delete</button>
<br/><br/>
</div> </div>
<!-- END posts -->
<span class="badge badge-warning"><i class="fa fa-flag"></i> {posts.flags}</span>
<button class="btn btn-warning dismiss">Dismiss</button>
<button class="btn btn-danger delete">Delete</button>
<br/><br/>
</div> </div>
<!-- END posts -->
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-3 acp-sidebar"> <div class="col-lg-3 acp-sidebar">
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading">Flags Control Panel</div> <div class="panel-heading">Flags Control Panel</div>

Loading…
Cancel
Save