my-bookmark/public/views/menus.html

<div class="js-menu" ng-controller="menuCtr">
    <div class="ui huge menu js-login-in" ng-if="login">
        <a class="item js-single-menu" ng-class="{selected:$index===selectLoginIndex}" style="cursor:default;" ui-sref-opts="{reload: true}" ng-repeat="menu in loginMenus"
            ui-sref="{{ menu.uiSref }}({searchWord:null})" ng-show="menu.show !== false" js-menu-init>
            <div>{{ menu.title }}</div>
            <div class="ui floating simple dropdown icon js-bookmark-dropdown" ng-if="$index==0" ng-click="$event.stopPropagation();">
                <i class="dropdown icon"></i>
                <div class="menu js-menu-option">
                    <div class="header">显示方式</div>
                    <div class="divider"></div>
                    <div class="field item js-field-navigate" ng-click="updateShowStyle('navigate')">
                        <div class="ui radio checkbox js-radio-navigate">
                            <input type="radio" name="show-style" checked="">
                            <label>导航</label>
                        </div>
                    </div>
                    <div class="field item js-field-table" ng-click="updateShowStyle('table')">
                        <div class="ui radio checkbox js-radio-table">
                            <input type="radio" name="show-style">
                            <label>表格</label>
                        </div>
                    </div>
                </div>
            </div>
        </a>
        <div id="js-search" style="width: 1500px;">
            <div class="ui transparent fluid icon input" style="height: 100%;margin-left: 10px;">
                <input id="sInput" style="padding-left: 0px;" class="prompt search-item js-search-input" type="text" ng-model="searchWord" placeholder="search..."
                    ng-keypress="($event.which === 13)?search(searchWord, 1):0" ng-focus="toggleReady(true)" ng-blur="toggleReady(false)" data-position="bottom left" data-variation="large">
                <div class="ui fluid popup top left transition hidden js-popup-search js-history-popup" ng-if="searchHistory.length > 0" style="margin-left: 2px; margin-top: -1px;">
                    <div class="ui internally grid">
                        <div class="row js-history-word" style="height: 20px;" ng-repeat="item in searchHistory">
                            <div class="sixteen wide column js-search-again" style="margin: -10px 0px 0px -8px;cursor:default;"
                                ng-click="searchByHistory(item.t, item.d)">
                                <i class="{{ item.icon }}" style="cursor:default;"></i>
                                <span style="color: #7B77C5">{{ item.d}}</span>
                            </div>
                            <!-- <div class="center aligned two wide column" style="margin: -10px 0px 0px 0px;padding:0px;">
                                <div style="cursor:default;float: right;" ng-click="delHistory(item.t, item.d)">删除</div>
                            </div> -->
                        </div>
                        <div class="row" style="height: 20px;background: #f2f2f2" ng-click="delHistory()">
                            <div class="center aligned sixteen wide column" style="margin: -10px 0px 0px 0px;padding:0px;">
                                <div style="cursor:pointer;float: right;">清空全部</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="margin-top: 13px;">
                    <span style="display: none" class="searchIcon">
                        <span><i class="book link icon" title="书签搜索(输入关键字按回车键默认搜索)" ng-click="search(searchWord, 0)" style="cursor:default;margin-right: 8px;"></i></span>
                        <span><i class="file alternate link icon" title="备忘录搜索" ng-click="search(searchWord, 5)" style="cursor:default;margin-right: 8px;"></i></span>
                        <span><i class="google link icon" title="谷歌搜索" ng-click="search(searchWord, 1)" style="cursor:default;margin-right: 8px;"></i></span>
                        <span><i class="bimobject link icon" title="百度搜索" ng-click="search(searchWord, 4)" style="cursor:default;margin-right: 8px;"></i></span>
                        <span style="margin: 0px 5px">▏</span>
                    </span>
                    <span data-tooltip="添加书签，可按Insert快速打开添加页面" ng-click="showAddBookmarkMoadl()">
                        <i class="add square link icon" style="cursor:default;margin-right: 8px;margin-left: 1px;"></i>
                    </span>
                    <span class="suggest" ng-click="showUpdate()" ng-show="user.username !== 'lcq'">
                        <i class="info circle link icon" style="cursor:default;margin-right: 8px;"></i>
                    </span>
                    <span data-tooltip="登录" ng-if="!logined" ng-click="openLoginDialog()">
                        <i class="sign in link icon" style="cursor:default;margin-right: 8px;"></i>
                    </span>
                    <span data-tooltip="退出" ng-if="logined" ng-click="logout()">
                        <i class="sign out link icon" style="cursor:default;margin-right: 8px;"></i>
                    </span>
                </div>
            </div>
        </div>
    </div>
    <div class="ui huge menu js-not-login-in" ng-if="!login">
        <a class="item" ng-class="{selected:$index==selectNotLoginIndex}" ui-sref="{{ menu.uiSref}}" ui-sref-opts="{reload: true}"
            ng-repeat="menu in notLoginMenus">{{ menu.title}}</a>
    </div>
</div>