feat: Добавить уведомления об успешных мутациях и глобальные горячие клавиши для сохранения изменений в менеджерах ASNs, Domains и IPRanges

frontend/src/ASNsNewManager.jsx

@@ -17,7 +17,6 @@ import {
   IconClock,
   IconFileText
 } from '@tabler/icons-react';
-import LockBanner from './components/LockBanner.jsx';
 import TableSkeleton from './components/TableSkeleton.jsx';
 import S3MetaBar from './components/S3MetaBar.jsx';
 import PageHeaderActions from './components/PageHeaderActions.jsx';
@@ -25,6 +24,8 @@ import ConfirmDialog from './components/ConfirmDialog.jsx';
 import WsUpdateModal from './components/WsUpdateModal.jsx';
 import ConfirmDiffModal from './components/ConfirmDiffModal.jsx';
 import HistoryModal from './components/HistoryModal.jsx';
+import ErrorAlert from './components/ErrorAlert.jsx';
+import { notifyMutationSuccess } from './components/NotifyProvider.jsx';
 
 const API_URL = '/api';
 
@@ -261,6 +262,7 @@ function ASNsNewManager() {
       setItems(unique);
       setSuccess('Изменения успешно сохранены!');
       setTimeout(() => setSuccess(''), 3000);
+      notifyMutationSuccess('Изменения сохранены');
     } catch (error) {
       console.error('Error saving changes:', error);
       setError('Не удалось сохранить изменения.');
@@ -370,6 +372,18 @@ function ASNsNewManager() {
     }
   }, [editingAsn]);
 
+  // Глобальные хоткеи: Ctrl+S — сохранить изменения
+  useEffect(() => {
+    const onKey = (e) => {
+      if ((e.ctrlKey || e.metaKey) && (e.key === 's' || e.key === 'S')) {
+        e.preventDefault();
+        if (!loading) handleSaveChanges();
+      }
+    };
+    window.addEventListener('keydown', onKey);
+    return () => window.removeEventListener('keydown', onKey);
+  }, [loading, items, originalItems, etag, sortField, sortOrder, filterCommunity]);
+
   const handleEditKeyDown = (e, asn) => {
     if (e.key === 'Enter') handleSaveEdit(asn);
     if (e.key === 'Escape') handleCancelEdit();
@@ -378,17 +392,7 @@ function ASNsNewManager() {
   return (
     <>
       {error && (
-        <div className="alert alert-danger alert-dismissible" role="alert">
-          <div className="d-flex">
-            <div>
-              <IconX className="icon alert-icon" />
-            </div>
-            <div>
-              {error}
-            </div>
-          </div>
-          <button type="button" className="btn-close" onClick={() => setError('')}></button>
-        </div>
+        <ErrorAlert message={error} onClose={() => setError('')} />
       )}
       
       {success && (
@@ -434,7 +438,7 @@ function ASNsNewManager() {
                   if (!res.ok || data.ok === false) {
                     throw new Error(data?.message || `HTTP ${res.status}`);
                   }
-                  window.notify?.success('Фоновое обновление запущено', data);
+                  notifyMutationSuccess('Фоновое обновление запущено', data);
                 } catch (e) {
                   window.notify?.error('Не удалось запустить фоновое обновление', String(e));
                 }
@@ -445,7 +449,6 @@ function ASNsNewManager() {
       </div>
       <div className="row">
         <div className="col-lg-3">
-          <LockBanner resource="asns" className="mb-3" />
           {/* Add New ASN Card */}
           <div className="card card-md">
             <div className="card-header">
@@ -466,6 +469,7 @@ function ASNsNewManager() {
                     onChange={(e) => setNewItem({ ...newItem, asn: e.target.value })}
                   />
                   {newInvalid.asn && <div className="invalid-feedback">Только цифры</div>}
+                  <div className="form-text">Формат: только цифры, например 12345</div>
                 </div>
                 <div className="mb-3">
                   <label className="form-label">Community</label>
@@ -477,6 +481,7 @@ function ASNsNewManager() {
                     className={`form-control${newInvalid.community ? ' is-invalid' : ''}`}
                   />
                   {newInvalid.community && <div className="invalid-feedback">Только цифры</div>}
+                  <div className="form-text">Формат: N или N:N (например 65000:100)</div>
                   {(() => {
                     const match = communities.find(c => c.value === String(newItem.community).trim());
                     if (!match) return null;
@@ -582,6 +587,7 @@ function ASNsNewManager() {
                               value={editingValue}
                               onChange={setEditingValue}
                               communities={communities}
+                              onKeyDown={(e) => handleEditKeyDown(e, item.asn)}
                               className={`form-control d-inline-block w-auto me-2${isValidCommunity(editingValue) ? '' : ' is-invalid'}`}
                             />
                             <button className="btn btn-success btn-icon btn-sm me-1" onClick={() => handleSaveEdit(item.asn)} disabled={!isValidCommunity(editingValue)}><IconCheck size={16} /></button>