From 064778b8aa05727f09bcc939696df68dc0a600e2 Mon Sep 17 00:00:00 2001
From: mirivlad <mirivlad@lms.local>
Date: Mon, 30 Mar 2026 15:46:04 +0800
Subject: [PATCH] =?UTF-8?q?Feat:=20=D0=9F=D0=BE=D0=B4=D0=B4=D0=B5=D1=80?=
 =?UTF-8?q?=D0=B6=D0=BA=D0=B0=20=D1=80=D0=B0=D0=B7=D0=BD=D1=8B=D1=85=20?=
 =?UTF-8?q?=D1=86=D0=B2=D0=B5=D1=82=D0=BE=D0=B2=20=D0=B1=D0=B5=D0=B9=D0=B4?=
 =?UTF-8?q?=D0=B6=D0=B5=D0=B9=20=D0=B2=20tags-input?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

✅ Параметр badge_color (primary, success, info, warning, danger, secondary, dark)
✅ CSS классы для всех цветов Bootstrap
✅ Обновлены addTag и загрузка существующих тегов

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
---
 resources/views/components/tags-input.blade.php | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/resources/views/components/tags-input.blade.php b/resources/views/components/tags-input.blade.php
index 526dbcb..be06538 100644
--- a/resources/views/components/tags-input.blade.php
+++ b/resources/views/components/tags-input.blade.php
@@ -1,4 +1,4 @@
-@props(['name', 'url', 'placeholder' => 'Начните вводить...', 'value' => [], 'user_id' => null])
+@props(['name', 'url', 'placeholder' => 'Начните вводить...', 'value' => [], 'user_id' => null, 'badge_color' => 'primary'])
 
 <div class="tags-input-container">
     <input type="text" class="form-control" id="{{ $name }}-input" placeholder="{{ $placeholder }}" autocomplete="off">
@@ -27,25 +27,32 @@
     box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }
 .tag-badge {
-    background: #0d6efd;
-    color: white;
     padding: 0.35rem 0.65rem;
     border-radius: 0.25rem;
     display: inline-flex;
     align-items: center;
     gap: 0.5rem;
     font-size: 0.875rem;
+    color: white;
 }
 .tag-badge .remove-tag {
     cursor: pointer;
     font-size: 1.1rem;
     line-height: 1;
     opacity: 0.7;
+    color: white;
 }
 .tag-badge .remove-tag:hover {
     opacity: 1;
     color: #ffc107;
 }
+.tag-badge.bg-primary { background: #0d6efd; }
+.tag-badge.bg-success { background: #198754; }
+.tag-badge.bg-info { background: #0dcaf0; }
+.tag-badge.bg-warning { background: #ffc107; color: #000; }
+.tag-badge.bg-danger { background: #dc3545; }
+.tag-badge.bg-secondary { background: #6c757d; }
+.tag-badge.bg-dark { background: #212529; }
 </style>
 <script src="https://cdn.jsdelivr.net/npm/tom-select@2.3.1/dist/js/tom-select.complete.min.js"></script>
 <script>
@@ -138,7 +145,7 @@ document.addEventListener('DOMContentLoaded', function() {
         updateHiddenInput();
 
         const tag = document.createElement('div');
-        tag.className = 'tag-badge';
+        tag.className = 'tag-badge bg-{{ $badge_color }}';
         tag.dataset.id = id;
         tag.innerHTML = `
             <span>${escapeHtml(data.text)}</span>
@@ -204,7 +211,7 @@ document.addEventListener('DOMContentLoaded', function() {
                     updateHiddenInput();
                     
                     const tag = document.createElement('div');
-                    tag.className = 'tag-badge';
+                    tag.className = 'tag-badge bg-{{ $badge_color }}';
                     tag.dataset.id = item.id;
                     tag.innerHTML = `<span>${escapeHtml(item.text)}</span><span class="remove-tag" onclick="removeTag(${item.id}, this)">&times;</span>`;
                     tagsContainer.appendChild(tag);