From baa436204ac91608430852aa541e185cef2ea89e Mon Sep 17 00:00:00 2001
From: XPoet <i@xpoet.cn>
Date: Wed, 6 Jan 2021 23:42:57 +0800
Subject: [PATCH] feat: pjax loading add animation icon

---
 layout/_partial/{tools.ejs => post-tools.ejs} |  0
 layout/_partial/progress-bar.ejs              |  2 +-
 layout/_partial/side-tools-container.ejs      | 35 -------------------
 .../_partial/{tools.styl => post-tools.styl}  |  0
 source/css/layout/_partial/progress-bar.styl  |  2 +-
 source/js/utils.js                            |  2 +-
 6 files changed, 3 insertions(+), 38 deletions(-)
 rename layout/_partial/{tools.ejs => post-tools.ejs} (100%)
 delete mode 100644 layout/_partial/side-tools-container.ejs
 rename source/css/layout/_partial/{tools.styl => post-tools.styl} (100%)

diff --git a/layout/_partial/tools.ejs b/layout/_partial/post-tools.ejs
similarity index 100%
rename from layout/_partial/tools.ejs
rename to layout/_partial/post-tools.ejs
diff --git a/layout/_partial/progress-bar.ejs b/layout/_partial/progress-bar.ejs
index 60da5cf..1d5148e 100644
--- a/layout/_partial/progress-bar.ejs
+++ b/layout/_partial/progress-bar.ejs
@@ -3,7 +3,7 @@
 
     <% if (theme.pjax.enable === true) { %>
         <span class="loading-progress-bar"></span>
-        <span class="loading-progress-circle">
+        <span class="loading-progress-icon">
         <i class="fas fa-circle-notch fa-spin"></i>
     </span>
     <% } %>
diff --git a/layout/_partial/side-tools-container.ejs b/layout/_partial/side-tools-container.ejs
deleted file mode 100644
index 0f67ca6..0000000
--- a/layout/_partial/side-tools-container.ejs
+++ /dev/null
@@ -1,35 +0,0 @@
-<div class="side-tools-container">
-
-    <ul class="side-tools-list">
-        <li class="tools-item tool-font-adjust-plus flex-center">
-            <i class="fas fa-search-plus"></i>
-        </li>
-
-        <li class="tools-item tool-font-adjust-minus flex-center">
-            <i class="fas fa-search-minus"></i>
-        </li>
-
-        <li class="tools-item tool-expand-width flex-center">
-            <i class="fas fa-arrows-alt-h"></i>
-        </li>
-
-        <li class="tools-item tool-dark-light-toggle flex-center">
-            <i class="fas fa-moon"></i>
-        </li>
-
-        <li class="tools-item tool-scroll-to-top flex-center">
-            <i class="fas fa-arrow-up"></i>
-        </li>
-
-        <li class="tools-item tool-scroll-to-bottom flex-center">
-            <i class="fas fa-arrow-down"></i>
-        </li>
-    </ul>
-
-    <ul class="tools-ul-1">
-        <li class="tools-item tool-toggle-show flex-center">
-            <i class="fas fa-cog fa-spin"></i>
-        </li>
-
-    </ul>
-</div>
diff --git a/source/css/layout/_partial/tools.styl b/source/css/layout/_partial/post-tools.styl
similarity index 100%
rename from source/css/layout/_partial/tools.styl
rename to source/css/layout/_partial/post-tools.styl
diff --git a/source/css/layout/_partial/progress-bar.styl b/source/css/layout/_partial/progress-bar.styl
index c0b90dc..957e186 100644
--- a/source/css/layout/_partial/progress-bar.styl
+++ b/source/css/layout/_partial/progress-bar.styl
@@ -26,7 +26,7 @@
   }
 
 
-  .loading-progress-circle {
+  .loading-progress-icon {
     position: absolute;
     top: 0;
     right: 0;
diff --git a/source/js/utils.js b/source/js/utils.js
index 353d75f..b38e7b2 100644
--- a/source/js/utils.js
+++ b/source/js/utils.js
@@ -8,7 +8,7 @@ KEEP.initUtils = () => {
     firstScreen_dom: document.querySelector('.first-screen-container'),
     scrollProgressBar_dom: document.querySelector('.scroll-progress-bar'),
     loadingProgressBar_dom: document.querySelector('.loading-progress-bar'),
-    loadingProgressCircle_dom: document.querySelector('.loading-progress-circle'),
+    loadingProgressCircle_dom: document.querySelector('.loading-progress-icon'),
 
     innerHeight: window.innerHeight,
     loadingProgressBarTimer: null,