-
This commit is contained in:
@@ -1,464 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html class="dark h-full" lang="ru"><head>
|
||||
<meta charset="utf-8"/>
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
|
||||
<title>Изменить Пользователь Dimong (Ученик) | Администрирование Django</title>
|
||||
<link href="https://fonts.googleapis.com" rel="preconnect"/>
|
||||
<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
|
||||
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet"/>
|
||||
<!-- Tailwind CSS CDN with forms and container queries plugins -->
|
||||
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
|
||||
<script>
|
||||
tailwind.config = {
|
||||
darkMode: 'class',
|
||||
theme: {
|
||||
extend: {
|
||||
fontFamily: {
|
||||
sans: ['"Plus Jakarta Sans"', 'sans-serif'],
|
||||
heading: ['"Space Grotesk"', 'sans-serif'],
|
||||
mono: ['"JetBrains Mono"', 'monospace'],
|
||||
},
|
||||
colors: {
|
||||
obsidian: {
|
||||
base: '#0b0f17',
|
||||
surface: '#11131b',
|
||||
raised: '#191b23',
|
||||
card: '#161922',
|
||||
header: '#1d202b',
|
||||
input: '#12141c',
|
||||
border: '#2a2d39',
|
||||
borderSubtle: '#1f222d',
|
||||
},
|
||||
cobalt: {
|
||||
DEFAULT: '#2563eb',
|
||||
hover: '#1d4ed8',
|
||||
light: '#3b82f6',
|
||||
subtle: 'rgba(37, 99, 235, 0.12)',
|
||||
border: 'rgba(59, 130, 246, 0.35)',
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style data-purpose="custom-scrollbars">
|
||||
::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
background: #11131b;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #2a2d39;
|
||||
border-radius: 2px;
|
||||
}
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: #3b4052;
|
||||
}
|
||||
</style>
|
||||
<style data-purpose="ui-components">
|
||||
.custom-switch {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 40px;
|
||||
height: 22px;
|
||||
}
|
||||
.custom-switch input {
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
.switch-slider {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: #232733;
|
||||
border: 1px solid #2e313c;
|
||||
transition: .2s ease;
|
||||
border-radius: 9999px;
|
||||
}
|
||||
.switch-slider:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
left: 2px;
|
||||
bottom: 2px;
|
||||
background-color: #94a3b8;
|
||||
transition: .2s ease;
|
||||
border-radius: 50%;
|
||||
}
|
||||
input:checked + .switch-slider {
|
||||
background-color: #2563eb;
|
||||
border-color: #3b82f6;
|
||||
}
|
||||
input:checked + .switch-slider:before {
|
||||
transform: translateX(18px);
|
||||
background-color: #ffffff;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="h-full bg-[#0b0f17] text-slate-200 antialiased font-sans flex overflow-hidden selection:bg-blue-600 selection:text-white">
|
||||
<!-- BEGIN: Sidebar -->
|
||||
<aside class="w-72 bg-[#11131b] border-r border-[#2a2d39] flex flex-col flex-shrink-0 z-30 select-none" data-purpose="admin-sidebar">
|
||||
<!-- Sidebar Header / Django Branding -->
|
||||
<div class="px-5 py-4 border-b border-[#2a2d39] flex items-center justify-between">
|
||||
<div class="flex items-center space-x-3">
|
||||
<div class="w-8 h-8 rounded bg-[#2563eb] text-white flex items-center justify-center border border-blue-400/40">
|
||||
<svg class="w-4.5 h-4.5" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24">
|
||||
<path d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
<path d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<h1 class="font-heading font-semibold text-sm leading-snug tracking-tight text-white">Администрирование Django</h1>
|
||||
<span class="inline-flex items-center font-mono mt-0.5 px-2 py-0.5 rounded text-[10px] font-medium bg-[#191b23] text-blue-300 border border-blue-900/60">
|
||||
Окружение: Prod v5.1
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<button class="p-1.5 rounded text-slate-400 hover:text-white hover:bg-[#191b23] border border-transparent hover:border-[#2a2d39] transition" title="Свернуть меню" type="button">
|
||||
<svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24">
|
||||
<path d="M11 19l-7-7 7-7m8 14l-7-7 7-7" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<!-- Navigation Groups -->
|
||||
<nav class="flex-1 overflow-y-auto px-3.5 py-5 space-y-6">
|
||||
<!-- Section: LMS -->
|
||||
<div>
|
||||
<div class="px-2 mb-2 font-mono text-[11px] font-semibold tracking-wider text-slate-400 uppercase">
|
||||
Обучение (LMS)
|
||||
</div>
|
||||
<div class="space-y-1">
|
||||
<a class="flex items-center justify-between px-3 py-2 text-sm font-medium text-slate-300 rounded hover:bg-[#191b23] hover:text-white transition" href="#">
|
||||
<span class="flex items-center">
|
||||
<svg class="w-4 h-4 mr-2.5 text-slate-400" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24">
|
||||
<path d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
</svg>
|
||||
Задания
|
||||
</span>
|
||||
</a>
|
||||
<a class="flex items-center justify-between px-3 py-2 text-sm font-medium text-slate-300 rounded hover:bg-[#191b23] hover:text-white transition" href="#">
|
||||
<span class="flex items-center">
|
||||
<svg class="w-4 h-4 mr-2.5 text-slate-400" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24">
|
||||
<path d="M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
</svg>
|
||||
Ответы учеников
|
||||
</span>
|
||||
</a>
|
||||
<a class="flex items-center justify-between px-3 py-2 text-sm font-medium text-slate-300 rounded hover:bg-[#191b23] hover:text-white transition" href="#">
|
||||
<span class="flex items-center">
|
||||
<svg class="w-4 h-4 mr-2.5 text-slate-400" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24">
|
||||
<path d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
</svg>
|
||||
Предметы
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Section: Users -->
|
||||
<div>
|
||||
<div class="px-2 mb-2 font-mono text-[11px] font-semibold tracking-wider text-slate-400 uppercase">
|
||||
Пользователи
|
||||
</div>
|
||||
<div class="space-y-1">
|
||||
<a class="flex items-center justify-between px-3 py-2 text-sm font-medium text-blue-200 bg-[#191b23] rounded border border-blue-500/40" href="#">
|
||||
<span class="flex items-center">
|
||||
<svg class="w-4 h-4 mr-2.5 text-blue-400" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24">
|
||||
<path d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
</svg>
|
||||
Пользователи
|
||||
</span>
|
||||
<span class="w-1.5 h-1.5 rounded-full bg-blue-400"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</aside>
|
||||
<!-- END: Sidebar -->
|
||||
<!-- BEGIN: Main Area -->
|
||||
<div class="flex-1 flex flex-col h-full overflow-hidden bg-[#0b0f17]">
|
||||
<!-- BEGIN: Top Navbar -->
|
||||
<header class="h-14 bg-[#11131b] border-b border-[#2a2d39] px-6 flex items-center justify-between flex-shrink-0 z-20" data-purpose="top-navigation">
|
||||
<!-- Breadcrumb Navigation -->
|
||||
<nav class="flex items-center space-x-2 text-xs font-medium text-slate-300 font-sans">
|
||||
<a class="hover:text-blue-400 text-slate-300 transition flex items-center" href="#">
|
||||
<svg class="w-3.5 h-3.5 mr-1 text-slate-400" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24">
|
||||
<path 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" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
</svg>
|
||||
Начало
|
||||
</a>
|
||||
<span class="text-slate-500">/</span>
|
||||
<a class="hover:text-blue-400 text-slate-300 transition" href="#">Пользователи</a>
|
||||
<span class="text-slate-500">/</span>
|
||||
<a class="hover:text-blue-400 text-slate-300 transition" href="#">Пользователи</a>
|
||||
<span class="text-slate-500">/</span>
|
||||
<span class="text-white font-semibold">Dimong (Ученик)</span>
|
||||
</nav>
|
||||
<!-- Right Header Actions -->
|
||||
<div class="flex items-center space-x-4">
|
||||
<!-- Site Link -->
|
||||
<a class="hidden sm:inline-flex items-center text-xs font-medium text-slate-300 hover:text-blue-400 transition" href="#">
|
||||
<svg class="w-3.5 h-3.5 mr-1 text-slate-400" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24">
|
||||
<path d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
</svg>
|
||||
Смотреть сайт LMS
|
||||
</a>
|
||||
<div class="h-4 w-px bg-[#2a2d39] hidden sm:block"></div>
|
||||
<!-- History Button -->
|
||||
<button class="inline-flex items-center px-2.5 py-1 text-xs font-medium text-slate-200 bg-[#191b23] hover:bg-[#23252f] border border-[#2a2d39] rounded transition" type="button">
|
||||
<svg class="w-3.5 h-3.5 mr-1.5 text-slate-400" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24">
|
||||
<path d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
</svg>
|
||||
История
|
||||
</button>
|
||||
<!-- User Profile Pill -->
|
||||
<div class="flex items-center space-x-2 pl-2 border-l border-[#2a2d39]">
|
||||
<div class="w-7 h-7 rounded bg-[#2563eb] flex items-center justify-center font-bold text-xs text-white uppercase border border-blue-400/40">
|
||||
D
|
||||
</div>
|
||||
<div class="text-xs leading-tight">
|
||||
<span class="font-medium text-white block">Dimong</span>
|
||||
<span class="text-[10px] font-mono text-blue-400 block">Superuser</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Logout Button -->
|
||||
<button class="p-1.5 text-slate-400 hover:text-red-400 hover:bg-[#191b23] rounded transition" title="Выйти" type="button">
|
||||
<svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24">
|
||||
<path d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</header>
|
||||
<!-- END: Top Navbar -->
|
||||
<!-- BEGIN: Scrollable Content Form -->
|
||||
<main class="flex-1 overflow-y-auto pb-28 px-6 lg:px-10 py-6" data-purpose="form-main-content">
|
||||
<!-- Page Title -->
|
||||
<div class="mb-6 flex items-center justify-between">
|
||||
<h2 class="text-xl font-heading font-bold tracking-tight text-white flex items-center gap-3">
|
||||
<span>Изменить Пользователь Dimong (Ученик)</span>
|
||||
<span class="text-xs font-mono font-normal px-2.5 py-0.5 bg-[#191b23] border border-[#2a2d39] text-blue-300 rounded">ID: 1042</span>
|
||||
</h2>
|
||||
</div>
|
||||
<form class="space-y-6 max-w-6xl">
|
||||
<!-- BEGIN: Credentials Section -->
|
||||
<div class="bg-[#11131b] border border-[#2a2d39] rounded">
|
||||
<div class="bg-[#191b23] px-5 py-3 border-b border-[#2a2d39]">
|
||||
<h3 class="text-xs font-heading font-bold uppercase tracking-wider text-slate-200">Учетные данные</h3>
|
||||
</div>
|
||||
<div class="p-5">
|
||||
<!-- Username Field -->
|
||||
<div class="mb-5">
|
||||
<label class="block text-sm font-medium text-slate-200 mb-1.5 font-sans">
|
||||
Имя пользователя <span class="text-red-400 font-bold">*</span>
|
||||
</label>
|
||||
<input class="w-full max-w-2xl bg-[#191b23] border border-[#2a2d39] focus:border-blue-500 focus:ring-1 focus:ring-blue-500 rounded px-3.5 py-2 text-sm text-white placeholder-slate-400 outline-none transition" required="" type="text" value="Dimong"/>
|
||||
<p class="mt-1.5 text-xs text-slate-300">
|
||||
Обязательное поле. Не более 150 символов. Только буквы, цифры и символы @/./+/-/_.
|
||||
</p>
|
||||
</div>
|
||||
<!-- Password Status Block -->
|
||||
<div class="pt-4 border-t border-[#2a2d39]">
|
||||
<label class="block text-sm font-medium text-slate-200 mb-1.5 font-sans">Пароль:</label>
|
||||
<div class="bg-[#191b23] border border-[#2a2d39] rounded p-3 text-xs font-mono text-slate-200 break-all leading-relaxed">
|
||||
<span class="text-blue-400 font-semibold">алгоритм:</span> pbkdf2_sha256
|
||||
<span class="text-blue-400 font-semibold ml-3">итерации:</span> 870000
|
||||
<span class="text-blue-400 font-semibold ml-3">соль:</span> M6Dksm********************
|
||||
<span class="text-blue-400 font-semibold ml-3">хэш:</span> xM3+5a7Gk9bL0rQ3Vz0A...
|
||||
</div>
|
||||
<p class="mt-1.5 text-xs text-slate-300 flex items-center flex-wrap gap-1">
|
||||
<span>Мы не храним сырые пароли, поэтому не существует способа посмотреть пароль пользователя.</span>
|
||||
<a class="text-blue-400 hover:text-blue-300 underline decoration-blue-500/60 underline-offset-2 transition" href="#">
|
||||
Ссылка для изменения пароля.
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END: Credentials Section -->
|
||||
<!-- BEGIN: Personal Information Section -->
|
||||
<div class="bg-[#11131b] border border-[#2a2d39] rounded">
|
||||
<div class="bg-[#191b23] px-5 py-3 border-b border-[#2a2d39]">
|
||||
<h3 class="text-xs font-heading font-bold uppercase tracking-wider text-slate-200">Персональная информация</h3>
|
||||
</div>
|
||||
<div class="p-5 space-y-4">
|
||||
<!-- First Name Field -->
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-slate-200 mb-1.5 font-sans">Имя</label>
|
||||
<input class="w-full max-w-2xl bg-[#191b23] border border-[#2a2d39] focus:border-blue-500 focus:ring-1 focus:ring-blue-500 rounded px-3.5 py-2 text-sm text-white placeholder-slate-400 outline-none transition" placeholder="Не указано" type="text"/>
|
||||
</div>
|
||||
<!-- Last Name Field -->
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-slate-200 mb-1.5 font-sans">Фамилия</label>
|
||||
<input class="w-full max-w-2xl bg-[#191b23] border border-[#2a2d39] focus:border-blue-500 focus:ring-1 focus:ring-blue-500 rounded px-3.5 py-2 text-sm text-white placeholder-slate-400 outline-none transition" placeholder="Не указано" type="text"/>
|
||||
</div>
|
||||
<!-- Email Field -->
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-slate-200 mb-1.5 font-sans">Адрес электронной почты</label>
|
||||
<input class="w-full max-w-2xl bg-[#191b23] border border-[#2a2d39] focus:border-blue-500 focus:ring-1 focus:ring-blue-500 rounded px-3.5 py-2 text-sm text-white outline-none transition" type="email" value="dimong4fox@yandex.ru"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END: Personal Information Section -->
|
||||
<!-- BEGIN: Permissions Section -->
|
||||
<div class="bg-[#11131b] border border-[#2a2d39] rounded">
|
||||
<div class="bg-[#191b23] px-5 py-3 border-b border-[#2a2d39]">
|
||||
<h3 class="text-xs font-heading font-bold uppercase tracking-wider text-slate-200">Права доступа</h3>
|
||||
</div>
|
||||
<div class="p-5 space-y-5">
|
||||
<!-- Switch: Active -->
|
||||
<div class="flex items-start space-x-3.5">
|
||||
<label class="custom-switch mt-0.5">
|
||||
<input checked="" type="checkbox"/>
|
||||
<span class="switch-slider"></span>
|
||||
</label>
|
||||
<div>
|
||||
<span class="text-sm font-medium text-slate-100 font-sans">Активный</span>
|
||||
<p class="text-xs text-slate-300 mt-0.5">
|
||||
Отметьте, если пользователь должен считаться активным. Уберите эту отметку вместо удаления учётной записи.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Switch: Staff Status -->
|
||||
<div class="flex items-start space-x-3.5">
|
||||
<label class="custom-switch mt-0.5">
|
||||
<input checked="" type="checkbox"/>
|
||||
<span class="switch-slider"></span>
|
||||
</label>
|
||||
<div>
|
||||
<span class="text-sm font-medium text-slate-100 font-sans">Статус персонала</span>
|
||||
<p class="text-xs text-slate-300 mt-0.5">
|
||||
Отметьте, если пользователь может входить в административную часть сайта.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Switch: Superuser Status -->
|
||||
<div class="flex items-start space-x-3.5">
|
||||
<label class="custom-switch mt-0.5">
|
||||
<input checked="" type="checkbox"/>
|
||||
<span class="switch-slider"></span>
|
||||
</label>
|
||||
<div>
|
||||
<span class="text-sm font-medium text-slate-100 font-sans">Статус суперпользователя</span>
|
||||
<p class="text-xs text-slate-300 mt-0.5">
|
||||
Указывает, что пользователь имеет все права без явного их назначения.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Dual Listbox: Django Groups Widget -->
|
||||
<div class="pt-4 border-t border-[#2a2d39]">
|
||||
<label class="block text-sm font-medium text-slate-200 mb-3 font-sans">Группы</label>
|
||||
<div class="flex flex-col md:flex-row items-stretch md:items-center gap-3">
|
||||
<!-- Available Groups Box -->
|
||||
<div class="flex-1 bg-[#191b23] border border-[#2a2d39] rounded flex flex-col h-72">
|
||||
<div class="bg-[#1d202b] px-3 py-2 border-b border-[#2a2d39] text-xs font-medium text-slate-200 flex justify-between items-center">
|
||||
<span>Доступные группы</span>
|
||||
<span class="text-[10px] font-mono text-slate-300 bg-[#11131b] border border-[#2a2d39] px-1.5 py-0.5 rounded">3</span>
|
||||
</div>
|
||||
<!-- Filter Search -->
|
||||
<div class="p-2 border-b border-[#2a2d39] bg-[#11131b]">
|
||||
<div class="relative">
|
||||
<input class="w-full bg-[#191b23] border border-[#2a2d39] text-xs text-slate-100 rounded py-1.5 pl-7 pr-2 focus:border-blue-500 focus:ring-1 focus:ring-blue-500 outline-none placeholder-slate-400" placeholder="Фильтр" type="text"/>
|
||||
<svg class="w-3.5 h-3.5 text-slate-400 absolute left-2 top-2" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24">
|
||||
<path d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Options list -->
|
||||
<div class="flex-1 overflow-y-auto p-1.5 space-y-1 text-xs">
|
||||
<div class="px-2.5 py-1.5 rounded text-slate-200 hover:bg-[#23252f] hover:text-white cursor-pointer select-none">
|
||||
Преподаватели математики
|
||||
</div>
|
||||
<div class="px-2.5 py-1.5 rounded text-slate-200 hover:bg-[#23252f] hover:text-white cursor-pointer select-none">
|
||||
Кураторы курса
|
||||
</div>
|
||||
<div class="px-2.5 py-1.5 rounded text-slate-200 hover:bg-[#23252f] hover:text-white cursor-pointer select-none">
|
||||
Методический отдел
|
||||
</div>
|
||||
</div>
|
||||
<!-- Select All footer -->
|
||||
<button class="border-t border-[#2a2d39] py-2 text-xs font-medium text-blue-400 hover:text-blue-300 hover:bg-[#1d202b] transition" type="button">
|
||||
Выбрать все
|
||||
</button>
|
||||
</div>
|
||||
<!-- Transfer Buttons -->
|
||||
<div class="flex md:flex-col justify-center items-center gap-2 py-1">
|
||||
<button class="p-2 rounded bg-[#191b23] hover:bg-[#2563eb] text-slate-300 hover:text-white border border-[#2a2d39] hover:border-blue-400 transition" title="Добавить выбранное" type="button">
|
||||
<svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24">
|
||||
<path d="M14 5l7 7m0 0l-7 7m7-7H3" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
</svg>
|
||||
</button>
|
||||
<button class="p-2 rounded bg-[#191b23] hover:bg-[#2563eb] text-slate-300 hover:text-white border border-[#2a2d39] hover:border-blue-400 transition" title="Убрать выбранное" type="button">
|
||||
<svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24">
|
||||
<path d="M10 19l-7-7m0 0l7-7m-7 7h18" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<!-- Chosen Groups Box -->
|
||||
<div class="flex-1 bg-[#191b23] border border-[#2a2d39] rounded flex flex-col h-72">
|
||||
<div class="bg-[#1d202b] px-3 py-2 border-b border-[#2a2d39] text-xs font-medium text-slate-200 flex justify-between items-center">
|
||||
<span>Выбранные группы</span>
|
||||
<button class="text-slate-400 hover:text-white font-mono" title="Создать группу" type="button">+</button>
|
||||
</div>
|
||||
<!-- Filter Search -->
|
||||
<div class="p-2 border-b border-[#2a2d39] bg-[#11131b]">
|
||||
<div class="relative">
|
||||
<input class="w-full bg-[#191b23] border border-[#2a2d39] text-xs text-slate-100 rounded py-1.5 pl-7 pr-2 focus:border-blue-500 focus:ring-1 focus:ring-blue-500 outline-none placeholder-slate-400" placeholder="Фильтр" type="text"/>
|
||||
<svg class="w-3.5 h-3.5 text-slate-400 absolute left-2 top-2" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24">
|
||||
<path d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Options list empty / status -->
|
||||
<div class="flex-1 overflow-y-auto p-4 flex flex-col items-center justify-center text-center">
|
||||
<p class="text-xs text-slate-400 font-mono">
|
||||
0 выбранных объектов (click to clear)
|
||||
</p>
|
||||
</div>
|
||||
<!-- Remove All footer -->
|
||||
<button class="border-t border-[#2a2d39] py-2 text-xs font-medium text-red-400 hover:text-red-300 hover:bg-[#1d202b] transition" type="button">
|
||||
Удалить все
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<p class="mt-2.5 text-xs text-slate-300">
|
||||
Группы, к которым принадлежит данный пользователь. Пользователь получит все права, указанные в каждой из его/её групп. Удерживайте “Control“ (или “Command“ на Mac), чтобы выбрать несколько значений.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END: Permissions Section -->
|
||||
</form>
|
||||
</main>
|
||||
<!-- END: Scrollable Content Form -->
|
||||
<!-- BEGIN: Fixed Bottom Action Bar -->
|
||||
<footer class="fixed bottom-0 right-0 left-72 bg-[#11131b] border-t border-[#2a2d39] px-6 py-3 flex items-center justify-between z-30 shadow-none" data-purpose="django-submit-row">
|
||||
<!-- Delete Object Button (Danger zone) -->
|
||||
<div>
|
||||
<button class="px-4 py-2 text-xs font-medium text-red-300 hover:text-white bg-[#ef4444]/15 hover:bg-[#ef4444]/25 border border-red-500/40 rounded transition focus:ring-1 focus:ring-red-500 focus:outline-none" type="button">
|
||||
Удалить Пользователь
|
||||
</button>
|
||||
</div>
|
||||
<!-- Submit Action Buttons -->
|
||||
<div class="flex items-center space-x-2.5">
|
||||
<button class="px-3.5 py-2 text-xs font-medium text-slate-200 bg-[#191b23] hover:bg-[#23252f] border border-[#2a2d39] rounded transition focus:outline-none" type="button">
|
||||
Сохранить и добавить другой объект
|
||||
</button>
|
||||
<button class="px-3.5 py-2 text-xs font-medium text-slate-200 bg-[#191b23] hover:bg-[#23252f] border border-[#2a2d39] rounded transition focus:outline-none" type="button">
|
||||
Сохранить и продолжить редактирование
|
||||
</button>
|
||||
<button class="px-5 py-2 text-xs font-semibold text-white bg-[#2563eb] hover:bg-[#1d4ed8] active:bg-[#1e40af] rounded border border-blue-400/50 transition focus:outline-none focus:ring-1 focus:ring-blue-400" type="submit">
|
||||
Сохранить
|
||||
</button>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- END: Fixed Bottom Action Bar -->
|
||||
</div>
|
||||
<!-- END: Main Area -->
|
||||
</body></html>
|
||||
Reference in New Issue
Block a user