topmenu.php 8.79 KB
<header>
    <div class="headerwrapper">
        <div class="header-left">
            <a href="/" class="logo">
                <?php if (YII_ENV == 'prod'):?>
                <img src="/images/logo.png" alt="" /> 
                <?php else:?>
                <strong>开发/测试环境</strong>
                <?php endif;?>
            </a>
            <div class="pull-right">
                <a href="" class="menu-collapse">
                    <i class="fa fa-bars"></i>
                </a>
            </div>
        </div><!-- header-left -->

        <div class="header-right">

            <div class="pull-right">

                <!--<form class="form form-search" action="search-results.html">
                    <input type="search" class="form-control" placeholder="Search" />
                </form>

                <div class="btn-group btn-group-list btn-group-notification">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                      <i class="fa fa-bell-o"></i>
                      <span class="badge">5</span>
                    </button>
                    <div class="dropdown-menu pull-right">
                        <a href="" class="link-right"><i class="fa fa-search"></i></a>
                        <h5>Notification</h5>
                        <ul class="media-list dropdown-list">
                            <li class="media">
                                <img class="img-circle pull-left noti-thumb" src="/images/photos/user1.png" alt="">
                                <div class="media-body">
                                  <strong>Nusja Nawancali</strong> likes a photo of you
                                  <small class="date"><i class="fa fa-thumbs-up"></i> 15 minutes ago</small>
                                </div>
                            </li>
                            <li class="media">
                                <img class="img-circle pull-left noti-thumb" src="/images/photos/user2.png" alt="">
                                <div class="media-body">
                                  <strong>Weno Carasbong</strong> shared a photo of you in your <strong>Mobile Uploads</strong> album.
                                  <small class="date"><i class="fa fa-calendar"></i> July 04, 2014</small>
                                </div>
                            </li>
                            <li class="media">
                                <img class="img-circle pull-left noti-thumb" src="/images/photos/user3.png" alt="">
                                <div class="media-body">
                                  <strong>Venro Leonga</strong> likes a photo of you
                                  <small class="date"><i class="fa fa-thumbs-up"></i> July 03, 2014</small>
                                </div>
                            </li>
                            <li class="media">
                                <img class="img-circle pull-left noti-thumb" src="/images/photos/user4.png" alt="">
                                <div class="media-body">
                                  <strong>Nanterey Reslaba</strong> shared a photo of you in your <strong>Mobile Uploads</strong> album.
                                  <small class="date"><i class="fa fa-calendar"></i> July 03, 2014</small>
                                </div>
                            </li>
                            <li class="media">
                                <img class="img-circle pull-left noti-thumb" src="/images/photos/user1.png" alt="">
                                <div class="media-body">
                                  <strong>Nusja Nawancali</strong> shared a photo of you in your <strong>Mobile Uploads</strong> album.
                                  <small class="date"><i class="fa fa-calendar"></i> July 02, 2014</small>
                                </div>
                            </li>
                        </ul>
                        <div class="dropdown-footer text-center">
                            <a href="" class="link">See All Notifications</a>
                        </div>
                    </div>
                </div>

                <div class="btn-group btn-group-list btn-group-messages">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                        <i class="fa fa-envelope-o"></i>
                        <span class="badge">2</span>
                    </button>
                    <div class="dropdown-menu pull-right">
                        <a href="" class="link-right"><i class="fa fa-plus"></i></a>
                        <h5>New Messages</h5>
                        <ul class="media-list dropdown-list">
                            <li class="media">
                                <span class="badge badge-success">New</span>
                                <img class="img-circle pull-left noti-thumb" src="/images/photos/user1.png" alt="">
                                <div class="media-body">
                                  <strong>Nusja Nawancali</strong>
                                  <p>Hi! How are you?...</p>
                                  <small class="date"><i class="fa fa-clock-o"></i> 15 minutes ago</small>
                                </div>
                            </li>
                            <li class="media">
                                <span class="badge badge-success">New</span>
                                <img class="img-circle pull-left noti-thumb" src="/images/photos/user2.png" alt="">
                                <div class="media-body">
                                  <strong>Weno Carasbong</strong>
                                  <p>Lorem ipsum dolor sit amet...</p>
                                  <small class="date"><i class="fa fa-clock-o"></i> July 04, 2014</small>
                                </div>
                            </li>
                            <li class="media">
                                <img class="img-circle pull-left noti-thumb" src="/images/photos/user3.png" alt="">
                                <div class="media-body">
                                  <strong>Venro Leonga</strong>
                                  <p>Do you have the time to listen to me...</p>
                                  <small class="date"><i class="fa fa-clock-o"></i> July 03, 2014</small>
                                </div>
                            </li>
                            <li class="media">
                                <img class="img-circle pull-left noti-thumb" src="/images/photos/user4.png" alt="">
                                <div class="media-body">
                                  <strong>Nanterey Reslaba</strong>
                                  <p>It might seem crazy what I'm about to say...</p>
                                  <small class="date"><i class="fa fa-clock-o"></i> July 03, 2014</small>
                                </div>
                            </li>
                            <li class="media">
                                <img class="img-circle pull-left noti-thumb" src="/images/photos/user1.png" alt="">
                                <div class="media-body">
                                  <strong>Nusja Nawancali</strong>
                                  <p>Hey I just met you and this is crazy...</p>
                                  <small class="date"><i class="fa fa-clock-o"></i> July 02, 2014</small>
                                </div>
                            </li>
                        </ul>
                        <div class="dropdown-footer text-center">
                            <a href="" class="link">See All Messages</a>
                        </div>
                    </div>
                </div>-->

                <div class="btn-group btn-group-option">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                      <i class="fa fa-caret-down"></i>
                    </button>
                    <ul class="dropdown-menu pull-right" role="menu">
                      <!--<li><a href="#"><i class="glyphicon glyphicon-user"></i> My Profile</a></li>
                      <li><a href="#"><i class="glyphicon glyphicon-star"></i> Activity Log</a></li>
                      <li><a href="#"><i class="glyphicon glyphicon-cog"></i> Account Settings</a></li>
                      <li><a href="#"><i class="glyphicon glyphicon-question-sign"></i> Help</a></li>
                      <li class="divider"></li>-->
                      <li><a href="/site/logout"><i class="glyphicon glyphicon-log-out"></i>退出登录</a></li>
                    </ul>
                </div><!-- btn-group -->

            </div><!-- pull-right -->

        </div><!-- header-right -->

    </div><!-- headerwrapper -->
</header>