Fix contact autocomplete template repeated picture
- Use <template> to prevent wrong src lookup
This commit is contained in:
parent
a5952e5425
commit
d3fa7ae5ae
1 changed files with 108 additions and 109 deletions
|
@ -125,7 +125,7 @@
|
||||||
|
|
||||||
{{* the following part is a nearly a copy of the part above but it is modified for working with js.
|
{{* the following part is a nearly a copy of the part above but it is modified for working with js.
|
||||||
We use this part to filter the contacts with jquery.textcomplete *}}
|
We use this part to filter the contacts with jquery.textcomplete *}}
|
||||||
<div class="javascript-template" rel="contact-template" style="display: none">
|
<template class="javascript-template" rel="contact-template" style="display: none">
|
||||||
<div class="contact-wrapper media" id="contact-entry-wrapper-{$id}">
|
<div class="contact-wrapper media" id="contact-entry-wrapper-{$id}">
|
||||||
|
|
||||||
{{* This is a wrapper for the contact picture *}}
|
{{* This is a wrapper for the contact picture *}}
|
||||||
|
@ -133,14 +133,14 @@ We use this part to filter the contacts with jquery.textcomplete *}}
|
||||||
<div class="contact-entry-photo mframe" id="contact-entry-photo-{$id}">
|
<div class="contact-entry-photo mframe" id="contact-entry-photo-{$id}">
|
||||||
|
|
||||||
<div class="contact-photo-image-wrapper hidden-xs">
|
<div class="contact-photo-image-wrapper hidden-xs">
|
||||||
<img class="contact-photo media-object xl" src="{{$contact.thumb}}" {11} alt="{{$contact.name}}" />
|
<img class="contact-photo media-object xl" src="{$thumb}" {11} alt="{$name}" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{{* For very small displays we use a drobdown menu for contact relating actions *}}
|
{{* For very small displays we use a drobdown menu for contact relating actions *}}
|
||||||
<button type="button" class="btn btn-link dropdown-toggle visible-xs" id="contact-photo-menu-button{$id}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
<button type="button" class="btn btn-link dropdown-toggle visible-xs" id="contact-photo-menu-button{$id}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||||
{{* use a smaller picture on very small displays (e.g. mobiles) *}}
|
{{* use a smaller picture on very small displays (e.g. mobiles) *}}
|
||||||
<div class="contact-photo-image-wrapper visible-xs">
|
<div class="contact-photo-image-wrapper visible-xs">
|
||||||
<img class="contact-photo-xs media-object" src="{{$contact.thumb}}" {11} alt="{{$contact.name}}" />
|
<img class="contact-photo-xs media-object" src="{$thumb}" {11} alt="{$name}" />
|
||||||
|
|
||||||
{{* Overlay background on hover the avatar picture *}}
|
{{* Overlay background on hover the avatar picture *}}
|
||||||
<div class="contact-photo-overlay">
|
<div class="contact-photo-overlay">
|
||||||
|
@ -242,6 +242,5 @@ We use this part to filter the contacts with jquery.textcomplete *}}
|
||||||
</div>
|
</div>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</template>
|
||||||
|
|
Loading…
Reference in a new issue