Feature: иконки карандаш и красный крестик вместо надписей Изменить/Удалить в списках

Made-with: Cursor

HISTORY.md

@@ -1,5 +1,15 @@
 # История изменений ERP WaterSurf
 
+## 2025-02-26 17:15 UTC – Иконки «Карандаш» и «Крестик» вместо надписей «Изменить» и «Удалить» в списках
+
+**Задача**: В таблицах списков документов заменить текстовые ссылки «Изменить» и «Удалить» на иконки: карандаш (редактирование) и красный крестик (удаление).
+
+**Решение**: В колонке действий добавлены кнопки-иконки: SVG-карандаш (акцентный цвет) и SVG-крестик (красный). Ссылки сохранены, добавлены `title` и `aria-label` для доступности. Стили `.ws-btn-icon-edit` и `.ws-btn-icon-delete` задают размер 28×28 px, скругление, подсветку при наведении. Изменения внесены во все списки: заказы клиентов, заказы поставщику, поступления, перемещения, расходы денежных средств.
+
+**Изменения**: theme.css (стили иконок), customer_order_list.html, supplier_order_list.html, cash_inflow_list.html, cash_transfer_list.html, cash_expense_list.html.
+
+---
+
 ## 2025-02-26 17:10 UTC – Заголовки и строки таблиц списков документов в одну строку
 
 **Задача**: Заголовки таблицы и строки списка не должны переноситься на несколько строк.

app/static/css/theme.css

@@ -247,6 +247,43 @@ body {
   white-space: nowrap;
 }
 
+/* Иконки действий в списках: карандаш (редактировать), крестик (удалить) */
+.ws-table .ws-btn-icon-edit,
+.ws-table .ws-btn-icon-delete {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 6px;
+  text-decoration: none;
+  vertical-align: middle;
+}
+.ws-table .ws-btn-icon-edit:hover {
+  background: rgba(13, 173, 187, 0.2);
+}
+.ws-table .ws-btn-icon-edit svg {
+  width: 16px;
+  height: 16px;
+  fill: var(--ws-accent);
+}
+.ws-table .ws-btn-icon-edit:hover svg {
+  fill: var(--ws-accent-hover);
+}
+.ws-table .ws-btn-icon-delete:hover {
+  background: rgba(239, 83, 80, 0.2);
+}
+.ws-table .ws-btn-icon-delete svg {
+  width: 16px;
+  height: 16px;
+  fill: var(--ws-danger);
+}
+.ws-table .ws-btn-icon-delete:hover svg {
+  fill: var(--ws-danger-dark);
+}
+
 .ws-table .ws-link {
   color: var(--ws-accent);
   text-decoration: none;

app/templates/documents/cash_expense_list.html

@@ -28,9 +28,8 @@
           <td class="ws-num">{{ obj.amount|ws_num:2 }}</td>
           <td>{{ obj.supplier_order|default:"—" }}</td>
           <td class="ws-actions">
-            <a href="{% url 'documents:cash_expense_edit' obj.pk %}" class="ws-link">Изменить</a>
+            <a href="{% url 'documents:cash_expense_edit' obj.pk %}" class="ws-link ws-btn-icon-edit" title="Изменить" aria-label="Изменить"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg></a>
-            <span class="ws-text-muted"> · </span>
+            <a href="{% url 'documents:cash_expense_delete' obj.pk %}" class="ws-link ws-link-danger ws-btn-icon-delete" title="Удалить" aria-label="Удалить"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg></a>
-            <a href="{% url 'documents:cash_expense_delete' obj.pk %}" class="ws-link ws-link-danger">Удалить</a>
           </td>
         </tr>
         {% empty %}

app/templates/documents/cash_inflow_list.html

@@ -28,9 +28,8 @@
           <td class="ws-num">{{ obj.amount|ws_num:2 }}</td>
           <td>{{ obj.customer_order|default:"—" }}</td>
           <td class="ws-actions">
-            <a href="{% url 'documents:cash_inflow_edit' obj.pk %}" class="ws-link">Изменить</a>
+            <a href="{% url 'documents:cash_inflow_edit' obj.pk %}" class="ws-link ws-btn-icon-edit" title="Изменить" aria-label="Изменить"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg></a>
-            <span class="ws-text-muted"> · </span>
+            <a href="{% url 'documents:cash_inflow_delete' obj.pk %}" class="ws-link ws-link-danger ws-btn-icon-delete" title="Удалить" aria-label="Удалить"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg></a>
-            <a href="{% url 'documents:cash_inflow_delete' obj.pk %}" class="ws-link ws-link-danger">Удалить</a>
           </td>
         </tr>
         {% empty %}

app/templates/documents/cash_transfer_list.html

@@ -28,9 +28,8 @@
           <td>{{ obj.recipient }}</td>
           <td class="ws-num">{{ obj.amount|ws_num:2 }}</td>
           <td class="ws-actions">
-            <a href="{% url 'documents:cash_transfer_edit' obj.pk %}" class="ws-link">Изменить</a>
+            <a href="{% url 'documents:cash_transfer_edit' obj.pk %}" class="ws-link ws-btn-icon-edit" title="Изменить" aria-label="Изменить"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg></a>
-            <span class="ws-text-muted"> · </span>
+            <a href="{% url 'documents:cash_transfer_delete' obj.pk %}" class="ws-link ws-link-danger ws-btn-icon-delete" title="Удалить" aria-label="Удалить"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg></a>
-            <a href="{% url 'documents:cash_transfer_delete' obj.pk %}" class="ws-link ws-link-danger">Удалить</a>
           </td>
         </tr>
         {% empty %}

app/templates/documents/customer_order_list.html

@@ -32,9 +32,8 @@
           <td>{{ obj.client }}</td>
           <td class="ws-num">{{ obj.total_amount|ws_num:2 }}</td>
           <td class="ws-actions">
-            <a href="{% url 'documents:customer_order_edit' obj.pk %}" class="ws-link">Изменить</a>
+            <a href="{% url 'documents:customer_order_edit' obj.pk %}" class="ws-link ws-btn-icon-edit" title="Изменить" aria-label="Изменить"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg></a>
-            <span class="ws-text-muted"> · </span>
+            <a href="{% url 'documents:customer_order_delete' obj.pk %}" class="ws-link ws-link-danger ws-btn-icon-delete" title="Удалить" aria-label="Удалить"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg></a>
-            <a href="{% url 'documents:customer_order_delete' obj.pk %}" class="ws-link ws-link-danger">Удалить</a>
           </td>
         </tr>
         {% empty %}

app/templates/documents/supplier_order_list.html

@@ -30,9 +30,8 @@
           <td class="ws-num">{{ obj.total_in_currency|ws_num:2 }}</td>
           <td class="ws-num">{{ obj.total_amount|ws_num:2 }}</td>
           <td class="ws-actions">
-            <a href="{% url 'documents:supplier_order_edit' obj.pk %}" class="ws-link">Изменить</a>
+            <a href="{% url 'documents:supplier_order_edit' obj.pk %}" class="ws-link ws-btn-icon-edit" title="Изменить" aria-label="Изменить"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg></a>
-            <span class="ws-text-muted"> · </span>
+            <a href="{% url 'documents:supplier_order_delete' obj.pk %}" class="ws-link ws-link-danger ws-btn-icon-delete" title="Удалить" aria-label="Удалить"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg></a>
-            <a href="{% url 'documents:supplier_order_delete' obj.pk %}" class="ws-link ws-link-danger">Удалить</a>
           </td>
         </tr>
         {% empty %}