You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
147 lines
7.4 KiB
147 lines
7.4 KiB
6 years ago
|
<html ng-app="index" ng-controller="GlobalCtrl">
|
||
|
|
<head>
|
||
|
|
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
<link href="css/base.css" rel="stylesheet">
|
||
|
|
<link href="css/util.css" rel="stylesheet">
|
||
|
|
<link href="css/layout.css" rel="stylesheet">
|
||
|
|
<link href="css/directive.css" rel="stylesheet">
|
||
|
|
<link href="css/editormd.preview.min.css" rel="stylesheet">
|
||
|
|
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
|
||
|
|
<script src="js/lib/jquery-2.1.4.min.js" type="text/javascript"></script>
|
||
|
|
<!--<script src="js/util.js" type="text/javascript"></script>-->
|
||
|
|
<!--<script type="text/javascript" src="js/lib/ckeditor/ckeditor.js"></script>-->
|
||
|
|
|
||
|
|
<script src="js/Log.js" type="text/javascript"></script>
|
||
|
|
<script src="editor/lib/marked.min.js" type="text/javascript"></script>
|
||
|
|
<script src="editor/lib/prettify.min.js" type="text/javascript"></script>
|
||
|
|
<script src="editor/lib/raphael.min.js" type="text/javascript"></script>
|
||
|
|
<script src="editor/lib/underscore.min.js" type="text/javascript"></script>
|
||
|
|
<script src="editor/lib/sequence-diagram.min.js" type="text/javascript"></script>
|
||
|
|
<script src="editor/lib/flowchart.min.js" type="text/javascript"></script>
|
||
|
|
<script src="editor/lib/jquery.flowchart.min.js" type="text/javascript"></script>
|
||
|
|
<script src="js/lib/editormd.min.js" type="text/javascript"></script>
|
||
|
|
<script src="js/lib/angular.min.js" type="text/javascript"></script>
|
||
|
|
<script src="js/lib/angular-animate.min.js" type="text/javascript"></script>
|
||
|
|
<script src="js/base.js" type="text/javascript"></script>
|
||
|
|
<script src="js/util.js" type="text/javascript"></script>
|
||
|
|
</head>
|
||
|
|
<body ng-controller="BodyCtrl" ng-class="{1:'normal-theme',2:'night-theme'}[theme]" ng-keyup="dokey($event)">
|
||
|
|
<div class="searcher" ng-if="vm.showsearcher" ng-click="dohide()">
|
||
|
|
<div class="table-cell">
|
||
|
|
<div class="box" ng-click="hold($event)">
|
||
|
|
<div class="key">
|
||
|
|
<input type="text" id="shiftKey" ng-model="vm.shiftKey" placeholder="搜索">
|
||
|
|
<a class="search"></a>
|
||
|
|
</div>
|
||
|
|
<div class="msg">
|
||
|
|
<a>双击Shift隐去搜索框</a>
|
||
|
|
</div>
|
||
|
|
<div class="search-list">
|
||
|
|
<ul>
|
||
|
|
<li ng-repeat="item in shiftKeyList"><a>{{item.title}}</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="header" ng-mousemove="header.mousemove($event)" ng-mouseout="header.mouseout()">
|
||
|
|
<div ng-repeat="v in header.viewflag" class="ripple" style="left:{{v.x}}px;top:{{v.y}}px;"></div>
|
||
|
|
<clock></clock>
|
||
|
|
<div class="nav" ng-class="{true:'show'}[navshow]">
|
||
|
|
<ul>
|
||
|
|
<li><a href="index.html">主页</a></li>
|
||
|
|
<li><a href="javascript:util.showMessage('提示','我只是一个标签')">QQ</a></li>
|
||
|
|
<li><a href="javascript:util.showMessage('提示','我只是一个标签')">Mail</a></li>
|
||
|
|
<li><a href="write.html">记录</a></li>
|
||
|
|
<li><a href="lib.html">我的库</a></li>
|
||
|
|
<li><a href="" ng-click="themeChange()">反转</a></li>
|
||
|
|
<li><a ng-click="dohide()">{{nav.hidetip}}</a></li>
|
||
|
|
</ul>
|
||
|
|
<div class="switch"></div>
|
||
|
|
</div>
|
||
|
|
<div class="search">
|
||
|
|
<a class="tip">双击Shift打开搜索框</a><input type="text" id="key" ng-model="vm.key" placeholder="搜索" ng-keypress="doSearch($event)" ng-change="ss()">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<nav></nav>
|
||
|
|
<!--主体-->
|
||
|
|
<div id="main">
|
||
|
|
<div class="content-wrapper table">
|
||
|
|
<aside id="sidebar" class="table-cell">
|
||
|
|
<div class="icon">
|
||
|
|
<a href="javascript:;">
|
||
|
|
<img ng-click="find()" src="images/favorite.jpg">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="cal"><div calender></div></div>
|
||
|
|
|
||
|
|
<div class="statistics">
|
||
|
|
<ul>
|
||
|
|
<li><a>Android(<span class="count">{{typeCount.android}}</span>)</a></li>
|
||
|
|
<li><a>javascript(<span class="count">{{typeCount.javascript}}</span>)</a></li>
|
||
|
|
<li><a>Java(<span class="count">{{typeCount.java}}</span>)</a></li>
|
||
|
|
<li><a>其他(<span class="count">{{typeCount.other}}</span>)</a></li>
|
||
|
|
<li><a>总共(<span class="count">{{typeCount.all}}</span>)</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</aside>
|
||
|
|
<div id="content" class="table-cell">
|
||
|
|
|
||
|
|
<!-- list-->
|
||
|
|
<div id="list" ng-show="!vm.waiting && !vm.isView">
|
||
|
|
<div class="title-list">
|
||
|
|
<ul>
|
||
|
|
<li ng-repeat="item in result" ng-click="view($index)">
|
||
|
|
|
||
|
|
<div class='title'><a href="">{{item.title}}</a></div>
|
||
|
|
<div class='time'>{{item.time}}</div>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="page" ng-if="vm.totalCount > vm.pageSize">
|
||
|
|
<ul>
|
||
|
|
<li ng-repeat="page in pages" ng-class="{true:'selected'}[page.isSelect]" ng-click="selectPage(page.action)">
|
||
|
|
<a href="javascript:void(0)">{{page.name}}
|
||
|
|
<div class="g">{{page.name}}</div>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div ng-if="!(vm.totalCount > 0)">
|
||
|
|
<p>未找到记录</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- 文章-->
|
||
|
|
<div ng-if="!vm.waiting && vm.isView">
|
||
|
|
<div class="article size-full text-center">
|
||
|
|
<div class="title size-fulll">{{ article.title }}</div>
|
||
|
|
<div class="time">{{ article.time }}</div>
|
||
|
|
<div class="type">标签 <span ng-class="{'java':'color_red','other':'color_blue','android':'color_green'}[article.type]">{{ article.type }}</span></div>
|
||
|
|
</div>
|
||
|
|
<textarea id="articleBody" style="display:none;" ng-model="article.content" ng-change="toView()"></textarea>
|
||
|
|
<div id="articleBody-view"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div ng-if="vm.waiting" class="loader text-center">
|
||
|
|
<div>
|
||
|
|
<div class="block"></div>
|
||
|
|
<div class="block"></div>
|
||
|
|
<div class="block"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!--页脚开始-->
|
||
|
|
<div id="footer">
|
||
|
|
<iframe src="footer.html"></iframe>
|
||
|
|
</div>
|
||
|
|
<!--页脚结束-->
|
||
|
|
</body>
|
||
|
|
</html>
|