github.com/insionng/yougam@v0.0.0-20170714101924-2bc18d833463/themes/wind/templates/messager.html (about) 1 <section class="panel panel-default"> 2 <header class="panel-heading bg-light" style="padding:1em 1em 0 1em;"> 3 <div class="col-md-3 no-padder"> 4 <p> 5 <a href="/user/{{SignedUser.Username}}/"{% if SignedUser.Username %} data-toggle="tooltip" data-placement="right" data-original-title="{{SignedUser.Username}}"{% endif %}> 6 <img src="{% if SignedUser.AvatarMedium %}{{File(SignedUser.AvatarMedium)}}{% else %}/identicon/{{SignedUser.Username}}/48/default.png{% endif %}" width="48px" height="48px"/> 7 </a> 8 </p> 9 </div> 10 <div class="col-md-6 no-padder"> 11 <p style="text-align:left;margin-top:10px;padding-left:10px;"> 12 <span class="small pull-left" style="margin-top:2px;" data-toggle="tooltip" data-placement="bottom" data-original-title="{{SignedUser.Content}}">{% if SignedUser.Content %}{{Cropword(SignedUser.Content,0,15,"..")}}{%else%}不记得了也好，忘却也是一种幸福。{% endif %}</span> 13 <div class="clear"></div> 14 </p> 15 </div> 16 <div class="col-md-3 no-padder"> 17 <a href="/user/{{SignedUser.Username}}/balance/" class="pull-right btn-dark badge">{{SignedUser.Balance|default: "0"}} <i class="fa fa-btc"></i></a> 18 </div> 19 <div class="clear"></div> 20 </header> 21 <section class="panel-body no-padder"> 22 <section class="panel panel-default m-b-none"> 23 <header class="panel-heading bg-light"> 24 <ul class="nav nav-tabs pull-right"> 25 <li{% if not (catpage=="ContactHandler") %} class="active"{% endif %}> 26 <a href="#msa" data-toggle="tab"> <i class="fa fa-pencil-square text-muted"></i> </a> 27 </li> 28 <li{% if catpage=="ContactHandler" %} class="active"{% endif %}> 29 <a href="#ams" data-toggle="tab"> <i class="fa fa-comments text-muted"></i> </a> 30 </li> 31 </ul> 32 <span class="hidden-sm"> 33 <a href="/user/{{SignedUser.Username}}/"{% if SignedUser.Nickname %} data-toggle="tooltip" data-placement="right" data-original-title="{{SignedUser.Nickname}}"{% endif %}>{% if SignedUser.Username %}{{Cropword(SignedUser.Username,0,6,"..")}}{% endif %}</a> 34 </span> 35 </header> 36 <section> 37 <div class="tab-content"> 38 <div class="tab-pane{% if not messager %} active{% endif %}" id="msa"> 39 <section class="panel-body no-padder"> 40 <div style="padding-top:1em;padding-bottom:1em;"> 41 <span class="col-lg-4"> 42 <a href="/user/{{SignedUser.Username}}/topics/"> 43 我的话题 44 </a> 45 </span> 46 <span class="col-lg-4"> 47 <a href="/user/{{SignedUser.Username}}/replys/"> 48 最近回复 49 </a> 50 </span> 51 <span class="col-lg-4"> 52 <a href="/user/{{SignedUser.Username}}/favorites/"> 53 收藏话题 54 </a> 55 </span> 56 <div class="clear"></div> 57 </div> 58 {% if curnode.Title %} 59 <section class="panel panel-info" style="margin:0 1em 1em 1em;"> 60 <div class="panel-body"> 61 <strong>[{{curnode.Title}}]</strong> 62 <div class="post-span votes pull-right"> 63 <span class="badge" id="bscore-{{curnode.Id}}">{{curnode.Hotscore}}</span> 分 <span class="pull-right"><a href="javascript:void(0);" onclick="javascript:$.get('/touch/like/node/{{curnode.Id}}/?ver='+(new Date()).valueOf(), {Action:'get'}, function (data, textStatus){this;$('#bscore-{{curnode.Id}}').html(data);});" class="vote"><i class="fa fa-chevron-up"></i></a> <a href="javascript:" onclick="javascript:$.get('/touch/hate/node/{{curnode.Id}}/?ver='+(new Date()).valueOf(), {Action:'get'}, function (data, textStatus){this;$('#bscore-{{curnode.Id}}').html(data);});" class="vote"><i class="fa fa-chevron-down"></i></a></span> 64 <div class="clear"></div> 65 </div> 66 <div class="clear"> 67 {% if curnode.Author %} 68 <span>创始人：<a href="/user/{{curnode.Author}}/" class="text-info">@{{curnode.Author}}<i class="icon-twitter"></i></a></span> 69 {% endif %} 70 <small class="block text-muted">{{curnode.Views}} 浏览 / {{curnode.TopicCount}} 话题</small> 71 {% comment %} 72 <a href="#/signin/?next=/subscribe/3/" class="btn btn-xs btn-success m-t-xs">加入</a> 73 <a href="#/signin/?next=/subscribe/3/" class="btn btn-xs btn-success m-t-xs">订阅</a> 74 {% endcomment %} 75 </div> 76 </div> 77 </section> 78 {% endif %} 79 </section> 80 <footer class="panel-footer"> 81 <p style="text-align:center;"> 82 <a href="{% if curnode %}/new/node/{{curnode.Id}}/topic/{% else %}/new/topic/{% endif %}" class="btn btn-s-md btn-dark btn-rounded"><i class="fa fa-pencil-square-o"></i> 创建{% if curnode.Title %} [{{curnode.Title}}] {% endif %}话题</a> 83 </p> 84 </footer> 85 </div> 86 <div class="tab-pane{% if messager %} active{% endif %}" id="ams"> 87 <section class="panel-body vbox no-padder"> 88 <header class="header bg-light lt"> 89 <ul class="nav nav-tabs nav-white"> 90 <li class="active"> 91 <a href="#ims" data-toggle="tab">联系</a> 92 </li> 93 <li> 94 <a href="#imf" data-toggle="tab">消息</a> 95 </li> 96 </ul> 97 </header> 98 <section class="scrollable hover messager"> 99 <div class="tab-content"> 100 <div class="tab-pane active" id="ims"> 101 <ul class="list-group no-radius m-b-none m-t-n-xxs list-group-lg no-border"> 102 {% if friends %} 103 {% for friend in friends %} 104 <li class="list-group-item"> 105 <div class="clearfix{% if Compare(friend.Friend.Accept|lower,"==","1") %} alert alert-warning{% endif %}"> 106 <a href="/{% if Compare(friend.Friend.Accept|lower,"==","1") %}user{% else %}connect{% endif %}/{{friend.User.Username}}/" class="pull-left thumb-sm avatar b-3x m-r"> 107 <img src="{% if friend.User.AvatarMedium %}{{File(friend.User.AvatarMedium)}}{% else %}/identicon/{{friend.User.Username}}/48/default.png{% endif %}" class="img-circle"></a><small class="pull-right"> 108 {% if Compare(friend.Friend.Accept|lower,"==","1") %} 109 <a href="/friend/deny/{{friend.User.Id}}/" data-dismiss="alert" class="btn btn-default btn-xs pull-right m-l-xs"> <i class="fa fa-times-circle-o text-muted"></i>拒绝</a> 110 <a href="/friend/allow/{{friend.User.Id}}/" data-dismiss="alert" class="btn btn-default btn-xs pull-right m-l-xs"> <i class="fa fa-check-circle-o text-muted"></i>通过</a> 111 {% else %} 112 <a href="/friend/delete/{{friend.User.Id}}/" data-dismiss="alert" class="btn btn-default btn-xs pull-right"> <i class="fa fa-trash-o text-muted"></i>删除</a> 113 {% endif %} 114 </small> 115 <div class="clear"> 116 <div class="h3 m-t-xs m-b-xs"> 117 <a href="/{% if Compare(friend.Friend.Accept|lower,"==","1") %}user{% else %}connect{% endif %}/{{friend.User.Username}}/">{{friend.User.Username}}</a> 118 {% if Compare(friend.Friend.Accept|lower,"==","1") %} <i class="fa fa-circle text-warning pull-right text-xs m-t-sm"></i>{%else%} <i class="fa fa-circle text-success pull-right text-xs m-t-sm"></i>{%endif%} 119 </div> 120 <small class="text-muted">{% if Compare(friend.Friend.Accept|lower,"==","1") and friend.Friend.Content %}{{friend.Friend.Content}}{% else %}{% if friend.User.Content %}{{friend.User.Content}}{% else %}等了十年，我还以为国家经已忘记了我~{% endif %}{% endif %}</small> 121 </div> 122 </div> 123 </li> 124 {% endfor %} 125 {% else %} 126 <li class="list-group-item"> 127 <div class="clearfix"> 128 <div class="h3 m-t-xs m-b-xs"> 129 <span>尚无好友</span> 130 </div> 131 <small class="text-muted">请你添加好友,开启聊天之旅～</small> 132 <div class="clear"></div> 133 </div> 134 </li> 135 {% endif %} 136 </ul> 137 </div> 138 <div class="tab-pane" id="imf"> 139 <ul class="list-group no-radius m-b-none m-t-n-xxs list-group-lg no-border" id="mlist"> 140 {% if messages %} 141 {% for message in messages %} 142 <li class="list-group-item"> 143 <div class="clearfix"> 144 <a href="/user/{{message.Sender}}/" class="pull-left thumb-sm avatar b-3x m-r"> 145 <img src="/identicon/{{message.Sender}}/100/default.png" class="img-circle"></a><small class="pull-right">{{TimeSince(message.Created)}}</small> 146 <div class="clear"> 147 <div class="h3 m-t-xs m-b-xs"> 148 <a href="/connect/{{message.Sender}}/">{{message.Sender}}</a> <i class="fa fa-circle text-success pull-right text-xs m-t-sm"></i> 149 </div> 150 <small class="text-muted">{{message.Content|safe}}</small> 151 </div> 152 </div> 153 </li> 154 {% endfor %} 155 {% else %} 156 <li class="list-group-item"> 157 <div class="clearfix"> 158 <div class="clear"> 159 <div class="h3 m-t-xs m-b-xs"> 160 尚无消息 161 </div> 162 <small class="text-muted">你尚未收到好友消息..</small> 163 </div> 164 </div> 165 </li> 166 {% endif %} 167 </ul> 168 </div> 169 </div> 170 </section> 171 </section> 172 <footer class="panel-footer"> 173 <p style="text-align:center;"> 174 <a href="/contact/search/" class="btn btn-s-md btn-dark btn-rounded"> 175 <i class="fa fa-search-plus"></i> 176 查找好友 177 </a> 178 </p> 179 </footer> 180 </div> 181 </div> 182 </section> 183 </section> 184 </section> 185 </section>