sysadminix/Aerbim
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

documentation page

Browse Source
This commit is contained in:
SBD
2024-07-14 18:09:31 +03:00
parent 52478534fd
commit 288c41800f
4 changed files with 47 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
static/aerbimCSS.css
View File

@@ -1656,6 +1656,8 @@ body.n_scroll{
font-size: 14px;
color: #7A8185FF;
cursor: pointer;
display: block;
text-decoration: unset;
}
.way_bread_crumb.last{
@@ -1730,6 +1732,7 @@ body.n_scroll{
display: flex;
align-items: center;
justify-content: center;
text-decoration: unset;
}
.one_item_documentation_switcher_content_part:hover{
@@ -1744,7 +1747,7 @@ body.n_scroll{
.tree_documentation_container{
width: 100%;
height: calc(100vh - 245px);
height: calc(100vh - 300px);
overflow-y: auto;
}
.tree_documentation_container.hide_scroll::-webkit-scrollbar{
@@ -1822,12 +1825,16 @@ body.n_scroll{
font-weight: 700;
color: #000000;
margin-left: 3px;
display: block;
text-decoration: unset;
}
.tree_documentation_container_second_level_txt{
font-size: 16px;
font-weight: 400;
color: #000000;
margin-left: 3px;
display: block;
text-decoration: unset;
}
.tree_documentation_container_first_level_txt.chose{
color: #0C54A0FF;
@@ -1867,6 +1874,8 @@ body.n_scroll{
font-weight: 400;
margin: 5px 0;
cursor: pointer;
display: block;
text-decoration: unset;
}
.element_third_level_content_part_tree.chose{
@@ -1947,6 +1956,8 @@ body.n_scroll{
font-weight: 400;
color: #7A8185FF;
border-bottom: 1px solid #7A8185FF;
display: block;
text-decoration: unset;
}
.control_content_part_tree_el.right .txt_control_content_part_tree_el{
margin-right: 7px;
@@ -1991,6 +2002,12 @@ body.n_scroll{
align-items: center;
justify-content: right;
width: 100%;
float: right;
position: sticky;
top: 61px;
background: #FFFFFF;
padding: 22px 22px;
z-index: 10000;
}
.container_open_doc_curtain_txt{

1
static/aerbimCSSMOBILE.css
View File

@@ -61,6 +61,7 @@
}
.breadcrumbs_documentation_block{
margin-top: 90px;
margin-bottom: 2px;
}
.container_img_card_contacts{
height: 250px;

11
static/aerbimJS.js
View File

@@ -55,7 +55,7 @@ function setButtonOpenMobileDocCurtain () {
$picture.appendChild($img)
$($cont).insertBefore($content)
$($cont).insertAfter($(".breadcrumbs_documentation_block"))
}
function setInfInCurtainDocumentationMobile () {
@@ -595,17 +595,20 @@ $(window).scroll(function (){
maxScroll = $(".documentation_block")[0].getBoundingClientRect().bottom - $(".left_curtain_documentation")[0].offsetHeight - 172
}
let $new_curtain = $($curtain[1])
if (scroll < maxScroll || !maxScroll){
if (!$curtain[1] && waitingTop){
$new_curtain = $curtain.clone()
$new_curtain.insertAfter($curtain)
let $new_curtain_tree = $new_curtain.find(".tree_documentation_container")
$new_curtain_tree.css({height: 'calc(100vh - 245px);'})
}
if (scroll >= waitingTop && waitingTop){
$new_curtain.css({position:'fixed',top: 166,bottom:"unset"})
$($curtain[0]).css({opacity:0})
$($curtain[0]).css({opacity:0,display: 'none'})
} else if (scroll < waitingTop && waitingTop) {
$new_curtain.remove()
$($curtain[0]).css({opacity:1})
$($curtain[0]).css({opacity:1,'display':'block'})
} else if (!waitingTop){
waitingTop = $(".left_curtain_documentation")[0].getBoundingClientRect().top - 172
maxScroll = $(".documentation_block")[0].getBoundingClientRect().bottom - $(".left_curtain_documentation")[0].offsetHeight - 172
@@ -614,6 +617,8 @@ $(window).scroll(function (){
if (!$curtain[1]){
$new_curtain = $curtain.clone()
$new_curtain.insertAfter($curtain)
let $new_curtain_tree = $new_curtain.find(".tree_documentation_container")
$new_curtain_tree.css({height: 'calc(100vh - 245px);'})
}
$new_curtain.css({position:'absolute',bottom: 0,top: 'unset'})
$($curtain[0]).css({opacity:0})

49
templates/pages/p_documentation.html
View File

@@ -25,9 +25,9 @@
{# Документация для версии 1#}
{# </div>#}
{% for name,url in breadcrumbs.items %}
<div class="way_bread_crumb{% if forloop.last %} last{% endif %}" {% if not forloop.last %}data-url="{{ url }}"{% endif %} onclick="breadCrumbGo(this)">
<a class="way_bread_crumb{% if forloop.last %} last{% endif %}" {% if not forloop.last %}href="{{ url }}"{% endif %}>
{{ name }}
</div>
</a>
{% if not forloop.last %}
<picture class="breadcrumb_arrow_picture">
<source srcset="{% static "images/breadcrumb_arrow.svg" %}">
@@ -59,9 +59,9 @@
<div class="documentation_switcher_content_part hidden">
{% for item in allow_versions %}
<div class="one_item_documentation_switcher_content_part" data-url="{% url 'docs_version_page' item.url %}" data-title="{{ item.name }}" onclick="chooseVersionComplete(this)">
<a class="one_item_documentation_switcher_content_part" href="{% url 'docs_version_page' item.url %}" data-title="{{ item.name }}">
{{ item.name }}
</div>
</a>
{% endfor %}
</div>
@@ -77,9 +77,9 @@
<img class="tree_documentation_arrow_img" src="{% static "images/arrow_for_documentation_switcher.svg" %}" alt="">
</picture>
{% endif %}
<div class="tree_documentation_container_first_level_txt {% if not obj.children %}margin {% endif %}{% if cur_article.url == obj.url %}chose{% endif %}" onclick="choseItemTreeDocumentation(this)" data-url="{% url 'docs_art_page' cur_version.url obj.url %}">
<a class="tree_documentation_container_first_level_txt {% if not obj.children %}margin {% endif %}{% if cur_article.url == obj.url %}chose{% endif %}" href="{% url 'docs_art_page' cur_version.url obj.url %}">
{{ name }}
</div>
</a>
</div>
{% if obj.children %}
<div class="content_part_tree_documentation_container {% if not obj.active %}hidden{% endif %}">
@@ -93,29 +93,20 @@
<img class="tree_documentation_arrow_img" src="{% static "images/arrow_for_documentation_switcher.svg" %}" alt="">
</picture>
{% endif %}
<div class="tree_documentation_container_second_level_txt {% if not obj.children %}margin {% endif %}{% if cur_article.url == obj.url %}chose{% endif %}" data-url="{% url 'docs_art_page' cur_version.url obj.url %}" onclick="choseItemTreeDocumentation(this)">
<a class="tree_documentation_container_second_level_txt {% if not obj.children %}margin {% endif %}{% if cur_article.url == obj.url %}chose{% endif %}" href="{% url 'docs_art_page' cur_version.url obj.url %}">
{{ name }}
</div>
</a>
</div>
{% if obj.children %}
{% for name,obj in obj.children.items %}
<div class="content_part_tree_documentation_container min_padding hidden">
<div class="elements_third_level_content_part_tree">
<div class="element_third_level_content_part_tree {% if cur_article.url == obj.url %}chose{% endif %}" onclick="choseItemTreeDocumentation(this)" data-url="{% url 'docs_art_page' cur_version.url obj.url %}">
{{ name }}
</div>
<div class="element_third_level_content_part_tree {% if cur_article.url == obj.url %}chose{% endif %}" onclick="choseItemTreeDocumentation(this)" data-url="{% url 'docs_art_page' cur_version.url obj.url %}">
{{ name }}
</div>
<div class="element_third_level_content_part_tree {% if cur_article.url == obj.url %}chose{% endif %}" onclick="choseItemTreeDocumentation(this)" data-url="{% url 'docs_art_page' cur_version.url obj.url %}">
{{ name }}
</div>
<div class="element_third_level_content_part_tree {% if cur_article.url == obj.url %}chose{% endif %}" onclick="choseItemTreeDocumentation(this)" data-url="{% url 'docs_art_page' cur_version.url obj.url %}">
{{ name }}
</div>
</div>
<div class="content_part_tree_documentation_container min_padding hidden">
<div class="elements_third_level_content_part_tree">
{% for name,obj in obj.children.items %}
<a class="element_third_level_content_part_tree {% if cur_article.url == obj.url %}chose{% endif %}" href="{% url 'docs_art_page' cur_version.url obj.url %}">
{{ name }}
</a>
{% endfor %}
</div>
{% endfor %}
</div>
{% endif %}
</div>
@@ -142,16 +133,16 @@
<img class="arrow_control_content_part_tree_el_img" src="{% static "images/arrow_control_part_tree_el.svg" %}" alt="">
</picture>
<div class="txt_control_content_part_tree_el" data-url="{% url 'docs_art_page' cur_version.url prev_article.url %}" onclick="changeCurArticle(this)">
<a class="txt_control_content_part_tree_el" href="{% url 'docs_art_page' cur_version.url prev_article.url %}">
{% trans "Предыдущий" %}
</div>
</a>
{% endif %}
</div>
<div class="control_content_part_tree_el right">
{% if next_article %}
<div class="txt_control_content_part_tree_el" data-url="{% url 'docs_art_page' cur_version.url next_article.url %}" onclick="changeCurArticle(this)">
<a class="txt_control_content_part_tree_el" href="{% url 'docs_art_page' cur_version.url next_article.url %}">
{% trans "Следующий" %}
</div>
</a>
<picture class="arrow_control_content_part_tree_el_picture">
<source srcset="{% static "images/arrow_control_part_tree_el.svg" %}">
<img class="arrow_control_content_part_tree_el_img" src="{% static "images/arrow_control_part_tree_el.svg" %}" alt="">