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

     1      {% if replys %}
     2          <div class="box post-comments" data-user="{{SignedUser.Username}}">
     3              <div class="cell first breadcrumb">总共 {{ replys|length }} 回复
     4              {% if article.ReplyTime %}
     5                  <span class="time" style="margin-left:.5em;padding-left:.5em;border-left:1px solid #ccc;">
     6                  直到 {{ TimeSince(article.ReplyTime) }}
     7                  </span>
     8              {% endif %}
     9              </div>
    10              {% for reply in replys %}
    11                      <div id="reply{{reply.Id}}" class="cell{% if forloop.Last %} last{% endif %} comment" data-user="{{reply.Author}}" data-floor="{{reply.Id}}">
    12  
    13                          <div class="avatar">
    14                              <a href="/user/{{reply.Author}}/">
    15                              {% if reply.AvatarMedium %}
    16                                  <img src="{{File(reply.AvatarMedium)}}">
    17                              {% else %}
    18                                  <img src="/identicon/{{reply.Author}}/48/default.png">
    19                              {% endif %}
    20                              </a>
    21                          </div>
    22                          <div class="content">
    23                              <div class="meta">
    24                                  <a href="/createdby/{{reply.Author}}/">{{reply.Author}}</a>
    25                                  {% if reply.Created %}
    26                                  <span class="time">{{TimeSince(reply.Created)}}</span>
    27                                  {% endif %}
    28                                  <span class="pull-right" style="padding-left:.5em;">
    29                                      <a rel="comment-reply" href="javascript:;" style="text-decoration:none;"><img src="/img/reply.png" width="20px" height="16px" alt="回复" />{#回复 <i class="icon-reply"></i><i class="fa fa-reply"></i>#}
    30                                      </a>&nbsp;<a href="#reply{{reply.Id}}" class="badge" style="padding:4px 8px 4px 8px;">{{forloop.Counter}}</a>
    31                                  </span>
    32                                  <span class="pull-right post-span votes" style="padding-right:.25em;border-right:1px solid #ccc;"><a href="javascript:void(0);" onclick="javascript:$.get('/touch/like/reply/{{reply.Id}}/?ver='+(new Date()).valueOf(), {Action:'get'}, function (data, textStatus){this;if (data!=''){$('#rpscore-{{reply.Id}}').html(data);}});" class="vote"><i class="fa fa-chevron-up"></i><span id="rpscore-{{reply.Id}}" style="padding-left:1em;">{{reply.Hotscore}}</span></a>&nbsp;<a href="javascript:" onclick="javascript:$.get('/touch/hate/reply/{{reply.Id}}/?ver='+(new Date()).valueOf(), {Action:'get'}, function (data, textStatus){this;if (data!=null){$('#rpscore-{{reply.Id}}').html(data);}});" class="vote"><i class="fa fa-chevron-down"></i></a></span>
    33                              </div>
    34                              <div class="reply-body-{{reply.Id}}">
    35                                  {% if not (reply.Attachment=="") %}
    36                                      {% for img in Split(reply.Attachment,",") %}
    37                                          <img src="{{img}}" style="display:block;margin-bottom:1em;clear:both;width:100%;height:auto;"/>
    38                                      {% endfor %}
    39                                          <span class="clearfix"></span>
    40                                  {% endif %}
    41                                  {{ reply.Content | safe }}
    42                              </div>
    43                          </div>
    44                          <span class="clearfix"></span>
    45                      </div>
    46              {% endfor %}
    47              {% if not hasavatar %}
    48                  {%if Flash.WarningMsg%}
    49                      <div class="alert-warning cell">
    50                          <a class="close" data-dismiss="alert" href="#">×</a>
    51                          <h4 class="alert-heading">警告</h4>
    52                          {{Flash.WarningMsg}}
    53                          <div class="text-center">
    54                              <a href="/settings/avatar/" class="btn btn-s-md btn-dark btn-rounded"> <i class="icon-picture"></i> 设置头像</a>
    55                          </div>
    56                      </div>
    57                  {%endif%}
    58              {% endif %}
    59          </div>
    60      {% endif %}
    61      {% if not IsSigned %}
    62      <div class="box">
    63          {% comment %}
    64          <section class="panel panel-default">
    65              <header class="panel-heading font-bold">快键登录</header>
    66              <div class="panel-body">
    67                  <form class="form-inline" role="form" action="/signin/" method="POST">
    68                      <div class="form-group">
    69                          <label class="sr-only" for="exampleInputEmail2">账号</label>
    70                          <input type="email" class="form-control" id="exampleInputEmail2" placeholder="输入Email或用户名称"></div>
    71                      <div class="form-group">
    72                          <label class="sr-only" for="exampleInputPassword2">密码</label>
    73                          <input type="password" class="form-control" id="exampleInputPassword2" placeholder="Password"></div>
    74                      <div class="checkbox m-l m-r-xs">
    75                          <label class="i-checks">
    76                              <input type="checkbox"> <i></i>
    77                              记住我
    78                          </label>
    79                      </div>
    80                      <button type="submit" class="btn btn-default">登录</button>
    81                      <a href="#modal-form" class="btn btn-success" data-toggle="modal">其他方式</a>
    82                  </form>
    83              </div>
    84          </section>
    85          <div class="modal fade" id="modal-form">
    86              <div class="modal-dialog">
    87                  <div class="modal-content">
    88                      <div class="modal-body wrapper-lg">
    89                          <div class="row">
    90                              <div class="col-sm-6 b-r">
    91                                  <h3 class="m-t-none m-b">登录</h3>
    92                                  <p>Sign in to meet your friends.</p>
    93                                  <form role="form">
    94                                      <div class="form-group">
    95                                          <label>Email</label>
    96                                          <input type="email" class="form-control" placeholder="Enter email"></div>
    97                                      <div class="form-group">
    98                                          <label>Password</label>
    99                                          <input type="password" class="form-control" placeholder="Password"></div>
   100                                      <div class="checkbox m-t-lg">
   101                                          <button type="submit" class="btn btn-sm btn-success pull-right text-uc m-t-n-xs"> <strong>Log in</strong>
   102                                          </button>
   103                                          <label>
   104                                              <input type="checkbox">Remember me</label>
   105                                      </div>
   106                                  </form>
   107                              </div>
   108                              <div class="col-sm-6">
   109                                  <h4>还不是会员?</h4>
   110                                  <p>
   111                                      You can create an account
   112                                      <a href="#" class="text-info">here</a>
   113                                  </p>
   114                                  <p>OR</p>
   115                                  <a href="#" class="btn btn-primary btn-block m-b-sm"> <i class="fa fa-facebook pull-left"></i>
   116                                      Sign in with Facebook
   117                                  </a>
   118                                  <a href="#" class="btn btn-info btn-block m-b-sm">
   119                                      <i class="fa fa-twitter pull-left"></i>
   120                                      Sign in with Twitter
   121                                  </a>
   122                                  <a href="#" class="btn btn-danger btn-block">
   123                                      <i class="fa fa-google-plus pull-left"></i>
   124                                      Sign in with Google+
   125                                  </a>
   126                              </div>
   127                          </div>
   128                      </div>
   129                  </div>
   130              </div>
   131          </div>
   132          {% endcomment %}
   133          <div class="cell first last text-center">
   134              <a href="/signin/{%if requesturi%}?next={{requesturi}}{%endif%}" class="btn btn-s-md btn-info btn-rounded">需要登录才能回复</a>
   135          </div>
   136      </div>
   137      {% endif %}
   138      {% if IsSigned %}
   139      <div class="box">
   140          <div class="cell first last">
   141              <form id="post-reply" method="POST" action="/subject/{%if article.Id%}{{article.Id}}{%endif%}/comment/">
   142                  <div id="md-editor" class="markdown-editor" data-savekey="post/comment">
   143                      <div class="form-group">
   144                          <textarea id="CommentForm-Message" class="editor" rows="5" class="form-control" style="overflow: hidden; word-wrap: break-word; resize: none; min-height: 122px;height: 122px;width:100%;"></textarea>
   145                          <textarea name="comment" id="comment" class="hidden" style="display:none;"></textarea>
   146                      </div>
   147                  </div>
   148                  <div class="form-group">
   149                      <button class="btn btn-s-md btn-dark btn-rounded" onclick="javascript:CommentHolder();">
   150                          回复&nbsp;&nbsp; <i class="icon-chevron-sign-right"></i>
   151                      </button>
   152                      <span class="pull-right">请尽量让自己的回复能够对别人有帮助</span>
   153                  </div>
   154              </form>
   155              {% include "editor-front.html" %}
   156          </div>
   157      </div>
   158      {% endif %}