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

1
static/aerbimCSSMOBILE.css
View File

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

11
static/aerbimJS.js
View File

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

49
templates/pages/p_documentation.html
View File

@@ -25,9 +25,9 @@
{# Документация для версии 1#} {# Документация для версии 1#}
{# </div>#} {# </div>#}
{% for name,url in breadcrumbs.items %} {% 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 }} {{ name }}
</div> </a>
{% if not forloop.last %} {% if not forloop.last %}
<picture class="breadcrumb_arrow_picture"> <picture class="breadcrumb_arrow_picture">
<source srcset="{% static "images/breadcrumb_arrow.svg" %}"> <source srcset="{% static "images/breadcrumb_arrow.svg" %}">
@@ -59,9 +59,9 @@
<div class="documentation_switcher_content_part hidden"> <div class="documentation_switcher_content_part hidden">
{% for item in allow_versions %} {% 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 }} {{ item.name }}
</div> </a>
{% endfor %} {% endfor %}
</div> </div>
@@ -77,9 +77,9 @@
<img class="tree_documentation_arrow_img" src="{% static "images/arrow_for_documentation_switcher.svg" %}" alt=""> <img class="tree_documentation_arrow_img" src="{% static "images/arrow_for_documentation_switcher.svg" %}" alt="">
</picture> </picture>
{% endif %} {% 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 }} {{ name }}
</div> </a>
</div> </div>
{% if obj.children %} {% if obj.children %}
<div class="content_part_tree_documentation_container {% if not obj.active %}hidden{% endif %}"> <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=""> <img class="tree_documentation_arrow_img" src="{% static "images/arrow_for_documentation_switcher.svg" %}" alt="">
</picture> </picture>
{% endif %} {% 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 }} {{ name }}
</div> </a>
</div> </div>
{% if obj.children %} {% if obj.children %}
{% for name,obj in obj.children.items %} <div class="content_part_tree_documentation_container min_padding hidden">
<div class="content_part_tree_documentation_container min_padding hidden"> <div class="elements_third_level_content_part_tree">
<div class="elements_third_level_content_part_tree"> {% for name,obj in obj.children.items %}
<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 %}"> <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 }} {{ name }}
</div> </a>
<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 %}"> {% endfor %}
{{ 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> </div>
{% endfor %} </div>
{% endif %} {% endif %}
</div> </div>
@@ -142,16 +133,16 @@
<img class="arrow_control_content_part_tree_el_img" src="{% static "images/arrow_control_part_tree_el.svg" %}" alt=""> <img class="arrow_control_content_part_tree_el_img" src="{% static "images/arrow_control_part_tree_el.svg" %}" alt="">
</picture> </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 "Предыдущий" %} {% trans "Предыдущий" %}
</div> </a>
{% endif %} {% endif %}
</div> </div>
<div class="control_content_part_tree_el right"> <div class="control_content_part_tree_el right">
{% if next_article %} {% 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 "Следующий" %} {% trans "Следующий" %}
</div> </a>
<picture class="arrow_control_content_part_tree_el_picture"> <picture class="arrow_control_content_part_tree_el_picture">
<source srcset="{% static "images/arrow_control_part_tree_el.svg" %}"> <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=""> <img class="arrow_control_content_part_tree_el_img" src="{% static "images/arrow_control_part_tree_el.svg" %}" alt="">