my-bookmark/public/views/menus.html

59 lines
2.9 KiB
HTML

<div class="js-menu" ng-controller="menuCtr">
<div class="ui small menu js-login-in" ng-show="login">
<a class="item" ng-class="{active:$index==selectLoginIndex}" ui-sref="{{ menu.uiSref }}" ng-click="selectMenu($index, login)" ng-repeat="menu in loginMenus">{{ menu.title }}
<div class="ui inline labeled dropdown js-bookmark-dropdown" ng-if="$index==0">&nbsp;
<i class="dropdown icon"></i>
<div class="menu">
<div class="header">显示方式</div>
<div class="divider"></div>
<div class="item">导航</div>
<div class="item">表格</div>
<div class="item">卡片</div>
<div class="divider"></div>
<div class="header">搜索方式</div>
<div class="item">状态</div>
<div class="item">取消</div>
</div>
</div>
</a>
<div class="ui buttons menu">
<div class="ui button">切换</div>
<div class="ui floating dropdown icon button">
<i class="dropdown icon"></i>
<div class="menu">
<div class="item" data-value="drop">下拉</div>
<div class="item" data-value="horizontal flip">水平翻转</div>
<div class="item" data-value="fade up">渐隐</div>
<div class="item" data-value="scale">规模</div>
</div>
</div>
</div>
<div class="right menu">
<div class="ui category right search item">
<div class="ui transparent icon input">
<input class="prompt" type="text" ng-model="keyword" placeholder="标题,链接,分类...">
<i class="search link icon" ng-click="searchBookmarks()" ui-sref="bookmarks({foo: 'fooVal1', bar: 'barVal1'})"></i>
</div>
<div class="results"></div>
</div>
<div class="item">
<div class="ui button" ng-click="searchDetail()" ui-sref="bookmarks">详情搜索</div>
</div>
<div class="item">
<div class="ui button" ng-click="showAddBookmarkMoadl()" ui-sref="bookmarks">添加书签</div>
</div>
<div class="item">
<div class="ui button">退出</div>
</div>
</div>
</div>
<div class="ui small menu js-not-login-in" ng-hide="login">
<a class="item" ng-class="{active:$index==selectNotLoginIndex}" ui-sref="{{ menu.uiSref}}" ng-click="selectMenu($index, login)" ng-repeat="menu in notLoginMenus">{{ menu.title}}</a>
<div class="right menu">
<div class="item">
<div class="ui button">登陆</div>
</div>
</div>
</div>
</div>