From c853e122a2c7b7cad2b782a0bf448db35e34c112 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E9=82=88?= <shankerwangmiao@gmail.com>
Date: Fri, 6 Mar 2020 03:12:45 +0800
Subject: [PATCH] refactor some of the codes
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 王邈 <shankerwangmiao@gmail.com>
---
 _includes/footer.html |  4 +-
 static/css/style.scss |  6 +--
 status.html           | 90 +++++++++++++++++++++----------------------
 3 files changed, 49 insertions(+), 51 deletions(-)

diff --git a/_includes/footer.html b/_includes/footer.html
index 68e4d32..0e00f9d 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -28,8 +28,8 @@
           </ul>
         </div>
       </div>
-      <div class="col-lg-4 col-md-4{% if page.legacy %} col-xs-4{% endif %}"  align="center">
-        <img class="img-responsive thuhidden" style="margin-top:5%" src="/static/img/logo-white.png" srcset="/static/img/logo-white.png 1x, /static/img/logo-white@2x.png 2x, /static/img/logo-white@3x.png 3x, /static/img/logo-white@4x.png 4x" />
+      <div class="col-lg-4 col-md-4{% if page.legacy %} col-xs-4{% endif %}">
+        <img class="img-responsive thuhidden center-block" style="margin-top:5%" src="/static/img/logo-white.png" srcset="/static/img/logo-white.png 1x, /static/img/logo-white@2x.png 2x, /static/img/logo-white@3x.png 3x, /static/img/logo-white@4x.png 4x" />
       </div>
     </div><!--/row -->
   </div><!--/container -->
diff --git a/static/css/style.scss b/static/css/style.scss
index 8d6bc27..82b4766 100644
--- a/static/css/style.scss
+++ b/static/css/style.scss
@@ -452,10 +452,8 @@ body {
       left: 0;
       z-index: 1;
     }
-  }
-
-  > div:hover{
-    > .tooltiptext {
+    
+    &:hover > .tooltiptext {
       visibility: visible;
     }
   }
diff --git a/status.html b/status.html
index a3cd426..4f02817 100644
--- a/status.html
+++ b/status.html
@@ -64,68 +64,68 @@ permalink: /status/
 									<div data-tuna-roll-seq="0 1 2 3">Last Successful Sync</div>
 								</template>
 								<template v-else>
-                                  <div data-tuna-roll-seq="0 1">Last Successful Sync</div>
-                                  <div data-tuna-roll-seq="2 3">Last Attempted Sync</div>
+									<div data-tuna-roll-seq="0 1">Last Successful Sync</div>
+									<div data-tuna-roll-seq="2 3">Last Attempted Sync</div>
 								</template>
 								<div data-tuna-roll-seq="4 5">Next Scheduled Sync</div>
-                            </div>
-                            <div v-else class="tuna-roll">​
-                                <template v-if="mir.last_ended_ts == mir.last_update_ts">
-                                    <div data-tuna-roll-seq="0 1 2 3">Last Successful Sync</div>
-                                </template>
-                                <template v-else>
-                                    <div data-tuna-roll-seq="0">Last Successful Sync</div>
-                                    <div data-tuna-roll-seq="1">Last Attempted Sync</div>
-                                    <div data-tuna-roll-seq="2">Last Successful Sync</div>
-                                    <div data-tuna-roll-seq="3">Last Attempted Sync</div>
-                                </template>
-                                <div data-tuna-roll-seq="4 5">Next Scheduled Sync</div>
-                            </div>
+							</div>
+							<div v-else class="tuna-roll">​
+								<template v-if="mir.last_ended_ts == mir.last_update_ts">
+									<div data-tuna-roll-seq="0 1 2 3">Last Successful Sync</div>
+								</template>
+								<template v-else>
+									<div data-tuna-roll-seq="0">Last Successful Sync</div>
+									<div data-tuna-roll-seq="1">Last Attempted Sync</div>
+									<div data-tuna-roll-seq="2">Last Successful Sync</div>
+									<div data-tuna-roll-seq="3">Last Attempted Sync</div>
+								</template>
+								<div data-tuna-roll-seq="4 5">Next Scheduled Sync</div>
+							</div>
 						</td>
 						<td class="hidden-xs hidden-sm hidden-md hidden-lg"></td>
 						<td class="col-md-2 col-xs-5 rolling-6 hidden-xs hidden-sm">
 							<div v-if="dateTooltip" class="tuna-roll">​
 								<template v-if="mir.last_ended_ts == mir.last_update_ts">
 									<div data-tuna-roll-seq="0 1 2 3">{{mir.last_update_ago}}
-                                        <div class="tooltiptext">{{mir.last_update}}</div>
-                                    </div>
+										<div class="tooltiptext">{{mir.last_update}}</div>
+									</div>
 								</template>
 								<template v-else>
-                                    <div data-tuna-roll-seq="0 1">{{mir.last_update_ago}}
-                                        <div class="tooltiptext">{{mir.last_update}}</div>
-                                    </div>
-                                    <div data-tuna-roll-seq="2 3" v-if="mir.last_ended_ts != mir.last_update_ts">{{mir.last_ended_ago}}
-                                        <div class="tooltiptext">{{mir.last_ended}}</div>
-                                    </div>
+									<div data-tuna-roll-seq="0 1">{{mir.last_update_ago}}
+										<div class="tooltiptext">{{mir.last_update}}</div>
+									</div>
+									<div data-tuna-roll-seq="2 3" v-if="mir.last_ended_ts != mir.last_update_ts">{{mir.last_ended_ago}}
+										<div class="tooltiptext">{{mir.last_ended}}</div>
+									</div>
 								</template>
 								<template v-if="mir.status == 'syncing'">
 									<div data-tuna-roll-seq="4 5">Syncing Now</div>
 								</template>
 								<template v-else>
 									<div data-tuna-roll-seq="4 5">{{mir.next_schedule_ago}}
-                                        <div class="tooltiptext">{{mir.next_schedule}}</div>
-                                    </div>
+										<div class="tooltiptext">{{mir.next_schedule}}</div>
+									</div>
 								</template>
-                            </div>
-                            <div v-else class="tuna-roll">​
-                                <template v-if="mir.last_ended_ts == mir.last_update_ts">
-                                    <div data-tuna-roll-seq="0 1">{{mir.last_update}}</div>
-                                    <div data-tuna-roll-seq="2 3">{{mir.last_update_ago}}</div>
-                                </template>
-                                <template v-else>
-                                    <div data-tuna-roll-seq="0">{{mir.last_update}}</div>
-                                    <div data-tuna-roll-seq="1" v-if="mir.last_ended_ts != mir.last_update_ts">{{mir.last_ended}}</div>
-                                    <div data-tuna-roll-seq="2">{{mir.last_update_ago}}</div>
-                                    <div data-tuna-roll-seq="3" v-if="mir.last_ended_ts != mir.last_update_ts">{{mir.last_ended_ago}}</div>
-                                </template>
-                                <template v-if="mir.status == 'syncing'">
-                                    <div data-tuna-roll-seq="4 5">Syncing Now</div>
-                                </template>
-                                <template v-else>
-                                    <div data-tuna-roll-seq="4">{{mir.next_schedule}}</div>
-                                    <div data-tuna-roll-seq="5">{{mir.next_schedule_ago}}</div>
-                                </template>
-                            </div>
+							</div>
+							<div v-else class="tuna-roll">​
+								<template v-if="mir.last_ended_ts == mir.last_update_ts">
+									<div data-tuna-roll-seq="0 1">{{mir.last_update}}</div>
+									<div data-tuna-roll-seq="2 3">{{mir.last_update_ago}}</div>
+								</template>
+								<template v-else>
+									<div data-tuna-roll-seq="0">{{mir.last_update}}</div>
+									<div data-tuna-roll-seq="1" v-if="mir.last_ended_ts != mir.last_update_ts">{{mir.last_ended}}</div>
+									<div data-tuna-roll-seq="2">{{mir.last_update_ago}}</div>
+									<div data-tuna-roll-seq="3" v-if="mir.last_ended_ts != mir.last_update_ts">{{mir.last_ended_ago}}</div>
+								</template>
+								<template v-if="mir.status == 'syncing'">
+									<div data-tuna-roll-seq="4 5">Syncing Now</div>
+								</template>
+								<template v-else>
+									<div data-tuna-roll-seq="4">{{mir.next_schedule}}</div>
+									<div data-tuna-roll-seq="5">{{mir.next_schedule_ago}}</div>
+								</template>
+							</div>
 						</td>
 						<td class="col-xs-4">Upstream</td>
 						<td class="col-md-4 col-xs-8">{{mir.upstream}}</td>