github.com/insionng/yougam@v0.0.0-20170714101924-2bc18d833463/themes/wind/templates/header.html (about) 1 <header class="bg-white-only header header-md navbar navbar-fixed-top-xs"> 2 <div class="navbar-header aside"> 3 <a class="btn btn-link visible-xs" data-toggle="class:nav-off-screen,open" data-target="#nav,html"> <i class="icon-list"></i> 4 </a> 5 <a href="/" class="navbar-brand text-lt"> 6 <img src="/img/logo.png" alt="YOUGAM"> 7 <span class="hidden-nav-xs m-l-sm hide">YOUGAM</span> 8 </a> 9 <a class="btn btn-link visible-xs" data-toggle="dropdown" data-target=".user"> 10 <i class="icon-settings"></i> 11 </a> 12 </div> 13 <form action="/search/" class="navbar-form navbar-left input-s-lg m-t m-l-n-xs hidden-xs" role="search"> 14 <div class="form-group"> 15 <div class="input-group"> 16 <span class="input-group-btn"> 17 <button type="submit" class="btn btn-sm bg-white btn-icon rounded"> 18 <i class="fa fa-search"></i> 19 </button> 20 </span> 21 <input name="keyword" type="text" class="form-control input-sm no-border rounded" placeholder="搜索话题..." {% if search_keyword %}value="{{search_keyword}}"{% endif %}/> 22 </div> 23 </div> 24 </form> 25 <div class="navbar-right"> 26 <ul class="nav navbar-nav m-n hidden-xs nav-user user"> 27 <li{% if catpage=="home" %} class="active"{% endif %}> 28 <a href="/">{{ i18n.Tr("home") }}</a> 29 </li> 30 {% if categorys %} 31 {% for category in categorys %} 32 {%if forloop.Counter<=12 %} 33 <li><a href="/category/{{category.Title|urlencode}}/">{{category.Title}}</a></li> 34 {%endif%} 35 {% endfor %} 36 {% endif %} 37 <li{% if catpage=="UsersHandler" %} class="active"{% endif %}> 38 <a href="/users/">{{ i18n.Tr("users") }}</a> 39 </li> 40 {% if IsSigned %} 41 <li{% if catpage=="ContactHandler" %} class="active"{% endif %}> 42 <a href="/contact/">{{ i18n.Tr("contact") }}</a> 43 </li> 44 <li class="hidden-xs{% if catpage=="NotificationHandler" %} active{% endif %}"> 45 <a href="/notifications/"{% comment %} class="dropdown-toggle lt" data-toggle="dropdown"{% endcomment %}> 46 <i class="icon-bell"></i>{% if SignedUser.NotificationCount>0 %} 47 <span class="badge badge-sm up bg-danger count" style="display: inline-block;">{{SignedUser.NotificationCount}}</span>{% endif %} 48 </a> 49 {% comment %} 50 <section class="dropdown-menu aside-xl animated fadeInUp"> 51 <section class="panel bg-white"> 52 <div class="panel-heading b-light bg-light"> <strong>你有 <span class="count" style="display: inline;">3</span> 个通知</strong> 53 </div> 54 <div class="list-group list-group-alt"> 55 <a href="#" class="media list-group-item" style="display: block;"> 56 <span class="pull-left thumb-sm text-center"> 57 <i class="fa fa-envelope-o fa-2x text-success"></i> 58 </span> 59 <span class="media-body block m-b-none"> 60 Sophi sent you a email 61 <br> 62 <small class="text-muted">1 minutes ago</small> 63 </span> 64 </a> 65 <a href="#" class="media list-group-item"> 66 <span class="pull-left thumb-sm"> 67 <img src="{{File(SignedUser.AvatarMedium)}}" alt="..." class="img-circle"></span> 68 <span class="media-body block m-b-none"> 69 Use awesome animate.css 70 <br> 71 <small class="text-muted">10 minutes ago</small> 72 </span> 73 </a> 74 <a href="#" class="media list-group-item"> 75 <span class="media-body block m-b-none"> 76 1.0 initial released 77 <br> 78 <small class="text-muted">1 hour ago</small> 79 </span> 80 </a> 81 </div> 82 <div class="panel-footer text-sm"> 83 <a href="#" class="pull-right"> 84 <i class="fa fa-cog"></i> 85 </a> 86 <a href="/notifications/" data-toggle="class:show animated fadeInRight">查看所有通知</a> 87 </div> 88 </section> 89 </section> 90 {% endcomment %} 91 </li> 92 <li class="dropdown"> 93 <a href="#" class="dropdown-toggle bg clear" data-toggle="dropdown"> 94 <span class="thumb-sm avatar pull-right m-t-n-sm m-b-n-sm m-l-sm"> 95 <img src="{% if SignedUser.AvatarMedium %}{{File(SignedUser.AvatarMedium)}}{% else %}/identicon/{{SignedUser.Username}}/48/default.png{% endif %}" alt="{{SignedUser.Username}}"></span> 96 {{SignedUser.Username}} <b class="caret"></b> 97 </a> 98 <ul class="dropdown-menu animated fadeInRight"> 99 <li> 100 <a href="/notifications/">{% if SignedUser.NotificationCount>0 %}<span class="badge bg-danger pull-right">{{SignedUser.NotificationCount}}</span>{% endif %} 101 {{ i18n.Tr("notifications") }} 102 </a> 103 </li> 104 <li class="divider"></li> 105 <li><a href="/new/topic/">{{ i18n.Tr("new-topic") }}</a></li> 106 <li><a href="/new/node/">{{ i18n.Tr("new-node") }}</a></li> 107 <li class="divider"></li> 108 <li> 109 <a href="/user/{{SignedUser.Username}}/">{{ i18n.Tr("profile") }}</a> 110 </li> 111 <li class="divider"></li> 112 <li> 113 <a href="/settings/profile/">{{ i18n.Tr("settings-profile") }}</a> 114 </li> 115 <li> 116 <a href="/settings/avatar/">{{ i18n.Tr("settings-avatar") }}</a> 117 </li> 118 <li> 119 <a href="/settings/password/">{{ i18n.Tr("settings-password") }}</a> 120 </li> 121 {% if IsRoot %}<li><a href="/root/signin/">{{ i18n.Tr("dashboard") }}</a></li>{% endif %} 122 <li class="divider"></li> 123 <li><a href="/signout/">{{ i18n.Tr("signout") }}</a></li> 124 </ul> 125 </li> 126 {% else %} 127 <li{% if catpage=="SigninHandler" %} class="active"{% endif %}> 128 <a href="/signin/">{{ i18n.Tr("signin") }}</a> 129 </li> 130 <li{% if catpage=="SignupHandler" %} class="active"{% endif %}> 131 <a href="/signup/">{{ i18n.Tr("signup") }}</a> 132 </li> 133 {% endif %} 134 <li class="dropdown"> 135 <a href="#" class="dropdown-toggle bg clear" data-toggle="dropdown"> 136 {{ LangName }} <b class="caret"></b> 137 </a> 138 <ul class="dropdown-menu animated fadeInRight"> 139 <li> 140 <a href="javascript:;">选择语言</a> 141 </li> 142 <li class="divider"></li> 143 {% if AllLangs %} 144 <li> 145 {% for lang in AllLangs %} 146 <a href="?lang={{lang.Lang}}">{{lang.Name}}</a> 147 {% endfor%} 148 </li> 149 {% endif%} 150 </ul> 151 </li> 152 </ul> 153 </div> 154 </header>