Updated phone contact links

This commit is contained in:
swati kalpavruksh 2018-12-17 14:05:39 +05:30
parent 23d479881f
commit e1cecb21b7
7 changed files with 17 additions and 13 deletions

View File

@ -26,11 +26,11 @@
<table> <table>
<tr> <tr>
<td><i class="fa fa-envelope" aria-hidden="true"></i></td> <td><i class="fa fa-envelope" aria-hidden="true"></i></td>
<td><a :href="'mailto:'+person.contact.email">{{person.contact.email}}</a></td> <td><a :href="contactLinks.email">{{person.contact.email}}</a></td>
</tr> </tr>
<tr> <tr>
<td><i class="fa fa-phone" aria-hidden="true"></i></td> <td><i class="fa fa-phone" aria-hidden="true"></i></td>
<td><a :href="'tel:'+person.contact.phone">{{person.contact.phone}}</a></td> <td><a :href="contactLinks.phone">{{person.contact.phone}}</a></td>
</tr> </tr>
<tr> <tr>
<td><i class="fa fa-home" aria-hidden="true"></i></td> <td><i class="fa fa-home" aria-hidden="true"></i></td>

View File

@ -25,11 +25,11 @@
<h3>{{ lang.contact }}</h3> <h3>{{ lang.contact }}</h3>
<table> <table>
<tr> <tr>
<td><a :href="'mailto:'+person.contact.email">{{person.contact.email}}</a></td> <td><a :href="contactLinks.email">{{person.contact.email}}</a></td>
<td><i class="fa fa-envelope" aria-hidden="true"></i></td> <td><i class="fa fa-envelope" aria-hidden="true"></i></td>
</tr> </tr>
<tr> <tr>
<td><a :href="'tel:'+person.contact.phone">{{person.contact.phone}}</a></td> <td><a :href="contactLinks.phone">{{person.contact.phone}}</a></td>
<td><i class="fa fa-phone" aria-hidden="true"></i></td> <td><i class="fa fa-phone" aria-hidden="true"></i></td>
</tr> </tr>
<tr> <tr>

View File

@ -30,7 +30,7 @@
</div> </div>
</div> </div>
<a :href="'tel:'+person.contact.phone"> <a :href="contactLinks.phone">
<div class="item"> <div class="item">
<div class="icon"> <div class="icon">
<i class="material-icons">phone</i> <i class="material-icons">phone</i>
@ -41,7 +41,7 @@
</div> </div>
</a> </a>
<a :href="'mailto:'+person.contact.email"> <a :href="contactLinks.email">
<div class="item"> <div class="item">
<div class="icon"> <div class="icon">
<i class="material-icons">email</i> <i class="material-icons">email</i>

View File

@ -56,9 +56,9 @@
</div> </div>
<div class="contact"> <div class="contact">
<h3>{{ lang.contact }}</h3> <h3>{{ lang.contact }}</h3>
<a :href="'mailto:'+person.contact.email"> {{person.contact.email}}</a> <a :href="contactLinks.email"> {{person.contact.email}}</a>
<span>;&nbsp;</span> <span>;&nbsp;</span>
<a :href="'tel:'+person.contact.phone">{{person.contact.phone}}</a> <a :href="contactLinks.phone">{{person.contact.phone}}</a>
<span>;&nbsp;</span> <span>;&nbsp;</span>
<span>{{person.contact.street}}, {{person.contact.city}}</span> <span>{{person.contact.street}}, {{person.contact.city}}</span>
<span>;&nbsp;</span> <span>;&nbsp;</span>

View File

@ -47,7 +47,7 @@ function getVueOptions (name) {
links.medium = `https://medium.com/@${this.person.contact.medium}`; links.medium = `https://medium.com/@${this.person.contact.medium}`;
} }
if(this.person.email) { if(this.person.contact.email) {
links.email = `mailto:${this.person.contact.email}`; links.email = `mailto:${this.person.contact.email}`;
} }
@ -55,6 +55,10 @@ function getVueOptions (name) {
links.linkedin = `https://linkedin.com/in/${this.person.contact.linkedin}`; links.linkedin = `https://linkedin.com/in/${this.person.contact.linkedin}`;
} }
if(this.person.contact.phone) {
links.phone = `tel:${this.person.contact.phone}`;
}
return links; return links;
}, },
} }

View File

@ -17,7 +17,7 @@
<div class="contact"> <div class="contact">
<h3>{{ lang.contact }}</h3> <h3>{{ lang.contact }}</h3>
<div class="contact-row"> <div class="contact-row">
<a :href="'mailto:'+person.contact.email">{{person.contact.email}}</a> <a :href="contactLinks.email">{{person.contact.email}}</a>
</div> </div>
<div class="contact-row dots"> <div class="contact-row dots">
<i class="fa fa-circle" aria-hidden="true"></i> <i class="fa fa-circle" aria-hidden="true"></i>
@ -25,7 +25,7 @@
<i class="fa fa-circle" aria-hidden="true"></i> <i class="fa fa-circle" aria-hidden="true"></i>
</div> </div>
<div class="contact-row"> <div class="contact-row">
<a href="'tel:'+person.contact.phone">{{person.contact.phone}}</a> <a href="contactLinks.phone">{{person.contact.phone}}</a>
</div> </div>
<div class="contact-row dots"> <div class="contact-row dots">
<i class="fa fa-circle" aria-hidden="true"></i> <i class="fa fa-circle" aria-hidden="true"></i>

View File

@ -17,7 +17,7 @@
<div class="contact"> <div class="contact">
<h3>{{ lang.contact }}</h3> <h3>{{ lang.contact }}</h3>
<div class="contact-row"> <div class="contact-row">
<a :href="'mailto:'+person.contact.email">{{person.contact.email}}</a> <a :href="contactLinks.email">{{person.contact.email}}</a>
</div> </div>
<div class="contact-row dots"> <div class="contact-row dots">
<i class="fa fa-circle" aria-hidden="true"></i> <i class="fa fa-circle" aria-hidden="true"></i>
@ -25,7 +25,7 @@
<i class="fa fa-circle" aria-hidden="true"></i> <i class="fa fa-circle" aria-hidden="true"></i>
</div> </div>
<div class="contact-row"> <div class="contact-row">
<a :href="'tel:'+person.contact.phone">{{person.contact.phone}}</a> <a :href="contactLinks.phone">{{person.contact.phone}}</a>
</div> </div>
<div class="contact-row dots"> <div class="contact-row dots">
<i class="fa fa-circle" aria-hidden="true"></i> <i class="fa fa-circle" aria-hidden="true"></i>