diff options
Diffstat (limited to 'views/notice.erb')
| -rw-r--r-- | views/notice.erb | 20 |
1 files changed, 8 insertions, 12 deletions
diff --git a/views/notice.erb b/views/notice.erb index eb740f2..5959fac 100644 --- a/views/notice.erb +++ b/views/notice.erb @@ -1,15 +1,12 @@ -<div class="panel <%= panel_class(notice) %> notice" data-services="<%= notice['affects'].join ' ' %>" data-url="<%= notice.url %>"> - <div class="panel-heading"> - <h3 class="panel-title"><%= item_icon notice['type']%> <a href="/notice/<%= h notice['id'] %>"><%= h notice['title'] %></a></h3> - </div> - <div class="panel-body"> +<div class="card <%= panel_class(notice) %> notice" data-services="<%= notice['affects'].join ' ' %>" data-url="<%= notice.url %>"> + <h3 class="card-header"><%= item_icon notice['type']%> <a class="text-dark" href="/notice/<%= h notice['id'] %>"><%= h notice['title'] %></a></h3> + <div class="card-body"> <%= markdown notice.content %> </div> - <div class="panel-footer"> + <div class="card-footer"> <div class="row"> <div class="col-sm-4 has-tooltip" data-toggle="tooltip" data-placement="top" title="Notice publication date"> - <span class="glyphicon glyphicon-send pull-left" title="Notice publication date"></span> - <div style="margin-left: 1.25em"><em><%= date_format notice['created_at'] %></em></div> + <div><i class="fa fa-paper-plane mr-1" title="Notice publication date" aria-hidden="true"></i> <em><%= date_format notice['created_at'] %></em></div> </div> <% if notice.key? 'starts_at' %> <%- diff = ((DateTime.now - notice['starts_at']) * 24 * 60 * 60).to_i %> @@ -19,15 +16,14 @@ <% else %> title="Maintenance started <%= humanize(diff) %> ago" <% end %>> - <span class="glyphicon glyphicon-wrench pull-left" title="Maintenance start time"></span> - <div style="margin-left: 1.25em;"><em><%= date_format notice['starts_at'] %></em></div> + <div><i class="fa fa-wrench mr-1" title="Maintenance start time" aria-hidden="true"></i> <em><%= date_format notice['starts_at'] %></em></div> </div> <% else %> <div class="col-sm-4"></div> <% end %> <div class="col-sm-4 has-tooltip" data-toggle="tooltip" data-placement="top" title="Estimated time of service recovery"> - <span class="glyphicon glyphicon-ok pull-left" title="Estimated time of service recovery"></span> - <div style="margin-left: 1.25em;"> + <div> + <i class="fa fa-check mr-1" title="Estimated time of service recovery" aria-hidden="true"></i> <% if notice.key? 'eta' %> <em><%= date_format notice['eta'] %></em> (estimated) <% else %> |