17958da201
This is done with the help of textcomplete and jsmart.js. There is annoying bug inside. If the screensize is to small, the browser freezes. It is traced back to the "media-body" class (and its css attributes) which we use in the template.
111 lines
3.7 KiB
Smarty
111 lines
3.7 KiB
Smarty
|
|
<div id="contacts" class="standard-page">
|
|
|
|
{{$tabs}}
|
|
|
|
{{* The page headding with it's contacts counter *}}
|
|
<h2 class="headding">{{$header}} {{if $total}} ({{$total}}) {{/if}}</h2>
|
|
|
|
{{if $finding}}<h4>{{$finding}}</h4>{{/if}}
|
|
|
|
{{* The search input field to search for contacts *}}
|
|
<div id="contacts-search-wrapper">
|
|
<form id="contacts-search-form" class="navbar-form" role="search" action="{{$cmd}}" method="get" >
|
|
<div class="row">
|
|
<div class="col-md-2"></div>
|
|
<div class="col-md-8 ">
|
|
<div class="form-group form-group-search">
|
|
<input type="text" name="search" id="contacts-search" class="search-input form-control form-search" onfocus="this.select();" value="{{$search|escape:'html'}}" placeholder="{{$desc}}"/>
|
|
<button class="btn btn-default btn-sm form-button-search" type="submit" name="submit" id="contacts-search-submit" value="{{$submit|escape:'html'}}">{{$submit}}</button>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-2"></div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<hr>
|
|
<div id="contacts-search-end"></div>
|
|
|
|
{{* we need the form container to make batch actions work *}}
|
|
<form name="batch_actions_submit" action="{{$baseurl}}/contacts/batch/" method="POST">
|
|
|
|
{{* we put here a hidden input element. This is needed to transmit the batch actions with javascript*}}
|
|
<input type="hidden" class="batch-action no-input fakelist" name="batch_submit" value="{{$l|escape:'html'}}">
|
|
|
|
{{* We put the contact batch actions in a dropdown menu *}}
|
|
<ul class="nav nav-pills preferences">
|
|
<li class="dropdown pull-right">
|
|
<a class="btn btn-link dropdown-toggle" type="button" id="BatchActionDropdownMenuTools" data-toggle="dropdown" aria-expanded="true">
|
|
<i class="fa fa-angle-down"></i>
|
|
</a>
|
|
<ul class="dropdown-menu pull-right" role="menu" aria-labelledby="BatchActionDropdownMenuTools">
|
|
{{foreach $batch_actions as $n=>$l}}
|
|
<li role="menuitem">
|
|
{{* call the js batch_submit_handler. Have a look at the buttom of this file *}}
|
|
<a onclick="batch_submit_handler('{{$n}}', '{{$l}}')">{{$l}}</a>
|
|
</li>
|
|
{{/foreach}}
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<div class="clear"></div>
|
|
<div id="contact-list">
|
|
{{* format each contact with the contact_template.tpl *}}
|
|
<ul id="viewcontact_wrapper" class="viewcontact_wrapper media-list">
|
|
{{foreach $contacts as $contact}}
|
|
<li>{{include file="contact_template.tpl"}}</li>
|
|
{{/foreach}}
|
|
</ul>
|
|
</div>
|
|
<div id="contact-edit-end"></div>
|
|
</form>
|
|
|
|
{{$paginate}}
|
|
</div>
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
// javascript dialog to batch actions
|
|
$(".batch-action").click(function(e){
|
|
if (confirm($(this).attr('value')+" ?")) {
|
|
return true;
|
|
} else {
|
|
e.preventDefault();
|
|
return false;
|
|
}
|
|
});
|
|
|
|
// add javascript confirm dialog to "drop" links. Plain html url have "?confirm=1" to show confirmation form, we need to remove it
|
|
$(".drop").each(function() {
|
|
$(this).attr('href', $(this).attr('href').replace("confirm=1","") );
|
|
$(this).click(function(e){
|
|
if (confirm("{{$contact_drop_confirm}}")) {
|
|
return true;
|
|
} else {
|
|
e.preventDefault();
|
|
return false;
|
|
}
|
|
});
|
|
|
|
});
|
|
});
|
|
|
|
/**
|
|
* @brief This function submits the form with the batch action values
|
|
*
|
|
* @param string name The name of the batch action
|
|
* @param string value If it isn't empty the action will be posted
|
|
*/
|
|
function batch_submit_handler(name, value) {
|
|
// set the value of the hidden input element with the name batch_submit
|
|
document.batch_actions_submit.batch_submit.value=value;
|
|
// change the name of the input element from batch_submit according to the
|
|
// name which is transmitted to this function
|
|
document.batch_actions_submit.batch_submit.name=name;
|
|
// transmit the form
|
|
document.batch_actions_submit.submit() ;
|
|
}
|
|
</script>
|
|
|