SONAR-5718 UI improvements

diff --git a/server/sonar-web/src/main/coffee/common/processes.coffee b/server/sonar-web/src/main/coffee/common/processes.coffee
index 74257fd7482a2813d42d2a81dd66be252fc88d1e..3e63cf83e069b5f3928779f0b7849873bcb97c1a 100644 (file)
--- a/server/sonar-web/src/main/coffee/common/processes.coffee
+++ b/server/sonar-web/src/main/coffee/common/processes.coffee
@@ -3,6 +3,7 @@ $ = jQuery
 process = {}
 process.queue = {}
 process.timeout = 300
+process.fadeTimeout = 100
 
 _.extend process,
 
@@ -29,7 +30,7 @@ _.extend process,
     spinner.prop 'id', id
     spinner.text t 'process.still_working'
     spinner.appendTo $('body')
-    setTimeout (-> spinner.addClass 'shown'), 100
+    setTimeout (-> spinner.addClass 'shown'), @fadeTimeout
 
 
   removeSpinner: (uid) ->

diff --git a/server/sonar-web/src/main/coffee/issues/controller.coffee b/server/sonar-web/src/main/coffee/issues/controller.coffee
index e0db4b8dcda8092d96ae520faab2add6ab2768cd..58263c8dc0218d2087f67b9d1143f5959666332e 100644 (file)
--- a/server/sonar-web/src/main/coffee/issues/controller.coffee
+++ b/server/sonar-web/src/main/coffee/issues/controller.coffee
@@ -98,7 +98,10 @@ define [
       if facet.has('values') || FACETS_FROM_SERVER.indexOf(id) == -1
         facet.set enabled: true
       else
-        @requestFacet(id).done => facet.set enabled: true
+        p = window.process.addBackgroundProcess()
+        @requestFacet(id).done =>
+          facet.set enabled: true
+          window.process.finishBackgroundProcess p
 
 
     disableFacet: (id) ->

diff --git a/server/sonar-web/src/main/hbs/issues/facets/issues-assignee-facet.hbs b/server/sonar-web/src/main/hbs/issues/facets/issues-assignee-facet.hbs
index 8065434d2830fbe65ab1f7dd4432f70b4c5ced74..aae74814a2c698b430845b0cf20ca8f2c79ec761 100644 (file)
--- a/server/sonar-web/src/main/hbs/issues/facets/issues-assignee-facet.hbs
+++ b/server/sonar-web/src/main/hbs/issues/facets/issues-assignee-facet.hbs
@@ -8,12 +8,12 @@
   {{#each values}}
     {{#eq val ''}}
       {{! unassigned }}
-      <a class="facet issues-facet js-issues-facet" data-unassigned>
-        <span class="facet-name">Unassigned</span>
+      <a class="facet issues-facet js-issues-facet" data-unassigned title="{{t 'unassigned'}}">
+        <span class="facet-name">{{t 'unassigned'}}</span>
         <span class="facet-stat">{{count}}</span>
       </a>
     {{else}}
-      <a class="facet issues-facet js-issues-facet" data-value="{{val}}">
+      <a class="facet issues-facet js-issues-facet" data-value="{{val}}" title="{{label}}">
         <span class="facet-name">{{label}}</span>
         <span class="facet-stat">{{count}}</span>
       </a>

diff --git a/server/sonar-web/src/main/hbs/issues/facets/issues-base-facet.hbs b/server/sonar-web/src/main/hbs/issues/facets/issues-base-facet.hbs
index 0c2bf496a7aa50e1aefb08422b96de225f986047..4fd48a68f4e606a6867f01ef1d19877cf9cede62 100644 (file)
--- a/server/sonar-web/src/main/hbs/issues/facets/issues-base-facet.hbs
+++ b/server/sonar-web/src/main/hbs/issues/facets/issues-base-facet.hbs
@@ -2,7 +2,7 @@
 
 <div class="issues-facet-list">
   {{#each values}}
-    <a class="facet issues-facet js-issues-facet" data-value="{{val}}">
+    <a class="facet issues-facet js-issues-facet" data-value="{{val}}" title="{{default label val}}">
       <span class="facet-name">{{default label val}}</span>
       <span class="facet-stat">{{count}}</span>
     </a>

diff --git a/server/sonar-web/src/main/hbs/issues/facets/issues-project-facet.hbs b/server/sonar-web/src/main/hbs/issues/facets/issues-project-facet.hbs
index af181c52f8b92c1425dc3d27b68d0c9ec37c2e7f..b82e9329b3740b8270279f3aa70507b90e4e8901 100644 (file)
--- a/server/sonar-web/src/main/hbs/issues/facets/issues-project-facet.hbs
+++ b/server/sonar-web/src/main/hbs/issues/facets/issues-project-facet.hbs
@@ -6,7 +6,7 @@
   </div>
 
   {{#each values}}
-    <a class="facet issues-facet js-issues-facet" data-value="{{val}}">
+    <a class="facet issues-facet js-issues-facet" data-value="{{val}}" title="{{default label val}}">
       <span class="facet-name">{{default label val}}</span>
       <span class="facet-stat">{{count}}</span>
     </a>

diff --git a/server/sonar-web/src/main/hbs/issues/facets/issues-reporter-facet.hbs b/server/sonar-web/src/main/hbs/issues/facets/issues-reporter-facet.hbs
index af181c52f8b92c1425dc3d27b68d0c9ec37c2e7f..b82e9329b3740b8270279f3aa70507b90e4e8901 100644 (file)
--- a/server/sonar-web/src/main/hbs/issues/facets/issues-reporter-facet.hbs
+++ b/server/sonar-web/src/main/hbs/issues/facets/issues-reporter-facet.hbs
@@ -6,7 +6,7 @@
   </div>
 
   {{#each values}}
-    <a class="facet issues-facet js-issues-facet" data-value="{{val}}">
+    <a class="facet issues-facet js-issues-facet" data-value="{{val}}" title="{{default label val}}">
       <span class="facet-name">{{default label val}}</span>
       <span class="facet-stat">{{count}}</span>
     </a>

diff --git a/server/sonar-web/src/main/hbs/issues/facets/issues-resolution-facet.hbs b/server/sonar-web/src/main/hbs/issues/facets/issues-resolution-facet.hbs
index 2268710a51a672ad545d264ddacf28e7668690a8..1eb34815a92f5e21413afb03da4ffe1548dde4a9 100644 (file)
--- a/server/sonar-web/src/main/hbs/issues/facets/issues-resolution-facet.hbs
+++ b/server/sonar-web/src/main/hbs/issues/facets/issues-resolution-facet.hbs
@@ -4,12 +4,12 @@
   {{#each values}}
     {{#eq val ''}}
     {{! unresolved }}
-      <a class="facet issues-facet issues-facet-half js-issues-facet" data-unresolved>
-        <span class="facet-name">Unresolved</span>
+      <a class="facet issues-facet issues-facet-half js-issues-facet" data-unresolved title="{{t 'unresolved'}}">
+        <span class="facet-name">{{t 'unresolved'}}</span>
         <span class="facet-stat">{{count}}</span>
       </a>
     {{else}}
-      <a class="facet issues-facet issues-facet-half js-issues-facet" data-value="{{val}}">
+      <a class="facet issues-facet issues-facet-half js-issues-facet" data-value="{{val}}" title="{{t 'issue.resolution' val}}">
         <span class="facet-name">{{t 'issue.resolution' val}}</span>
         <span class="facet-stat">{{count}}</span>
       </a>

diff --git a/server/sonar-web/src/main/hbs/issues/facets/issues-rule-facet.hbs b/server/sonar-web/src/main/hbs/issues/facets/issues-rule-facet.hbs
index af181c52f8b92c1425dc3d27b68d0c9ec37c2e7f..b82e9329b3740b8270279f3aa70507b90e4e8901 100644 (file)
--- a/server/sonar-web/src/main/hbs/issues/facets/issues-rule-facet.hbs
+++ b/server/sonar-web/src/main/hbs/issues/facets/issues-rule-facet.hbs
@@ -6,7 +6,7 @@
   </div>
 
   {{#each values}}
-    <a class="facet issues-facet js-issues-facet" data-value="{{val}}">
+    <a class="facet issues-facet js-issues-facet" data-value="{{val}}" title="{{default label val}}">
       <span class="facet-name">{{default label val}}</span>
       <span class="facet-stat">{{count}}</span>
     </a>

diff --git a/server/sonar-web/src/main/hbs/issues/facets/issues-severity-facet.hbs b/server/sonar-web/src/main/hbs/issues/facets/issues-severity-facet.hbs
index 66deef1086efe391e1a2f94f07f9f1c877e6d375..062e275abb495149849630e3737ede1e32268edc 100644 (file)
--- a/server/sonar-web/src/main/hbs/issues/facets/issues-severity-facet.hbs
+++ b/server/sonar-web/src/main/hbs/issues/facets/issues-severity-facet.hbs
@@ -2,7 +2,7 @@
 
 <div class="issues-facet-list">
   {{#each values}}
-    <a class="facet issues-facet issues-facet-half js-issues-facet" data-value="{{val}}">
+    <a class="facet issues-facet issues-facet-half js-issues-facet" data-value="{{val}}" title="{{t 'severity' val}}">
       <span class="facet-name">{{severityIcon val}} {{t 'severity' val}}</span>
       <span class="facet-stat">{{count}}</span>
     </a>

diff --git a/server/sonar-web/src/main/hbs/issues/facets/issues-status-facet.hbs b/server/sonar-web/src/main/hbs/issues/facets/issues-status-facet.hbs
index 800b7cdb67907bbcb6fd429c0f9b193bbb071608..02cc4482eec71f8a0ad6c99d846b9ca889df429a 100644 (file)
--- a/server/sonar-web/src/main/hbs/issues/facets/issues-status-facet.hbs
+++ b/server/sonar-web/src/main/hbs/issues/facets/issues-status-facet.hbs
@@ -2,7 +2,7 @@
 
 <div class="issues-facet-list">
   {{#each values}}
-    <a class="facet issues-facet issues-facet-half js-issues-facet" data-value="{{val}}">
+    <a class="facet issues-facet issues-facet-half js-issues-facet" data-value="{{val}}" title="{{t 'issue.status' val}}">
       <span class="facet-name">{{statusIcon val}} {{t 'issue.status' val}}</span>
       <span class="facet-stat">{{count}}</span>
     </a>

diff --git a/server/sonar-web/src/main/less/issues.less b/server/sonar-web/src/main/less/issues.less
index a2437f077a675040776e3c01e7367f199d364605..fd48b50411a80c6bdd514ae3491d9d7e981f0d56 100644 (file)
--- a/server/sonar-web/src/main/less/issues.less
+++ b/server/sonar-web/src/main/less/issues.less
@@ -68,8 +68,8 @@
 
 .issues-facet {
   position: relative;
-  width: @sideWidth - 22px;
-  margin: 0 22px 1px 0;
+  width: 100%;
+  margin: 0 0 1px 0;
   border-color: transparent;
   .box-sizing(border-box);
   background-color: @barBackgroundColor;
@@ -104,7 +104,11 @@
 }
 
 .issues-facet-half {
-  width: @sideWidth / 2 - 22px;
+  width: 45%;
+
+  &:nth-child(odd) {
+    margin-right: 10%;
+  }
 }
 
 .issues-facet-header {
@@ -116,7 +120,7 @@
 }
 
 .issues-facet-list {
-  margin: 0 -22px 0 0;
+  margin: 0 0 0 0;
   padding: 0 10px 10px;
   font-size: 0;
 }
@@ -127,7 +131,6 @@
 }
 
 .issues-facet-custom-value {
-  margin-right: 22px;
   padding: 0 0 5px;
   font-size: @baseFontSize;
 }

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 64609e256f8f80535e8c683fa70f6056eeb48ed3..44beb0db519d54a62945dcfa2c8097b3b9da4f76 100644 (file)
--- a/sonar-core/src/main/resources/org/sonar/l10n/core.properties
+++ b/sonar-core/src/main/resources/org/sonar/l10n/core.properties
@@ -775,7 +775,7 @@ issues.facet.componentRootUuids=Project
 issues.facet.statuses=Status
 issues.facet.actionPlans=Action Plan
 issues.facet.assignees=Assignee
-issues.facet.componentUuids=Component
+issues.facet.componentUuids=File
 issues.facet.rules=Rule
 issues.facet.resolutions=Resolution
 issues.facet.languages=Language