Fix contact autocomplete template repeated picture

- Use <template> to prevent wrong src lookup

view/theme/frio/templates/contact_template.tpl

@@ -125,7 +125,7 @@
 
 {{* 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 *}}
-<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}">
 
 		{{* 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-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>
 
 				{{* 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">
 					{{* use a smaller picture on very small displays (e.g. mobiles) *}}
 					<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 *}}
 						<div class="contact-photo-overlay">
@@ -242,6 +242,5 @@ We use this part to filter the contacts with jquery.textcomplete *}}
 			</div>
 			{{/if}}
 		</div>
-
-	</div>
 	</div>
+</template>