
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta name="author" content="Rainy" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <link rel="shortcut icon" href="static/SmartWiki/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0">
    
    <title>Prefer WebSite - MxsDoc</title>
	<script type="text/javascript" src="lang/en.js"></script>    
    <script src="static/scripts/jquery.min.js"></script>
    <link href="css/logo/logo.css" rel="stylesheet">
    <!-- CSS: Bootstrap、font-awesome、boostrapQ、 -->
    <link href="static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="static/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="static/styles/styles.css" rel="stylesheet">
    <link href="static/zTree/css/metroStyle/standardStyle.css" rel="stylesheet" id="zTreeCss">
	<link href="static/pagination/pagination.css" rel="stylesheet" >
	<script src="static/scripts/jquery.min.js"></script>
	<!-- this style define a lots css for project.html 
	<link rel="stylesheet" type="text/css" href="css/style.css">
    -->
    
    <style>
        /* 大图标 */
        .bigicon {
        	background-size:40px 40px !important;
		    width: 40px;
		    height: 40px;
        }
        
        /* 大图标 */
        .middleicon {
        	background-size:24px 24px !important;
		    width: 24px;
		    height: 24px;
        }

        /* 小图标 */
        .smallicon {
            background-size:20px 20px !important;
            width: 20px;
            height: 20px;
        }
    </style>
    <style>
        /* 强制不换行 */
        .nowrap{white-space:nowrap;}
        /* 允许单词内断句，首先会尝试挪到下一行，看看下一行的宽度够不够，不够的话就进行单词内的断句 */
        .breakword{word-wrap: break-word;}
        /* 断句时，不会把长单词挪到下一行，而是直接进行单词内的断句 */
        .breakAll{word-break:break-all;}            
        /* 超出部分显示省略号 */
        .ellipsis{text-overflow:ellipsis;overflow:hidden;}
    </style>
</head>
<body>
<div class="manual-reader">
    <header class="navbar navbar-static-top smart-nav navbar-fixed-top" role="banner">
        <div class="container">
            <div class="navbar-header">
                <a class="navbar-brand"  style="color: #445;font-weight: 600;" href="/DocSystem/web/projects_en.html">
                	<i class="logo small"></i>
                	MxsDoc
                </a>
                <div class="searchbar pull-left visible-lg-inline-block visible-md-inline-block">
                    <div class="form-inline">
                        <input class="form-control" id="searchWord" name="searchWord" type="search" placeholder="WebSite keywords..." oninput="$('[id=\'searchWord\']:eq(1)').val(this.value)">
                        <button class="search-btn" onclick="searchPreferLink();">
                            <i class="fa fa-search"></i>
                        </button>
                    </div>
                </div>               
				<div class="btn-group dropdown-menu-right pull-right slidebar visible-xs-inline-block">
                    <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown"><i class="fa fa-align-justify"></i></button>
                    <ul class="dropdown-menu" role="menu">
                    	<li id="mobileNewReposBtn"  style="display:none">
							<a href="#" title="Add WebSite" onclick="addPreferLink()">Add WebSite</a>
						</li>
                        <li id="mobileLoginBtn">
                            <a onclick="showLoginPanel()" title="Sign In">Sign In</a>
                        </li>
                        
                        <li id="mobileLogoutBtn"  style="display:none">
                            <a onclick="userLogout()" title="Log Out">Log Out</a>
                        </li>
                        
                        <li id="mobileSwitchDisplayBtn" style="display:none">
                            <a  class="display-style" onclick="switchDisplayStyle()" title="Enter Edit Mode">Edit</a>
                        </li>
                        
                    </ul>
                </div>
             </div>

            <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
                <ul class="nav navbar-nav navbar-right">
				    <li id="userImgDiv" style="display:none"><img id="userImg" name="userImg" width="40px" height="40px" src="images/default/defaultHeadPic.png" onerror="UserImgErrHandler();" class="img-circle m5"/></li>
					<li id="userInfoDiv" style="display:none">
							<a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span>Rainy</span><span class="caret"></span></a>
							<ul class="dropdown-menu" role="menu">
								<li><a href="/DocSystem/web/myHostPage_en.html">User Center</a></li>
								<li><a href="/DocSystem/web/shareManager_en.html">My Sharing</a></li>
								<li id="logoutBtn"><a onclick="userLogout()">Log Out</a></li>
							</ul>
					</li>
                    <li id="loginBtn">
                        <a onclick="showLoginPanel()"  title="Sign In">Sign In</a>
                    </li>
                    <li id="newReposBtn" style="display:none">
						<a href="#" title="Add WebSite" onclick="addPreferLink()">Add WebSite</a>
					</li>
					
					<li id="switchDisplayBtn" style="display:none">
                        <a class="display-style" onclick="switchDisplayStyle()" title="Enter EditMode">Edit</a>
                    </li>                 
                </ul>
            </nav>
        </div>
    </header>

    <div class="container smart-container">
        <div class="row">
            <div class="searchbar visible-sm-inline-block visible-xs-inline-block" style="width: 95%; margin-left: 10px;">
                <div class="form-inline">
                    <input class="form-control line-search-input" id="searchWord" name="keyword" type="search" placeholder="WebSite keywords..." oninput="$('[id=\'searchWord\']:eq(0)').val(this.value)">
                    <button class="line-search-btn" onclick="searchPreferLink();">
                        <i class="fa fa-search"></i>
                    </button>
                </div>
            </div>
        </div>

        <div class="row">
            <div id="preferLink-box" class="project-box"></div>
            <div class="clearfix"></div>
            <div id="sharedPreferLink-box" class="project-box" style="border-bottom: 2px solid #f2f2f2;"></div>
            <div class="clearfix"></div>
            <div class="manual-page"></div>
        </div>
        <div class="clearfix"></div>
    </div>
    <footer class="footer">
        <div class="container">
            <div class="row text-center">
                <ul>
                    <li><div id="qrcode"></div></li>
                </ul>
                <ul>
                    <li><a href="#">MxsDoc</a></li>
                    <li>&nbsp;·&nbsp;</li>
                    <li><a onclick="showFeebackPanel()">Report A Problem</a> </li>
                </ul>
            </div>
        </div>
    </footer>

    <div id="scrollToTopDiv"></div>

    <!-- 利用bootstrap的响应式，判断是否小屏幕 -->
    <div id="visibleOnSmall" class="visible-xs"></div>
</div>

<script type="text/html" id="tmpl-preferLinks">
    <div style="margin-top: 20px; "></div>
    {{each list as preferLink i}}
        <div class="s-box" style="margin-left: 50px">
            <div class="s-content-box">
                <h4 class="s-title">
                    <i class="{{preferLink.iconType}} {{preferLink.iconStyle}}"></i>
                    <a href="{{preferLink.url}}" title="{{preferLink.url}}" target="_blank">{{preferLink.showName}}</a>
					<ul class="pull-right">
				    	<li>
           					<span class="btn" title="Share" onclick="sharePreferLink({{i}});">
								<i class="icons share {{preferLink.btnIconStyle}}"></i>
							</span>
           					<span class="btn" title="Edit" onclick="editPreferLink({{i}});">
								<i class="icons set {{preferLink.btnIconStyle}}"></i>
							</span>
           					<span class="btn" title="Delete" onclick="deletePreferLink({{i}});">
								<i class="icons delete {{preferLink.btnIconStyle}}"></i>
							</span>                    	
						</li>
            		</ul>       
                </h4>
                <div class="s-content">
                    <p>{{# preferLink.content}}</p>
                </div>
            </div>     
			<hr/>
        </div>
    {{/each}}
    <!-- 分页功能 -->
    <div class="wrap">
        <ul id="newsList"></ul>
        <div id="pagination" class="l-page"></div>
    </div>
</script>

<script type="text/html" id="tmpl-preferLinks-icon">
    <ul>
	{{each list as preferLink i}}
    	<li>
        	<a href="{{preferLink.url}}" target="_blank" class="box" title="" >
            	<div class="pull-left imgbox">
                	<i class="fa fa-internet-explorer" style="color:#2ABB9B;"></i>
            	</div>
            	<h4>{{preferLink.showName}}</h4>
            	<span></span>
        	</a>
        	<p class="summary hidden-xs hidden-sm hidden-md">
            	<a href="{{preferLink.url}}" target="_blank" class="text">
                	{{  preferLink.content }}
            	</a>
        	</p>
    	</li>
    {{/each}}
    </ul>
</script>

<script type="text/html" id="tmpl-sharedPreferLinks">
    <div style="margin-top: 20px; "></div>
    {{each list as preferLink i}}
        <div class="s-box" style="margin-left: 50px">
            <div class="s-content-box">
                <h4 class="s-title">
                    <i class="{{preferLink.iconType}} {{preferLink.iconStyle}}"></i>
                    <a href="{{preferLink.url}}" title="{{preferLink.url}}" target="_blank">{{preferLink.showName}}</a>
                </h4>
                <div class="s-content">
                    <p>{{# preferLink.content}}</p>
                </div>
            </div>     
			<hr/>
        </div>
    {{/each}}
    <!-- 分页功能 -->
    <div class="wrap">
        <ul id="newsList"></ul>
        <div id="pagination" class="l-page"></div>
    </div>
</script>

<script type="text/html" id="tmpl-sharedPreferLinks-icon">
    <ul>
	{{each list as preferLink i}}
    	<li>
        	<a href="{{preferLink.url}}" target="_blank" class="box" title="" >
            	<div class="pull-left imgbox">
                	<i class="fa fa-internet-explorer" style="color:#2ABB9B;"></i>
            	</div>
            	<h4>{{preferLink.showName}}</h4>
            	<span></span>
        	</a>
        	<p class="summary hidden-xs hidden-sm hidden-md">
            	<a href="{{preferLink.url}}" target="_blank" class="text">
                	{{  preferLink.content }}
            	</a>
        	</p>
    	</li>
    {{/each}}
    </ul>
</script>

<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="static/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="static/scripts/scripts.js" type="text/javascript"></script>
<script src="static/scripts/template.js" type="text/javascript"></script>
<script type="text/javascript" src="static/bootstrapQ/qiao.js"></script>
<script type="text/javascript" src="js/DocSys.js"></script>
<script type="text/javascript" src="js/logon.js"></script>
<script type="text/javascript" src="js/base64.js"></script>
<script type="text/javascript" src="static/pagination/jquery.pagination.js"></script>
<script src="js/qrcode.js"></script>
<script type="text/javascript" src="myPreferLinks.js"></script>
</body>
</html>