110 lines
4.0 KiB
HTML
110 lines
4.0 KiB
HTML
{% load counter_tag %}
|
|
|
|
<div class="row">
|
|
<div class="content-section col-12">
|
|
<div class="row"><div class="content-section col-12">
|
|
{% if user|usergperm:"moduleorganizer" %}
|
|
<a class="btn btn-primary mb-3" href="{% url 'addcontact' %}"><i class="fas fa-plus"></i> Kontakt</a>
|
|
{% endif %}
|
|
<div class="form-group mb-2">
|
|
<input class="form-control" id="contacts_search" style="max-width: 400px;" size="20" type="text" onkeyup="javascript:checkSearchContactCards()" placeholder="Suche nach Kontakt...">
|
|
</div>
|
|
<hr>
|
|
</div></div>
|
|
|
|
{% for agc in contacts %}
|
|
|
|
<div class="card col-3 mr-1 mb-2 contactscards" style="float: left;" id="card_{{agc.pk}}" name="{{agc.personname}} {{agc.company}}">
|
|
<div class="card-body">
|
|
<h5 class="card-title" data-toggle="modal" data-target="#infos_{{agc.pk}}"><a href="#">{{agc.company}}
|
|
</a>
|
|
</h5>
|
|
<p class="card-text">
|
|
{% if agc.personname|length > 0 %}
|
|
Ansprechpartner: {{agc.personname}}<br/>
|
|
{% endif %}
|
|
{% if agc.mail|length > 0 %}
|
|
E-Mailadresse: <a href="mailto:{{agc.mail}}">{{agc.mail}}</a><br/>
|
|
{% endif %}
|
|
{% if agc.phone1|length > 0 %}
|
|
Telefon 1: <a href="tel::{{agc.phone1}}">{{agc.phone1}}</a>
|
|
{% endif %}
|
|
</p>
|
|
<span style="float: right">
|
|
{% if user|usergperm:"moduleorganizer" %}
|
|
<a style="float: right" class="btn btn-secondary btn-sm ml-2" href="{% url 'cont-delete' agc.pk %}"><small><i class="fas fa-trash"></i></small></a>
|
|
<a style="float: right" class="btn btn-secondary btn-sm " href="{% url 'cont-update' agc.pk %}"><small><i class="fas fa-pen"></i></small></a>
|
|
{% endif %}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
|
|
</div>
|
|
</div>
|
|
{% for agc in contacts %}
|
|
<div class="modal fade " id="infos_{{agc.pk}}" tabindex="-1" role="dialog" data-backdrop="static" aria-hidden="true">
|
|
<div class="modal-dialog " role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="exampleModalLongTitle">{{agc.company}}</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Schließen">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
{% if agc.personname|length > 0 %}
|
|
Ansprechpartner: {{agc.personname}}<br/>
|
|
{% endif %}
|
|
{% if agc.mail|length > 0 %}
|
|
E-Mailadresse: <a href="mailto:{{agc.mail}}">{{agc.mail}}</a><br />
|
|
{% endif %}
|
|
{% if agc.phone1|length > 0 %}
|
|
Telefon 1: <a href="tel::{{agc.phone1}}">{{agc.phone1}}</a><br />
|
|
{% endif %}
|
|
{% if agc.phone2|length > 0 %}
|
|
Telefon 1: <a href="tel::{{agc.phone2}}">{{agc.phone2}}</a><br />
|
|
{% endif %}
|
|
{% if agc.street|length > 0 %}
|
|
Adresse: {{agc.street}} {{agc.plz}} {{agc.city}} <br />
|
|
{% endif %}
|
|
{% if agc.desc|length > 0 %}
|
|
Anmerkungen: {{agc.desc}}<br />
|
|
{% endif %}
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-success" data-dismiss="modal">Schließen</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
|
|
<script>
|
|
//SEARCH CONTACTS
|
|
var contactscards = $(".contactscards");
|
|
function checkSearchContactCards(){
|
|
if($("#contacts_search").val().length > 0)
|
|
{
|
|
for(i = 0; i < contactscards.length; i++){
|
|
var cardname = contactscards[i].getAttribute("name").toLowerCase();
|
|
var value = $("#contacts_search").val().toLowerCase();
|
|
if(cardname.indexOf(value) == -1){
|
|
$("#" + contactscards[i].getAttribute("id")).hide();
|
|
}
|
|
else{
|
|
$("#" + contactscards[i].getAttribute("id")).show();
|
|
}
|
|
}
|
|
}else{
|
|
for(i = 0; i < contactscards.length; i++){
|
|
$("#" + contactscards[i].getAttribute("id")).show();
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
</script>
|
|
|