63 lines
2.3 KiB
Plaintext
63 lines
2.3 KiB
Plaintext
<div class="card">
|
|
<div class="info">
|
|
<% if contact.photo.url.nil? %>
|
|
<img src="https://upload.wikimedia.org/wikipedia/commons/8/89/Portrait_Placeholder.png" class="avatar profile dropdown-toggle img-circle" width=65>
|
|
<% else %>
|
|
<%= cl_image_tag contact.photo, class: "profile avatar dropdown-toggle img-circle", width:65%>
|
|
<% end %>
|
|
<div class="text text-color">
|
|
<% if contact.first_name.nil? || contact.last_name.nil? %>
|
|
<p><%= contact.email %></p>
|
|
<% else %>
|
|
<p><%= contact.first_name %> <%= contact.last_name %></p>
|
|
<% end %>
|
|
<p class="darker">Last call: <%= Time.now %></p>
|
|
</div>
|
|
</div>
|
|
<div class="call" data-user-id="<%= contact.id %>">
|
|
<%= link_to establish_call_path(contact.id), remote: true, id: "modalTrigger" do %>
|
|
<i class="fas fa-phone"></i>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<!-- Modal -->
|
|
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
<div class="vertical-alignment-helper">
|
|
<div class="modal-dialog vertical-align-center">
|
|
<div class="modal-content modal-color">
|
|
<div class="modal-header">
|
|
<%= link_to "#", class:"pull-right", 'data-dismiss':"modal", 'data-target':"#myModal" do %>
|
|
<i class="fas fa-times-circle"></i>
|
|
<% end %>
|
|
<div class="container">
|
|
<div class="modal-container">
|
|
<% if contact.photo.url.nil? %>
|
|
<img src="https://upload.wikimedia.org/wikipedia/commons/8/89/Portrait_Placeholder.png" class="avatar profile dropdown-toggle img-circle" width=150>
|
|
<% else %>
|
|
<%= cl_image_tag contact.photo, class: "profile avatar dropdown-toggle img-circle", width:150%>
|
|
<% end %>
|
|
<div class="modal-text">
|
|
<h4 class="modal-title" id="myModalLabel">Calling</h4>
|
|
<h4>
|
|
<strong>
|
|
<% if contact.first_name.nil? || contact.last_name.nil? %>
|
|
<p><%= contact.email %></p>
|
|
<% else %>
|
|
<p><%= contact.first_name %> <%= contact.last_name %></p>
|
|
<% end %>
|
|
</strong>
|
|
</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|