digitaleagentur/dasettings/templates/dasettings/agencynetwork_content.html

207 lines
8.5 KiB
HTML

{% load crispy_forms_tags %}
{% load counter_tag %}
{% load static %}
<a type="button" class="btn btn-primary" href="{% url 'newagn' %}" data-toggle="tooltip" data-placement="top" title="Erstellen Sie einen neuen Agenturverbund und teilen Sie Ihre Standards."><i class="fas fa-plus"></i>&nbsp;Agenturverbund</a>
<hr>
<h4>Ihre Agenturverbünde</h4>
<div class="table-responsive">
<table class="table hover" id="agntable">
<thead>
<tr>
<th scope="col">Name</th>
<th scope="col">Link{% if request.user.profile.showtooltips %}&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Kopieren Sie den Link hier in Ihre Zwischenablage." class="far fa-question-circle"></i></small>{% endif %}</th>
<th scope="col">Erstelleragentur</th>
<th scope="col">Erstellt durch</th>
<th scope="col">Erstellt am</th>
<th scope="col">Letzte Aktivität am</th>
<th scope="col">Agenturen</th>
<th scope="col">Standards</th>
<th scope="col">&nbsp;</th>
</tr>
</thead>
<tbody id="">
{% for agn in agencynetworks %}
{% getsumofallag agn.pk as agsum %}
{% getoutstandinginvites agn.pk as outstanding %}
{% ifaginadminagn agn.pk request.user.profile.agency.pk as is_adminag %}
<tr id="agn_{{agn.pk}}">
<td><a href="{% url 'managagn' agn.pk %}">{{agn.name}}</a></td>
<td>
{% if is_adminag %}
<a href="#" onclick="javascript:showAgnLink('{{agn.name}}', '{{agn.networkid}}', {{agn.pk}})"><i class="far fa-eye"></i></a>
&nbsp;&nbsp;&nbsp;<a href="#" onclick="javascript:copyLinkToCB('{{agn.networkid}}', {{agn.pk}})"><i class="far fa-copy"></i></a>
<span id="aglink_{{agn.pk}}" style="display: none;">Kopiert!</span>
{% endif %}
</td>
<td>{{agn.creator_agency.name }}
&nbsp;<i style="float: right" onclick="javascript:$('#showAgencyInfo_{{agn.creator_agency.pk}}').modal('toggle');" class="fas fa-info-circle"></i>
</td>
<td>{{agn.creator.first_name }} {{agn.creator.last_name }}</td>
<td>{{agn.created_on }}</td>
<td>{{agn.lastactivity}}</td>
<td><a href="{% url 'managagn' agn.pk %}">{% if outstanding %}<i class="fas fa-info-circle" data-toggle="tooltip" data-placement="top" title="Es gibt ausstehende Einladung."></i> {% endif %}{{agsum}}</a></td>
<td>{{agn.standards.all|length}}</td>
<td style="min-width: 50px">
{% if is_adminag %}
<span style="float: right !important;">
<a class="btn btn-secondary btn-sm" href="{% url 'updateagn' agn.pk %}" data-toggle="tooltip" data-placement="top" title="Verbund bearbeiten"><small><i class="fas fa-pen"></i></small></a>
<a style="" class="btn btn-secondary btn-sm " data-toggle="tooltip" data-placement="top" title="Verbund löschen" href="{% url 'delagn' agn.pk %}"><small><i class="fas fa-trash"></i></small></a>
</span>
{% else %}
<button style="float: right; margin-left: 5px" class="btn btn-secondary btn-sm " data-toggle="tooltip" data-placement="top" title="Treten Sie aus diesem Verbund aus." onclick="javascript:showDelAgFromAgn('{{agn.name}}', {{agn.pk}})"><small><i class="fas fa-door-open"></i></small></button>
{% endif %}
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
{% for agn in agencynetworks %}
<div class="modal fade" tabindex="-1" id="showAgencyInfo_{{agn.creator_agency.pk}}" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Agenturinfo</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
Agentur <b>{{agn.creator_agency.name}}</b>
<hr>
{% if agn.creator_agency.inhaber|length > 0 %}Inhaber: {{agn.creator_agency.inhaber}}<br /> {% endif %}
{% if agn.creator_agency.street|length > 0 %}Adresse: {{agn.creator_agency.street}} {{agn.creator_agency.plz}} {{agn.creator_agency.city}}<br /> {% endif %}
{% if agn.creator_agency.phone|length > 0 %}Telefon: {{agn.creator_agency.phone}} <hr>{% endif %}
E-Mailadresse: <a href="mailto:{{agn.agency_mail}}">{{agn.creator_agency.agency_email}}</a>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-success" data-dismiss="modal">Schliessen</button>
</div>
</div>
</div>
</div>
{% endfor %}
<div class="modal fade" id="showAGNLink" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="" aria-hidden="true">
<div class="modal-dialog " role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Link für Agenturverbund</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Schließen">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
Agenturverbund <b><span id="agn_name">NAME</span></b><br />
Link für die Einladung:<br/> <b><span id="agn_link">LINK</span></b>
<br />
<p class="mt-2">Leiten Sie den Link an Agenturen weiter, die Sie zu Ihrem Verbund einladen möchten.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Schließen</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="delAgFromAgn" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="" aria-hidden="true">
<div class="modal-dialog " role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Aus Agenturverbund austreten</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Schließen">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
Möchten Sie den Agenturverbund <b><span id="agname">NAME</span></b> verlassen?
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal" onclick="javascript:doRemAgFromAgn()">Ja, Agenturverbund verlassen</button>&nbsp;
<button type="button" class="btn btn" data-dismiss="modal">Abbrechen</button>
</div>
</div>
</div>
</div>
<script type="text/javascript">
var workingid = "";
function showDelAgFromAgn(name, id){
workingid = id;
$("#delAgFromAgn").modal("toggle");
$("#agname").html(name);
}
function copyLinkToCB(tocopy, id){
var val = "{{baseurl}}dasettings/agnni/" + tocopy;
var $temp = $("<input>");
$("body").append($temp);
$temp.val(val).select();
document.execCommand("copy");
$temp.remove();
$("#aglink_" + id).show();
}
function doRemAgFromAgn(){
$.ajax(
{
type: "GET",
url: "{% url 'dasettings-agnajax' %}",
data:{
action: "remove_ag_from_agn",
agid : {{request.user.profile.agency.pk}},
agnid : workingid
},
success: function( data )
{
$("#delAgFromAgn").modal("toggle");
$("#agn_" + workingid).remove();
}
});
}
function showAgnLink(name, tocopy, id){
$("#aglink_mod").hide();
$("#agn_name").html(name);
$("#agn_link").html("{{baseurl}}dasettings/agnni/" + tocopy);
$("#showAGNLink").modal("toggle");
}
$(document).ready(function(){
$('#agntable').DataTable({
"language": {
"search" : "Suche",
"info": "Zeige _START_ bis _END_ von _TOTAL_ Einträgen",
"lengthMenu": "Zeige _MENU_ Einträge",
"zeroRecords": "Nichts gefunden",
"infoEmpty": "Keine Einträge",
"paginate": {
"first": "Erste",
"last": "Letzte",
"next": "Nächste",
"previous": "Zurück"
},
},
"pageLength": 50,
"buttons" : {
"className" : "btn-danger"
}
});
});
</script>
<style>
/* DATATABLES */
.paginate_button {
padding: 0px !important;
border: 0px !important;
}
</style>