wowlikon/LibraryAPI
1
0
Fork 0
mirror of https://github.com/wowlikon/LiB.git synced 2026-03-21 23:53:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Compare commits

base: wowlikon:e3306a94b45cf567bf0944b4955e6d1822b8cc9f
Branches Tags
wowlikon:main wowlikon:develop
..
compare: wowlikon:0eab2cb506d9d4c412466a475ad99c1d4c9cdfca
Branches Tags
wowlikon:main wowlikon:develop

2 Commits
e3306a94b4 .. 0eab2cb506

Author SHA1 Message Date
wowlikon
0eab2cb506 Изменение ИИ курсора 2026-02-25 15:50:05 +03:00
wowlikon
d1bd4b0561 Добавление тултипа очистки ИИ-чата 2026-02-25 15:08:29 +03:00
2 changed files with 68 additions and 32 deletions
Expand all files Collapse all files
library_service/templates/create_book.html
+34 -16
View File
@@ -1,7 +1,7 @@
{% extends "base.html" %}{% block content %} {% extends "base.html" %}{% block content %}
<style> <style>
.typing-cursor::after { .typing-cursor::after {
content: '▋'; content: '⣿';
display: inline-block; display: inline-block;
vertical-align: bottom; vertical-align: bottom;
animation: blink 1s step-end infinite; animation: blink 1s step-end infinite;
@@ -47,20 +47,38 @@
</div> </div>
<form id="create-book-form" class="space-y-6"> <form id="create-book-form" class="space-y-6">
<div id="ai-widget" class="hidden border border-gray-200 rounded-lg overflow-hidden bg-white shadow-sm transition-shadow hover:shadow-md"> <div id="ai-widget" class="hidden border border-gray-200 rounded-lg bg-white shadow-sm transition-shadow hover:shadow-md">
<div class="bg-gray-50 border-b border-gray-200 px-4 py-2.5 flex justify-between items-center select-none"> <div class="bg-gray-50 border-b border-gray-200 px-4 py-2.5 flex justify-between items-center select-none rounded-t-lg">
<div class="flex items-center gap-2.5"> <div class="flex items-center gap-2.5">
<div id="ai-logo" class="cursor-pointer p-1 bg-white border border-gray-200 rounded shadow-sm"> <div class="relative group">
<svg class="w-5 h-5 text-gray-800" fill="currentColor" viewBox="0 0 24 24"> <div id="ai-logo" class="cursor-pointer p-1 bg-white border border-gray-200 rounded shadow-sm">
<rect x="2" y="19" width="20" height="3" rx="0.8" fill="currentColor" opacity="0.9"/> <svg class="w-5 h-5 text-gray-800" fill="currentColor" viewBox="0 0 24 24">
<path d="M12 17V7c0 0-2.5-2-6-2-1.8 0-3 .4-3.5.6V17c.8-.3 2-.5 3.5-.5 3.2 0 6 1.5 6 1.5z" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/> <rect x="2" y="19" width="20" height="3" rx="0.8" fill="currentColor" opacity="0.9"/>
<path d="M12 17V7c0 0 2.5-2 6-2 1.8 0 3 .4 3.5.6V17c-.8-.3-2-.5-3.5-.5-3.2 0-6 1.5-6 1.5z" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/> <path d="M12 17V7c0 0-2.5-2-6-2-1.8 0-3 .4-3.5.6V17c.8-.3 2-.5 3.5-.5 3.2 0 6 1.5 6 1.5z"
<circle cx="12" cy="2.8" r="2" fill="currentColor"/> fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/>
<circle cx="7.5" cy="3.8" r="1" fill="currentColor"/> <path d="M12 17V7c0 0 2.5-2 6-2 1.8 0 3 .4 3.5.6V17c-.8-.3-2-.5-3.5-.5-3.2 0-6 1.5-6 1.5z"
<circle cx="16.5" cy="3.8" r="1" fill="currentColor"/> fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/>
<line x1="10.2" y1="3" x2="8.4" y2="3.6" stroke="currentColor" stroke-width="1"/> <circle cx="12" cy="2.8" r="2" fill="currentColor"/>
<line x1="13.8" y1="3" x2="15.6" y2="3.6" stroke="currentColor" stroke-width="1"/> <circle cx="7.5" cy="3.8" r="1" fill="currentColor"/>
</svg> <circle cx="16.5" cy="3.8" r="1" fill="currentColor"/>
<line x1="10.2" y1="3" x2="8.4" y2="3.6" stroke="currentColor" stroke-width="1"/>
<line x1="13.8" y1="3" x2="15.6" y2="3.6" stroke="currentColor" stroke-width="1"/>
</svg>
</div>
<div class="absolute bottom-full left-1/2 -translate-x-1/2 mb-2
px-3 py-1.5 rounded-md
bg-gray-900 text-white text-[11px] font-medium
whitespace-nowrap
opacity-0 invisible
group-hover:opacity-100 group-hover:visible
transition-all duration-200 ease-out
pointer-events-none
select-none">
Сбросить чат
<div class="absolute top-full left-1/2 -translate-x-1/2
border-4 border-transparent border-t-gray-900"></div>
</div>
</div> </div>
<span class="text-xs font-bold text-gray-700 tracking-[0.15em] uppercase">ИИ-помощник</span> <span class="text-xs font-bold text-gray-700 tracking-[0.15em] uppercase">ИИ-помощник</span>
</div> </div>
@@ -77,7 +95,7 @@
<div id="ai-log-entries"></div> <div id="ai-log-entries"></div>
</div> </div>
<div class="flex relative bg-white"> <div class="flex relative bg-white rounded-b-lg">
<input <input
type="text" type="text"
id="ai-input" id="ai-input"
@@ -85,7 +103,7 @@
placeholder="Напишите задачу (например: 'Придумай драматичное описание')..." placeholder="Напишите задачу (например: 'Придумай драматичное описание')..."
autocomplete="off" autocomplete="off"
/> />
<div class="flex border-l border-gray-100 items-center"> <div class="flex border-l border-gray-100 items-center rounded-br-lg overflow-hidden">
<button type="button" id="ai-btn-stop" <button type="button" id="ai-btn-stop"
class="hidden px-5 py-2 h-full bg-white text-red-600 text-xs font-bold tracking-widest hover:bg-red-50 transition-colors flex items-center gap-2"> class="hidden px-5 py-2 h-full bg-white text-red-600 text-xs font-bold tracking-widest hover:bg-red-50 transition-colors flex items-center gap-2">
<span>СТОП</span> <span>СТОП</span>
library_service/templates/edit_book.html
+34 -16
View File
@@ -1,7 +1,7 @@
{% extends "base.html" %}{% block content %} {% extends "base.html" %}{% block content %}
<style> <style>
.typing-cursor::after { .typing-cursor::after {
content: '▋'; content: '⣿';
display: inline-block; display: inline-block;
vertical-align: bottom; vertical-align: bottom;
animation: blink 1s step-end infinite; animation: blink 1s step-end infinite;
@@ -40,20 +40,38 @@
<form id="edit-book-form" class="hidden space-y-6"> <form id="edit-book-form" class="hidden space-y-6">
<div id="ai-widget" class="hidden border border-gray-200 rounded-lg overflow-hidden bg-white shadow-sm transition-shadow hover:shadow-md"> <div id="ai-widget" class="hidden border border-gray-200 rounded-lg bg-white shadow-sm transition-shadow hover:shadow-md">
<div class="bg-gray-50 border-b border-gray-200 px-4 py-2.5 flex justify-between items-center select-none"> <div class="bg-gray-50 border-b border-gray-200 px-4 py-2.5 flex justify-between items-center select-none rounded-t-lg">
<div class="flex items-center gap-2.5"> <div class="flex items-center gap-2.5">
<div id="ai-logo" class="cursor-pointer p-1 bg-white border border-gray-200 rounded shadow-sm"> <div class="relative group">
<svg class="w-5 h-5 text-gray-800" fill="currentColor" viewBox="0 0 24 24"> <div id="ai-logo" class="cursor-pointer p-1 bg-white border border-gray-200 rounded shadow-sm">
<rect x="2" y="19" width="20" height="3" rx="0.8" fill="currentColor" opacity="0.9"/> <svg class="w-5 h-5 text-gray-800" fill="currentColor" viewBox="0 0 24 24">
<path d="M12 17V7c0 0-2.5-2-6-2-1.8 0-3 .4-3.5.6V17c.8-.3 2-.5 3.5-.5 3.2 0 6 1.5 6 1.5z" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/> <rect x="2" y="19" width="20" height="3" rx="0.8" fill="currentColor" opacity="0.9"/>
<path d="M12 17V7c0 0 2.5-2 6-2 1.8 0 3 .4 3.5.6V17c-.8-.3-2-.5-3.5-.5-3.2 0-6 1.5-6 1.5z" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/> <path d="M12 17V7c0 0-2.5-2-6-2-1.8 0-3 .4-3.5.6V17c.8-.3 2-.5 3.5-.5 3.2 0 6 1.5 6 1.5z"
<circle cx="12" cy="2.8" r="2" fill="currentColor"/> fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/>
<circle cx="7.5" cy="3.8" r="1" fill="currentColor"/> <path d="M12 17V7c0 0 2.5-2 6-2 1.8 0 3 .4 3.5.6V17c-.8-.3-2-.5-3.5-.5-3.2 0-6 1.5-6 1.5z"
<circle cx="16.5" cy="3.8" r="1" fill="currentColor"/> fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/>
<line x1="10.2" y1="3" x2="8.4" y2="3.6" stroke="currentColor" stroke-width="1"/> <circle cx="12" cy="2.8" r="2" fill="currentColor"/>
<line x1="13.8" y1="3" x2="15.6" y2="3.6" stroke="currentColor" stroke-width="1"/> <circle cx="7.5" cy="3.8" r="1" fill="currentColor"/>
</svg> <circle cx="16.5" cy="3.8" r="1" fill="currentColor"/>
<line x1="10.2" y1="3" x2="8.4" y2="3.6" stroke="currentColor" stroke-width="1"/>
<line x1="13.8" y1="3" x2="15.6" y2="3.6" stroke="currentColor" stroke-width="1"/>
</svg>
</div>
<div class="absolute bottom-full left-1/2 -translate-x-1/2 mb-2
px-3 py-1.5 rounded-md
bg-gray-900 text-white text-[11px] font-medium
whitespace-nowrap
opacity-0 invisible
group-hover:opacity-100 group-hover:visible
transition-all duration-200 ease-out
pointer-events-none
select-none">
Сбросить чат
<div class="absolute top-full left-1/2 -translate-x-1/2
border-4 border-transparent border-t-gray-900"></div>
</div>
</div> </div>
<span class="text-xs font-bold text-gray-700 tracking-[0.15em] uppercase">ИИ-помощник</span> <span class="text-xs font-bold text-gray-700 tracking-[0.15em] uppercase">ИИ-помощник</span>
</div> </div>
@@ -70,7 +88,7 @@
<div id="ai-log-entries"></div> <div id="ai-log-entries"></div>
</div> </div>
<div class="flex relative bg-white"> <div class="flex relative bg-white rounded-b-lg">
<input <input
type="text" type="text"
id="ai-input" id="ai-input"
@@ -78,7 +96,7 @@
placeholder="Напишите задачу (например: 'Придумай драматичное описание')..." placeholder="Напишите задачу (например: 'Придумай драматичное описание')..."
autocomplete="off" autocomplete="off"
/> />
<div class="flex border-l border-gray-100 items-center"> <div class="flex border-l border-gray-100 items-center rounded-br-lg overflow-hidden">
<button type="button" id="ai-btn-stop" <button type="button" id="ai-btn-stop"
class="hidden px-5 py-2 h-full bg-white text-red-600 text-xs font-bold tracking-widest hover:bg-red-50 transition-colors flex items-center gap-2"> class="hidden px-5 py-2 h-full bg-white text-red-600 text-xs font-bold tracking-widest hover:bg-red-50 transition-colors flex items-center gap-2">
<span>СТОП</span> <span>СТОП</span>