paoda/polyglot
1
0
Fork 0
mirror of https://github.com/beatriceo/polyglot.git synced 2025-10-22 09:42:11 +00:00
Code Issues Projects Releases Wiki Activity

finished basic contacts page

Browse Source
This commit is contained in:
Beatrice Olivera
2018-08-28 17:18:58 +01:00
parent acc13310f6
commit e98199d013
11 changed files with 188 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/views/layouts/_contact.html.erb
View File

@@ -1,12 +0,0 @@
<div class="card">
<div class="profile img-circle">
<img src="https://kitt.lewagon.com/placeholder/users/ssaunier" alt="">
</div>
<div class="info">
<h3>FirstName LastName</h3>
<p>Last call: <%= Date.now %></p>
</div>
<div class="call">
<i class="fas fa-phone"></i>
</div>
</div>

15
app/views/layouts/index.html.erb
View File

@@ -1,15 +0,0 @@
<div class="container">
<div class="contacts">
<h2>Contacts</h2>
<% 5.times do %>
<%= render "layouts/contact" %>
<% end %>
</div>
<div class="video-feed">
<video src=""></video>
</div>
</div>

38
app/views/pages/_contact.html.erb Normal file
View File

@@ -0,0 +1,38 @@
<div class="card">
<div class="info">
<img src="https://kitt.lewagon.com/placeholder/users/ssaunier" alt="" class="profile img-circle" width=65>
<div class="text text-color">
<p>FirstName LastName</p>
<p class="darker">Last call: <%= Time.now %></p>
</div>
</div>
<div class="call">
<%= link_to "#", 'data-toggle':"modal", 'data-target':"#myModal" 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">
<img src="https://kitt.lewagon.com/placeholder/users/ssaunier" alt="" class="profile img-circle" width=150>
<div class="modal-text">
<h4 class="modal-title" id="myModalLabel">Calling</h4>
<h4><strong>FirstName LastName</strong></h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

18
app/views/pages/index.html.erb Normal file
View File

@@ -0,0 +1,18 @@
<div class="container">
<div class="contacts-container text-color">
<div class="contacts half">
<h2>Contacts</h2>
<% 5.times do %>
<%= render "pages/contact" %>
<% end %>
</div>
<div class="video-feed half">
<div class="video-content">
</div>
</div>
</div>
</div>