230 lines
11 KiB
HTML
230 lines
11 KiB
HTML
{% extends "users/base.html" %}
|
|
{% block content %}
|
|
{% if request.user.profile.agency.module_news %}
|
|
<div class="content-section col-12">
|
|
<h3>News <small><i data-toggle="tooltip" data-placement="top" title="Hier können aktuelle Nachrichten für die Agentur erstellt und verwaltet werden." class="far fa-question-circle"></i></small></h3>
|
|
<hr>
|
|
{% if perms.users.modulenews %}
|
|
<div class="row">
|
|
<div class="content-section col-4">
|
|
<a class="btn btn-primary" href="{% url 'news-add' %} " data-toggle="tooltip" data-placement="top" title="Neue News für Ihre Agentur erstellen"><i class="fas fa-plus"></i> News</a>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
{% endif %}
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<ul class="nav nav-tabs" id="news_tabs" role="tablist">
|
|
{% if perms.users.modulenews %}
|
|
<li class="nav-item">
|
|
<a class="nav-link" id="act" data-toggle="tab" href="#t_act" role="tab" aria-controls="news" aria-selected="false">Aktuelle</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" id="coming" data-toggle="tab" href="#t_coming" role="tab" aria-controls="coming" aria-selected="false">Ausstehende</a>
|
|
</li>
|
|
{% endif %}
|
|
|
|
<li class="nav-item">
|
|
<a class="nav-link" id="archiv" data-toggle="tab" href="#t_archiv" role="tab" aria-controls="archiv" aria-selected="false">Archiv</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
<div class="col">
|
|
<div class="tab-content" id="tab_contents">
|
|
{% if perms.users.modulenews %}
|
|
<div class="tab-pane fade" id="t_act" role="tabpanel" aria-labelledby="act">
|
|
<h5 class="mt-3"><a href="" style="color: #000000;">Aktuelle News</a></h5>
|
|
<hr>
|
|
<div class="row">
|
|
<div class="form-group mb-2">
|
|
<input class="form-control" id="tableSearch" size="50" type="text" placeholder="Suche in Tabelle...">
|
|
</div>
|
|
<div class="table-responsive">
|
|
<table class="table table-hover" id="activenews" >
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">Titel</th>
|
|
<th scope="col">Erstellt von</th>
|
|
<th scope="col">Erstellt am</th>
|
|
<th scope="col">Sichtbar von/bis</th>
|
|
<th scope="col"> </th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="tableresults">
|
|
{% for news_single in news %}
|
|
<tr>
|
|
<td><a href="{% url 'news-single' news_single.pk %}">{{news_single.name }}</a></td>
|
|
<td>{{ news_single.created_by.first_name }} {{ news_single.created_by.last_name }}</td>
|
|
<td>{{ news_single.created_date }}</td>
|
|
<td>{{ news_single.go_online_on|date:"d.m.Y, H:i"}} bis {{ news_single.go_offline_on|date:"d.m.Y, H:i"}}</td>
|
|
<td>
|
|
{% if news_single.created_by == request.user or perms.users.news_management %}
|
|
<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 'news-update' news_single.pk %}" class="btn">Bearbeiten</a>
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item text-danger" href="{% url 'news-delete' news_single.pk %}">Löschen</a>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% if perms.users.modulenews %}
|
|
<div class="tab-pane fade" id="t_coming" role="tabpanel" aria-labelledby="coming">
|
|
<h5 class="mt-3"><a href="" style="color: #000000;">Ausstehende News</a></h5>
|
|
<hr>
|
|
<div class="row">
|
|
<div class="table-responsive">
|
|
<table class="table table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">Titel</th>
|
|
<th scope="col">Erstellt von</th>
|
|
<th scope="col">Erstellt am</th>
|
|
<th scope="col">Sichtbar von/bis</th>
|
|
<th scope="col"> </th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="tableresults_arch">
|
|
{% for news_single in news_coming %}
|
|
<tr>
|
|
<td><a href="{% url 'news-single' news_single.pk %}">{{news_single.name }}</a></td>
|
|
<td>{{ news_single.created_by.first_name }} {{ news_single.created_by.last_name }}</td>
|
|
<td>{{ news_single.created_date }}</td>
|
|
<td>{{ news_single.go_online_on|date:"d.m.Y, H:i"}} bis {{ news_single.go_offline_on|date:"d.m.Y, H:i"}}</td>
|
|
<td>
|
|
{% if news_single.created_by == request.user or perms.users.news_management %}
|
|
<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 'news-update' news_single.pk %}" class="btn">Bearbeiten</a>
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item text-danger" href="{% url 'news-delete' news_single.pk %}">Löschen</a>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="tab-pane fade" id="t_archiv" role="tabpanel" aria-labelledby="act">
|
|
<h5 class="mt-3"><a href="" style="color: #000000;">Archivierte News</a></h5>
|
|
<hr>
|
|
<div class="row">
|
|
<div class="form-group mb-2">
|
|
<input class="form-control" id="tableSearch_arch" size="50" type="text" placeholder="Suche in Tabelle...">
|
|
</div>
|
|
<div class="table-responsive">
|
|
<table class="table table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">Titel</th>
|
|
<th scope="col">Erstellt von</th>
|
|
<th scope="col">Erstellt am</th>
|
|
<th scope="col">Sichtbar von/bis</th>
|
|
<th scope="col"> </th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="tableresults_arch">
|
|
{% for news_single in news_arch %}
|
|
<tr>
|
|
<td><a href="{% url 'news-single' news_single.pk %}">{{news_single.name }}</a></td>
|
|
<td>{{ news_single.created_by.first_name }} {{ news_single.created_by.last_name }}</td>
|
|
<td>{{ news_single.created_date }}</td>
|
|
<td>{{ news_single.go_online_on|date:"d.m.Y, H:i"}} bis {{ news_single.go_offline_on|date:"d.m.Y, H:i"}}</td>
|
|
<td>
|
|
{% if news_single.created_by == request.user or perms.users.news_management %}
|
|
<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 'news-update' news_single.pk %}" class="btn">Bearbeiten</a>
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item text-danger" href="{% url 'news-delete' news_single.pk %}">Löschen</a>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
$(document).ready(function(){
|
|
/*
|
|
var table = $('#activenews').DataTable({
|
|
searching: true,
|
|
"language": {
|
|
"url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/German.json"
|
|
},
|
|
buttons: {
|
|
buttons: [
|
|
{ extend: 'next', className: 'paginate_button_custom' },
|
|
{ extend: 'previous', className: 'paginate_button_custom' }
|
|
]
|
|
}
|
|
|
|
});*/
|
|
|
|
$('#news_tabs li:first-child a').tab('show');
|
|
|
|
$("#tableSearch").on("keyup", function() {
|
|
var value = $(this).val().toLowerCase();
|
|
$("#tableresults tr").filter(function() {
|
|
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
|
|
});
|
|
});
|
|
|
|
$("#tableSearch_arch").on("keyup", function() {
|
|
var value = $(this).val().toLowerCase();
|
|
$("#tableresults_arch tr").filter(function() {
|
|
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
|
|
});
|
|
});
|
|
|
|
});
|
|
|
|
$('#news_tabs a').on('click', function (e) {
|
|
e.preventDefault()
|
|
$(this).tab('show')
|
|
});
|
|
|
|
</script>
|
|
{% else %}
|
|
<h3>Das Modul News wurde in ihrer Agentur deaktiviert.</h3>
|
|
{% endif %}
|
|
{% endblock content %}
|