mirror of
https://github.com/twisterarmy/swizzler.git
synced 2025-03-12 21:41:17 +00:00
3ffb1e6524
Great performance boost. Also: * Input field to copy @username Once we can post, this may be handy * Search is also an iframe (containing an iframe per user) So you can keep composing a twist while searching for usernames * Should be responsive for cellulars (I can only resize browser to check. Got no phone. Anyway, the floating "Fork me" footer now has a link to navigation (local users), and that's about all the essential navigation. You can scroll a bit down from there for search results, or all the way up for the content. * Make sure Dillo etc. that don't see bootstrap font icon can still have text links to everything Enjoy
51 lines
2.7 KiB
HTML
51 lines
2.7 KiB
HTML
<div id="localusers" class="panel panel-primary">
|
|
<div class="panel-heading">
|
|
{{#info}}
|
|
<div class="pull-right badge">Peers: {{dht_nodes}}/{{dht_global_nodes}}</div>
|
|
{{/info}}
|
|
<h3 class="panel-title"><span class="glyphicon glyphicon-th-list"></span> Local users</h3>
|
|
</div>
|
|
<ul class="panel-body list-group media-list">
|
|
{{#local_users}}
|
|
<li class="media list-group-item avatars32{{#active}} active{{/active}}">
|
|
<a {{#username}}title="@{{username}}'s home" {{/username}}class="pull-left thumbnail" href="{{site_root}}/{{#username}}home/{{.}}{{/username}}">
|
|
<img class="media-object avatar" src="{{#avatar}}{{.}}{{/avatar}}{{^avatar}}/assets/img/twister-64.jpg{{/avatar}}" alt="{{fullname}}">
|
|
</a>
|
|
<div class="media-body">
|
|
<h5 class="media-heading">
|
|
{{^active}}
|
|
<a {{#username}}title="@{{username}}'s home"{{/username}}
|
|
href="{{site_root}}/{{#username}}home/{{.}}{{/username}}">{{/active}}{{fullname}}{{^active}}</a>
|
|
{{/active}}
|
|
</h5>
|
|
{{#username}}
|
|
<a class="label label-primary" href="{{site_root}}/home/{{.}}" title="@{{.}}'s home"><span class="glyphicon glyphicon-home"></span></a>
|
|
<a class="label label-primary" href="{{site_root}}/home/{{.}}/mentions" title="mentions of @{{.}}"><span class="glyphicon glyphicon-bell"></span></a>
|
|
<a class="label label-primary" href="{{site_root}}/messages/{{.}}" title="direct messages from/to @{{.}}"><span class="glyphicon glyphicon-envelope"></span></a>
|
|
<a class="label label-info" href="{{site_root}}/user/{{.}}" title="@{{.}}'s profile"><span class="glyphicon glyphicon-user"></span></a>
|
|
{{/username}}
|
|
{{^username}}
|
|
(view sponsored posts)
|
|
{{/username}}
|
|
</div>
|
|
</li>
|
|
{{/local_users}}
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="panel panel-primary">
|
|
<div class="panel-heading">
|
|
<form target="searchresult" tag="searchresult" method=get action="{{site_root}}/search" class="inline-form" role="search">
|
|
<div class="form-group">
|
|
<label for="#search"><span class="glyphicon glyphicon-search"></span> Search for tag or partial username</label>
|
|
<input id="q" name="q" type="text" class="form-control" placeholder="#twister or @twi"{{#user_prefix}} value="{{.}}"{{/user_prefix}}>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<iframe name="searchresult" class="thumbnail media-object {{#fromMe}}pull-right{{/fromMe}}{{^fromMe}}pull-left{{/fromMe}}"
|
|
style="width:100%; border:none; padding:0; background:none; overflow:hidden"
|
|
width=100 height=2645 seamless=seamless
|
|
src="{{site_root}}/search"></iframe>
|
|
</div>
|