From d83b89a356843c885c51318ae648e2fe18f06707 Mon Sep 17 00:00:00 2001
From: bigeagle <justin.w.xd@gmail.com>
Date: Thu, 13 Nov 2014 18:51:28 +0800
Subject: [PATCH] add help link

---
 index.html            | 33 ++++++++++++++++++++-------
 static/css/style.css  | 49 ++--------------------------------------
 static/css/style.scss | 52 +++----------------------------------------
 3 files changed, 30 insertions(+), 104 deletions(-)

diff --git a/index.html b/index.html
index 9427f7c..ed6ce20 100644
--- a/index.html
+++ b/index.html
@@ -48,9 +48,9 @@
     <div class="row">
       <div class="col-md-12">
         <div>
-          <p> 欢迎来到清华大学开源镜像网站，它由清华大学开源镜像站管理团队维护管理。</p>
-          <p>本站可以在校内外通过 IPv4/IPv6 使用。
-          <br />本站域名有：</p>
+          <p>欢迎来到清华大学开源镜像网站，它由清华大学开源镜像站管理团队维护管理。</p>
+          <p>本站可以在校内外通过 IPv4/IPv6 使用。 <br />
+             本站域名有：</p>
           <ul>
             <li><a href="http://mirrors.tuna.tsinghua.edu.cn/">http://mirrors.tuna.tsinghua.edu.cn/</a> 支持 IPv4/IPv6</li>
             <li><a href="http://mirrors.6.tuna.tsinghua.edu.cn/">http://mirrors.6.tuna.tsinghua.edu.cn/</a> 只解析 IPv6</li>
@@ -101,8 +101,14 @@
             IRC: <a href="https://webchat.freenode.net/?channels=%23tuna">#tuna at freenode</a>
             </li>
             <li>
+            <a href="https://github.com/tuna/"><i class="fa fa-github"></i> GitHub </a>
+            </li>
+            <li>
             <a href="https://secure.flickr.com/groups/tuna/"><i class="fa fa-flickr"></i> Flickr</a>
             </li>
+            <li>
+            <a href="http://page.renren.com/601908241"><i class="fa fa-renren"></i> 人人公共主页</a>
+            </li>
           </ul>
         </div>
       </div>
@@ -120,7 +126,10 @@
 <script id="template" type="x-tmpl-markup">
 {{mirrors}}
 <tr>
-  <td><a href="/{{name}}">{{name}}</a></td>
+  <td>
+    <a href="/{{name}}">{{name}}</a> 
+    {{if help}} <a href="{{help}}"><i class="fa fa-question-circle" data-toggle="tooltip" data-placement="right" title="Help"></i></a> {{/if}}
+  </td>
   <td>{{last_update}}</td>
   <td><span class="label {{label}}">{{status}}<span></td>
 </tr>
@@ -129,13 +138,17 @@
 
 <script type="text/javascript">
 $(document).ready(function(){
-  window.mir_tmpl = $("#template").text();
-  window.label_map = {
+  var mir_tmpl = $("#template").text(),
+      label_map = {
         'unknown': 'label-default',
         'syncing': 'label-info',
         'success': 'label-success',
         'fail': 'label-warning'
       };
+  var help_page = {
+      'android': 'https://wiki.tuna.tsinghua.edu.cn/MirrorUsage/android',
+      'ubunut': 'https://wiki.tuna.tsinghua.edu.cn/MirrorUsage/ubuntu' 
+  }
 
   window.refreshMirrorList = function() {
     $.getJSON("/static/tunasync.json", function(data) {
@@ -143,14 +156,18 @@ $(document).ready(function(){
       for(var k in data) {
           var d = data[k];
           d['label'] = label_map[d['status']];
+          d['help'] = help_page[d['name']];
           mirrors.push(d);
       }
       var result = Mark.up(mir_tmpl, {mirrors: mirrors});
       $('#mirror-list').html(result);
+      $('#mirror-list i[data-toggle="tooltip"]').tooltip()
     });
+    setTimeout(refreshMirrorList, 10000);
   }
-  refreshMirrorList()
-  setInterval(window.refreshMirrorList, 10000);
+  refreshMirrorList();
+
+
 });
 </script>
 
diff --git a/static/css/style.css b/static/css/style.css
index 8db4d90..ede7d9e 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -112,53 +112,6 @@ BOOTSTRAP MODIFICATIONS & TWEAKS
   font-weight: 700;
   font-size: 12px; }
 
-.btn-theme {
-  color: #fff;
-  background-color: #384452;
-  border-color: #384452;
-  margin: 4px; }
-
-.btn-theme:hover,
-.btn-theme:focus,
-.btn-theme:active,
-.btn-theme.active,
-.open .dropdown-toggle.btn-theme {
-  color: #fff;
-  background-color: #82318e;
-  border-color: #82318e; }
-
-.dmbutton:hover,
-.dmbutton:active,
-.dmbutton:focus {
-  color: #ffffff;
-  background-color: #222222;
-  border-color: #ffffff; }
-
-.dmbutton {
-  background: transparent;
-  border: 1px solid #ffffff;
-  color: #ffffff;
-  -webkit-border-radius: 2px;
-  border-radius: 2px;
-  padding-top: 1.025rem;
-  padding-right: 2.25rem;
-  letter-spacing: 0.85px;
-  padding-bottom: 1.0875rem;
-  padding-left: 2.25rem;
-  font-size: 1.55rem;
-  cursor: pointer;
-  font-weight: normal;
-  line-height: normal;
-  margin: 0 0 1.25rem;
-  text-decoration: none;
-  text-align: center;
-  display: inline-block;
-  -webkit-transition: background-color 300ms ease-out;
-  -moz-transition: background-color 300ms ease-out;
-  transition: background-color 300ms ease-out;
-  -webkit-appearance: none;
-  font-weight: normal !important; }
-
 .mtb {
   margin-top: 40px;
   margin-bottom: 80px; }
@@ -202,6 +155,8 @@ SITE WRAPS
       border-top: none; }
     #mirrors tbody .label {
       font-size: 10pt; }
+    #mirrors tbody .fa-question-circle {
+      color: #234961; }
 
 /* Footer */
 #footerwrap {
diff --git a/static/css/style.scss b/static/css/style.scss
index f6c6bae..4d8d768 100644
--- a/static/css/style.scss
+++ b/static/css/style.scss
@@ -149,55 +149,6 @@ BOOTSTRAP MODIFICATIONS & TWEAKS
     font-size: 12px;
 }
 
-.btn-theme {
-    color: #fff;
-    background-color: $color_secondary ;
-    border-color: $color_secondary ;
-    margin: 4px;
-}
-.btn-theme:hover,
-.btn-theme:focus,
-.btn-theme:active,
-.btn-theme.active,
-.open .dropdown-toggle.btn-theme {
-    color: #fff;
-    background-color: $color_primary ;
-    border-color: $color_primary ;
-}
-
-.dmbutton:hover,
-.dmbutton:active,
-.dmbutton:focus{
-    color: #ffffff;
-    background-color: #222222;
-    border-color: #ffffff;
-}
-.dmbutton {
-    background:rgba(0, 0, 0, 0);
-    border: 1px solid #ffffff;
-    color: #ffffff;
-    -webkit-border-radius: 2px;
-    border-radius: 2px;
-    padding-top: 1.025rem;
-    padding-right: 2.25rem;
-    letter-spacing:0.85px;
-    padding-bottom: 1.0875rem;
-    padding-left: 2.25rem;
-    font-size: 1.55rem;
-    cursor: pointer;
-    font-weight: normal;
-    line-height: normal;
-    margin: 0 0 1.25rem;
-    text-decoration: none;
-    text-align: center;
-    display: inline-block;
-    -webkit-transition: background-color 300ms ease-out;
-    -moz-transition: background-color 300ms ease-out;
-    transition: background-color 300ms ease-out;
-    -webkit-appearance: none;
-    font-weight: normal !important;
-}
-
 .mtb {
     margin-top: 40px;
     margin-bottom: 80px;
@@ -253,6 +204,9 @@ SITE WRAPS
         .label {
             font-size: 10pt; 
         }
+        .fa-question-circle {
+            color: #234961;
+        }
     }
 }