digitaleagenturnc/organizer/templates/organizer/quicklinks_content.html

103 lines
3.1 KiB
HTML

{% load counter_tag %}
{% if user|usergperm:"moduleorganizer" %}
<div class="row">
<div class="content-section col-4">
<!--<a class="btn btn-primary" href="{% url 'ql-addql' %}"><i class="fas fa-plus"></i>&nbsp;Quicklink</a>-->
</div>
</div>
{% endif %}
<!--<hr>-->
<div class="row col-12 " >
<div class="table-responsive">
<table class="table table-hover" id="qltable">
<thead>
<tr>
<th scope="col">Name</th>
<th scope="col">Link</th>
<!--<th scope="col">Logo</th> -->
{% if user|usergperm:"moduleorganizer" %}
<th scope="col">&nbsp;</th>
{% endif %}
</tr>
</thead>
<tbody id="table_quicklinks">
{% for ql in quicklinks %}
<tr>
<td>{{ql.name }}</td>
<td><a href="{{ ql.link }}" target="_blank">{{ ql.link }}</a></td>
<!--<td><img src="{{ ql.get_photo_url }}" width="15%"></td> -->
<td>
{% if user|usergperm:"moduleorganizer" %}
<div class="dropdown no-arrow">
<a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fas fa-ellipsis-v fa-sm fa-fw text-gray-400"></i>
</a>
<div class="dropdown-menu dropdown-menu-right shadow animated--fade-in" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="{% url 'ql-update' ql.pk%}">Bearbeiten</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item text-danger" href="{% url 'ql-delete' ql.pk%}" >Löschen</a>
</div>
</div>
{% endif %}
</div>
</td>
</tr>
{% endfor %}
</tbody>
</table>
<!-- {% if user|usergperm:"moduleorganizer" %}
<a class="btn btn-primary" href="#" onclick="saveDefQL()">ERGO-Quicklinks laden</a>
{% endif %}-->
</div>
</div>
<script>
$(document).ready(function(){
$('#qltable').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"
},
},
"buttons" : {
"className" : "btn-danger"
}
});
});
function saveDefQL(){
/*
$.ajax(
{
type: "GET",
url: "lerg/",
data:{
action: "adddefql"
},
success: function( data )
{
location.reload();
}
});*/
}
</script>
<style>
/* DATATABLES */
.paginate_button {
padding: 0px !important;
border: 0px !important;
}
</style>