Sha256: f649b20da0251ecf8b058f6b815f0e5389fe47337c7501ff0533e9c3e4731749
Contents?: true
Size: 1.55 KB
Versions: 6
Compression:
Stored size: 1.55 KB
Contents
<div id="vlg-class-translations" class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-body">
<% @status_percentage_per_class.each do |klass| %>
<div class="clearfix">
<div class="class-title pull-left"><%= klass[:class_name] %></div>
<div class="progress">
<div class="progress-bar progress-bar-success translation-progress-tooltip" title="Approved: <%= klass[:approved] %>%" style="width: <%= klass[:approved] %>%">
</div>
<div class="progress-bar progress-bar-info translation-progress-tooltip" title="Done: <%= klass[:done] %>%" style="width: <%= klass[:done] %>%">
</div>
<div class="progress-bar progress-bar-warning translation-progress-tooltip" title="In progress: <%= klass[:in_progress] %>%" style="width: <%= klass[:in_progress] %>%">
</div>
<div class="progress-bar progress-bar-danger translation-progress-tooltip" title="Pending: <%= klass[:pending] %>%" style="width: <%= klass[:pending] %>%">
</div>
</div>
</div>
<% end %>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(function() {
// for some weird reason just calling .tooltip() on the element doesn't work.
// have to explicitly set up show and hide events
$(".translation-progress-tooltip")
.mouseover(function() {
$(this).tooltip("show");
})
.mouseout(function() {
$(this).tooltip("hide");
});
});
</script>
Version data entries
6 entries across 6 versions & 1 rubygems