aboutsummaryrefslogtreecommitdiffstats
path: root/server
diff options
context:
space:
mode:
authorStas Vilchik <vilchiks@gmail.com>2016-04-20 16:32:47 +0200
committerStas Vilchik <vilchiks@gmail.com>2016-04-20 16:32:47 +0200
commit2c9743405cfe53eb24f49216cc6209145ecf1d37 (patch)
tree1524cba3707b6ce788bce4764e0fcfcc075b7b5e /server
parentb497793da61aae73b86a76b31cfd14ca14d998d2 (diff)
downloadsonarqube-2c9743405cfe53eb24f49216cc6209145ecf1d37.tar.gz
sonarqube-2c9743405cfe53eb24f49216cc6209145ecf1d37.zip
SONAR-7374 Improve the UI when component viewer is loading source code
Diffstat (limited to 'server')
-rw-r--r--server/sonar-web/src/main/js/components/source-viewer/templates/source-viewer.hbs10
-rw-r--r--server/sonar-web/src/main/less/components/source.less16
2 files changed, 24 insertions, 2 deletions
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 d5ac6aed718..82df2448ac3 100644
--- 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 5fb2928f08a..ff3050f7493 100644
--- 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;
+ }
+}