@import "bootstrap/card";
// @import "bootstrap/breadcrumb";
// @import "bootstrap/pagination";
-// @import "bootstrap/badge";
+@import "bootstrap/badge";
// @import "bootstrap/jumbotron";
// @import "bootstrap/alert";
// @import "bootstrap/progress";
/* Rules for the trace list shown by the traces tab etc */
#trace_list {
- font-size: $lineheight/2;
border-width: 0px;
text-align: right;
font-size: 12px;
color: gray;
}
-
- .trace_pending {
- color: red;
- }
-
- .trace_public {
- color: green;
- }
-
- .trace_identifiable {
- color: green;
- }
-
- .trace_trackable {
- color: red;
- }
-
- .trace_private {
- color: red;
- }
-}
-
-/* Rules for the trace view */
-
-.trace-show {
- .trace_pending {
- color: red;
- }
-
- .geo {
- display: inline;
- }
}
/* Rules for the new trace form */
/* Rules for the user list */
#user_list {
- font-size: $lineheight/2;
width: 100%;
tr {
<% if trace.inserted %>
<a href="<%= url_for :controller => "traces", :action => "show", :id => trace.id, :display_name => trace.user.display_name %>"><img src="<%= url_for :controller => "traces", :action => "icon", :id => trace.id, :display_name => trace.user.display_name %>" border="0" alt="" /></a>
<% else %>
- <span class="trace_pending"><%= t ".pending" %></span>
+ <span class="text-danger"><%= t ".pending" %></span>
<% end %>
<% end %>
</td>
... <%= time_ago_in_words(trace.timestamp, :scope => :'datetime.distance_in_words_ago') %></span>
<%= link_to_if trace.inserted?, t(".map"), { :controller => "site", :action => "index", :mlat => trace.latitude, :mlon => trace.longitude, :anchor => "map=14/#{trace.latitude}/#{trace.longitude}" }, { :title => t(".view_map") } %> /
<%= link_to t(".edit"), { :controller => "site", :action => "edit", :gpx => trace.id }, { :title => t(".edit_map") } %>
- <span class="trace_<%= trace.visibility %>"><%= t("." + trace.visibility) %></span>
+
+ <% badge_class = case trace.visibility
+ when "public", "identifiable" then "success"
+ else "danger"
+ end %>
+ <span class="badge badge-<%= badge_class %> text-white"><%= t("." + trace.visibility) %></span>
+
<br />
<%= trace.description %>
<br />
<% if @trace.inserted %>
<img src="<%= url_for :controller => "traces", :action => "picture", :id => @trace.id, :display_name => @trace.user.display_name %>">
<% else %>
- <span class="trace_pending"><%= t ".pending" %></span>
+ <span class="text-danger"><%= t ".pending" %></span>
<% end %>
<% end %>
<td><%= @trace.size.to_s.gsub(/(\d)(?=(\d{3})+$)/, '\1,') %></td></tr>
<tr>
<td><%= t ".start_coordinates" %></td>
- <td><div class="geo"><span class="latitude"><%= @trace.latitude %></span>; <span class="longitude"><%= @trace.longitude %></span></div> (<%= link_to t(".map"), :controller => "site", :action => "index", :mlat => @trace.latitude, :mlon => @trace.longitude, :anchor => "map=14/#{@trace.latitude}/#{@trace.longitude}" %> / <%= link_to t(".edit"), :controller => "site", :action => "edit", :gpx => @trace.id, :anchor => "map=14/#{@trace.latitude}/#{@trace.longitude}" %>)</td>
+ <td><div class="d-inline"><span class="latitude"><%= @trace.latitude %></span>; <span class="longitude"><%= @trace.longitude %></span></div> (<%= link_to t(".map"), :controller => "site", :action => "index", :mlat => @trace.latitude, :mlon => @trace.longitude, :anchor => "map=14/#{@trace.latitude}/#{@trace.longitude}" %> / <%= link_to t(".edit"), :controller => "site", :action => "edit", :gpx => @trace.id, :anchor => "map=14/#{@trace.latitude}/#{@trace.longitude}" %>)</td>
</tr>
<% end %>
<tr>