github.com/insionng/yougam@v0.0.0-20170714101924-2bc18d833463/themes/wind/templates/contact.html (about)

     1  {% extends "base.html" %}
     2  {% block title %}
     3  <title>即时聊天 - {{SiteName}}</title>
     4  {% endblock title %}
     5  
     6  {% block content %}
     7      <div id="content" class="col-lg-9">
     8      {% include "msgerr.html" %}
     9      <section class="panel panel-default" style="min-height:744px;">
    10          <header class="panel-heading bg-light">
    11              <ul class="nav nav-tabs pull-right">
    12              {% comment %}
    13                  <li>
    14                      <a href="#n1" data-toggle="tab"> <i class="fa fa-comments text-muted"></i>
    15                          公聊
    16                      </a>
    17                  </li>
    18              {% endcomment %}
    19                  <li{% if contactHome %} class="active"{% endif %}>
    20                      <a href="#n2" data-toggle="tab"> <i class="fa fa-user text-muted"></i>
    21                          新人
    22                      </a>
    23                  </li>
    24                  <li{% if contactSearch %} class="active"{% endif %}>
    25                      <a href="#n3" data-toggle="tab">
    26                          <i class="fa fa-user text-muted"></i>
    27                          推荐
    28                      </a>
    29                  </li>
    30              </ul>
    31              <span class="hidden-sm">通信录</span>
    32          </header>
    33          <div class="panel-body">
    34              {% if contactSearch %}
    35                  <div class="input-group text-sm">
    36                      <input type="text" class="input-sm form-control" placeholder="搜索用户">
    37                      <div class="input-group-btn" style="padding-bottom:.5em;">
    38                          <button type="button" class="btn btn-sm">搜索</button>
    39                      </div>
    40                  </div>
    41              {% endif %}
    42              <div class="tab-content">
    43              {% comment %}
    44                  <div class="tab-pane" id="n1">
    45                      公共聊天
    46                  </div>
    47              {% endcomment %}
    48                  <div class="tab-pane{% if contactHome %} active{% endif %}" id="n2">
    49                          <section class="panel panel-success">
    50                              <div class="panel-heading">推荐新人</div>
    51                              <div class="row row-sm panel-body">
    52                              {% for usr in UsersByCreated %}
    53                                  <div class="col-sm-3">
    54                                      <div class="item box cell">
    55                                          <div class="pos-rlt">
    56                                              <div class="item-overlay opacity r r-2x bg-black"{% if usr.Content %} data-toggle="tooltip" data-placement="bottom" data-original-title="{{usr.Content}}"{% endif %}>
    57                                                  <div class="center text-center m-t-n">
    58                                                      <a href="/friend/add/{{usr.Id}}/"> <i class="fa fa-plus i-2x"></i>
    59                                                      </a>
    60                                                  </div>
    61                                              </div>
    62                                              <a href="/friend/add/{{usr.Id}}/">
    63                                                  <img style="width:152px;" src="{% if usr.Avatar %}{{File(usr.Avatar)}}{%else%}/identicon/{{usr.Username}}/200/default.png{% endif %}" alt="{{usr.Username}}" class="r r-2x img-full"></a>
    64                                          </div>
    65                                          <div class="padder-v">
    66                                              <a href="/user/{{usr.Username}}/" class="text-ellipsis">{{usr.Username}}{% if usr.Nickname %}（{{usr.Nickname}}）{% endif %}</a>
    67                                          </div>
    68                                      </div>
    69                                  </div>
    70                              {% endfor %}
    71                              </div>
    72                          </section>
    73                  </div>
    74                  <div class="tab-pane{% if contactSearch %} active{% endif %}" id="n3">
    75                          <section class="panel panel-warning">
    76                              <div class="panel-heading">推荐成员</div>
    77                              <div class="row row-sm panel-body">
    78                              {% for usr  in UsersByConfidence %}
    79                                  <div class="col-sm-3">
    80                                      <div class="item box cell">
    81                                          <div class="pos-rlt">
    82                                              <div class="item-overlay opacity r r-2x bg-black"{% if usr.Content %} data-toggle="tooltip" data-placement="bottom" data-original-title="{{usr.Content}}"{% endif %}>
    83                                                  <div class="center text-center m-t-n">
    84                                                      <a href="/friend/add/{{usr.Id}}/"> <i class="fa fa-plus i-2x"></i>
    85                                                      </a>
    86                                                  </div>
    87                                              </div>
    88                                              <a href="/friend/add/{{usr.Id}}/">
    89                                                  <img style="width:152px;" src="{% if usr.Avatar %}{{File(usr.Avatar)}}{%else%}/identicon/{{usr.Username}}/200/default.png{% endif %}" alt=".." class="r r-2x img-full"></a>
    90                                          </div>
    91                                          <div class="padder-v">
    92                                              <a href="#" class="text-ellipsis">{{usr.Username}}{% if usr.Nickname %}（{{usr.Nickname}}）{% endif %}</a>
    93                                          </div>
    94                                      </div>
    95                                  </div>
    96                              {% endfor %}
    97                              </div>
    98                          </section>
    99                  </div>
   100              </div>
   101          </div>
   102      </section>
   103      </div>
   104  {% endblock content %}
   105  
   106  {% block sidebar %}{% include "contact-sidebar.html" %}{% endblock sidebar %}