</select>
</td>
<td width="15%" align="left">
- <%= image_tag 'levels/warn.png', :alt => message('alerts.warning_tooltip') %>
+ <i class="icon-alert-warn" title="<%= message('alerts.warning_tooltip') -%>"></i>
<%= value_field(alert, alert.value_warning, 'alert[value_warning]') %> <%= alert.metric.suffix if alert.metric %>
</td>
<td width="15%" align="left">
- <%= image_tag 'levels/error.png', :alt => message('alerts.error_tooltip') %>
+ <i class="icon-alert-error" title="<%= message('alerts.error_tooltip') -%>"></i>
<%= value_field(alert, alert.value_error, 'alert[value_error]') %> <%= alert.metric.suffix if alert.metric %>
</td>
<td width="120px" nowrap>
minimumResultsForSearch: 10,
width: '150px'
});
-</script>
\ No newline at end of file
+</script>
</td>
<td width="15%" valign="top" class="alert_fields">
- <%= image_tag 'levels/warn.png', :alt => message('alerts.warning_tooltip') %>
+ <i class="icon-alert-warn" title="<%= message('alerts.warning_tooltip') -%>"></i>
<%= value_field(@alert, '', 'alert[value_warning]') %>
<%= @alert.metric.suffix if @alert.metric %><br/>
<span class="note"><%= message('alerts.warning_threshold') -%></span>
</td>
<td width="15%" valign="top" class="alert_fields">
- <%= image_tag 'levels/error.png', :alt => message('alerts.error_tooltip') %>
+ <i class="icon-alert-error" title="<%= message('alerts.error_tooltip') -%>"></i>
<%= value_field(@alert, '', 'alert[value_error]') %>
<%= @alert.metric.suffix if @alert.metric %><br/>
<span class="note"><%= message('alerts.error_threshold') -%></span>
</td>
<td width="20%">
<% if alert.metric && !alert.value_warning.blank? %>
- <%= image_tag 'levels/warn.png', :alt => message('alerts.warning_tooltip') %>
+ <i class="icon-alert-warn" title="<%= message('alerts.warning_tooltip') -%>"></i>
<%= alert.value_warning %> <%= alert.metric.suffix if alert.metric %>
<% end %>
</td>
<td width="20%">
<% if alert.metric && !alert.value_error.blank? %>
- <%= image_tag 'levels/error.png', :alt => message('alerts.error_tooltip') %>
+ <i class="icon-alert-error" title="<%= message('alerts.error_tooltip') -%>"></i>
<%= alert.value_error %> <%= alert.metric.suffix %>
<% end %>
</td>
<tr><th colspan="3"></th></tr>
</thead>
<tbody>
-<tr class="even"><td><%= image_tag 'levels/ok.png' %></td><td> <%= message('alerts.notes.ok') -%></td></tr>
-<tr class="odd"><td><%= image_tag 'levels/warn.png' %></td><td> <%= message('alerts.notes.warn') -%></td></tr>
-<tr class="even"><td><%= image_tag 'levels/error.png' %></td><td> <%= message('alerts.notes.error') -%></td></tr>
+<tr class="even"><td><i class="icon-alert-ok"></i></td><td> <%= message('alerts.notes.ok') -%></td></tr>
+<tr class="odd"><td><i class="icon-alert-warn"></i></td><td> <%= message('alerts.notes.warn') -%></td></tr>
+<tr class="even"><td><i class="icon-alert-error"></i></td><td> <%= message('alerts.notes.error') -%></td></tr>
</tbody>
</table>
</div>
</select>
</td>
<td width="15%">
- <%= image_tag 'levels/warn.png', :alt => message('alerts.warning_tooltip') %>
+ <i class="icon-alert-warn" title="<%= message('alerts.warn_tooltip') -%>"></i>
<input name="warning" type="text" value="{{warning}}">
</td>
<td width="15%">
- <%= image_tag 'levels/error.png', :alt => message('alerts.error_tooltip') %>
+ <i class="icon-alert-error" title="<%= message('alerts.error_tooltip') -%>"></i>
<input name="error" type="text" value="{{error}}">
</td>
<td class="quality-gate-condition-actions" width="120px" nowrap>
</thead>
<tbody>
<tr class="even">
- <td><%= image_tag 'levels/ok.png' %></td>
+ <td><i class="icon-alert-ok"></i></td>
<td><%= message('alerts.notes.ok') -%></td>
</tr>
<tr class="odd">
- <td><%= image_tag 'levels/warn.png' %></td>
+ <td><i class="icon-alert-warn"></i></td>
<td><%= message('alerts.notes.warn') -%></td>
</tr>
<tr class="even">
- <td><%= image_tag 'levels/error.png' %></td>
+ <td><i class="icon-alert-error"></i></td>
<td><%= message('alerts.notes.error') -%></td>
</tr>
</tbody>
<glyph unicode="" d="M585.143 426.667q0 60.571-42.857 103.429t-103.429 42.857-103.429-42.857-42.857-103.429 42.857-103.429 103.429-42.857 103.429 42.857 42.857 103.429zM877.714 488.953v-126.857q0-6.857-4.571-13.143t-11.429-7.429l-105.714-16q-10.857-30.857-22.286-52 20-28.571 61.143-78.857 5.714-6.857 5.714-14.286t-5.143-13.143q-15.429-21.143-56.571-61.714t-53.714-40.571q-6.857 0-14.857 5.143l-78.857 61.714q-25.143-13.143-52-21.714-9.143-77.714-16.571-106.286-4-16-20.571-16h-126.857q-8 0-14 4.857t-6.571 12.286l-16 105.143q-28 9.143-51.429 21.143l-80.571-61.143q-5.714-5.143-14.286-5.143-8 0-14.286 6.286-72 65.143-94.286 96-4 5.714-4 13.143 0 6.857 4.571 13.143 8.571 12 29.143 38t30.857 40.286q-15.429 28.571-23.429 56.571l-104.571 15.429q-7.429 1.143-12 7.143t-4.571 13.429v126.857q0 6.857 4.571 13.143t10.857 7.429l106.286 16q8 26.286 22.286 52.571-22.857 32.571-61.143 78.857-5.714 6.857-5.714 13.714 0 5.714 5.143 13.143 14.857 20.571 56.286 61.429t54 40.857q7.429 0 14.857-5.714l78.857-61.143q25.143 13.143 52 21.714 9.143 77.714 16.571 106.286 4 16 20.571 16h126.857q8 0 14-4.857t6.571-12.286l16-105.143q28-9.143 51.429-21.143l81.143 61.143q5.143 5.143 13.714 5.143 7.429 0 14.286-5.714 73.714-68 94.286-97.143 4-4.571 4-12.571 0-6.857-4.571-13.143-8.571-12-29.143-38t-30.857-40.286q14.857-28.571 23.429-56l104.571-16q7.429-1.143 12-7.143t4.571-13.429z" />
<glyph unicode="" d="M1024 170.667v-73.143q0-14.857-10.857-25.714t-25.714-10.857h-950.857q-14.857 0-25.714 10.857t-10.857 25.714v73.143q0 14.857 10.857 25.714t25.714 10.857h950.857q14.857 0 25.714-10.857t10.857-25.714zM1024 390.096v-73.143q0-14.857-10.857-25.714t-25.714-10.857h-950.857q-14.857 0-25.714 10.857t-10.857 25.714v73.143q0 14.857 10.857 25.714t25.714 10.857h950.857q14.857 0 25.714-10.857t10.857-25.714zM1024 609.524v-73.143q0-14.857-10.857-25.714t-25.714-10.857h-950.857q-14.857 0-25.714 10.857t-10.857 25.714v73.143q0 14.857 10.857 25.714t25.714 10.857h950.857q14.857 0 25.714-10.857t10.857-25.714zM1024 828.953v-73.143q0-14.857-10.857-25.714t-25.714-10.857h-950.857q-14.857 0-25.714 10.857t-10.857 25.714v73.143q0 14.857 10.857 25.714t25.714 10.857h950.857q14.857 0 25.714-10.857t10.857-25.714z" />
<glyph unicode="" d="M804.571 407.238v-181.714q0-68-48.286-116.286t-116.286-48.286h-475.429q-68 0-116.286 48.286t-48.286 116.286v475.429q0 68 48.286 116.286t116.286 48.286h475.429q36 0 66.857-14.286 8.571-4 10.286-13.143 1.714-9.714-5.143-16.571l-28-28q-5.714-5.714-13.143-5.714-1.714 0-5.143 1.143-13.143 3.429-25.714 3.429h-475.429q-37.714 0-64.571-26.857t-26.857-64.571v-475.429q0-37.714 26.857-64.571t64.571-26.857h475.429q37.714 0 64.571 26.857t26.857 64.571v145.143q0 7.429 5.143 12.571l36.571 36.571q5.714 5.714 13.143 5.714 3.429 0 6.857-1.714 11.429-4.571 11.429-16.571zM936.571 686.667l-465.143-465.143q-13.714-13.714-32.571-13.714t-32.571 13.714l-245.714 245.714q-13.714 13.714-13.714 32.571t13.714 32.571l62.857 62.857q13.714 13.714 32.571 13.714t32.571-13.714l150.286-150.286 369.714 369.714q13.714 13.714 32.571 13.714t32.571-13.714l62.857-62.857q13.714-13.714 13.714-32.571t-13.714-32.571z" horiz-adv-x="951" />
+<glyph unicode="" d="M656.571 297.524q0 14.857-10.857 25.714l-103.429 103.429 103.429 103.429q10.857 10.857 10.857 25.714 0 15.429-10.857 26.286l-51.429 51.429q-10.857 10.857-26.286 10.857-14.857 0-25.714-10.857l-103.429-103.429-103.429 103.429q-10.857 10.857-25.714 10.857-15.429 0-26.286-10.857l-51.429-51.429q-10.857-10.857-10.857-26.286 0-14.857 10.857-25.714l103.429-103.429-103.429-103.429q-10.857-10.857-10.857-25.714 0-15.429 10.857-26.286l51.429-51.429q10.857-10.857 26.286-10.857 14.857 0 25.714 10.857l103.429 103.429 103.429-103.429q10.857-10.857 25.714-10.857 15.429 0 26.286 10.857l51.429 51.429q10.857 10.857 10.857 26.286zM877.714 426.667q0-119.429-58.857-220.286t-159.714-159.714-220.286-58.857-220.286 58.857-159.714 159.714-58.857 220.286 58.857 220.286 159.714 159.714 220.286 58.857 220.286-58.857 159.714-159.714 58.857-220.286z" />
+<glyph unicode="" d="M512 152.381v109.714q0 8-5.143 13.143t-13.143 5.143h-109.714q-8 0-13.143-5.143t-5.143-13.143v-109.714q0-8 5.143-13.143t13.143-5.143h109.714q8 0 13.143 5.143t5.143 13.143zM658.286 536.381q0 50.286-31.714 93.143t-79.143 66.286-97.143 23.429q-138.857 0-212-121.714-8.571-13.714 4.571-24l75.429-57.143q4-3.429 10.857-3.429 9.143 0 14.286 6.857 30.286 38.857 49.143 52.571 19.429 13.714 49.143 13.714 27.429 0 48.857-14.857t21.429-33.714q0-21.714-11.429-34.857t-38.857-25.714q-36-16-66-49.429t-30-71.714v-20.571q0-8 5.143-13.143t13.143-5.143h109.714q8 0 13.143 5.143t5.143 13.143q0 10.857 12.286 28.286t31.143 28.286q18.286 10.286 28 16.286t26.286 20 25.429 27.429 16 34.571 7.143 46.286zM877.714 426.667q0-119.429-58.857-220.286t-159.714-159.714-220.286-58.857-220.286 58.857-159.714 159.714-58.857 220.286 58.857 220.286 159.714 159.714 220.286 58.857 220.286-58.857 159.714-159.714 58.857-220.286z" />
<glyph unicode="" d="M626.857 322.096l-83.429-83.429q-5.714-5.714-13.143-5.714t-13.143 5.714l-78.286 78.286-78.286-78.286q-5.714-5.714-13.143-5.714t-13.143 5.714l-83.429 83.429q-5.714 5.714-5.714 13.143t5.714 13.143l78.286 78.286-78.286 78.286q-5.714 5.714-5.714 13.143t5.714 13.143l83.429 83.429q5.714 5.714 13.143 5.714t13.143-5.714l78.286-78.286 78.286 78.286q5.714 5.714 13.143 5.714t13.143-5.714l83.429-83.429q5.714-5.714 5.714-13.143t-5.714-13.143l-78.286-78.286 78.286-78.286q5.714-5.714 5.714-13.143t-5.714-13.143zM749.714 426.667q0 84.571-41.714 156t-113.143 113.143-156 41.714-156-41.714-113.143-113.143-41.714-156 41.714-156 113.143-113.143 156-41.714 156 41.714 113.143 113.143 41.714 156zM877.714 426.667q0-119.429-58.857-220.286t-159.714-159.714-220.286-58.857-220.286 58.857-159.714 159.714-58.857 220.286 58.857 220.286 159.714 159.714 220.286 58.857 220.286-58.857 159.714-159.714 58.857-220.286z" />
<glyph unicode="" d="M669.143 474.096l-241.143-241.143q-10.857-10.857-25.714-10.857t-25.714 10.857l-168 168q-10.857 10.857-10.857 25.714t10.857 25.714l58.286 58.286q10.857 10.857 25.714 10.857t25.714-10.857l84-84 157.143 157.143q10.857 10.857 25.714 10.857t25.714-10.857l58.286-58.286q10.857-10.857 10.857-25.714t-10.857-25.714zM749.714 426.667q0 84.571-41.714 156t-113.143 113.143-156 41.714-156-41.714-113.143-113.143-41.714-156 41.714-156 113.143-113.143 156-41.714 156 41.714 113.143 113.143 41.714 156zM877.714 426.667q0-119.429-58.857-220.286t-159.714-159.714-220.286-58.857-220.286 58.857-159.714 159.714-58.857 220.286 58.857 220.286 159.714 159.714 220.286 58.857 220.286-58.857 159.714-159.714 58.857-220.286z" />
<glyph unicode="" d="M749.714 428.381q0 92-49.714 168.571l-430.857-430.286q78.286-50.857 169.714-50.857 63.429 0 120.857 24.857t99.143 66.571 66.286 99.714 24.571 121.429zM178.857 257.524l431.429 430.857q-77.143 52-171.429 52-84.571 0-156-41.714t-113.143-113.714-41.714-156.571q0-92.571 50.857-170.857zM877.714 428.381q0-89.714-34.857-171.429t-93.429-140.571-140-93.714-170.571-34.857-170.571 34.857-140 93.714-93.429 140.571-34.857 171.429 34.857 171.143 93.429 140.286 140 93.714 170.571 34.857 170.571-34.857 140-93.714 93.429-140.286 34.857-171.143z" />
color: #444444;
font-size: 14px;
}
+/*
+ * Alert
+ */
+.icon-alert-ok:before {
+ content: "\f013";
+ color: #85bb43;
+ font-size: 16px;
+}
+.icon-alert-warn:before {
+ content: "\f000";
+ color: #ff9900;
+ font-size: 16px;
+}
+.icon-alert-error:before {
+ content: "\f057";
+ color: #d4333f;
+ font-size: 16px;
+}
+.icon-alert-none:before {
+ content: "\f059";
+ color: #4b9fd5;
+ font-size: 16px;
+}
/*
* Common
*/
}
+/*
+ * Alert
+ */
+
+.icon-alert-ok:before {
+ content: "\f013";
+ color: @green;
+ font-size: @iconFontSize + 2px;
+}
+.icon-alert-warn:before {
+ content: "\f000";
+ color: @orange;
+ font-size: @iconFontSize + 2px;
+}
+.icon-alert-error:before {
+ content: "\f057";
+ color: @red;
+ font-size: @iconFontSize + 2px;
+}
+.icon-alert-none:before {
+ content: "\f059";
+ color: @blue;
+ font-size: @iconFontSize + 2px;
+}
+
+
/*
* Common
*/
@red: #d4333f;
@green: #85bb43;
@yellow: #fede06;
+@orange: #f90;
@highlighted: @blue;