mirror of https://github.com/logos-co/open-law.git
fix tab_content
This commit is contained in:
Kostiantyn Stoliarskyi
parent
4508c1e48e
commit
869425bf9d
File diff suppressed because one or more lines are too long
|
|
@ -26,8 +26,6 @@
|
|||
<a href="{{ url_for('book.settings', book_id=book.id) }}" type="button" class="ml-2"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 010 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 010-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.087.22-.128.332-.183.582-.495.644-.869l.214-1.281z" /> <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /> </svg> </a>
|
||||
</div>
|
||||
<div class="flex">
|
||||
{% include 'book/components/tab_content_slider.html' %}
|
||||
|
||||
<!-- prettier-ignore -->
|
||||
<div class="hidden md:block w-2/6 border-gray-200 dark:border-gray-700 h-box">
|
||||
<div id="accordion-collapse" data-accordion="open" class="p-3 w-2/6 border-r fixed inset-0 mt-135 overflow-y-scroll">
|
||||
|
|
@ -126,6 +124,9 @@
|
|||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="md:hidden">
|
||||
{% include 'book/components/tab_content_slider.html' %}
|
||||
</div>
|
||||
<!-- Here start book-preview on right side-->
|
||||
<div class="w-full p-3 px-6 md:w-4/6 dark:text-white">
|
||||
<p class="text-xs mb-3">
|
||||
|
|
@ -204,14 +205,12 @@
|
|||
<div class="gap-1 flex flex-wrap mb-5">
|
||||
{% for tag in book.tags %}
|
||||
<a
|
||||
href="{{url_for('search.tag_search_interpretations',tag_name=tag.name)}}"
|
||||
>
|
||||
href="{{url_for('search.tag_search_interpretations',tag_name=tag.name)}}">
|
||||
<div
|
||||
class="text-xs cursor-pointer multiple-input-word bg-sky-300 hover:bg-sky-400 dark:bg-blue-600 dark:hover:bg-blue-700 dark:text-white rounded text-center py-1/2 px-2"
|
||||
>
|
||||
class="text-xs cursor-pointer multiple-input-word bg-sky-300 hover:bg-sky-400 dark:bg-blue-600 dark:hover:bg-blue-700 dark:text-white rounded text-center py-1/2 px-2">
|
||||
{{tag.name}}
|
||||
</div>
|
||||
</a >
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
|
|
@ -224,7 +223,9 @@
|
|||
{% else %}
|
||||
{% set children_collections = book.active_version.children_collections %}
|
||||
{% endif %} {% for collection in children_collections if not collection.is_root and not collection.is_deleted %}
|
||||
<p class="my-3 break-words border-b-2 pb-1 font-bold text-2xl text-justify" id="collection-{{collection.label}}">
|
||||
<p
|
||||
class="my-3 break-words border-b-2 pb-1 font-bold text-2xl text-justify"
|
||||
id="collection-{{collection.label}}">
|
||||
# {{collection.label}}
|
||||
</p>
|
||||
{% if not collection.active_sections and not collection.active_children %}
|
||||
|
|
|
|||
|
|
@ -3,12 +3,12 @@
|
|||
<!-- prettier-ignore -->
|
||||
{% for sub_collection in collection.active_children if not sub_collection.is_deleted%}
|
||||
|
||||
<p class="my-3 font-bold text-justify" id="collection-{{sub_collection.label}}">
|
||||
<p class="my-3 font-bold text-justify" id="collection-{{sub_collection.label}}">
|
||||
{{ "#" * loop_index }} {{sub_collection.label}}
|
||||
</p>
|
||||
<!-- prettier-ignore -->
|
||||
{% if not sub_collection.active_sections and not sub_collection.active_children%}
|
||||
<p class="ml-3 my-3 italic text-sm">This sub collection is empty</p>
|
||||
<p class="ml-3 my-3 italic text-sm">This sub collection is empty</p>
|
||||
{% endif %}
|
||||
<!-- prettier-ignore -->
|
||||
{% if sub_collection.active_children %}
|
||||
|
|
@ -26,7 +26,7 @@
|
|||
</p>
|
||||
</a>
|
||||
{% if not section.active_interpretations %}
|
||||
<p class="ml-3 my-3 italic text-sm">This section is empty</p>
|
||||
<p class="ml-3 my-3 italic text-sm">This section is empty</p>
|
||||
{% else %}
|
||||
<div class="ql-snow">
|
||||
<div class="dark:text-white h-30 ql-editor-readonly !px-0">
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<!-- prettier-ignore -->
|
||||
<div id="tab-content-slide" aria-label="Slider" class="w-full border-gray-200 dark:border-gray-700 h-screen md:hidden fixed top-16 left-0 z-40 transition-transform -translate-x-full bg-white border-r md:translate-x-0 dark:bg-gray-800 bg-opacity-0">
|
||||
<div id="accordion-collapse" data-accordion="open" class="p-3 w-full border-r fixed inset-0 mt-16 overflow-y-scroll">
|
||||
<div id="accordion-collapse-mobile" data-accordion="open" class="p-3 w-full border-r fixed inset-0 mt-16 overflow-y-scroll">
|
||||
<!-- prettier-ignore -->
|
||||
<div class="md:hidden w-full flex dark:text-white justify-between">
|
||||
<!-- prettier-ignore -->
|
||||
|
|
@ -38,11 +38,11 @@
|
|||
data-entity-id="{{collection.id}}"
|
||||
class="flex items-center justify-start font-medium text-left text-gray-500 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800 dark:text-gray-400"
|
||||
>
|
||||
<button class="bg-inherit" type="button" data-accordion-target="#accordion-collapse-body-{{collection.id}}" aria-expanded="true" aria-controls="accordion-collapse-body-{{collection.id}}">
|
||||
<button class="bg-inherit" type="button" data-accordion-target="#accordion-collapse-mobile-body-{{collection.id}}" aria-expanded="true" aria-controls="accordion-collapse-mobile-body-{{collection.id}}">
|
||||
<!-- prettier-ignore -->
|
||||
<svg data-accordion-icon class="w-6 h-6 rotate-180 shrink-0" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path> </svg>
|
||||
</button>
|
||||
<button href="#collection-{{collection.label}}" id="accordion-collapse-heading-{{collection.id}}" class="w-full text-black dark:text-white ">
|
||||
<button href="#collection-{{collection.label}}" id="accordion-collapse-mobile-heading-{{collection.id}}" class="w-full text-black dark:text-white ">
|
||||
<form id="rename-collection-label-form-{{collection.id}}" data-book-id='{{book.id}}' data-collection-id="{{collection.id}}" method="post" class="mb-0">
|
||||
{{ form_hidden_tag() }}
|
||||
<input class="w-full truncate bg-inherit border-none" value="{{collection.label}}" type="text" name="label" id="edit-collection-label-{{collection.id}}" placeholder="Collection label" required readonly/>
|
||||
|
|
@ -59,11 +59,11 @@
|
|||
</div>
|
||||
<!-- prettier-ignore -->
|
||||
{% if collection.active_children %}
|
||||
<div id="accordion-collapse-body-{{collection.id}}" class="hidden" aria-labelledby="accordion-collapse-heading-{{collection.id}}" >
|
||||
<div id="accordion-collapse-mobile-body-{{collection.id}}" class="hidden" aria-labelledby="accordion-collapse-mobile-heading-{{collection.id}}" >
|
||||
{{recursive_render("book/components/sub_collection_tab_content.html",collection,book,version)|safe}}
|
||||
</div>
|
||||
{% elif collection.active_sections %}
|
||||
<div id="accordion-collapse-body-{{collection.id}}" class="hidden" aria-labelledby="accordion-collapse-heading-{{collection.id}}" >
|
||||
<div id="accordion-collapse-mobile-body-{{collection.id}}" class="hidden" aria-labelledby="accordion-collapse-mobile-heading-{{collection.id}}" >
|
||||
<div {% if not version and has_permission(collection, Access.U) %}id="draggableSectionItems"{% endif %} data-entity-id="{{collection.id}}" data-entity-type="collection" data-book-id="{{book.id}}" class="{% if not has_permission(collection, Access.U) %}filter{% endif %}">
|
||||
{% for section in collection.active_sections %}
|
||||
{% include 'book/components/section_tab_content.html' %}
|
||||
|
|
@ -72,13 +72,13 @@
|
|||
</div>
|
||||
{% else %}
|
||||
<div
|
||||
id="accordion-collapse-body-{{collection.id}}"
|
||||
id="accordion-collapse-mobile-body-{{collection.id}}"
|
||||
class="pl-6 pb-6 {% if not version and not has_permission(collection, Access.U) %}filter{% endif %}"
|
||||
data-dnd="dnd-sub-collection"
|
||||
data-book-id="{{book.id}}"
|
||||
data-entity-type="collection"
|
||||
data-entity-id="{{collection.id}}"
|
||||
aria-labelledby="accordion-collapse-heading-{{collection.id}}" >
|
||||
aria-labelledby="accordion-collapse-mobile-heading-{{collection.id}}" >
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
|
|
|||
Loading…
Reference in New Issue