174 lines
16 KiB
Django/Jinja
174 lines
16 KiB
Django/Jinja
{% if usr_roles is containing('new') %}
|
|
{% set logo= assets_url~"/images/tii_cl_logo_new.svg" %}
|
|
{% elif usr_roles is containing('dev') %}
|
|
{% set logo= assets_url~"/images/tii_cl_logo_dev.svg" %}
|
|
{% else %}
|
|
{% set logo= assets_url~"/images/tii_cl_logo.svg" %}
|
|
{% endif %}
|
|
<nav class="border-gray-200 bg-gray-50 dark:bg-gray-900 text-indigo-800 dark:text-indigo-200">
|
|
<div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
|
|
<a href="/" class="flex items-center">
|
|
<img src="{{logo}}" style="height: 7.5rem" class="mr-3" alt="TII Cryptographiuc Library" />
|
|
<span class="self-center text-3xl font-semibold whitespace-nowrap dark:text-white">TII CL</span>
|
|
</a>
|
|
{% if not color_theme %}
|
|
{% set color_theme = "dark" %}
|
|
{% endif %}
|
|
<div class="flex items-center md:order-2">
|
|
<button id="theme-toggle" type="button" class="text-gray-500 dark:text-gray-600 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5">
|
|
<svg id="theme-toggle-dark-icon" class="{%if color_theme == 'dark' %} hidden {% endif %} w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path></svg>
|
|
<svg id="theme-toggle-light-icon" class="{%if color_theme == 'light' %} hidden {% endif %} w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"></path></svg>
|
|
</button>
|
|
{% if edit_reset %}
|
|
<span class="px-2"></span>
|
|
{% elif usr_roles == "" %}
|
|
<span class="px-2">|</span>
|
|
<a href="/login" class="block py-2 pr-4 pl-3 text-gray-700 border-b border-gray-100 hover:bg-gray-50 md:hover:bg-transparent md:border-0 md:hover:text-indigo-700 md:p-0 dark:text-gray-400 md:dark:hover:text-indigo-500 dark:hover:bg-gray-700 dark:hover:text-indigo-500 md:dark:hover:bg-transparent dark:border-gray-700" aria-current="page">
|
|
Login
|
|
</a>
|
|
{% if signup_mode == "open" %}
|
|
<span class="px-2">|</span>
|
|
<a href="/signup" class="block py-2 pr-4 pl-3 text-gray-700 border-b border-gray-100 hover:bg-gray-50 md:hover:bg-transparent md:border-0 md:hover:text-indigo-700 md:p-0 dark:text-gray-400 md:dark:hover:text-indigo-500 dark:hover:bg-gray-700 dark:hover:text-indigo-500 md:dark:hover:bg-transparent dark:border-gray-700" aria-current="page">
|
|
Signup
|
|
</a>
|
|
{% endif %}
|
|
{% else %}
|
|
<div type="button" class="flex mr-3 text-sm bg-gray-800 rounded-full md:mr-0 focus:ring-4 focus:ring-gray-300 dark:focus:ring-gray-600" id="user-menu-button" aria-expanded="false" data-dropdown-toggle="user-dropdown" data-dropdown-placement="bottom">
|
|
<span class="sr-only">Open user menu</span>
|
|
{% set first = usr_name | truncate(length=1, end="") | upper %}
|
|
<div class="relative inline-flex items-center justify-center border-1 border-gray-500 overflow-hidden text-sm font-medium text-gray-900 rounded-full group bg-gradient-to-br from-purple-600 to-blue-500 group-hover:from-purple-600 group-hover:to-blue-500 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-blue-300 dark:focus:ring-blue-800">
|
|
<span class="relative px-3.5 py-1 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0">
|
|
<div class="text-2xl">{{ first }}</div>
|
|
</span>
|
|
</div>
|
|
{# <img class="w-10 h-10 p-1 rounded-full ring-2 ring-gray-300 dark:ring-gray-500" src="{{assets_url}}/images/profile-avatar.jpg" alt="avatar"> #}
|
|
</div>
|
|
<!-- Dropdown menu -->
|
|
<div class="z-50 hidden my-4 text-base list-none bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 dark:divide-gray-600" id="user-dropdown">
|
|
<div class="px-4 py-3">
|
|
<span class="block text-sm text-gray-900 dark:text-white">{{usr_name | default(value="")}}</span>
|
|
<span class="block text-sm font-thin text-gray-400 truncate dark:text-gray-600">{{usr_email | default(value="")}}</span>
|
|
</div>
|
|
<ul class="py-2" aria-labelledby="user-menu-button">
|
|
<li>
|
|
<a href="/settings" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white">Settings</a>
|
|
</li>
|
|
<li>
|
|
<a href="/logout" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white">Logout</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<button data-collapse-toggle="mobile-menu-2" type="button" class="inline-flex items-center p-2 ml-1 text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="mobile-menu-2" aria-expanded="false">
|
|
<span class="sr-only">Open main menu</span>
|
|
<svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path></svg>
|
|
</button>
|
|
{% endif %}
|
|
</div>
|
|
<div class="items-center justify-between hidden w-full md:flex md:w-auto md:order-1" id="mobile-menu-2">
|
|
<ul class="flex flex-col md:items-center font-medium p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 space-y-2 md:flex-row md:space-x-8 md:space-y-0 md:mt-0 md:border-0 md:bg-white dark:bg-gray-800 md:dark:bg-gray-900 dark:border-gray-700">
|
|
{% if web_menu_items %}
|
|
{% for item in web_menu_items %}
|
|
{% set item_idx = loop.index0 %}
|
|
{% if item.roles | length > 0 %}
|
|
{% for rol in item.roles %}
|
|
{% if usr_roles is containing(rol) %}
|
|
{% if item.url != req_path %}
|
|
<li>
|
|
{% set nitems = item.items | length %}
|
|
{% if nitems > 0 %}
|
|
<button id="dropdown-button-{{item_idx}}" data-dropdown-toggle="dropdown-{{item_idx}}" data-dropdown-placement="bottom" class="text-white bg-indigo-700 hover:bg-indigo-800 focus:ring-4 focus:outline-none focus:ring-indigo-300 font-medium rounded-lg text-sm px-4 py-2.5 text-center inline-flex items-center dark:bg-indigo-600 dark:hover:bg-indigo-700 dark:focus:ring-indigo-800" type="button">
|
|
{{item.text}} <svg class="w-4 h-4 ml-2" aria-hidden="true" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button>
|
|
<div id="dropdown-{{item_idx}}" class="z-10 hidden bg-white rounded-lg shadow w-60 dark:bg-gray-700">
|
|
<ul class="py-2 overflow-y-auto text-gray-700 dark:text-gray-200" aria-labelledby="dropdow-button-{{item_idx}}">
|
|
{% for it in item.items %}
|
|
{% if nitems > 0 %}
|
|
{% for item_rol in it.roles %}
|
|
{% if usr_roles is containing(item_rol) %}
|
|
<li>
|
|
<a href="{{it.url}}" class="flex items-center space-x-1 px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">
|
|
{% if it.typ == "img" %}
|
|
<img class="w-6 h-6 mr-2 rounded-full" src="{{it.srctyp}}" alt="image">
|
|
{% elif it.typ == "icon" %}
|
|
{% if it.srctyp == "mdbook" %}
|
|
<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="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25" />
|
|
</svg>
|
|
{% elif it.srctyp == "source" %}
|
|
<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="M17.25 6.75L22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3l-4.5 16.5" />
|
|
</svg>
|
|
{% elif it.srctyp == "git" %}
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="25pt" height="25pt" viewBox="0 0 92 92"><defs><clipPath id="a"><path d="M0 .113h91.887V92H0Zm0 0"/></clipPath></defs><g clip-path="url(#a)"><path style="stroke:none;fill-rule:nonzero;fill:#adada;fill-opacity:1" d="M90.156 41.965 50.036 1.848a5.913 5.913 0 0 0-8.368 0l-8.332 8.332 10.566 10.566a7.03 7.03 0 0 1 7.23 1.684 7.043 7.043 0 0 1 1.673 7.277l10.183 10.184a7.026 7.026 0 0 1 7.278 1.672 7.04 7.04 0 0 1 0 9.957 7.045 7.045 0 0 1-9.961 0 7.038 7.038 0 0 1-1.532-7.66l-9.5-9.497V59.36a7.04 7.04 0 0 1 1.86 11.29 7.04 7.04 0 0 1-9.957 0 7.04 7.04 0 0 1 0-9.958 7.034 7.034 0 0 1 2.308-1.539V33.926a7.001 7.001 0 0 1-2.308-1.535 7.049 7.049 0 0 1-1.516-7.7L29.242 14.273 1.734 41.777a5.918 5.918 0 0 0 0 8.371L41.855 90.27a5.92 5.92 0 0 0 8.368 0l39.933-39.934a5.925 5.925 0 0 0 0-8.371"/></g></svg>
|
|
{% else %}
|
|
<img class="w-6 h-6 mr-2 rounded-full" src="{{it.srctyp}}" alt="image">
|
|
{% endif %}
|
|
{% endif %}
|
|
<span>{{it.text}}</span>
|
|
</a>
|
|
</li>
|
|
{% break %}
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% endfor %}
|
|
{# <a href="#" class="flex items-center p-3 text-sm font-medium text-indigo-600 border-t border-gray-200 rounded-b-lg bg-gray-50 dark:border-gray-600 hover:bg-gray-100 dark:bg-gray-700 dark:hover:bg-gray-600 dark:text-indigo-500 hover:underline">
|
|
<svg class="w-5 h-5 mr-1" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M8 9a3 3 0 100-6 3 3 0 000 6zM8 11a6 6 0 016 6H2a6 6 0 016-6zM16 7a1 1 0 10-2 0v1h-1a1 1 0 100 2h1v1a1 1 0 102 0v-1h1a1 1 0 100-2h-1V7z"></path></svg>
|
|
Add
|
|
</a> #}
|
|
</ul>
|
|
</div>
|
|
{% else %}
|
|
<a href="{{item.url}}" class="block flex py-2 pr-4 pl-3 text-gray-700 border-b border-gray-100 hover:bg-gray-50 md:hover:bg-transparent md:border-0 md:hover:text-indigo-700 md:p-0 dark:text-gray-400 md:dark:hover:text-indigo-500 dark:hover:bg-gray-700 dark:hover:text-indigo-500 md:dark:hover:bg-transparent dark:border-gray-700" aria-current="page">
|
|
{% if item.text is containing("home") %}
|
|
<svg class="w-8 h-8 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path>
|
|
</svg>
|
|
<span class="ml-1">{{item.text | replace(from="~home", to="")}}</span>
|
|
{% else %}
|
|
<span class="ml-1">{{item.text}}</span>
|
|
{% endif %}
|
|
</a>
|
|
{% endif %}
|
|
</li>
|
|
{% endif %}
|
|
{% break %}
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% else %}
|
|
{% if item.url != req_path %}
|
|
<li>
|
|
<a href="{{item.url}}" class="block flex py-2 pr-4 pl-3 text-gray-700 border-b border-gray-100 hover:bg-gray-50 md:hover:bg-transparent md:border-0 md:hover:text-indigo-700 md:p-0 dark:text-gray-400 md:dark:hover:text-indigo-500 dark:hover:bg-gray-700 dark:hover:text-indigo-500 md:dark:hover:bg-transparent dark:border-gray-700" aria-current="page">
|
|
{% if item.text is containing("home") %}
|
|
<svg class="w-8 h-8 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path>
|
|
</svg>
|
|
<span class="ml-1">{{item.text | replace(from="~home", to="")}}</span>
|
|
{% else %}
|
|
<span class="ml-1">{{item.text}}</span>
|
|
{% endif %}
|
|
</a>
|
|
</li>
|
|
{% endif %}
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% endif %}
|
|
{# <li>
|
|
<a href="#" class="block py-2 pl-3 pr-4 text-white bg-indigo-700 rounded md:bg-transparent md:text-indigo-700 md:p-0 md:dark:text-indigo-500" aria-current="page">Home</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="block py-2 pl-3 pr-4 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-indigo-700 md:p-0 dark:text-white md:dark:hover:text-indigo-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700">About</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="block py-2 pl-3 pr-4 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-indigo-700 md:p-0 dark:text-white md:dark:hover:text-indigo-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700">Services</a>
|
|
</li>
|
|
<li>
|
|
<a href="/login" class="block py-2 pl-3 pr-4 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-indigo-700 md:p-0 dark:text-white md:dark:hover:text-indigo-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700">Login</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="block py-2 pl-3 pr-4 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-indigo-700 md:p-0 dark:text-white md:dark:hover:text-indigo-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700">Contact</a>
|
|
</li> #}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|