SONAR-7374 Improve the UI when component viewer is loading source code

diff --git a/server/sonar-web/src/main/js/components/source-viewer/templates/source-viewer.hbs b/server/sonar-web/src/main/js/components/source-viewer/templates/source-viewer.hbs
index d5ac6aed718f638a4e2490239935427beaf043d2..82df2448ac32722fc8ba4a60947c54235f8abd0f 100644 (file)
--- a/server/sonar-web/src/main/js/components/source-viewer/templates/source-viewer.hbs
+++ b/server/sonar-web/src/main/js/components/source-viewer/templates/source-viewer.hbs
@@ -5,7 +5,10 @@
   {{#if exist}}
 
     {{#if hasSourceBefore}}
-      <i class="spinner js-component-viewer-source-before"></i>
+      <div class="source-viewer-more-code">
+        <i class="spinner js-component-viewer-source-before"></i>
+        <span class="note spacer-left">{{t 'source_viewer.loading_more_code'}}</span>
+      </div>
     {{/if}}
 
     <table class="source-table">
@@ -86,7 +89,10 @@
     </table>
 
     {{#if hasSourceAfter}}
-      <i class="spinner js-component-viewer-source-after"></i>
+      <div class="source-viewer-more-code">
+        <i class="spinner js-component-viewer-source-after"></i>
+        <span class="note spacer-left">{{t 'source_viewer.loading_more_code'}}</span>
+      </div>
     {{/if}}
 
   {{else}}

diff --git a/server/sonar-web/src/main/less/components/source.less b/server/sonar-web/src/main/less/components/source.less
index 5fb2928f08ab0b61cc0e5afbf96cab0c8389f3ec..ff3050f74938f65ffdafd585ed655744560184eb 100644 (file)
--- a/server/sonar-web/src/main/less/components/source.less
+++ b/server/sonar-web/src/main/less/components/source.less
@@ -500,3 +500,19 @@
     display: none;
   }
 }
+
+.source-viewer-more-code {
+  padding: 40px 0;
+  border-bottom: 1px solid @barBorderColor;
+  background-color: @barBackgroundColor;
+  text-align: center;
+
+  .spinner {
+    top: -1px;
+  }
+
+  .source-table + & {
+    border-bottom: none;
+    border-top: 1px solid @barBorderColor;
+  }
+}

diff --git a/sonar-core/src/main/resources/org/sonar/l10n/core.properties b/sonar-core/src/main/resources/org/sonar/l10n/core.properties
index cd2ad947976279e3ac07f73a1028b0955dd7dc8f..1ccda3b5ea03bf194bb74eed093ad58ca6d20ff7 100644 (file)
--- a/sonar-core/src/main/resources/org/sonar/l10n/core.properties
+++ b/sonar-core/src/main/resources/org/sonar/l10n/core.properties
@@ -2985,6 +2985,8 @@ source_viewer.tooltip.it.partially-covered=Partially covered by integration test
 source_viewer.tooltip.it.uncovered=Not covered by integration tests.
 source_viewer.tooltip.new_code=New {0}.
 
+source_viewer.loading_more_code=Loading More Code...
+
 
 
 #------------------------------------------------------------------------------