Fixed popover for mezuro range description

signed-off-by: Diego Araújo <diegoamc90@gmail.com>

Fixed popover for mezuro range description
signed-off-by: Diego Araújo <diegoamc90@gmail.com>
Guilherme Rojas V. de Lima · Diego Camarinha
1 parent 2520e29b
Showing 6 changed files with 14 additions and 11 deletions Show diff stats
app/assets/images/magnifying_glass.png
app/assets/javascripts/application.js
app/assets/javascripts/popover.js
app/assets/stylesheets/bootstrap_and_overrides.css
app/views/metric_configurations/_ranges.html.erb
app/views/metric_configurations/show.html.erb
@@ -18,8 +18,3 @@
 //= require modules
 //= require Chart
 //= require_tree .
-
-
-$(function ()  
-{ $("#comments").popover();  
-});
 \ No newline at end of file
@@ -0,0 +1,4 @@
+$('.popover_element').popover();
+$('.popover_element').on('click', function () {
+  $('.popover_element').not(this).popover('hide');
+});
@@ -36,4 +36,8 @@ footer div {
 .field_with_errors .form-control{
   border-color: #B94A48;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
-}
 \ No newline at end of file
+}
+
+.popover-title{
+  font-weight: bolder;
+}
 <tr>
-  <td style="color: #<%= mezuro_range.color %>">
+  <td>
     <div>
-      <a type="button" id="comments" rel="popover" data-placement="left" data-original-title="Comments" data-content="<%= mezuro_range.comments %>">
-        Popover on left
-      </a>
+      <a class="popover_element" rel="popover" data-placement="left" data-original-title="Comments" data-content="<%= mezuro_range.comments %>"><%= image_tag "magnifying_glass.png" %></a>
+      <span style="color: #<%= mezuro_range.color %>"><%= mezuro_range.label %></span>
     </div>
   </td>
   <td><%= mezuro_range.beginning %></td>
@@ -17,4 +16,4 @@
       class: 'btn btn-danger' %>
     <% end %>
   </td>
-</tr>
 \ No newline at end of file
+</tr>
@@ -81,3 +81,4 @@
 </p>
  
  
+<%= javascript_include_tag "popover.js" %>
...	...	@@ -18,8 +18,3 @@
18	18	//= require modules
19	19	//= require Chart
20	20	//= require_tree .
21		-
22		-
23		-$(function ()
24		-{ $("#comments").popover();
25		-});
26	21	\ No newline at end of file
...	...
...	...	@@ -0,0 +1,4 @@
	1	+$('.popover_element').popover();
	2	+$('.popover_element').on('click', function () {
	3	+ $('.popover_element').not(this).popover('hide');
	4	+});
...	...
...	...	@@ -36,4 +36,8 @@ footer div {
36	36	.field_with_errors .form-control{
37	37	border-color: #B94A48;
38	38	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
39		-}
40	39	\ No newline at end of file
	40	+}
	41	+
	42	+.popover-title{
	43	+ font-weight: bolder;
	44	+}
...	...
1	1	<tr>
2		- <td style="color: #<%= mezuro_range.color %>">
	2	+ <td>
3	3	<div>
4		- <a type="button" id="comments" rel="popover" data-placement="left" data-original-title="Comments" data-content="<%= mezuro_range.comments %>">
5		- Popover on left
6		- </a>
	4	+ <a class="popover_element" rel="popover" data-placement="left" data-original-title="Comments" data-content="<%= mezuro_range.comments %>"><%= image_tag "magnifying_glass.png" %></a>
	5	+ <span style="color: #<%= mezuro_range.color %>"><%= mezuro_range.label %></span>
7	6	</div>
8	7	</td>
9	8	<td><%= mezuro_range.beginning %></td>
...	...	@@ -17,4 +16,4 @@
17	16	class: 'btn btn-danger' %>
18	17	<% end %>
19	18	</td>
20		-</tr>
21	19	\ No newline at end of file
	20	+</tr>
...	...
...	...	@@ -81,3 +81,4 @@
81	81	</p>
82	82
83	83
	84	+<%= javascript_include_tag "popover.js" %>
...	...