Reports section performance improvements (#307)

Author: jesseleite

resources/dist/build/assets/cp-c6df7fbd.js

@@ -12,7 +12,7 @@
     "css": [
       "assets/cp-56146771.css"
     ],
-    "file": "assets/cp-fd4a5639.js",
+    "file": "assets/cp-c6df7fbd.js",
     "isEntry": true,
     "src": "resources/js/cp.js"
   }

resources/dist/build/assets/cp-fd4a5639.js

@@ -0,0 +1,49 @@
+<template>
+
+    <div>
+        <div v-if="score">
+            <seo-pro-status-icon :status="status" class="inline-block ml-1 mr-3"></seo-pro-status-icon>
+            {{ score }}%
+        </div>
+        <loading-graphic v-else :text="null" :inline="true" />
+    </div>
+
+</template>
+
+
+<script>
+export default {
+
+    props: [
+        'id',
+        'initialStatus',
+        'initialScore',
+    ],
+
+    data() {
+        return {
+            status: this.initialStatus,
+            score: this.initialScore,
+        }
+    },
+
+    created() {
+        if (! this.score) this.updateScore();
+    },
+
+    methods: {
+        updateScore() {
+            Statamic.$request.get(cp_url(`seo-pro/reports/${this.id}`)).then(response => {
+                if (response.data.status === 'pending' || response.data.status === 'generating') {
+                    setTimeout(() => this.updateScore(), 1000);
+                    return;
+                }
+
+                this.status = response.data.status;
+                this.score = response.data.score;
+            });
+        },
+    },
+
+}
+</script>