Videos vorbereitet

This commit is contained in:
Holger Trampe 2020-05-14 00:41:35 +02:00
parent c9948a9a69
commit 76b0a4ed6d
14 changed files with 651 additions and 46 deletions

View File

@ -24,7 +24,8 @@ a.disabled {
</div>
</div>
<div class="content-section col-12">
<h3>Dateien{% if request.user.profile.showtooltips %}&nbsp;<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 %}</h3>
<h3>Dateien{% if request.user.profile.showtooltips %}&nbsp;<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>
@ -1098,4 +1099,66 @@ function addDirAction(){
});
}
</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 = "URcOGJvRwlc"
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">&times;</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 %}

View File

@ -164,7 +164,7 @@ function addAgencyJob(){
success: function( data )
{
new_id = data["data"]["new_id"];
$('#allagencyjobs > tbody:last-child').append('<tr id="agencyjob_'+new_id+'"><td><input class="form-control" type="text" value="" placeholder="Neue Funktion" onkeyup="javascript:updateFunc('+new_id+', this.value)"></td><td><button type="button" class="btn btn-danger" onclick="javascript:funcDel('+new_id+')" data-toggle="tooltip" data-placement="top" title="Agenturfunktion löschen"><i class="fas fa-trash-alt"></i></button></td></tr>');
$('#allagencyjobs > tbody:last-child').append('<tr id="agencyjob_'+new_id+'"><td><input class="form-control" type="text" value="" placeholder="Neue Funktion" onkeyup="javascript:updateFunc('+new_id+', this.value)"></td><td><button type="button" class="btn btn-danger" onclick="javascript:funcDel('+new_id+')" data-toggle="tooltip" data-placement="top" title="Agenturfunktion löschen"><i class="fas fa-trash"></i></button></td></tr>');
}
});
}
@ -281,7 +281,7 @@ function updateFunc(id, funcname){
<input class="form-control" type="text" value="{{ele.name}}" onkeyup="javascript:updateFunc({{ele.pk}}, this.value)">
</td>
<td>
<button type="button" class="btn btn-danger" style="float: right" onclick="javascript:funcDel({{ele.pk}})" data-toggle="tooltip" data-placement="top" title="Agenturfunktion löschen"><i class="fas fa-trash-alt"></i></button>
<button type="button" class="btn btn-danger" style="float: right" onclick="javascript:funcDel({{ele.pk}})" data-toggle="tooltip" data-placement="top" title="Agenturfunktion löschen"><i class="fas fa-trash"></i></button>
</td>
</tr>
{% endfor %}
@ -316,7 +316,7 @@ function updateFunc(id, funcname){
<input class="form-control" type="text" value="{{ele.name}}" onkeyup="javascript:updateFunc({{ele.pk}}, this.value)">
</td>
<td>
<button type="button" class="btn btn-danger" onclick="javascript:funcDel({{ele.pk}})" data-toggle="tooltip" data-placement="top" title="Agenturfunktion löschen"><i class="fas fa-trash-alt"></i></button>
<button type="button" class="btn btn-danger" onclick="javascript:funcDel({{ele.pk}})" data-toggle="tooltip" data-placement="top" title="Agenturfunktion löschen"><i class="fas fa-trash"></i></button>
</td>
</tr>
{% endfor %}

View File

@ -97,6 +97,7 @@
{% if user|usergperm:"agencyinfo" %}
<div class="tab-pane fade" id="agency" role="tabpanel" aria-labelledby="agency-tab">
<h5 class="mt-3">Agenturinformationen{% if request.user.profile.showtooltips %}&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Verwalten Sie hier die Informationen Ihrer Agentur, z.B. Adresse, E-Mailadresse und Telefon." class="far fa-question-circle"></i></small>{% endif %}
<small><i onclick="javascript:$('#youtubevideoinformation_agency').modal('toggle');" class="far fa-play-circle"></i></small>
</h5>
<hr>
{% block agency_content %}
@ -115,7 +116,9 @@
{% endif %}
{% if user|usergperm:"agencynetwork" %}
<div class="tab-pane fade" id="agencynetwork" role="tabpanel" aria-labelledby="agencynetwork-tab">
<h5 class="mt-3">Agenturverbünde{% if request.user.profile.showtooltips %}&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Verwalten Sie hier Ihre eigenen Agenturverbünde und in welchen Sie Mitglied sind." class="far fa-question-circle"></i></small>{% endif %}</h5>
<h5 class="mt-3">Agenturverbünde{% if request.user.profile.showtooltips %}&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Verwalten Sie hier Ihre eigenen Agenturverbünde und in welchen Sie Mitglied sind." class="far fa-question-circle"></i></small>{% endif %}
<small><i onclick="javascript:$('#youtubevideoinformation_agencynetwork').modal('toggle');" class="far fa-play-circle"></i></small>
</h5>
<hr>
{% block agencynetwork_content %}
{% include "dasettings/agencynetwork_content.html" %}
@ -124,7 +127,9 @@
{% endif %}
{% if user|usergperm:"structuremanager" %}
<div class="tab-pane fade" id="structure" role="tabpanel" aria-labelledby="structure-tab">
<h5 class="mt-3">Struktur{% if request.user.profile.showtooltips %}&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Richten Sie hier Bereiche und Tätigkeiten ein, um diese in Standards und Organigramm als Agenturstruktur zu nutzen." class="far fa-question-circle"></i></small>{% endif %}</h5>
<h5 class="mt-3">Struktur{% if request.user.profile.showtooltips %}&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Richten Sie hier Bereiche und Tätigkeiten ein, um diese in Standards und Organigramm als Agenturstruktur zu nutzen." class="far fa-question-circle"></i></small>{% endif %}
<small><i onclick="javascript:$('#youtubevideoinformation_structure').modal('toggle');" class="far fa-play-circle"></i></small>
</h5>
<hr>
{% block structure_content %}
{% include "dasettings/structure_content.html" %}
@ -133,7 +138,9 @@
{% endif %}
{% if user|usergperm:"usermanager" %}
<div class="tab-pane fade" id="user" role="tabpanel" aria-labelledby="user-tab">
<h5 class="mt-3">Mitarbeiter{% if request.user.profile.showtooltips %}&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Legen Sie hier neue Mtarbeiter an, weisen ihnen Gruppen zu und ändern Sie Stammdaten wie Foto, Namen und Agenturfunktion." class="far fa-question-circle"></i></small>{% endif %}</h5>
<h5 class="mt-3">Mitarbeiter{% if request.user.profile.showtooltips %}&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Legen Sie hier neue Mtarbeiter an, weisen ihnen Gruppen zu und ändern Sie Stammdaten wie Foto, Namen und Agenturfunktion." class="far fa-question-circle"></i></small>{% endif %}
<small><i onclick="javascript:$('#youtubevideoinformation_users').modal('toggle');" class="far fa-play-circle"></i></small>
</h5>
<hr>
{% block user_content %}
{% include "dasettings/user_content.html" %}
@ -142,7 +149,9 @@
{% endif %}
{% if user|usergperm:"groupmanager" %}
<div class="tab-pane fade" id="groups" role="tabpanel" aria-labelledby="groups-tab">
<h5 class="mt-3">Gruppen{% if request.user.profile.showtooltips %}&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Hier werden Gruppen erstellt und bearbeitet sowie Mitglieder der Gruppen hinzugefügt und entfernt. Zudem können Rechte der Gruppen vergeben werden." class="far fa-question-circle"></i></small>{% endif %}</h5>
<h5 class="mt-3">Gruppen{% if request.user.profile.showtooltips %}&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Hier werden Gruppen erstellt und bearbeitet sowie Mitglieder der Gruppen hinzugefügt und entfernt. Zudem können Rechte der Gruppen vergeben werden." class="far fa-question-circle"></i></small>{% endif %}
<small><i onclick="javascript:$('#youtubevideoinformation_users').modal('toggle');" class="far fa-play-circle"></i></small>
</h5>
<hr>
{% block groups_content %}
{% include "dasettings/groups_content.html" %}
@ -200,12 +209,238 @@ var defaultsettingsview = "profil";
e.preventDefault();
$(this).tab('show');
lastview_name = $(this)[0]['hash'].substring(1);
localStorage.setItem('activeTabSettings', lastview_name);
console.log(lastview_name)
localStorage.setItem('activeTabSettings', lastview_name);
});
</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_agn = "URcOGJvRwlc"
var MODALNAME_agn = "#youtubevideoinformation_agencynetwork"
var VIDEOTITLE_agn = "Informationsvideo Agenturverbünde"
//CHANGE
var VIDEOURL_structure = "URcOGJvRwlc"
var MODALNAME_structure = "#youtubevideoinformation_structure"
var VIDEOTITLE_structure = "Informationsvideo Struktur"
//CHANGE
var VIDEOURL_users = "URcOGJvRwlc"
var MODALNAME_users = "#youtubevideoinformation_users"
var VIDEOTITLE_users = "Informationsvideo Mitarbeiter und Gruppen"
//CHANGE
var VIDEOURL_agency = "URcOGJvRwlc"
var MODALNAME_agency = "#youtubevideoinformation_agency"
var VIDEOTITLE_agency = "Informationsvideo Agentur und Agenturfunktionen"
$(document).ready(function(){
$("#modaltitle_video_agn").html(VIDEOTITLE_agn);
//VIDEOCONTROLS
$( MODALNAME_agn ).on('shown.bs.modal', function(e){
player_agn.playVideo();
});
$( MODALNAME_agn ).on('hidden.bs.modal', function(e){
player_agn.pauseVideo();
});
});
//VIDEOPLAYER
var player_agn;
var player_structure;
var player_users;
function onYouTubeIframeAPIReady() {
player_agn = new YT.Player('video-placeholder_agn', {
width: 760,
height: 500,
videoId: VIDEOURL_agn,
});
player_structure = new YT.Player('video-placeholder_structure', {
width: 760,
height: 500,
videoId: VIDEOURL_structure,
});
player_users = new YT.Player('video-placeholder_users', {
width: 760,
height: 500,
videoId: VIDEOURL_agn,
});
player_agency = new YT.Player('video-placeholder_agency', {
width: 760,
height: 500,
videoId: VIDEOURL_agn,
});
}
</script>
<!-- VIDEOMODAL -->
<div class="modal fade" id="youtubevideoinformation_agencynetwork" 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_agn"></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body" style="min-height: 500px;">
<div id="video-placeholder_agn"></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 -->
<!-- YOUTUBE PART START -->
<!--
//COPY THAT
<small><i onclick="javascript:$('#youtubevideoinformation_structure').modal('toggle');" class="far fa-play-circle"></i></small>
-->
<script type="text/javascript">
$(document).ready(function(){
$("#modaltitle_video_structure").html(VIDEOTITLE_structure);
//VIDEOCONTROLS
$( MODALNAME_structure ).on('shown.bs.modal', function(e){
player_structure.playVideo();
});
$( MODALNAME_structure ).on('hidden.bs.modal', function(e){
player_structure.pauseVideo();
});
});
</script>
<!-- VIDEOMODAL -->
<div class="modal fade" id="youtubevideoinformation_structure" 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_structure"></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body" style="min-height: 500px;">
<div id="video-placeholder_structure"></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 START -->
<!--
//COPY THAT
<small><i onclick="javascript:$('#youtubevideoinformation_structure').modal('toggle');" class="far fa-play-circle"></i></small>
-->
<script type="text/javascript">
$(document).ready(function(){
$("#modaltitle_video_users").html(VIDEOTITLE_users);
//VIDEOCONTROLS
$( MODALNAME_users ).on('shown.bs.modal', function(e){
player_users.playVideo();
});
$( MODALNAME_users ).on('hidden.bs.modal', function(e){
player_users.pauseVideo();
});
});
</script>
<!-- VIDEOMODAL -->
<div class="modal fade" id="youtubevideoinformation_users" 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_users"></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body" style="min-height: 500px;">
<div id="video-placeholder_users"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Schließen</button>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$("#modaltitle_video_agency").html(VIDEOTITLE_agency);
//VIDEOCONTROLS
$( MODALNAME_agency ).on('shown.bs.modal', function(e){
player_agency.playVideo();
});
$( MODALNAME_agency ).on('hidden.bs.modal', function(e){
player_agency.pauseVideo();
});
});
</script>
<!-- VIDEOMODAL -->
<div class="modal fade" id="youtubevideoinformation_agency" 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_agency"></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body" style="min-height: 500px;">
<div id="video-placeholder_agency"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Schließen</button>
</div>
</div>
</div>
</div>
<script src="https://www.youtube.com/iframe_api"></script>
<!-- YOUTUBE PART ENDE -->
{% endblock content %}

View File

@ -378,7 +378,7 @@ function mainmodalTaskSave(){
newtaskareaname = data['data']['areaname'];
taskcreatedby = data['data']['taskcreator_fullname'];
taskcreateddate = data['data']['createdate'];
$("#areatask_" + taskaddtoarea).prepend('<tr id="task_'+newtaskid+'"><td><a href="/standards/standard/'+newtaskid+'/task" id="taskname_td_area_'+newtaskid+'">'+newtaskname+'</a></td><td>'+newtaskareaname+'</td><td>'+taskcreatedby+'</td><td>'+taskcreateddate+'</td><td><button style="float: right" class="btn btn-primary btn-sm" onclick="javascript:updateTaskComplete('+newtaskid+')" data-toggle="tooltip" data-placement="top" title="Tätigkeit bearbeiten"><small><i class="fas fa-pen"></i></small></button><button style="float: right" type="button" class="btn btn-danger btn-sm mr-1" onclick="javascript:delTask('+newtaskid+')" data-toggle="tooltip" data-placement="top" title="Tätigkeit löschen"><i class="fas fa-trash-alt"></i></button></td> ></tr>');
$("#areatask_" + taskaddtoarea).prepend('<tr id="task_'+newtaskid+'"><td><a href="/standards/standard/'+newtaskid+'/task" id="taskname_td_area_'+newtaskid+'">'+newtaskname+'</a></td><td>'+newtaskareaname+'</td><td>'+taskcreatedby+'</td><td>'+taskcreateddate+'</td><td><button style="float: right" class="btn btn-primary btn-sm" onclick="javascript:updateTaskComplete('+newtaskid+')" data-toggle="tooltip" data-placement="top" title="Tätigkeit bearbeiten"><small><i class="fas fa-pen"></i></small></button><button style="float: right" type="button" class="btn btn-danger btn-sm mr-1" onclick="javascript:delTask('+newtaskid+')" data-toggle="tooltip" data-placement="top" title="Tätigkeit löschen"><i class="fas fa-trash"></i></button></td> ></tr>');
}
else{

View File

@ -14,32 +14,35 @@ import os
# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
############################################## PROD #####################################
BASE_URL = "https://digitale-agentur.com/"
############################################## LOCAL #####################################
BASE_URL = "http://localhost:8000/"
CRONAPIKEY = "gCddsaz6NOnE9QbXZM5LasdEk122D"
MAILINFOKEY = "jka7sd8iukashdna78skduJAHDsu6dilaksdjba65a68iadbhjak"
# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = False
DEBUG = True
# MAIL PROD
EMAIL_HOST = 'smtp.strato.de'
EMAIL_PORT = 587
EMAIL_USE_TLS = True
EMAIL_HOST_USER = "noreply@digitale-agentur.com"
EMAIL_HOST_PASSWORD = "48c3n6YggZBuPyShtqOQ"
DEFAULT_FROM_EMAIL = "noreply@digitale-agentur.com"
# PROD
# Database
# https://docs.djangoproject.com/en/2.2/ref/settings/#databases
# DEV
DATABASES = {
'default': {
'ENGINE': 'django.db.backends.mysql',
'NAME' : 'digitaleagentur',
'USER' : 'digitaleagentur',
'PASSWORD' : 'H9hzbzyBqtUCnZlIwL1qSrzh',
'USER' : 'root',
'PASSWORD' : '',
'PORT' : 3306
}
}
############################################## PROD #####################################
# MAIL DEV
EMAIL_HOST = 'gymhum.de'
EMAIL_PORT = 587
EMAIL_USE_TLS = True
EMAIL_HOST_USER = "holger.trampe"
EMAIL_HOST_PASSWORD = "Motte2016_!"
DEFAULT_FROM_EMAIL = "holger.trampe@gymhum.de"
################################################### LOCAL ###############################

View File

@ -4,7 +4,9 @@
{% if request.user.profile.agency.module_messages %}
<div class="content-section col-12">
<h3>Mitteilungen{% if request.user.profile.showtooltips %}&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Verschicken Sie hier Nachrichten für Mitarbeiter." class="far fa-question-circle"></i></small>{% endif %}</h3>
<h3>Mitteilungen{% if request.user.profile.showtooltips %}&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Verschicken Sie hier Nachrichten für Mitarbeiter." class="far fa-question-circle"></i></small>{% endif %}
<small><i onclick="javascript:$('#youtubevideoinformation').modal('toggle');" class="far fa-play-circle"></i></small>
</h3>
<hr>
@ -171,4 +173,64 @@
{% else %}
<h3>Das Modul Mitteilungen wurde in ihrer Agentur deaktiviert.</h3>
{% endif %}
<!-- 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 = "URcOGJvRwlc"
var MODALNAME = "#youtubevideoinformation"
var VIDEOTITLE = "Informationsvideo Mitteilungen"
$(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">&times;</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 content %}

View File

@ -15,7 +15,7 @@
Mit freundlichen Grüßen<br /><br />
{{mess.created_by.first_name}} {{mess.created_by.last_name}}
<hr>
<button class="btn btn-primary btn-sm" style="float: right;" onclick="javascript:showDelMod()"><i class="fas fa-trash-alt"></i></button>
<button class="btn btn-primary btn-sm" style="float: right;" onclick="javascript:showDelMod()"><i class="fas fa-trash"></i></button>
</div></div></div>
<!-- CONFIRMA DELETE DIR -->

View File

@ -7,6 +7,7 @@
{% if perms.users.modulenews %}
<a class="btn btn-sm btn-primary" href="{% url 'news-add' %} " style="float: right" data-toggle="tooltip" data-placement="top" title="Neue News für Ihre Agentur erstellen"><i class="fas fa-plus"></i>&nbsp;News</a>
{% endif %}
<small><i onclick="javascript:$('#youtubevideoinformation').modal('toggle');" class="far fa-play-circle"></i></small>
</h3>
<hr>
@ -260,4 +261,64 @@ $('#news_tabs a').on('click', function (e) {
{% else %}
<h3>Das Modul News wurde in ihrer Agentur deaktiviert.</h3>
{% endif %}
<!-- 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 = "URcOGJvRwlc"
var MODALNAME = "#youtubevideoinformation"
var VIDEOTITLE = "Informationsvideo News"
$(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">&times;</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 content %}

View File

@ -3,7 +3,9 @@
{% block content %}
{% if request.user.profile.agency.module_organizer %}
<div class="content-section col-12">
<h3>Organizer{% if request.user.profile.showtooltips %}&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Verwalten Sie hier Quicklinks, Kontakte und Passwörter." class="far fa-question-circle"></i></small>{% endif %}</h3>
<h3>Organizer{% if request.user.profile.showtooltips %}&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Verwalten Sie hier Quicklinks, Kontakte und Passwörter." class="far fa-question-circle"></i></small>{% endif %}
<small><i onclick="javascript:$('#youtubevideoinformation').modal('toggle');" class="far fa-play-circle"></i></small>
</h3>
<hr>
@ -116,4 +118,66 @@ function saveDefQL(){
{% else %}
<h3>Das Modul Organizer wurden in ihrer Agentur deaktiviert.</h3>
{% endif %}
<!-- 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 = "URcOGJvRwlc"
var MODALNAME = "#youtubevideoinformation"
var VIDEOTITLE = "Informationsvideo Organizer"
$(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">&times;</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 content %}

View File

@ -475,7 +475,7 @@ function updateLinkedStandards(){
actualStandards.push(tempid_standard);
clearSearchfieldAddStandard();
$("#" + id).remove();
$("#linkedstandards").append('<tr id="standardadded_'+tempid_standard+'"><td>' + g + '</td><td><button type="button" class="btn btn-danger btn-sm" onclick="javascript:remStandard('+tempid_standard+', \''+g+'\')"><i class="fas fa-trash-alt"></i></button></td></tr>');
$("#linkedstandards").append('<tr id="standardadded_'+tempid_standard+'"><td>' + g + '</td><td><button type="button" class="btn btn-danger btn-sm" onclick="javascript:remStandard('+tempid_standard+', \''+g+'\')"><i class="fas fa-trash"></i></button></td></tr>');
}
$("#id_added_standards").val(actualStandards);
@ -616,7 +616,7 @@ function doUploadAction(filetodo, replacestat){
hideUpload();
actualFiles.push(String(data["data"]["savedobj_id"]));
$("#id_added_files").val(actualFiles);
$("#linkedfiles") .append('<tr id="fileadded_'+data["data"]["savedobj_id"]+'"><td>' + data["data"]["savedobj_name"] + '</td><td><button type="button" class="btn btn-danger btn-sm" onclick="javascript:remFile('+data["data"]["savedobj_id"]+', \''+data["data"]["savedobj_name"]+'\')"><i class="fas fa-trash-alt"></i></button></td></tr>');
$("#linkedfiles") .append('<tr id="fileadded_'+data["data"]["savedobj_id"]+'"><td>' + data["data"]["savedobj_name"] + '</td><td><button type="button" class="btn btn-danger btn-sm" onclick="javascript:remFile('+data["data"]["savedobj_id"]+', \''+data["data"]["savedobj_name"]+'\')"><i class="fas fa-trash"></i></button></td></tr>');
}, 1000);
}
else{
@ -646,7 +646,7 @@ function updateLinkedFiles(){
$("#id_added_files").val(actualFiles)
clearSearchfieldAddFile();
$("#" + id).remove();
$("#linkedfiles") .append('<tr id="fileadded_'+tempid_file+'"><td>' + g + '</td><td><button type="button" class="btn btn-danger btn-sm" onclick="javascript:remFile('+tempid_file+', \''+g+'\')"><i class="fas fa-trash-alt"></i></button></td></tr>');
$("#linkedfiles") .append('<tr id="fileadded_'+tempid_file+'"><td>' + g + '</td><td><button type="button" class="btn btn-danger btn-sm" onclick="javascript:remFile('+tempid_file+', \''+g+'\')"><i class="fas fa-trash"></i></button></td></tr>');
}
}

View File

@ -5,7 +5,7 @@
<div class="content-section col-12">
<h3>Standards{% if request.user.profile.showtooltips %}&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Standards dokumentieren und erläutern verschiedenen Verfahren, strukturiert nach Bereichen und Tätigkeiten." class="far fa-question-circle"></i></small>{% endif %}
<!--<small><i class="far fa-play-circle"></i></small>-->
<small><i onclick="javascript:$('#youtubevideoinformation').modal('toggle');" class="far fa-play-circle"></i></small>
<a class="btn btn-primary btn-sm" href="{% url 'standard-add' %}" style="float: right;"><i class="fas fa-plus"></i>&nbsp;Standard</a>
</h3>
<small>Sichtbar sind alle veröffentlichten und von {{ user.first_name }} {{ user.last_name}} erstellten Standards.</small>
@ -237,7 +237,7 @@
</style>
<script type="text/javascript">
$('#area_tabs a').on('click', function (e) {
e.preventDefault();
$(this).tab('show');
@ -245,9 +245,8 @@
localStorage.setItem('activeTab', lastview_name);
});
$(document).ready(function(){
$(document).ready(function(){
var activeTab = localStorage.getItem('activeTab');
if(activeTab){
@ -317,7 +316,6 @@
e.preventDefault()
$(this).tab('show')
});
</script>
<style>
@ -327,4 +325,66 @@
border: 0px !important;
}
</style>
<!-- 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 = "URcOGJvRwlc"
var MODALNAME = "#youtubevideoinformation"
var VIDEOTITLE = "Informationsvideo Standards"
$(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">&times;</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 content %}

View File

@ -111,7 +111,7 @@
Verlinkte Dateien:
<table id="linkedfiles" class="table table-hover table-sm">
{% for f in standard.addedfiles.all %}
<tr id="fileadded_{{f.pk}}"><td>{{f.name|truncatechars:30}}</td><td><button type="button" class="btn btn-danger btn-sm" onclick="javascript:remFile({{f.pk}}, '{{f.name}}')"><i class="fas fa-trash-alt"></i></button></td></tr>
<tr id="fileadded_{{f.pk}}"><td>{{f.name|truncatechars:30}}</td><td><button type="button" class="btn btn-danger btn-sm" onclick="javascript:remFile({{f.pk}}, '{{f.name}}')"><i class="fas fa-trash"></i></button></td></tr>
{% endfor %}
</table>
<input type="file" id="uploadedfile" name="uploadedfile" style="display:none">
@ -152,7 +152,7 @@
Verlinkte Standards:
<table id="linkedstandards" class="table table-hover table-sm">
{% for s in standard.linked_standards.all %}
<tr id="standardadded_{{s.pk}}"><td>{{s.name|truncatechars:30}}</td><td><button type="button" class="btn btn-danger btn-sm" onclick="javascript:remStandard({{s.pk}}, '{{s.name|truncatechars:30}}')"><i class="fas fa-trash-alt"></i></button></td></tr>
<tr id="standardadded_{{s.pk}}"><td>{{s.name|truncatechars:30}}</td><td><button type="button" class="btn btn-danger btn-sm" onclick="javascript:remStandard({{s.pk}}, '{{s.name|truncatechars:30}}')"><i class="fas fa-trash"></i></button></td></tr>
{% endfor %}
</table>
</div>
@ -561,7 +561,7 @@ function updateLinkedStandards(){
tempid_standard = id.split("_")[1];
clearSearchfieldAddStandard();
$("#" + id).remove();
$("#linkedstandards").append('<tr id="standardadded_'+tempid_standard+'"><td>' + g + '</td><td><button type="button" class="btn btn-danger btn-sm" onclick="javascript:remStandard('+tempid_standard+', \''+g+'\')"><i class="fas fa-trash-alt"></i></button></td></tr>');
$("#linkedstandards").append('<tr id="standardadded_'+tempid_standard+'"><td>' + g + '</td><td><button type="button" class="btn btn-danger btn-sm" onclick="javascript:remStandard('+tempid_standard+', \''+g+'\')"><i class="fas fa-trash"></i></button></td></tr>');
}
$.ajax({
@ -600,7 +600,7 @@ function updateLinkedFiles(){
tempid_file = id.split("_")[1];
clearSearchfieldAddFile();
$("#" + id).remove();
$("#linkedfiles") .append('<tr id="fileadded_'+tempid_file+'"><td>' + g + '</td><td><button type="button" class="btn btn-danger btn-sm" onclick="javascript:remFile('+tempid_file+', \''+g+'\')"><i class="fas fa-trash-alt"></i></button></td></tr>');
$("#linkedfiles") .append('<tr id="fileadded_'+tempid_file+'"><td>' + g + '</td><td><button type="button" class="btn btn-danger btn-sm" onclick="javascript:remFile('+tempid_file+', \''+g+'\')"><i class="fas fa-trash"></i></button></td></tr>');
$.ajax({
url: "{% url 'update_standard_by_ajax' standard.pk %}",
@ -745,7 +745,7 @@ function doUploadAction(filetodo, parid, replacestat){
if(data["success"] == true){
setTimeout(function(){
$("#uploadModalProgress").modal("toggle");
$("#linkedfiles") .append('<tr id="fileadded_'+data["data"]["savedobj_id"]+'"><td>' + data["data"]["savedobj_name"] + '</td><td><button type="button" class="btn btn-danger btn-sm" onclick="javascript:remFile('+data["data"]["savedobj_id"]+', \''+data["data"]["savedobj_name"]+'\')"><i class="fas fa-trash-alt"></i></button></td></tr>');
$("#linkedfiles") .append('<tr id="fileadded_'+data["data"]["savedobj_id"]+'"><td>' + data["data"]["savedobj_name"] + '</td><td><button type="button" class="btn btn-danger btn-sm" onclick="javascript:remFile('+data["data"]["savedobj_id"]+', \''+data["data"]["savedobj_name"]+'\')"><i class="fas fa-trash"></i></button></td></tr>');
}, 1000);
$.ajax({
url: "{% url 'update_standard_by_ajax' standard.pk %}",
@ -760,7 +760,7 @@ function doUploadAction(filetodo, parid, replacestat){
{
if(data["success"] == true){
$("#linkedfiles") .append('<tr id="fileadded_'+data["data"]["savedobj_id"]+'"><td>' + data["data"]["savedobj_name"] + '</td><td><button type="button" class="btn btn-danger btn-sm" onclick="javascript:remFile('+data["data"]["savedobj_id"]+', \''+data["data"]["savedobj_name"]+'\')"><i class="fas fa-trash-alt"></i></button></td></tr>');
$("#linkedfiles") .append('<tr id="fileadded_'+data["data"]["savedobj_id"]+'"><td>' + data["data"]["savedobj_name"] + '</td><td><button type="button" class="btn btn-danger btn-sm" onclick="javascript:remFile('+data["data"]["savedobj_id"]+', \''+data["data"]["savedobj_name"]+'\')"><i class="fas fa-trash"></i></button></td></tr>');
$.ajax({
url: "{% url 'update_standard_by_ajax' standard.pk %}",
data: {

View File

@ -11,7 +11,7 @@
{% if request.user.profile.agency.module_news %}
<div class="card d-block mb-3 mr-3 " style="width: 60%" >
<div class="card-body" >
<h5 class="card-title">News
<h5 class="card-title">News&nbsp;<small><i onclick="javascript:$('#youtubevideoinformation').modal('toggle');" class="far fa-play-circle"></i></small>
{% if perms.users.modulenews %}
<a class="btn btn-primary btn-sm ml-1" href="{% url 'news-add' %} " style="float: right;" data-toggle="tooltip" data-placement="top" title="Neue News für Ihre Agentur erstellen"><i class="fas fa-plus"></i></a>
{% endif %}
@ -83,9 +83,66 @@
</div>
{% endif %}
</div>
<!-- YOUTUBE PART START -->
<!--
//COPY THAT
<small><i onclick="javascript:$('#youtubevideoinformation').modal('toggle');" class="far fa-play-circle"></i></small>
-->
<script type="text/javascript">
console.log("{{systemencode}}");
//CHANGE
var VIDEOURL = "URcOGJvRwlc"
var MODALNAME = "#youtubevideoinformation"
var VIDEOTITLE = "Informationsvideo News"
$(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">&times;</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 content %}