fix(documentation): Add a spinner when the documentation is loading

fix gravitee-io/issues#1968
gravitee-io · Nov 27, 2019 · b6ef5ea · b6ef5ea
1 parent b0b5c65
commit b6ef5ea
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/src/assets/spinner.gif b/src/assets/spinner.gif
diff --git a/src/portal/api/header/api-header.html b/src/portal/api/header/api-header.html
@@ -71,7 +71,7 @@ <h2>{{ 'api.header.views' | translate }}</h2>
         <a ui-sref="portal.api.detail({apiId: $ctrl.api.id})">Overview</a>
       </li>
       <li ui-sref-active="active">
-        <a ui-sref="portal.api.pages({apiId: $ctrl.api.id})">{{'api.documentation.title' | translate}}</a>
+        <a ui-sref="portal.api.pages({apiId: $ctrl.api.id})" ui-sref-opts="{reload: true}">{{'api.documentation.title' | translate}}</a>
       </li>
       <li ui-sref-active="active" ng-if="$ctrl.supportEnabled">
         <a ui-sref="portal.api.support({apiId: $ctrl.api.id})">{{'menu.support' | translate}}</a>

diff --git a/src/portal/components/documentation/pages.html b/src/portal/components/documentation/pages.html
@@ -45,6 +45,10 @@
         </li>
       </ul>
     </div>
-    <div flex="85" ui-view></div>
+    <div flex="85" ui-view>
+      <div layout="column" layout-align="center center">
+        <img src="/assets/spinner.gif">
+      </div>
+    </div>
   </md-content>
 </div>