{% extends "base.html" %}
{% load static from staticfiles %}
{% block metatags %}
<title>{{ post.meta_title }} - WispHub.net</title>
<meta name="description" content="{{ post.meta_descripcion }}" />
<link rel="canonical" href="https://wisphub.net{{ post.get_absolute_url }}" />
{% endblock %}
{% block extra_files %}
<link href="{% static 'css/documentacion.css' %}" rel="stylesheet" type="text/css" />
<link href="{% static 'css/documentacion_v2.css' %}" rel="stylesheet" type="text/css" />
<link title="Default" href="{% static 'assets/stylesheets/plugins/highlight/monokai-sublime.css' %}" rel="stylesheet"/>
<link href="{% static 'assets/stylesheets/plugins/jquery-ui/jquery-ui.css' %}" rel="stylesheet" type="text/css" media="all" />
<link href="{% static 'assets/stylesheets/bootstrap/bootstrap_v5.css' %}" rel="stylesheet" type="text/css" media="all" />
{% endblock %}
{% block contenedor %}
<main>
<aside class="menu-topics">
<div class="header">
<div class="title">
<h2>Manual de Usuario</h2>
</div>
<div class="search-article">
<div class="wrapper">
<label for="title_article">
<i class="icon-search"></i>
</label>
<input class="form-control ui-autocomplete-input" id="title_article" maxlength="70" name="modelo" type="text" required="" aria-required="true" autocomplete="off" placeholder="Buscar">
<div id="suggestions">
<div></div>
</div>
</div>
</div>
</div>
<div class="body">
<ul>
{% for post in listado_post %}
{% if not post.post_postarticle.all %}
<li class="topic title-post">
<a href="{{ post.get_absolute_url}}">{{ post.titulo }}</a>
</li>
{% else %}
<li class="topic main collapsed title-post">
<div class="title">
<p>{{ post.titulo }}</p>
<i class="fa fa-chevron-down" aria-hidden="true"></i>
</div>
<ul>
{% for post_article in post.post_postarticle.all %}
{% if post_article.publicado %}
{% if not post_article.children.exists %}
<li class="item"><a href="{{ post_article.get_absolute_url }}">{{post_article}}</a></li>
{% else %}
<li class="item topic main collapsed">
{% for post_article_children in post_article.children.all %}
{% if post_article_children.publicado %}
{% if forloop.first %}
<div class="title">
<p>{{ post_article.titulo }}</p>
<i class="fa fa-chevron-down" aria-hidden="true"></i>
</div>
{% endif %}
<ul>
{% if not post_article_children.children.exists %}
<li class="item"><a href="{{ post_article_children.get_absolute_url }}">{{post_article_children}}</a></li>
{% else %}
<li class="item topic main collapsed">
{% for post_article_children_2 in post_article_children.children.all %}
{% if post_article_children_2.publicado %}
{% if forloop.first %}
<div class="title">
<p>{{ post_article_children.titulo }}</p>
<i class="fa fa-chevron-down" aria-hidden="true"></i>
</div>
{% endif %}
<ul>
<li class="item"><a href="{{ post_article_children_2.get_absolute_url }}">{{post_article_children_2}}</a></li>
</ul>
{% endif %}
{% endfor %}
</li>
{% endif %}
</ul>
{% endif %}
{% endfor %}
</li>
{% endif %}
{% endif %}
{% endfor %}
</ul>
</li>
{% endif %}
{% endfor %}
</ul>
</div>
</aside>
<div class="documentacion-post">
<div id="overlay" class=""></div>
<button id="showAsideButton" type="button" class="btn mostrar-documentacion" style="border-width: 0">Ver Manual</button>
<button id="btn-table-of-contents" type="button" class="btn btn-success"> <li class="fa fa-list"></li></button>
<article id="content-post" class="content-post">
{% block contenedor_post %} {% endblock %}
</article>
{% comment %}
<div class="post-footer container">
<div class="row justify-content-center">
<div class="item col-3">
<a href="{% url 'login_cliente' %}">Portal del cliente</a>
</div>
<div class="item col-3">
<a href="https://wisphub.net/test-api-router/" target="_blank">Test Api Router</a>
</div>
<div class="item col-3">
<a href="https://wisphub.net/afiliados/" target="_blank">Afiliados</a>
</div>
<div class="item col-3">
<a href="{%url 'queja-suge' %} " target="_blank">Quejas y Sugerencias</a>
</div>
<div class="item col-3">
<a href="https://wisphub.net/informacion/actualizaciones/" target="_blank">Actualizaciones</a>
</div>
<div class="item col-3">
<a href="https://wisphub.net/documentacion/aviso-de-privacidad-integral-15/" target="_blank">Aviso de privacidad</a>
</div>
<div class="item col-3">
<a href="https://wisphub.net/documentacion/terminos-y-condiciones-de-uso-50/" target="_blank">Terminos y Condiciones de Uso</a>
</div>
<div class="item col-3">
<a href="https://wisphub.net/documentacion/politica-de-cookies-54/" target="_blank">Política de Cookies</a>
</div>
<div class="item col-3">
<a href="https://wisphub.net/consultores/" target="_blank">Consultores en Redes</a>
</div>
</div>
</div>
{% endcomment %}
</div>
<aside class="table-of-contents">
<div class="content">
<button id="closeTableContents" class="btn btn-success">cerrar</button>
<div class="wrapper">
<span>En este artículo...</span>
<ul></ul>
</div>
</div>
</aside>
</main>
<!--# region Modal imagen -->
<div class="modal fade" id="modal-image" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl modal-dialog-centered">
<div class="modal-content">
<div class="modal-body" style="overflow: auto">
<img id="modal-img" href=""/>
</div>
</div>
</div>
</div>
<!--# endregion -->
<script src="{% static 'assets/javascripts/plugins/highlight/highlight.pack.js' %}"></script>
<script src="{% static 'assets/javascripts/jquery/jquery.min.js' %}"></script>
<script type="text/javascript" src="{% static 'assets/javascripts/plugins/jquery-ui/jquery-ui.js' %} "></script>
<script src="{% static 'assets/javascripts/bootstrap/bootstrap_v5.js' %}" type="text/javascript"></script>
<script type="text/javascript" src="{% static 'js/documentacion_v2.js' %} "></script>
<script>
{% if staff_post or is_post_article_staff %}
const urlAutocomplete = "{% url 'autocomplete_documentacion_staff' %}";
{% else %}
const urlAutocomplete = "{% url 'autocomplete_documentacion' %}";
{% endif %}
document.addEventListener("DOMContentLoaded", function() {
fillTableOfContents();
setActiveItemInMenuTopic();
listenerButtonToShowAsideInMobile();
listenerArticleImages();
listenerCollapsableIcon();
initSearchAutocomplete('#title_article', urlAutocomplete);
hljs.initHighlightingOnLoad();
changeActiveClassOnScroll();
scrollToHashElement();
addCopyURLIcons();
});
</script>
{% endblock %}
{% block footer %}
<footer>
<div class="col-md-10" style="margin: 0 auto;">
<div class="container-fluid row text-center">
<div class="row">
<div class="col-lg-4 col-md-12 col-sm-12">
<div class="row">
<div class="col-5" style="text-align: right;">
<i class="fa fa-envelope i-icons"></i> <span class="span-bold">Contacto: </span>
</div>
<div class="col-7" style="text-align: left;">
ventas@wisphub.net
<br>
wisphub@gmail.com
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12">
<div class="row">
<div class="col-5" style="text-align: right;">
<i class="fa fa-phone i-icons"></i> <span class="span-bold">Call Center: </span>
</div>
<div class="col-7" style="text-align: left;">
+52 998 387 1200
<br>
Quejas y sugerencias
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12">
<div class="row">
<div class="col-5" style="text-align: right;">
<i class="fa fa-calendar i-icons"></i> <span class="span-bold">Horarios de atención: </span>
</div>
<div class="col-7" style="text-align: left;">
Lunes a Viernes de 9:00 a 18:00
<br>
Sábados de 9:00 a 14:00
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<style>
.text-copy-success {
position: relative!important;
top: -30px;
}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: auto !important;
}
}
.span-bold{
font-weight: bold;
font-size: 1.1rem;
}
footer{
min-height: auto;
padding: 1%;
background-color: #00C494;
padding-left: 200px;
}
.i-icons{
font-size: 1.2rem;
}
@media (max-width: 1000px) {
footer{
padding-left: 0px;
}
}
</style>
{% endblock footer %}