1168 lines
40 KiB
HTML
1168 lines
40 KiB
HTML
{% extends "users/base.html" %}
|
|
{% load crispy_forms_tags %}
|
|
{% load counter_tag %}
|
|
{% load static %}
|
|
{% block content %}
|
|
<style>
|
|
.icon-hover:hover{
|
|
color: gray;
|
|
}
|
|
a.disabled {
|
|
pointer-events: none;
|
|
cursor: default;
|
|
}
|
|
</style>
|
|
<div aria-live="polite" aria-atomic="true" class="d-flex justify-content-center align-items-center" style="min-height: 200px; max-width: 250px; position: fixed; margin-top: -3%; margin-left: 70.5%; z-index: 10">
|
|
<!-- Then put toasts within -->
|
|
<div id="fileerr" class="toast alert-danger" role="alert" aria-live="assertive" aria-atomic="true">
|
|
<div class="toast-header">
|
|
<strong class="mr-auto">Daten gefunden</strong>
|
|
</div>
|
|
<div class="toast-body">
|
|
<div id="toast_errcontent">Achtung! In Unterverzeichnissen befinden sich Dateien. Es können nur Ordner ohne Unterordner gelöscht werden!</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="content-section col-12">
|
|
<h3>Dateien{% if request.user.profile.showtooltips %} <small><i data-toggle="tooltip" data-placement="top" title="Hier können Sie Dateien und Ordner für ihre Agentur verwalten." class="far fa-question-circle"></i></small>{% endif %}
|
|
<small><i onclick="javascript:$('#youtubevideoinformation').modal('toggle');" class="far fa-play-circle"></i></small></h3>
|
|
<hr>
|
|
</div>
|
|
|
|
<div class="content-section col-12">
|
|
|
|
<div class="progress mb-2" style="height: 15px;">
|
|
<div class="progress-bar" role="progressbar" aria-valuenow="{{percent_quota}}" style="width: {{percent_quota}}%;" aria-valuemin="0" aria-valuemax="100"><b style="color: #000000; padding-left: 5px">Belegter Speicherplatz: {{actquota}} / 2 GB</b></div>
|
|
</div>
|
|
|
|
|
|
<nav aria-label="breadcrumb">
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item" aria-current="page"><a href="{% url 'cloud-main' 'first' %}"><i class="fas fa-home"></i></a></li>
|
|
{% for cr in breadcrump %}
|
|
{% if forloop.last %}
|
|
<li class="breadcrumb-item" active>{{cr}}</li>
|
|
{% else %}
|
|
<li class="breadcrumb-item"><a href="{% url 'cloud-main' cr.pk %}">{{cr.name}}</a></li>
|
|
{% endif %}
|
|
{% endfor %}
|
|
|
|
{% if user|usergperm:"filedirmanager" %}
|
|
<li class="breadcrumb-item" active><i onclick="javascript:addDirModal()" class="fas fa-folder-plus icon-hover"></i></li>
|
|
{% endif %}
|
|
</ol>
|
|
</nav>
|
|
{% if user|usergperm:"filesviewer" %}
|
|
<table class="table hover" id="dirfilestable">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col"><small><i data-toggle="tooltip" data-placement="top" title="Ziehen Sie Dateien direkt auf die Ordner, um sie in die Ordner hochzuladen oder in den unteren Bereich, um Dateien in diesen Ordner hochzuladen." class="far fa-question-circle"></i></small></th>
|
|
<th scope="col">Name</th>
|
|
<th scope="col">Eigentümer</th>
|
|
<th scope="col">Erstellt</th>
|
|
<th scope="col">Geändert</th>
|
|
<th></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for d in dirs %}
|
|
|
|
{% setbool False %}
|
|
|
|
{% for dirgroup in d.visibleby.all %}
|
|
{% if user|has_group:dirgroup.group.name %}
|
|
{% setbool True %}
|
|
{% endif %}
|
|
{% endfor %}
|
|
|
|
{% if d.visibleby.all|length == 0 %}
|
|
{% setbool True %}
|
|
{% endif %}
|
|
|
|
{% getbool as groupchecker %}
|
|
{% if groupchecker %}
|
|
<tr id="dir_{{d.pk}}" class="droppable_tr">
|
|
{% else %}
|
|
<tr id="dir_{{d.pk}}" class="droppable_tr" data-toggle="popover" data-placement="top" data-trigger="hover" title="Zugriffsbeschränkung" data-content="Zugriff beschränkt auf {% for dgroup in d.visibleby.all %}{{dgroup.agencygroupname}}{% if forloop.counter < d.visibleby.all|length %}, {%endif%}{% endfor %}">
|
|
{% endif %}
|
|
<td id="dir_{{d.pk}}_icon"><i class="fas fa-folder" ></i>
|
|
</td>
|
|
<td >
|
|
{% if groupchecker %}
|
|
<a href="{% url 'cloud-main' d.pk %}">{{d.name}}</a>
|
|
{% else %}
|
|
<span class="text-secondary"><i class="fas fa-lock"></i> {{d.name}}</span>
|
|
</span>
|
|
{% endif %}
|
|
</td>
|
|
<td>{{d.owner.first_name}} {{d.owner.last_name}}</td>
|
|
<td data-sort='{{d.date_created|date:"U"}}'>{{d.date_created|date:"d.m.Y G:i"}}</td>
|
|
<td data-sort='{{d.date_last_modified|date:"U"}}'>{{d.date_last_modified|date:"d.m.Y G:i"}}</td>
|
|
<td>
|
|
{% if user|usergperm:"filedirmanager" and groupchecker and d.is_defaultstandard == False %}
|
|
<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">
|
|
<div class="dropdown-header">Ordneroptionen</div>
|
|
<a class="dropdown-item" href="javascript:changeDirName({{d.pk}})">Umbenennen</a>
|
|
<a class="dropdown-item" href="javascript:showGroupChangeModal({{d.pk}})">Zugriff einschränken</a>
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item text-danger" href="javascript:delDataDirObje({{d.pk}})" >Löschen</a>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
{% for file in files %}
|
|
<tr>
|
|
<td>
|
|
<i class="fas fa-file" ></i>
|
|
</td>
|
|
<td><a href="{% url 'cloud-td' file.pk %}" target="_blank">{{file.name}}</a></td>
|
|
<td>{{file.owner.first_name}} {{file.owner.last_name}}</td>
|
|
<td>{{file.date_created|date:"d.m.Y G:i"}}</td>
|
|
<td>{{file.date_last_modified|date:"d.m.Y G:i"}}</td>
|
|
<td>
|
|
{% if user|usergperm:"filesmanager" %}
|
|
<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">
|
|
<div class="dropdown-header" style="color: #ffffff">Dateioptionen</div>
|
|
<a class="dropdown-item" href="javascript:moveFile({{file.pk}})">Verschieben</a>
|
|
<a class="dropdown-item" href="javascript:replaceFile({{file.pk}})">Ersetzen</a>
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item text-danger" href="javascript:delDataFileObje({{file.pk}})" >Löschen</a>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
{% endif %}
|
|
{% if user|usergperm:"filesmanager" %}
|
|
<form method="POST" id="uploadFileForm" enctype="multipart/form-data">
|
|
<input type="file" id="uploadedfile" name="uploadedfile" style="display:none">
|
|
</form>
|
|
<div class="alert alert-secondary droppable_div text-center mt-5" id="{{parentid}}_div" role="alert" style="line-height: 45px; text-align: center;">
|
|
<button type="button" class="btn btn-primary btn-sm" id="uploadButton" onclick="javascript:uploadButtonPush()"><i class="fas fa-plus"></i></button> zum Hochladen klicken oder neue Dateien hier hineinziehen.<p><small>Dateien werden im aktuellen Ordner
|
|
<b>{% if breadcrump|length == 0 %}
|
|
Heimverzeichnis
|
|
{% else %}
|
|
{{breadcrump.0}}
|
|
{% endif %}</b>
|
|
gespeichert.
|
|
</small></p>
|
|
</div>
|
|
<hr>
|
|
<small>Erlaubte Dateitypen: doc/docx, xls/xlsx/xlsm, odt, ods, ppt/pptx, mov, avi, svg, png, jpg/jpeg, mp3, mp4, wav, zip, rar, mwv, flv, eps, txt, pdf. Maximale Uploadgröße: 2 GB</small>
|
|
</div>
|
|
{% endif %}
|
|
<!-- MODAL CHANGE DIRNAME -->
|
|
<div class="modal fade" id="changeName" 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="mainmodalArea_title">
|
|
<span id="actualName"></span> Umbenennen
|
|
</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Schließen">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="form-group">
|
|
<label for="exampleInputPassword1">Name:</label>
|
|
<input class="form-control" id="changename" type="text" value="" placeholder="Ordnername" onkeyup="javascript:validateNewName(this.value)">
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
|
|
<button id="doUpdateName" type="button" class="btn btn-primary" data-dismiss="modal" onclick="javascript:updateName()" disabled="false">Speichern</button>
|
|
<button type="button" class="btn btn" data-dismiss="modal">Abbrechen</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- CONFIRMA DELETE DIR -->
|
|
<div class="modal fade" id="delDataObj" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="groupDelFunction" aria-hidden="true">
|
|
<div class="modal-dialog " role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="exampleModalLongTitle">Ordner löschen</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Schließen">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
Mit dem Löschen fortfahren? Alle Dateien in diesem Verzeichnis werden ebenfalls gelöscht!
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary" data-dismiss="modal" onclick="javascript:doDelDataDir()">Löschen</button>
|
|
<button type="button" class="btn" data-dismiss="modal">Abbrechen</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- FILE FORBIDDEN DELETE FILE -->
|
|
<div class="modal fade" id="forbiddenFileType" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="groupDelFunction" aria-hidden="true">
|
|
<div class="modal-dialog " role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="exampleModalLongTitle">Fehler beim Upload</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Schließen">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
Die Datei konnte nicht hochgeladen werden. Bitte prüfen Sie die erlaubten Dateitypen und den verfügbaren Speicherplatz. <a href="{% url 'supportda' %}">Andernfalls melden Sie sich bei unserem Support</a>!
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-success" data-dismiss="modal">Schließen</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- QUTOA ERROR -->
|
|
<div class="modal fade" id="quotaerr" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="groupDelFunction" aria-hidden="true">
|
|
<div class="modal-dialog " role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="exampleModalLongTitle">Quota wird überschritten</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Schließen">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
Ihr Speicherplatz ist aufgebraucht.
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-success" data-dismiss="modal">Schließen</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- SelfFile ERROR -->
|
|
<div class="modal fade" id="replaceerrModal" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="groupDelFunction" aria-hidden="true">
|
|
<div class="modal-dialog " role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="exampleModalLongTitle">Ersetzungsfehler</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Schließen">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
Sie können die Datei nicht mit sich selbst ersetzen.
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary" data-dismiss="modal">Schließen</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- CONFIRMA DELETE FILE -->
|
|
<div class="modal fade" id="delDataFile" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="groupDelFunction" aria-hidden="true">
|
|
<div class="modal-dialog " role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="exampleModalLongTitle">Datei löschen</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Schließen">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
Datei <b><span id="filenametodel"></span></b> wirklich löschen?
|
|
<div id="connectedStandards"></div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary" data-dismiss="modal" onclick="javascript:doDelDataFile()">Löschen</button>
|
|
<button type="button" class="btn" data-dismiss="modal">Abbrechen</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- CONFIRMA REPLACE FILE -->
|
|
<div class="modal fade" id="replaceFileModal" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="groupDelFunction" aria-hidden="true">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="exampleModalLongTitle">Datei ersetzen</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Schließen">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
Datei <b><span id="filenametodel"></span></b> ersetzen mit:
|
|
<div class="input-group mb-3">
|
|
<input class="form-control searchuserfieldstask" list="possfiles" id="searchfiles" type="text" onkeyup="javascript:updateLinkedFiles()" >
|
|
<div class="input-group-append">
|
|
<button type="button" onclick="javascript:clearSearchfieldAddFile()" class="btn btn-secondary" ><i class="fas fa-times"></i></button>
|
|
</div>
|
|
<datalist id="possfiles">
|
|
{% for f in files %}
|
|
<option id="file_{{f.pk}}" value="{{f.name}}">{{f.name}}</option>
|
|
{% endfor %}
|
|
</datalist>
|
|
</div>
|
|
<div><span id="choosenfilename"></span></div>
|
|
|
|
<div id="connectedStandardsReplace"></div>
|
|
<hr>
|
|
<button id="btnDoReplaceFile" type="button" style="float: right" class="btn btn-secondary mt-1 " data-dismiss="modal" onclick="javascript:doreplaceFile(1)" disabled="true">Ersetzen, Alte Datei löschen!</button>
|
|
</div>
|
|
<div class="modal-footer" >
|
|
|
|
<button id="btnDoReplaceFileSnd" type="button" class="btn btn-primary" data-dismiss="modal" onclick="javascript:doreplaceFile(0)" disabled="true">Ersetzen, Alte Datei <u>nicht</u> löschen!</button>
|
|
<button type="button" class="btn btn" data-dismiss="modal">Abbrechen</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- CONFIRMA MOVE/DIR -->
|
|
<div class="modal fade" id="moveDataModal" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="groupDelFunction" aria-hidden="true">
|
|
<div class="modal-dialog " role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="exampleModalLongTitle">Datei Verschieben</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Schließen">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
Bitte neues Verzeichnis auswählen:
|
|
<div id="agencydirlist"></div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn" data-dismiss="modal">Abbrechen</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- MODEAL ADD DIR -->
|
|
<div class="modal fade" id="addDir" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="" aria-hidden="false">
|
|
<div class="modal-dialog " role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="mainmodalArea_title">
|
|
{% if breadcrump|length == 0 %}
|
|
Ordner in Heimverzeichnis der Agentur erstellen
|
|
{% else %}
|
|
Ordner in {{breadcrump.0}} erstellen
|
|
{% endif %}
|
|
</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Schließen">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="form-group">
|
|
<label for="exampleInputPassword1">Name:</label>
|
|
<input class="form-control" id="newdirname" type="text" value="" placeholder="Ordnername" onkeyup="javascript:validateDirName(this.value, 0)">
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
|
|
<button id="doActionTaskModal" type="button" class="btn btn-primary" data-dismiss="modal" onclick="javascript:addDirAction()" disabled="true">Ordner anlegen</button>
|
|
<button type="button" class="btn" data-dismiss="modal">Abbrechen</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- CHANGE GROUPS -->
|
|
<div class="modal fade" id="changeGroupOfDataObj" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="groupDelFunction" aria-hidden="true">
|
|
<div class="modal-dialog " role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="exampleModalLongTitle">Zugriff einschränken</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Schließen">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
Welche Gruppen dürfen auf diese Daten Zugriff haben?
|
|
<p><small>Ist keine Gruppe ausgewählt, darf jeder der Agentur diese Daten sehen!</small></p>
|
|
<div class="row">
|
|
<div class="col-6">
|
|
{% for g in agencygroups %}
|
|
{% if forloop.counter|divisibleby:6 %}
|
|
</div> <div class="col-6">
|
|
<div class="custom-control custom-checkbox mb-2">
|
|
<input type="checkbox" class="custom-control-input groupclass" name="group_{{g.pk}}" id="group_{{g.pk}}" onchange="javascript:changeGroup({{g.pk}}, this.checked)">
|
|
<label class="custom-control-label" for="group_{{g.pk}}" >{{g.agencygroupname}}</label>
|
|
</div>
|
|
{% else %}
|
|
<div class="custom-control custom-checkbox mb-2">
|
|
<input type="checkbox" class="custom-control-input groupclass" name="group_{{g.pk}}" id="group_{{g.pk}}" onchange="javascript:changeGroup({{g.pk}}, this.checked)">
|
|
<label class="custom-control-label" for="group_{{g.pk}}" >{{g.agencygroupname}}</label>
|
|
</div>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div></div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary" data-dismiss="modal">Beenden</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- UPLOADING PROCESS -->
|
|
<div class="modal fade" id="uploadModalProgress" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="exampleModalLabel">Hochladen</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<i class="fas fa-spinner fa-spin"></i> Datei wird hochgeladen...
|
|
<div class="progress">
|
|
<div class="progress-bar" id="uploadprocessbar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<!-- CONFIRMA DOUBLE FILE -->
|
|
<div class="modal fade" id="doubleFileChoiceModal" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="groupDelFunction" aria-hidden="true">
|
|
<div class="modal-dialog " role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="exampleModalLongTitle">Datei bereits vorhanden</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Schließen">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
Die Datei <b><span id="doublefile_name"></span></b> ist bereits vorhanden. Soll die Datei ersetzt oder beide behalten werden?
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary" data-dismiss="modal" onclick="javascript:replaceFileDirectChoice(filetodo_ex, 1)">Alte Datei ersetzen</button>
|
|
<button type="button" class="btn btn" data-dismiss="modal" onclick="javascript:replaceFileDirectChoice(filetodo_ex, 0)">Beide behalten</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
/* DATATABLES */
|
|
.paginate_button {
|
|
padding: 0px !important;
|
|
border: 0px !important;
|
|
}
|
|
</style>
|
|
<script>
|
|
|
|
var actquotasize = {{actquota}};
|
|
|
|
var ua = window.navigator.userAgent;
|
|
var isIE = /MSIE|Trident/.test(ua);
|
|
if ( isIE ) {
|
|
//IE specific code goes here
|
|
setInterval(function()
|
|
{
|
|
|
|
if($('#replaceFileModal').is(':visible')){
|
|
updateLinkedFiles();
|
|
}
|
|
|
|
|
|
},400);
|
|
}
|
|
|
|
|
|
|
|
$(document).ready(function(){
|
|
$('[data-toggle="popover"]').popover();
|
|
$(".toast").toast({
|
|
autohide: true,
|
|
delay : 5000
|
|
});
|
|
|
|
|
|
|
|
$('#dirfilestable').DataTable({
|
|
order: [3, 'desc'],
|
|
responsive : true,
|
|
"language": {
|
|
"search" : "Suche",
|
|
"info": "Zeige _START_ bis _END_ of _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"
|
|
}
|
|
});
|
|
|
|
|
|
});
|
|
|
|
function clearSearchfieldAddFile(){
|
|
$("#searchfiles").val("");
|
|
}
|
|
|
|
var replace_file_id = "";
|
|
$("#choosenfilename").html("");
|
|
|
|
function updateLinkedFiles(){
|
|
|
|
|
|
var g = $('#searchfiles').val();
|
|
var id = $('#possfiles').find('option[value="' + g + '"]').attr('id');
|
|
if(id != undefined && id.length > 0){
|
|
replace_file_id = id.split("_")[1];
|
|
console.log(replace_file_id);
|
|
clearSearchfieldAddFile();
|
|
$("#choosenfilename").html("<b>Neue Datei: </b>" + g);
|
|
$("#btnDoReplaceFile").prop("disabled", false);
|
|
$("#btnDoReplaceFileSnd").prop("disabled", false);
|
|
}
|
|
}
|
|
|
|
|
|
//GROUPS
|
|
function showGroupChangeModal(tochangeid){
|
|
$("#changeGroupOfDataObj").modal("toggle");
|
|
$(".groupclass").attr("checked", false);
|
|
workingdirid = tochangeid;
|
|
$.ajax(
|
|
{
|
|
type: "GET",
|
|
url: "{% url 'cloud-adddir' parentid %}",
|
|
data:{
|
|
action : "getgroupsofdir",
|
|
dirid : workingdirid
|
|
},
|
|
success: function( data )
|
|
{
|
|
for(i = 0; i < data["data"]["gdir"].length; i++){
|
|
$("#group_" + data["data"]["gdir"][i]['id']).attr("checked", true);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
$('#changeGroupOfDataObj').on('hidden.bs.modal', function (e) {
|
|
window.location = window.location
|
|
})
|
|
|
|
function changeGroup(groupid, value){
|
|
|
|
$.ajax(
|
|
{
|
|
type: "GET",
|
|
url: "{% url 'cloud-adddir' parentid %}",
|
|
data:{
|
|
action : "changedirgroups",
|
|
groupid : groupid,
|
|
dirid : workingdirid,
|
|
value : value
|
|
},
|
|
success: function( data ) {}
|
|
});
|
|
}
|
|
|
|
//MOVING OPERATIONS
|
|
function moveFile(fileid)
|
|
{
|
|
|
|
workingfileid = fileid;
|
|
workingdirid = false;
|
|
|
|
$("#moveDataModal").modal("toggle");
|
|
$.ajax(
|
|
{
|
|
type: "GET",
|
|
url: "{% url 'cloud-adddir' parentid %}",
|
|
data:{
|
|
action : "getdirlist"
|
|
},
|
|
success: function( data )
|
|
{
|
|
$("#agencydirlist").html("");
|
|
html = ['<ul id="simple_list"><li><i class="fa fa-folder"></i> <a href="javascript:targetParentToMove({{rootid}})"><b><u>Heimverzeichnis<u></b></a>'];
|
|
createList(data["data"]["agencydirlist"], l);
|
|
$("#agencydirlist").html(html);
|
|
}
|
|
});
|
|
}
|
|
|
|
function doreplaceFile(dodel){
|
|
$.ajax(
|
|
{
|
|
type: "GET",
|
|
url: "{% url 'cloud-adddir' parentid %}",
|
|
data:{
|
|
action : "replacefile",
|
|
oldid : workingfileid,
|
|
newid : replace_file_id,
|
|
delold : dodel
|
|
},
|
|
success: function( data )
|
|
{
|
|
if(data["data"]["success"]){
|
|
location.href = location.href;
|
|
}
|
|
else{
|
|
$("#replaceFileModal").modal("toggle");
|
|
$('#replaceFileModal').on('hidden.bs.modal', function (e) {
|
|
$("#replaceerrModal").modal("toggle");
|
|
})
|
|
}
|
|
|
|
}
|
|
});
|
|
}
|
|
|
|
//MOVING OPERATIONS
|
|
function replaceFile(fileid)
|
|
{
|
|
|
|
workingfileid = fileid;
|
|
workingdirid = false;
|
|
replace_file_id = "";
|
|
$("#choosenfilename").html("");
|
|
$("#btnDoReplaceFile").prop("disabled", true);
|
|
$("#btnDoReplaceFileSnd").prop("disabled", true);
|
|
$("#replaceFileModal").modal("toggle");
|
|
$.ajax(
|
|
{
|
|
type: "GET",
|
|
url: "{% url 'cloud-adddir' parentid %}",
|
|
data:{
|
|
action : "getname_file",
|
|
id : workingfileid
|
|
},
|
|
success: function( data )
|
|
{
|
|
standardstring = "";
|
|
if(data["data"]["linked_standards"] != undefined && data["data"]["linked_standards"].length > 0){
|
|
standardstring = "<hr><b>Achtung!</b> Datei ist mit folgenden Standards verlinkt:<br />";
|
|
}
|
|
for(i = 0; i < data["data"]["linked_standards"].length; i++){
|
|
standardstring += (i+1) + ". " + data["data"]["linked_standards"][i]['name'];
|
|
if((i+1)< data["data"]["linked_standards"].length){
|
|
standardstring += "<br />";
|
|
}
|
|
}
|
|
$("#connectedStandardsReplace").html(standardstring);
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
|
|
|
|
var html = ['<ul id="simple_list"><li><i class="fa fa-folder"></i> <a href="javascript:targetParentToMove({{rootid}})"><b><u>Heimverzeichnis<u></b></a>'];
|
|
|
|
let l = 2;
|
|
|
|
//Create UL-LI-List for tree
|
|
function createList(arr, l) {
|
|
html.push('<ul>');
|
|
$.each(arr, function(i, val) {
|
|
if(val.parent == ""){
|
|
|
|
html.push('<li><i class="fa fa-folder mt-2"></i> <a href="javascript:targetParentToMove('+val.id+')"><b>' + val.name + '</b></a>');
|
|
}
|
|
else {
|
|
html.push('<li class="ml-'+l+' mt-2"><i class="fa fa-folder" ></i><a href="javascript:targetParentToMove('+val.id+')"> '+val.name+'</a></li>');
|
|
}
|
|
if (val.subdirs) {
|
|
createList(val.subdirs, l+1)
|
|
}
|
|
html.push('</li>');
|
|
});
|
|
html.push('</ul>');
|
|
}
|
|
|
|
function targetParentToMove(parid){
|
|
|
|
$.ajax(
|
|
{
|
|
type: "GET",
|
|
url: "{% url 'cloud-adddir' parentid %}",
|
|
data:{
|
|
action : "movefile",
|
|
fileid : workingfileid,
|
|
newpar : parid
|
|
},
|
|
success: function( data )
|
|
{
|
|
window.location = window.location
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
// preventing page from redirecting
|
|
$("html").on("dragover", function(e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
});
|
|
|
|
$("html").on("drop", function(e) { e.preventDefault(); e.stopPropagation(); });
|
|
|
|
|
|
uploadtoparent = {{parentid}};
|
|
</script>
|
|
{% if user|usergperm:"filesmanager" %}
|
|
<script type="text/javascript">
|
|
$( ".droppable_tr" ).on('dragenter', function (e) {
|
|
e.stopPropagation();
|
|
e.preventDefault();
|
|
currentid = e["currentTarget"]['id'];
|
|
$("#" + currentid + "_icon").html("");
|
|
$("#" + currentid + "_icon").html('<i class="fas fa-folder-open"></i>');
|
|
$("#" + currentid).addClass('table-secondary');
|
|
});
|
|
|
|
|
|
$('.droppable_tr').on('drop', function (e) {
|
|
e.stopPropagation();
|
|
e.preventDefault();
|
|
uploadtoparent = e["currentTarget"]['id'].split("_")[1];
|
|
uploadAction(e.originalEvent.dataTransfer.files[0], e["currentTarget"]['id'].split("_")[1]);
|
|
$("#" + currentid).removeClass('table-secondary');
|
|
$("#" + currentid + "_icon").html("");
|
|
$("#" + currentid + "_icon").html('<i class="fas fa-folder"></i>');
|
|
});
|
|
|
|
$('.droppable_tr').on('dragleave', function (e) {
|
|
e.stopPropagation();
|
|
e.preventDefault();
|
|
currentid = e["currentTarget"]['id'];
|
|
$("#" + currentid + "_icon").html("");
|
|
$("#" + currentid + "_icon").html('<i class="fas fa-folder"></i>');
|
|
$("#" + currentid).removeClass('table-secondary');
|
|
});
|
|
|
|
|
|
$( ".droppable_div" ).on('dragenter', function (e) {
|
|
e.stopPropagation();
|
|
e.preventDefault();
|
|
currentid = e["currentTarget"]['id'];
|
|
$("#{{parentid}}_div").addClass('bg-secondary');
|
|
});
|
|
|
|
|
|
$('.droppable_div').on('drop', function (e) {
|
|
e.stopPropagation();
|
|
e.preventDefault();
|
|
$("#{{parentid}}_div").removeClass('bg-secondary');
|
|
uploadAction(e.originalEvent.dataTransfer.files[0], e["currentTarget"]['id'].split("_")[0]);
|
|
});
|
|
|
|
$('.droppable_div').on('dragleave', function (e) {
|
|
e.stopPropagation();
|
|
e.preventDefault();
|
|
currentid = e["currentTarget"]['id'];
|
|
$("#{{parentid}}_div").removeClass('bg-secondary');
|
|
});
|
|
//allowedtypes = "application/msword, application/vnd.ms-excel, application/vnd.ms-powerpoint, text/plain, application/pdf, image/*, image/x-png, image/gif, image/jpg, image/jpeg, image/JPEG, image/JPG, docx, JPEG, JPG, doc, odt, ODT, application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/vnd.openxmlformats-officedocument.presentationml.presentation, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
|
|
|
|
allowedtypes = ['doc','docx','odt','ods','xls','xlsx','xlsm','ppt','pptx','mov','avi','svg','png','jpg','jpeg','mp3', 'wav', 'zip', 'rar', 'mp4', 'mwv', 'flv', 'eps', 'txt', 'pdf', "pages", "numbers", "ics"]
|
|
|
|
|
|
function getFileExtension1(filename) {
|
|
return (/[.]/.exec(filename)) ? /[^.]+$/.exec(filename)[0] : undefined;
|
|
}
|
|
|
|
|
|
var filetodo_ex = "";
|
|
var parid_ex = "";
|
|
|
|
|
|
function replaceFileDirectChoice(filetodo, choice){
|
|
|
|
$("#doubleFileChoiceModal").modal("toggle");
|
|
doUploadAction(filetodo_ex, parid_ex, choice);
|
|
}
|
|
|
|
function uploadAction(filetodo, parid){
|
|
|
|
filetodo_ex = filetodo;
|
|
parid_ex = parid;
|
|
|
|
$.ajax(
|
|
{
|
|
type: "GET",
|
|
url: "{% url 'cloud-adddir' parentid %}",
|
|
data:{
|
|
action : "check_doublefile",
|
|
name : filetodo.name
|
|
},
|
|
success: function( data )
|
|
{
|
|
if(data["data"]["found"]){
|
|
$("#doubleFileChoiceModal").modal("toggle");
|
|
$("#doublefile_name").html(filetodo.name);
|
|
}
|
|
else{
|
|
doUploadAction(filetodo, parid, 0);
|
|
}
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
function doUploadAction(filetodo, parid, replacestat){
|
|
|
|
//Check for double File on Server
|
|
|
|
|
|
var formData = new FormData($("#uploadFileForm")[0]);
|
|
formData.append("uploadedfile", filetodo);
|
|
formData.append("uploadsource", "cloud");
|
|
formData.append("replace", replacestat);
|
|
var bar = $('.bar');
|
|
var percent = $('.percent');
|
|
|
|
var c = false;
|
|
for (i = 0; i < allowedtypes.length; i++) {
|
|
if (allowedtypes[i].localeCompare(getFileExtension1(filetodo.name)) == 0)
|
|
{
|
|
c = true;
|
|
}
|
|
}
|
|
|
|
if(c && filetodo.type.length > 0){
|
|
//CHECK QUOTA
|
|
calculate_quota = filetodo.size / (1024* 1024*1024) + actquotasize
|
|
if(calculate_quota > 2){
|
|
setTimeout(function(){$("#uploadModalProgress").modal("toggle");}, 1000);
|
|
$('#uploadModalProgress').on('hidden.bs.modal', function (e) {
|
|
$("#quotaerr").modal("toggle");
|
|
})
|
|
}
|
|
else{
|
|
$.ajax({
|
|
url: "{% url 'cloud-adddir' %}" + parid,
|
|
headers: {
|
|
"X-CSRFTOKEN": "{{ csrf_token }}"
|
|
},
|
|
data: formData,
|
|
type: 'POST',
|
|
cache: false,
|
|
processData: false,
|
|
contentType: false,
|
|
beforeSend: function(){
|
|
$("#uploadModalProgress").modal("toggle");
|
|
},
|
|
xhr: function() {
|
|
var xhr = new window.XMLHttpRequest();
|
|
xhr.upload.addEventListener("progress", function(evt) {
|
|
if (evt.lengthComputable) {
|
|
var percentComplete = (evt.loaded / evt.total) * 100;
|
|
$("#uploadprocessbar").css("width", percentComplete + "%");
|
|
}
|
|
}, false);
|
|
return xhr;
|
|
},
|
|
success: function(data) {
|
|
if(data["success"] == true){
|
|
setTimeout(function(){window.location = window.location;}, 1000);
|
|
}
|
|
else{
|
|
setTimeout(function(){$("#uploadModalProgress").modal("toggle");}, 1000);
|
|
$('#uploadModalProgress').on('hidden.bs.modal', function (e) {
|
|
$("#forbiddenFileType").modal("toggle");
|
|
})
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
else{
|
|
$("#forbiddenFileType").modal("toggle");
|
|
}
|
|
|
|
|
|
}
|
|
</script>
|
|
{% endif %}
|
|
<script type="text/javascript">
|
|
|
|
$('#uploadedfile').on('change', function() {
|
|
uploadAction($("#uploadedfile")[0]['files'][0], {{parentid}});
|
|
});
|
|
|
|
function uploadButtonPush(){
|
|
$("#uploadedfile").click();
|
|
}
|
|
|
|
//FILE OPERATIONS
|
|
workingfileid = false;
|
|
function delDataFileObje(fileid){
|
|
workingfileid = fileid;
|
|
$("#delDataFile").modal("toggle");
|
|
$.ajax(
|
|
{
|
|
type: "GET",
|
|
url: "{% url 'cloud-adddir' parentid %}",
|
|
data:{
|
|
action : "getname_file",
|
|
id : workingfileid
|
|
},
|
|
success: function( data )
|
|
{
|
|
standardstring = "";
|
|
if(data["data"]["linked_standards"] != undefined && data["data"]["linked_standards"].length > 0){
|
|
standardstring = "<hr><b>Achtung!</b> Datei ist mit folgenden Standards verlinkt:<br />";
|
|
}
|
|
for(i = 0; i < data["data"]["linked_standards"].length; i++){
|
|
standardstring += (i+1) + ". " + data["data"]["linked_standards"][i]['name'];
|
|
if((i+1)< data["data"]["linked_standards"].length){
|
|
standardstring += "<br />";
|
|
}
|
|
}
|
|
$("#connectedStandards").html(standardstring);
|
|
$("#filenametodel").html("");
|
|
$("#filenametodel").html(data["data"]["filename"]);
|
|
}
|
|
});
|
|
}
|
|
|
|
function doDelDataFile(){
|
|
$.ajax(
|
|
{
|
|
type: "GET",
|
|
url: "{% url 'cloud-adddir' parentid %}",
|
|
data:{
|
|
action : "del_file",
|
|
id : workingfileid
|
|
},
|
|
success: function( data )
|
|
{
|
|
window.location = window.location;
|
|
}
|
|
});
|
|
}
|
|
|
|
workingdirid = false;
|
|
// DIR FUNCTIONS
|
|
|
|
function delDataDirObje(id){
|
|
workingdirid = id;
|
|
$("#delDataObj").modal("toggle");
|
|
}
|
|
|
|
function doDelDataDir(){
|
|
$("#delDataObj").modal("toggle");
|
|
$.ajax(
|
|
{
|
|
type: "GET",
|
|
url: "{% url 'cloud-adddir' parentid %}",
|
|
data:{
|
|
action : "del_dir",
|
|
id : workingdirid
|
|
},
|
|
success: function( data )
|
|
{
|
|
if(data["success"]){
|
|
window.location = window.location;
|
|
}
|
|
else{
|
|
$("#fileerr").toast("show");
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function changeDirName(dirid){
|
|
$("#changeName").modal("toggle");
|
|
workingdirid = dirid;
|
|
$.ajax(
|
|
{
|
|
type: "GET",
|
|
url: "{% url 'cloud-adddir' parentid %}",
|
|
data:{
|
|
action : "getname_dir",
|
|
id : dirid
|
|
},
|
|
success: function( data )
|
|
{
|
|
$("#actualName").html("Ordner <b>" + data["data"]['dirname'] + "</b>");
|
|
$("#changename").val(data["data"]['dirname']);
|
|
$("#doUpdateName").attr("disabled", false);
|
|
}
|
|
});
|
|
}
|
|
|
|
function updateName(){
|
|
$.ajax(
|
|
{
|
|
type: "GET",
|
|
url: "{% url 'cloud-adddir' parentid %}",
|
|
data:{
|
|
action : "change_dir_name",
|
|
id : workingdirid,
|
|
newdirname : $("#changename").val()
|
|
},
|
|
success: function( data )
|
|
{
|
|
$("#changeName").modal("toggle");
|
|
window.location = window.location;
|
|
}
|
|
});
|
|
}
|
|
|
|
function addDirModal(){
|
|
$("#addDir").modal("toggle");
|
|
$("#newdirname").val("");
|
|
$("#doActionTaskModal").attr("disabled", true)
|
|
|
|
}
|
|
|
|
|
|
//VALIDATE FOR CORRECT INPUT IN GROUP
|
|
function validateNewName(newdirname){
|
|
var letters = /^[A-Za-zßäöüÄÖÜ_\-0-9 ]+$/;
|
|
if(newdirname.length > 0){
|
|
if(!newdirname.match(letters))
|
|
{
|
|
$("#doUpdateName").attr("disabled", true);
|
|
}
|
|
else{
|
|
$("#doUpdateName").attr("disabled", false);
|
|
}
|
|
}
|
|
else{
|
|
$("#doUpdateName").attr("disabled", true);
|
|
}
|
|
|
|
}
|
|
|
|
//VALIDATE FOR CORRECT INPUT IN GROUP
|
|
function validateDirName(newdirname){
|
|
var letters = /^[A-Za-zßäöüÄÖÜ_\-0-9 ]+$/;
|
|
if(newdirname.length > 0){
|
|
if(!newdirname.match(letters))
|
|
{
|
|
$("#doActionTaskModal").attr("disabled", true);
|
|
}
|
|
else{
|
|
$("#doActionTaskModal").attr("disabled", false);
|
|
}
|
|
}
|
|
else{
|
|
$("#doActionTaskModal").attr("disabled", true);
|
|
}
|
|
|
|
}
|
|
|
|
function addDirAction(){
|
|
$.ajax(
|
|
{
|
|
type: "GET",
|
|
url: "{% url 'cloud-adddir' parentid %}",
|
|
data:{
|
|
action : "adddir",
|
|
parent : {{parentid}},
|
|
newdirname : $("#newdirname").val()
|
|
},
|
|
success: function( data )
|
|
{
|
|
window.location = window.location;
|
|
}
|
|
});
|
|
}
|
|
</script>
|
|
|
|
|
|
<!-- YOUTUBE PART START -->
|
|
<!--
|
|
//COPY THAT
|
|
<small><i onclick="javascript:$('#youtubevideoinformation').modal('toggle');" class="far fa-play-circle"></i></small>
|
|
-->
|
|
<script type="text/javascript">
|
|
|
|
//CHANGE
|
|
var VIDEOURL = "Hmv0iBE8L1k"
|
|
var MODALNAME = "#youtubevideoinformation"
|
|
var VIDEOTITLE = "Informationsvideo Dateien"
|
|
|
|
$(document).ready(function(){
|
|
|
|
$("#modaltitle_video").html(VIDEOTITLE);
|
|
|
|
//VIDEOCONTROLS
|
|
$( MODALNAME ).on('shown.bs.modal', function(e){
|
|
player.playVideo();
|
|
});
|
|
|
|
$( MODALNAME ).on('hidden.bs.modal', function(e){
|
|
player.pauseVideo();
|
|
});
|
|
});
|
|
|
|
//VIDEOPLAYER
|
|
var player;
|
|
|
|
function onYouTubeIframeAPIReady() {
|
|
player = new YT.Player('video-placeholder', {
|
|
width: 760,
|
|
height: 500,
|
|
videoId: VIDEOURL,
|
|
});
|
|
}
|
|
|
|
</script>
|
|
<script src="https://www.youtube.com/iframe_api"></script>
|
|
<!-- VIDEOMODAL -->
|
|
<div class="modal fade" id="youtubevideoinformation" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
|
|
<div class="modal-dialog modal-lg" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="modaltitle_video"></h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body" style="min-height: 500px;">
|
|
<div id="video-placeholder"></div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary" data-dismiss="modal">Schließen</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- YOUTUBE PART ENDE -->
|
|
|
|
{% endblock %}
|