From c777e6a297b851d61565dcaaeccb3eb6ecf25c2d Mon Sep 17 00:00:00 2001
From: Jones Magloire <Joxit@users.noreply.github.com>
Date: Thu, 14 Apr 2016 14:11:32 +0200
Subject: [PATCH] Add download spinner to catalog page (#1)

---
 catalog.tag | 54 ++++++++++++++++++++++++++---------------------------
 1 file changed, 26 insertions(+), 28 deletions(-)

diff --git a/catalog.tag b/catalog.tag
index 41e6db8..4ea4aa5 100644
--- a/catalog.tag
+++ b/catalog.tag
@@ -15,34 +15,32 @@
  along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 <catalog>
- <div class="catalog">
-  <div class="section-centerd mdl-card mdl-shadow--2dp mdl-cell--6-col">
-  <ul class="mdl-list">
-    <div class="mdl-card__title">
-     <h2 class="mdl-card__title-text">Repositories of { registryUI.url() }</h2>
-    </div>
-    <li class="mdl-list__item" each="{ item in catalog.repositories }">
-      <span class="mdl-list__item-primary-content">
-       <i class="material-icons mdl-list__item-icon">insert_link</i> { item }
-      </span>
-    </li>
-  </ul>
+<!-- Begin of tag -->
+<div class="catalog">
+ <div class="section-centerd mdl-card mdl-shadow--2dp mdl-cell--6-col">
+  <div class="mdl-card__title">
+   <h2 class="mdl-card__title-text">Repositories of { registryUI.url() }</h2>
   </div>
+  <div id="catalog-spinner" class="mdl-spinner mdl-js-spinner is-active section-centerd"></div>
+  <ul class="mdl-list">
+   <li class="mdl-list__item" each="{ item in catalog.repositories }"><span class="mdl-list__item-primary-content">
+     <i class="material-icons mdl-list__item-icon">insert_link</i> { item }
+   </span></li>
+  </ul>
  </div>
-
- <script>
-catalog.instance = this;
-var oReq = new XMLHttpRequest();
-oReq.addEventListener("load", function () {
-  catalog.repositories = JSON.parse(this.responseText).repositories;
+</div>
+<script>
+  catalog.instance = this;
+  var oReq = new XMLHttpRequest();
+  oReq.addEventListener("load", function () {
+    catalog.repositories = JSON.parse(this.responseText).repositories;
+    document.querySelector("#catalog-spinner").style.display = 'none';
+    catalog.instance.update();
+  });
+  oReq.open("GET", registryUI.url() + "/v/_catalog", true);
+  oReq.withCredentials = false;
+  oReq.send();
   catalog.instance.update();
-});
-oReq.open("GET", registryUI.url() + "/v2/_catalog", true);
-oReq.setRequestHeader('Origin', '*');
-oReq.withCredentials = false;
-oReq.send();
-catalog.inst
-this.update();
- </script>
-
-</catalog>
+</script> 
+<!-- End of tag -->
+</catalog>
\ No newline at end of file