digitaleagenturnc/organizer/templates/organizer/organizer_management.html

{% extends "users/base.html" %}
{% load counter_tag %}
{% 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 %}
  <small><i onclick="javascript:$('#youtubevideoinformation').modal('toggle');" class="far fa-play-circle"></i></small>
</h3>  
  <hr>
  

  <ul class="nav nav-tabs" id="organizerTabs" role="tablist">
    <li class="nav-item">
      <a class="nav-link active" id="quicklinks-tab" data-toggle="tab" href="#quicklinks" role="tab" aria-controls="quicklinks" aria-selected="false" ><i class="fas fa-link"></i>&nbsp;Quicklinks</a>
    </li>

    <li class="nav-item">
      <a class="nav-link" id="contacts-tab" data-toggle="tab" href="#contacts" role="tab" aria-controls="contacts" aria-selected="false" ><i class="far fa-address-card"></i>&nbsp;Kontakte</a>
    </li>

    <li class="nav-item">
      <a class="nav-link" id="passwords-tab" data-toggle="tab" href="#passwords" role="tab" aria-controls="passwords" aria-selected="false" ><i class="fas fa-user-lock"></i>&nbsp;Passwörter</a>
    </li>
  </ul>

  <div class="tab-content" id="organizerTabscontent">
    <div class="tab-pane fade show" id="quicklinks" role="tabpanel" aria-labelledby="quicklinks-tab">     
        <h5 class="mt-3">Quicklinks{% if request.user.profile.showtooltips %}&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Verwalten Sie hier Links auf andere Webseiten." class="far fa-question-circle"></i></small>{% endif %}
          {% if user|usergperm:"moduleorganizer" %} <span style="float: right; margin-top: -5px"><a class="btn btn-primary btn-sm" href="{% url 'ql-addql' %}"><i class="fas fa-plus"></i>&nbsp;Quicklink</a></span>{% endif %}
        </h5>
        {% if user|usergperm:"moduleorganizer" %}<hr>{% endif %}        
        {% block quicklinks_content %}
           {% include "organizer/quicklinks_content.html" %}
        {% endblock %}        
    </div>

    <div class="tab-pane fade show" id="contacts" role="tabpanel" aria-labelledby="contacts-tab">     
        <h5 class="mt-3">Kontakte{% if request.user.profile.showtooltips %}&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Speichern Sie hier wichtige Kontakte." class="far fa-question-circle"></i></small>{% endif %}
          {% if user|usergperm:"moduleorganizer" %}       
          <span style="float: right; margin-top: -5px">
          <button class="btn btn-secondary mr-l btn-sm" style="vertical-align: bottom;" onclick="javascript:showCategoryMod()"><i class="fas fa-pen"></i>&nbsp;Kategorien</button>
        <a class="btn btn-primary btn-sm" href="{% url 'addcontact' %}"><i class="fas fa-plus"></i>&nbsp;Kontakt</a></span>      
        {% endif %}
        </h5>
        {% if user|usergperm:"moduleorganizer" %}<hr>{% endif %}      
        {% block contacts_content %}
           {% include "organizer/contacts_content.html" %}
        {% endblock %} 
    </div>

    <div class="tab-pane fade show" id="passwords" role="tabpanel" aria-labelledby="passwords-tab">     
        <h5 class="mt-3">Passwörter{% if request.user.profile.showtooltips %}&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Speichern Sie hier Passwörter für andere Portale, die für ihre gessamte Agentur zugreifbar sein sollen. Sie können die Einsicht der Passwörter mit entsprechenden Gruppen einschränken." class="far fa-question-circle"></i></small>{% endif %}
          {% if user|usergperm:"moduleorganizer" %} 
          <span style="float: right; margin-top: -5px"><a class="btn btn-primary btn-sm" href="{% url 'add-agpass' %}"><i class="fas fa-plus"></i>&nbsp;Passwort</a></span>
        {% endif %} 
        </h5>
        {% if user|usergperm:"moduleorganizer" %}<hr>{% endif %}      
        {% block passwords_content %}
           {% include "organizer/passwords_content.html" %}
        {% endblock %} 
    </div>
  </div>



</div>
<script>
  $('#organizerTabs a').on('click', function (e) {
      e.preventDefault();
      $(this).tab('show');         
      lastview_name = $(this)[0]['hash'].substring(1);
      localStorage.setItem('activeTab', lastview_name);      

    });    



$(document).ready(function(){

  var activeTab = localStorage.getItem('activeTab');
       
        if(activeTab){          
          if($('#' + activeTab).find().prevObject.length != 0){
            $('#' + activeTab).tab('show');         
            $(".nav-link").removeClass("active");         
            $("#" + activeTab + "-tab").addClass("active");           
          }
          else{
            $("#quicklinks-tab").addClass("active");
            $('#quicklinks').tab('show');
          }
        }
        else{
          $("#quicklinks-tab").addClass("active");
           $('#quicklinks').tab('show');
        }

 
});

function saveDefQL(){
  $.ajax(
      {
          type: "GET",
          url: "lerg/",
          data:{
            action: "adddefql"
          },
          success: function( data ) 
          {
            location.reload();
        }
       });
}
</script>
{% 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 = "iNxAjDnQT-Q"
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 %}