add refresh animation

yjlintw · Jul 21, 2017 · 18cd2c2 · 18cd2c2
1 parent d405aa4
commit 18cd2c2
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 2 deletions.
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -384,6 +384,8 @@ h2 {
       @media only screen and (max-width: 768px) {
         .sidebar .func-area .setting {
           display: none; } }
+      .sidebar .func-area .setting.loading {
+        border: 0; }
 
 /* SEARCH VIEW */
 @media only screen and (max-width: 768px) {

diff --git a/assets/scss/main.scss b/assets/scss/main.scss
@@ -503,6 +503,9 @@ h2 {
       @media #{$info-mobile} {
         display: none;
       }
+      &.loading {
+        border: 0;
+      }
     }
   }
 }

diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
   "name": "comic-reader",
   "productName": "Comic Reader",
   "author": "Team Comic Reader",
-  "version": "0.1.57-beta",
+  "version": "0.1.58-beta",
   "description": "A quicker, smoother and cooler reading experience. The best way to read comics.",
   "main": "main.js",
   "devDependencies": {

diff --git a/renderer-process/viewcontrollers/view-switch-viewcontroller.js b/renderer-process/viewcontrollers/view-switch-viewcontroller.js
@@ -93,6 +93,18 @@ function bindCheckUpdate(func) {
     checkUpdateFunc = func;
 }
 
+/**
+ *  Animation
+ */
+
+function loadingAnimate(flag) {
+    if (flag) {
+        $("#tab-refresh").addClass("loading");
+    } else {
+        $("#tab-refresh").removeClass("loading");
+    }
+}
+
 /**
  * Callback function when sidebar tab is clicked
  */
@@ -127,5 +139,6 @@ module.exports = {
     TAB_NAME: TAB_NAME,
     tabswitch: tabswitch,
     bindUpdateAllUI: bindUpdateAllUI,
-    bindCheckUpdate: bindCheckUpdate   
+    bindCheckUpdate: bindCheckUpdate,
+    loadingAnimate: loadingAnimate
 }
diff --git a/renderer-process/viewmodels/subscribe-viewmodel.js b/renderer-process/viewmodels/subscribe-viewmodel.js
@@ -115,6 +115,7 @@ function checkUpdateSingle(host, titlekey) {
  */
 function checkUpdate() {
     console.log("---- Start checking for updates ----")
+    viewswitch_viewcontroller.loadingAnimate(true);
     let all_comic_data = settings.get('comic');
     async.eachOf(all_comic_data, function(hostDict, host, callback1) {
         async.eachOf(hostDict, function(comics, titlekey, callback2){
@@ -194,6 +195,7 @@ function onChaptersGrabbed(result, newest) {
  */
 function onAllComicsUpdateChecked() {
     console.log("---- All updates checked ----")
+    viewswitch_viewcontroller.loadingAnimate(false);
     settings.set("comic", this.all_comic_data);
 
     updateSubscribeUIStatus();