From fae04901b7d9d48306c3e2dd66f264b3ef21ce0b Mon Sep 17 00:00:00 2001
From: Stas Vilchik <vilchiks@gmail.com>
Date: Thu, 30 Jan 2014 20:37:06 +0600
Subject: [PATCH] New Issues Page: show limit warning

---
 .../WEB-INF/app/views/issues/search.html.erb  |  3 ++
 .../webapp/javascripts/navigator/issues.js    |  7 ++++
 .../src/main/webapp/stylesheets/navigator.css | 29 ++++++++++++++
 .../webapp/stylesheets/navigator/base.css     | 29 ++++++++++++++
 .../webapp/stylesheets/navigator/base.less    | 39 +++++++++++++++++++
 .../webapp/stylesheets/navigator/config.less  |  1 +
 6 files changed, 108 insertions(+)

diff --git a/sonar-server/src/main/webapp/WEB-INF/app/views/issues/search.html.erb b/sonar-server/src/main/webapp/WEB-INF/app/views/issues/search.html.erb
index 4deceaa096e..33dca1e189a 100644
--- a/sonar-server/src/main/webapp/WEB-INF/app/views/issues/search.html.erb
+++ b/sonar-server/src/main/webapp/WEB-INF/app/views/issues/search.html.erb
@@ -1,5 +1,8 @@
 <div class="navigator">
   <div class="navigator-header"></div>
+  <div class="navigator-notes">
+    <%= message('issue_filter.max_results_reached', :params => 10000) -%>
+  </div>
   <div class="navigator-filters"></div>
   <div class="navigator-results"></div>
   <div class="navigator-details"></div>
diff --git a/sonar-server/src/main/webapp/javascripts/navigator/issues.js b/sonar-server/src/main/webapp/javascripts/navigator/issues.js
index 48404239098..b7fc3620e97 100644
--- a/sonar-server/src/main/webapp/javascripts/navigator/issues.js
+++ b/sonar-server/src/main/webapp/javascripts/navigator/issues.js
@@ -250,6 +250,13 @@ jQuery(function() {
     },
 
 
+    onAfterItemAdded: function() {
+      var showLimitNotes = this.collection.maxResultsReached != null && this.collection.maxResultsReached;
+      jQuery('.navigator').toggleClass('navigator-with-notes', showLimitNotes);
+      jQuery('.navigator-notes').toggle(showLimitNotes);
+    },
+
+
     close: function() {
       var scrollEl = jQuery('.navigator-results');
       scrollEl.off('scroll');
diff --git a/sonar-server/src/main/webapp/stylesheets/navigator.css b/sonar-server/src/main/webapp/stylesheets/navigator.css
index e50deb58eab..09a6e768554 100644
--- a/sonar-server/src/main/webapp/stylesheets/navigator.css
+++ b/sonar-server/src/main/webapp/stylesheets/navigator.css
@@ -60,6 +60,17 @@
   width: 320px;
   height: 30px;
 }
+.navigator-notes {
+  position: fixed;
+  z-index: 2;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  top: 104px;
+  left: 0;
+  width: 100%;
+  height: 20px;
+  display: none;
+}
 .navigator-simple .navigator-filters {
   top: 30px;
 }
@@ -69,6 +80,13 @@
   left: 0;
   width: 100%;
 }
+.navigator-with-notes .navigator-results,
+.navigator-with-notes .navigator-details {
+  top: 124px;
+}
+.navigator-with-notes .navigator-notes {
+  display: block;
+}
 .navigator-fetching:before {
   content: " ";
   position: absolute;
@@ -131,6 +149,17 @@
 .navigator-header-actions > button + button {
   margin-left: -1px;
 }
+.navigator-notes {
+  padding: 0 10px;
+  border-bottom: 1px solid #cdcdcd;
+  background-color: #efefef;
+  color: #777;
+  font-size: 11px;
+  line-height: 20px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 .navigator-results {
   border-right: 1px solid #e1e1e1;
   background-color: #ffffff;
diff --git a/sonar-server/src/main/webapp/stylesheets/navigator/base.css b/sonar-server/src/main/webapp/stylesheets/navigator/base.css
index 48c5f71bd73..f3e6c83887d 100644
--- a/sonar-server/src/main/webapp/stylesheets/navigator/base.css
+++ b/sonar-server/src/main/webapp/stylesheets/navigator/base.css
@@ -60,6 +60,17 @@
   width: 320px;
   height: 30px;
 }
+.navigator-notes {
+  position: fixed;
+  z-index: 2;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  top: 104px;
+  left: 0;
+  width: 100%;
+  height: 20px;
+  display: none;
+}
 .navigator-simple .navigator-filters {
   top: 30px;
 }
@@ -69,6 +80,13 @@
   left: 0;
   width: 100%;
 }
+.navigator-with-notes .navigator-results,
+.navigator-with-notes .navigator-details {
+  top: 124px;
+}
+.navigator-with-notes .navigator-notes {
+  display: block;
+}
 .navigator-fetching:before {
   content: " ";
   position: absolute;
@@ -131,6 +149,17 @@
 .navigator-header-actions > button + button {
   margin-left: -1px;
 }
+.navigator-notes {
+  padding: 0 10px;
+  border-bottom: 1px solid #cdcdcd;
+  background-color: #efefef;
+  color: #777;
+  font-size: 11px;
+  line-height: 20px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 .navigator-results {
   border-right: 1px solid #e1e1e1;
   background-color: #ffffff;
diff --git a/sonar-server/src/main/webapp/stylesheets/navigator/base.less b/sonar-server/src/main/webapp/stylesheets/navigator/base.less
index 435d20aca37..36207aa7b2e 100644
--- a/sonar-server/src/main/webapp/stylesheets/navigator/base.less
+++ b/sonar-server/src/main/webapp/stylesheets/navigator/base.less
@@ -50,6 +50,14 @@
   .size(@navigatorResultsWidth, @navigatorStatusHeight);
 }
 
+.navigator-notes {
+  .navigator-element;
+  top: @navigatorTopOffset + @navigatorHeaderHeight + @navigatorFiltersHeight;
+  left: 0;
+  .size(100%, @navigatorNotesHeight);
+  display: none;
+}
+
 
 .navigator-simple {
   .navigator-filters {
@@ -65,6 +73,20 @@
 }
 
 
+.navigator-with-notes {
+
+  .navigator-results,
+  .navigator-details {
+    top: @navigatorTopOffset + @navigatorHeaderHeight + @navigatorFiltersHeight + @navigatorNotesHeight;
+  }
+
+  .navigator-notes {
+    display: block;
+  }
+
+}
+
+
 .navigator-fetching {
   &:before {
     content: " ";
@@ -140,6 +162,23 @@
 
 
 
+// Notes
+.navigator-notes {
+  padding: 0 @navigatorPadding;
+  border-bottom: 1px solid @navigatorBorderColor;
+  background-color: @navigatorBarBackground;
+
+  color: #777;
+  font-size: @smallFontSize;
+  line-height: @navigatorNotesHeight;
+
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+
+
 // Results
 .navigator-results {
   border-right: 1px solid @navigatorBorderLightColor;
diff --git a/sonar-server/src/main/webapp/stylesheets/navigator/config.less b/sonar-server/src/main/webapp/stylesheets/navigator/config.less
index 98d883de88e..14c3fbe75c0 100644
--- a/sonar-server/src/main/webapp/stylesheets/navigator/config.less
+++ b/sonar-server/src/main/webapp/stylesheets/navigator/config.less
@@ -6,6 +6,7 @@
 @navigatorHeaderHeight: 37px;
 @navigatorFiltersHeight: 37px;
 @navigatorStatusHeight: 30px;
+@navigatorNotesHeight: 20px;
 
 @navigatorResultsWidth: 320px;
 
-- 
2.39.5