Spaces:
Running
Running
вместо звездочек в таблице добавь кнопку которая откроет заметку на просмотр. При нажатии на которую должно происходить открытие карточки с полной информацией о заметке: саммари, полное содержание, теги, домен\темы\подтемы (в виде пути хлебными крошками) и метаданные, копируемый ко клику идентификатор.
8d83833 verified | <html lang="en" data-theme="dark"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script> | |
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/daisyui@5" /> | |
| <title>GraphEn One</title> | |
| </head> | |
| <body> | |
| <div class="grid grid-rows-[auto,1fr] grid-cols-[minmax(195px,225px)_minmax(0,1fr)] gap-0"> | |
| <!--Header start--> | |
| <div class="row-start-1 col-start-1 col-end-12"> | |
| <div class="navbar bg-base-100 shadow-sm"> | |
| <div class="navbar-start"> | |
| <ul class="menu menu-horizontal rounded-box"> | |
| <li> | |
| <a> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house-icon lucide-house"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"/><path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/></svg> | |
| </a> | |
| </li> | |
| <li> | |
| <a> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info-icon lucide-info"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg> | |
| </a> | |
| </li> | |
| <li> | |
| <a> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-text-icon lucide-book-text"><path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20"/><path d="M8 11h8"/><path d="M8 7h6"/></svg> | |
| </a> | |
| </li> | |
| </ul> | |
| </div> | |
| <div class="navbar-center"> | |
| <div class="relative inline-block"> | |
| <a class="text-xl">GraphEn One</a> | |
| <div class="badge badge-warning badge-xs rotate-330 absolute -bottom-1 -ml-4"> | |
| Alpha | |
| </div> | |
| </div> | |
| </div> | |
| <div class="navbar-end"> | |
| <label class="swap swap-rotate p-2"> | |
| <!-- this hidden checkbox controls the state --> | |
| <input type="checkbox" /> | |
| <!-- sun icon --> | |
| <svg class="swap-on h-5 w-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> | |
| <path d="M5.64,17l-.71.71a1,1,0,0,0,0,1.41,1,1,0,0,0,1.41,0l.71-.71A1,1,0,0,0,5.64,17ZM5,12a1,1,0,0,0-1-1H3a1,1,0,0,0,0,2H4A1,1,0,0,0,5,12Zm7-7a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V4A1,1,0,0,0,12,5ZM5.64,7.05a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.41l-.71-.71A1,1,0,0,0,4.93,6.34Zm12,.29a1,1,0,0,0,.7-.29l.71-.71a1,1,0,1,0-1.41-1.41L17,5.64a1,1,0,0,0,0,1.41A1,1,0,0,0,17.66,7.34ZM21,11H20a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Zm-9,8a1,1,0,0,0-1,1v1a1,1,0,0,0,2,0V20A1,1,0,0,0,12,19ZM18.36,17A1,1,0,0,0,17,18.36l.71.71a1,1,0,0,0,1.41,0,1,1,0,0,0,0-1.41ZM12,6.5A5.5,5.5,0,1,0,17.5,12,5.51,5.51,0,0,0,12,6.5Zm0,9A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z" /> | |
| </svg> | |
| <!-- moon icon --> | |
| <svg class="swap-off h-5 w-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> | |
| <path d="M21.64,13a1,1,0,0,0-1.05-.14,8.05,8.05,0,0,1-3.37.73A8.15,8.15,0,0,1,9.08,5.49a8.59,8.59,0,0,1,.25-2A1,1,0,0,0,8,2.36,10.14,10.14,0,1,0,22,14.05,1,1,0,0,0,21.64,13Zm-9.5,6.69A8.14,8.14,0,0,1,7.08,5.22v.27A10.15,10.15,0,0,0,17.22,15.63a9.79,9.79,0,0,0,2.1-.22A8.11,8.11,0,0,1,12.14,19.73Z" /> | |
| </svg> | |
| </label> | |
| <button class="btn btn-ghost btn-circle"> | |
| <div class="indicator"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" /> </svg> | |
| <span class="badge badge-xs badge-primary indicator-item"></span> | |
| </div> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <!--Header end--> | |
| <!--Sidebar start--> | |
| <div class="row-start-2 col-start-1 col-end-1 bg-base-200 h-[calc(100vh-3.5rem)] flex flex-col justify-between"> | |
| <ul class="menu min-w-full p-0 overflow-y-auto flex-grow"> | |
| <li> | |
| <details close> | |
| <summary> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hard-drive-download-icon lucide-hard-drive-download"><path d="M12 2v8"/><path d="m16 6-4 4-4-4"/><rect width="20" height="8" x="2" y="14" rx="2"/><path d="M6 18h.01"/><path d="M10 18h.01"/></svg> | |
| Инжестия | |
| </summary> | |
| <ul> | |
| <li><a> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hard-drive-download-icon"> | |
| <path d="M0.11,19.32c-0.21,0.36-0.1,0.82,0.26,1.04l4.96,3.06c0.36,0.22,0.83,0.11,1.05-0.25c0,0,0-0.01,0-0.01c3.15-5.26,3.77-4.5,13.17-0.03c0.38,0.18,0.83,0.02,1.02-0.36c0,0,0-0.01,0.01-0.02l2.36-5.35c0.17-0.38,0-0.83-0.38-1c-1.04-0.49-3.1-1.46-4.96-2.36C5.98,8.39,2.09,16.19,0.11,19.32zM23.89,4.69c0.21-0.36,0.1-0.82-0.26-1.04L18.68,0.6c-0.35-0.23-0.83-0.15-1.06,0.21c-0.01,0.01-0.02,0.03-0.03,0.05c-3.16,5.28-3.8,4.48-13.15,0.04C4.05,0.71,3.6,0.87,3.42,1.25c0,0,0,0.01-0.01,0.02L1.04,6.62c-0.17,0.38,0,0.83,0.38,1c1.04,0.49,3.11,1.46,4.97,2.36C18.01,15.61,21.9,7.85,23.89,4.69L23.89,4.69z"/> | |
| </svg> | |
| Confluence | |
| </a></li> | |
| <li><a> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heading1-icon lucide-heading-1"><path d="M4 12h8"/><path d="M4 18V6"/><path d="M12 18V6"/><path d="m17 12 3-2v8"/></svg> Wiki | |
| </a></li> | |
| </ul> | |
| </details> | |
| </li> | |
| <li> | |
| <details open> | |
| <summary> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-notebook-pen-icon lucide-notebook-pen"><path d="M13.4 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.4"/><path d="M2 6h4"/><path d="M2 10h4"/><path d="M2 14h4"/><path d="M2 18h4"/><path d="M21.378 5.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z"/></svg> | |
| Заметки | |
| </summary> | |
| <ul> | |
| <li><a class="menu-active"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye-icon lucide-eye"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"/><circle cx="12" cy="12" r="3"/></svg> | |
| Обзор | |
| </a></li> | |
| <li><a> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pickaxe-icon lucide-pickaxe"><path d="m14 13-8.381 8.38a1 1 0 0 1-3.001-3L11 9.999"/><path d="M15.973 4.027A13 13 0 0 0 5.902 2.373c-1.398.342-1.092 2.158.277 2.601a19.9 19.9 0 0 1 5.822 3.024"/><path d="M16.001 11.999a19.9 19.9 0 0 1 3.024 5.824c.444 1.369 2.26 1.676 2.603.278A13 13 0 0 0 20 8.069"/><path d="M18.352 3.352a1.205 1.205 0 0 0-1.704 0l-5.296 5.296a1.205 1.205 0 0 0 0 1.704l2.296 2.296a1.205 1.205 0 0 0 1.704 0l5.296-5.296a1.205 1.205 0 0 0 0-1.704z"/></svg> | |
| Необработанные | |
| </a></li> | |
| </ul> | |
| </details> | |
| </li> | |
| <li class="menu-disabled"><a> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock-icon lucide-lock"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg> | |
| Knowledge Graph | |
| </a></li> | |
| <li> | |
| <details close> | |
| <summary> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings-icon lucide-settings"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"/><circle cx="12" cy="12" r="3"/></svg> | |
| Настройки | |
| </summary> | |
| <ul> | |
| <li><a> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-monitor-cog-icon lucide-monitor-cog"><path d="M12 17v4"/><path d="m14.305 7.53.923-.382"/><path d="m15.228 4.852-.923-.383"/><path d="m16.852 3.228-.383-.924"/><path d="m16.852 8.772-.383.923"/><path d="m19.148 3.228.383-.924"/><path d="m19.53 9.696-.382-.924"/><path d="m20.772 4.852.924-.383"/><path d="m20.772 7.148.924.383"/><path d="M22 13v2a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7"/><path d="M8 21h8"/><circle cx="18" cy="6" r="3"/></svg> | |
| Система | |
| </a></li> | |
| <li><a> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user-pen-icon lucide-user-pen"><path d="M11.5 15H7a4 4 0 0 0-4 4v2"/><path d="M21.378 16.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z"/><circle cx="10" cy="7" r="4"/></svg> | |
| Профиль | |
| </a></li> | |
| </ul> | |
| </details> | |
| </li> | |
| </ul> | |
| <div class="p-3 text-center text-xs border-t border-base-300 bg-base-200 sticky bottom-0"> | |
| <div>GraphEn One © 2025</div> | |
| <div>v0.0.1 Alpha</div> | |
| <div class="mt-1">System info: OK</div> | |
| </div> | |
| </div> | |
| <!--Sidebar start--> | |
| <!--Content start--> | |
| <div class="row-start-2 col-start-2 col-end-3 min-w-0 h-[calc(100vh-3.5rem)] overflow-y-auto flex flex-col"> | |
| <div class="grid grid-cols-[minmax(150px,200px)_minmax(0,1fr)] p-1 gap-1"> | |
| <div class="col-start-1 col-end-1 bg-blend-darken"> | |
| <ul class="menu menu-xs bg-base-200 rounded-box min-w-full h-[calc(100vh-5rem)]"> | |
| <li class="menu-disabled"> | |
| <a> | |
| Карта заметок | |
| </a> | |
| </li> | |
| <li> | |
| <details open> | |
| <summary> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-square-library-icon lucide-square-library"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M7 7v10"/><path d="M11 7v10"/><path d="m15 7 2 10"/></svg> | |
| Домен | |
| </summary> | |
| <ul> | |
| <li> | |
| <a> | |
| <svg | |
| xmlns="http://www.w3.org/2000/svg" | |
| fill="none" | |
| viewBox="0 0 24 24" | |
| stroke-width="1.5" | |
| stroke="currentColor" | |
| class="h-4 w-4"> | |
| <path | |
| stroke-linecap="round" | |
| stroke-linejoin="round" | |
| d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z" /> | |
| </svg> | |
| Project-final.psd | |
| </a> | |
| </li> | |
| <li> | |
| <a> | |
| <svg | |
| xmlns="http://www.w3.org/2000/svg" | |
| fill="none" | |
| viewBox="0 0 24 24" | |
| stroke-width="1.5" | |
| stroke="currentColor" | |
| class="h-4 w-4"> | |
| <path | |
| stroke-linecap="round" | |
| stroke-linejoin="round" | |
| d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z" /> | |
| </svg> | |
| Project-final-2.psd | |
| </a> | |
| </li> | |
| <li> | |
| <details open> | |
| <summary> | |
| <svg | |
| xmlns="http://www.w3.org/2000/svg" | |
| fill="none" | |
| viewBox="0 0 24 24" | |
| stroke-width="1.5" | |
| stroke="currentColor" | |
| class="h-4 w-4"> | |
| <path | |
| stroke-linecap="round" | |
| stroke-linejoin="round" | |
| d="M2.25 12.75V12A2.25 2.25 0 014.5 9.75h15A2.25 2.25 0 0121.75 12v.75m-8.69-6.44l-2.12-2.12a1.5 1.5 0 00-1.061-.44H4.5A2.25 2.25 0 002.25 6v12a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18V9a2.25 2.25 0 00-2.25-2.25h-5.379a1.5 1.5 0 01-1.06-.44z" /> | |
| </svg> | |
| Images | |
| </summary> | |
| <ul> | |
| <li> | |
| <a> | |
| <svg | |
| xmlns="http://www.w3.org/2000/svg" | |
| fill="none" | |
| viewBox="0 0 24 24" | |
| stroke-width="1.5" | |
| stroke="currentColor" | |
| class="h-4 w-4"> | |
| <path | |
| stroke-linecap="round" | |
| stroke-linejoin="round" | |
| d="M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z" /> | |
| </svg> | |
| Screenshot1.png | |
| </a> | |
| </li> | |
| <li> | |
| <a> | |
| <svg | |
| xmlns="http://www.w3.org/2000/svg" | |
| fill="none" | |
| viewBox="0 0 24 24" | |
| stroke-width="1.5" | |
| stroke="currentColor" | |
| class="h-4 w-4"> | |
| <path | |
| stroke-linecap="round" | |
| stroke-linejoin="round" | |
| d="M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z" /> | |
| </svg> | |
| Screenshot2.png | |
| </a> | |
| </li> | |
| <li> | |
| <details open> | |
| <summary> | |
| <svg | |
| xmlns="http://www.w3.org/2000/svg" | |
| fill="none" | |
| viewBox="0 0 24 24" | |
| stroke-width="1.5" | |
| stroke="currentColor" | |
| class="h-4 w-4"> | |
| <path | |
| stroke-linecap="round" | |
| stroke-linejoin="round" | |
| d="M2.25 12.75V12A2.25 2.25 0 014.5 9.75h15A2.25 2.25 0 0121.75 12v.75m-8.69-6.44l-2.12-2.12a1.5 1.5 0 00-1.061-.44H4.5A2.25 2.25 0 002.25 6v12a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18V9a2.25 2.25 0 00-2.25-2.25h-5.379a1.5 1.5 0 01-1.06-.44z" /> | |
| </svg> | |
| Others | |
| </summary> | |
| <ul> | |
| <li> | |
| <a> | |
| <svg | |
| xmlns="http://www.w3.org/2000/svg" | |
| fill="none" | |
| viewBox="0 0 24 24" | |
| stroke-width="1.5" | |
| stroke="currentColor" | |
| class="h-4 w-4"> | |
| <path | |
| stroke-linecap="round" | |
| stroke-linejoin="round" | |
| d="M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z" /> | |
| </svg> | |
| Screenshot3.png | |
| </a> | |
| </li> | |
| </ul> | |
| </details> | |
| </li> | |
| </ul> | |
| </details> | |
| </li> | |
| </ul> | |
| </details> | |
| </li> | |
| </ul> | |
| </div> | |
| <div class="col-start-2 col-end-2 bg-blend-darken p-3"> | |
| <div class="grid grid-rows-[minmax(auto,auto)_minmax(0,1fr)] gap-1"> | |
| <div class="row-start-1 bg-base-100 rounded-box p-2 flex gap-2 items-center"> | |
| <div class="join"> | |
| <input class="join-item btn btn-sm" type="radio" name="filter" aria-label="All" checked /> | |
| <input class="join-item btn btn-sm" type="radio" name="filter" aria-label="Unread" /> | |
| <input class="join-item btn btn-sm" type="radio" name="filter" aria-label="Starred" /> | |
| </div> | |
| <div class="flex-1"> | |
| <input type="text" placeholder="Search notes..." class="input input-sm input-bordered w-full" /> | |
| </div> | |
| <div class="dropdown dropdown-end"> | |
| <div tabindex="0" role="button" class="btn btn-sm btn-ghost"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sliders-horizontal"><line x1="21" y1="4" x2="14" y2="4"/><line x1="10" y1="4" x2="3" y2="4"/><line x1="21" y1="12" x2="12" y2="12"/><line x1="8" y1="12" x2="3" y2="12"/><line x1="21" y1="20" x2="16" y2="20"/><line x1="12" y1="20" x2="3" y2="20"/><line x1="14" y1="2" x2="14" y2="6"/><line x1="8" y1="10" x2="8" y2="14"/><line x1="16" y1="18" x2="16" y2="22"/></svg> | |
| Filters | |
| </div> | |
| <ul tabindex="0" class="dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-52"> | |
| <li><a>By Date</a></li> | |
| <li><a>By Tag</a></li> | |
| <li><a>By Status</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="row-start-2 bg-base-100 rounded-box overflow-hidden"> | |
| <div class="overflow-x-auto"> | |
| <table class="table table-zebra table-sm"> | |
| <thead> | |
| <tr> | |
| <th class="w-1"><input type="checkbox" class="checkbox checkbox-xs" /></th> | |
| <th>Title</th> | |
| <th>Tags</th> | |
| <th>Modified</th> | |
| <th class="w-8"></th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <tr class="hover cursor-pointer"> | |
| <td><input type="checkbox" class="checkbox checkbox-xs" /></td> | |
| <td> | |
| <div class="font-medium">Project Kickoff Meeting Notes</div> | |
| <div class="text-xs opacity-50">Initial planning for new client project</div> | |
| </td> | |
| <td> | |
| <div class="flex gap-1 flex-wrap"> | |
| <span class="badge badge-primary badge-outline badge-sm">meeting</span> | |
| <span class="badge badge-secondary badge-outline badge-sm">project</span> | |
| </div> | |
| </td> | |
| <td>2 hours ago</td> | |
| <td class="text-right"> | |
| <button class="btn btn-ghost btn-xs"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> | |
| </button> | |
| </td> | |
| </tr> | |
| <tr class="hover cursor-pointer"> | |
| <td><input type="checkbox" class="checkbox checkbox-xs" /></td> | |
| <td> | |
| <div class="font-medium">UI Design References</div> | |
| <div class="text-xs opacity-50">Inspiration for dashboard redesign</div> | |
| </td> | |
| <td> | |
| <div class="flex gap-1 flex-wrap"> | |
| <span class="badge badge-accent badge-outline badge-sm">design</span> | |
| <span class="badge badge-info badge-outline badge-sm">ui</span> | |
| </div> | |
| </td> | |
| <td>Yesterday</td> | |
| <td class="text-right"> | |
| <button class="btn btn-ghost btn-xs"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> | |
| </button> | |
| </td> | |
| </tr> | |
| <tr class="hover cursor-pointer"> | |
| <td><input type="checkbox" class="checkbox checkbox-xs" /></td> | |
| <td> | |
| <div class="font-medium">Research Findings</div> | |
| <div class="text-xs opacity-50">User research from Q3 interviews</div> | |
| </td> | |
| <td> | |
| <div class="flex gap-1 flex-wrap"> | |
| <span class="badge badge-warning badge-outline badge-sm">research</span> | |
| <span class="badge badge-neutral badge-outline badge-sm">user</span> | |
| </div> | |
| </td> | |
| <td>3 days ago</td> | |
| <td class="text-right"> | |
| <button class="btn btn-ghost btn-xs text-warning"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> | |
| </button> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!--Content end--> | |
| </div> | |
| <script src="js/theme.js"></script> | |
| <!-- Note View Modal --> | |
| <dialog id="note_modal" class="modal"> | |
| <div class="modal-box w-11/12 max-w-5xl"> | |
| <h3 class="font-bold text-lg">Project Kickoff Meeting Notes</h3> | |
| <div class="text-sm breadcrumbs mb-4"> | |
| <ul> | |
| <li><a>Домен</a></li> | |
| <li><a>Project Management</a></li> | |
| <li><a>Meetings</a></li> | |
| </ul> | |
| </div> | |
| <div class="flex gap-2 mb-4"> | |
| <span class="badge badge-primary badge-outline">meeting</span> | |
| <span class="badge badge-secondary badge-outline">project</span> | |
| <span class="badge badge-accent badge-outline">kickoff</span> | |
| </div> | |
| <div class="prose max-w-none mb-6"> | |
| <h4>Summary</h4> | |
| <p>Initial planning for new client project covering timeline, deliverables and team roles.</p> | |
| <h4>Content</h4> | |
| <p><strong>Agenda:</strong></p> | |
| <ul> | |
| <li>Project overview and goals</li> | |
| <li>Timeline review</li> | |
| <li>Team assignments</li> | |
| <li>Risk assessment</li> | |
| </ul> | |
| <p><strong>Decisions:</strong></p> | |
| <ul> | |
| <li>Approved initial budget</li> | |
| <li>Finalized core team</li> | |
| <li>Scheduled weekly check-ins</li> | |
| </ul> | |
| </div> | |
| <div class="bg-base-200 p-4 rounded-box"> | |
| <div class="flex justify-between items-center"> | |
| <div> | |
| <p class="text-sm"><strong>Created:</strong> 2025-02-15 09:30</p> | |
| <p class="text-sm"><strong>Modified:</strong> 2 hours ago</p> | |
| <p class="text-sm"><strong>Author:</strong> Alex Johnson</p> | |
| </div> | |
| <div class="flex items-center gap-2"> | |
| <span class="text-sm">ID: NTE-2025-0215-0930</span> | |
| <button class="btn btn-xs" onclick="navigator.clipboard.writeText('NTE-2025-0215-0930')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="modal-action"> | |
| <form method="dialog"> | |
| <button class="btn">Close</button> | |
| </form> | |
| </div> | |
| </div> | |
| </dialog> | |
| </body> | |
| </html> |