From 46c80fdf328f6538721f406c60c70d5773a4dc8f Mon Sep 17 00:00:00 2001
From: shats <admin@shts.su>
Date: Wed, 27 Aug 2025 18:12:55 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=D0=92=D0=BE=D1=81=D1=81=D1=82=D0=B0?=
 =?UTF-8?q?=D0=BD=D0=BE=D0=B2=D0=B8=D1=82=D1=8C=20=D0=BA=D0=BB=D0=B0=D1=81?=
 =?UTF-8?q?=D1=81=D0=B8=D1=87=D0=B5=D1=81=D0=BA=D0=B8=D0=B5=20=D0=BA=D0=B0?=
 =?UTF-8?q?=D1=80=D1=82=D0=BE=D1=87=D0=BA=D0=B8=20=D0=B4=D0=BE=D0=B1=D0=B0?=
 =?UTF-8?q?=D0=B2=D0=BB=D0=B5=D0=BD=D0=B8=D1=8F=20=D0=BD=D0=BE=D0=B2=D1=8B?=
 =?UTF-8?q?=D1=85=20ASN,=20=D0=B4=D0=BE=D0=BC=D0=B5=D0=BD=D0=BE=D0=B2=20?=
 =?UTF-8?q?=D0=B8=20IP-=D0=B4=D0=B8=D0=B0=D0=BF=D0=B0=D0=B7=D0=BE=D0=BD?=
 =?UTF-8?q?=D0=BE=D0=B2=20=D0=B2=20=D1=81=D0=BE=D0=BE=D1=82=D0=B2=D0=B5?=
 =?UTF-8?q?=D1=82=D1=81=D1=82=D0=B2=D1=83=D1=8E=D1=89=D0=B8=D1=85=20=D0=BC?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=B5=D0=B4=D0=B6=D0=B5=D1=80=D0=B0=D1=85,=20?=
 =?UTF-8?q?=D1=83=D0=BB=D1=83=D1=87=D1=88=D0=B8=D0=B2=20=D0=B8=D0=BD=D1=82?=
 =?UTF-8?q?=D0=B5=D1=80=D1=84=D0=B5=D0=B9=D1=81=20=D0=B4=D0=BB=D1=8F=20?=
 =?UTF-8?q?=D0=B2=D0=B2=D0=BE=D0=B4=D0=B0=20=D0=B4=D0=B0=D0=BD=D0=BD=D1=8B?=
 =?UTF-8?q?=D1=85=20=D0=BF=D0=BE=D0=BB=D1=8C=D0=B7=D0=BE=D0=B2=D0=B0=D1=82?=
 =?UTF-8?q?=D0=B5=D0=BB=D0=B5=D0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/ASNsNewManager.jsx    | 58 +++++++++++++++++++++++++++++
 frontend/src/DomainsNewManager.jsx | 59 ++++++++++++++++++++++++++++++
 frontend/src/IPRangesManager.jsx   | 57 +++++++++++++++++++++++++++++
 3 files changed, 174 insertions(+)

diff --git a/frontend/src/ASNsNewManager.jsx b/frontend/src/ASNsNewManager.jsx
index 3b205f4..93b1ca4 100644
--- a/frontend/src/ASNsNewManager.jsx
+++ b/frontend/src/ASNsNewManager.jsx
@@ -466,6 +466,64 @@ function ASNsNewManager() {
       />
       <div className="row">
         <div className="col-lg-3">
+          {/* Classic Add New ASN Card (restored) */}
+          <div className="card card-md">
+            <div className="card-header">
+              <h3 className="card-title">
+                <IconPlus className="icon me-2" />
+                Добавить новый ASN
+              </h3>
+            </div>
+            <div className="card-body">
+              <form onSubmit={(e) => { e.preventDefault(); handleAddItem(); }}>
+                <div className="mb-3">
+                  <label className="form-label">Номер AS</label>
+                  <input
+                    type="text"
+                    className={`form-control${newInvalid.asn ? ' is-invalid' : ''}`}
+                    placeholder="12345"
+                    value={newItem.asn}
+                    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>
+                  <CommunityAutocompleteInput
+                    value={newItem.community}
+                    onChange={(v) => setNewItem({ ...newItem, community: v })}
+                    communities={communities}
+                    placeholder="Начните вводить номер или имя"
+                    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;
+                    return (
+                      <div className="form-text">
+                        {match.name && (<><strong>{match.name}</strong> — </>)}
+                        {match.description || ''}
+                        {match.tags && match.tags.length > 0 && (
+                          <> (<span className="text-muted">{match.tags.join(', ')}</span>)</>
+                        )}
+                      </div>
+                    );
+                  })()}
+                </div>
+                <div className="form-footer">
+                  <button type="submit" className="btn btn-primary w-100">
+                    <IconPlus className="icon me-2" />
+                    Добавить
+                  </button>
+                </div>
+              </form>
+            </div>
+          </div>
+
+          {/* QuickAdd stays for batch input */}
           <QuickAddBar
             placeholder={'12345 65000:100'}
             help={'Вставьте строки: ASN ПРОБЕЛ COMMUNITY'}
diff --git a/frontend/src/DomainsNewManager.jsx b/frontend/src/DomainsNewManager.jsx
index 5cc4aff..25e4a55 100644
--- a/frontend/src/DomainsNewManager.jsx
+++ b/frontend/src/DomainsNewManager.jsx
@@ -471,6 +471,65 @@ function DomainsNewManager() {
       />
       <div className="row">
         <div className="col-lg-3">
+          {/* Classic Add New Domain Card (restored) */}
+          <div className="card card-md">
+            <div className="card-header">
+              <h3 className="card-title">
+                <IconPlus className="icon me-2" />
+                Добавить новый домен
+              </h3>
+            </div>
+            <div className="card-body">
+              <form onSubmit={(e) => { e.preventDefault(); handleAddItem(); }}>
+                <div className="mb-3">
+                  <label className="form-label">Домен</label>
+                  <input
+                    type="text"
+                    className={`form-control${newInvalid.domain ? ' is-invalid' : ''}`}
+                    placeholder="example.com"
+                    value={newItem.domain}
+                    onChange={(e) => setNewItem({ ...newItem, domain: e.target.value })}
+                  />
+                  {newInvalid.domain && <div className="invalid-feedback">Неверный формат домена</div>}
+                  <div className="form-text">Без http/https, только доменное имя</div>
+                  <div className="form-text">Формат: sub.domain.tld (например foo.example.org)</div>
+                </div>
+                <div className="mb-3">
+                  <label className="form-label">Community</label>
+                  <CommunityAutocompleteInput
+                    value={newItem.community}
+                    onChange={(v) => setNewItem({ ...newItem, community: v })}
+                    communities={communities}
+                    placeholder="Начните вводить номер или имя"
+                    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;
+                    return (
+                      <div className="form-text">
+                        {match.name && (<><strong>{match.name}</strong> — </>)}
+                        {match.description || ''}
+                        {match.tags && match.tags.length > 0 && (
+                          <> (<span className="text-muted">{match.tags.join(', ')}</span>)</>
+                        )}
+                      </div>
+                    );
+                  })()}
+                </div>
+                <div className="form-footer">
+                  <button type="submit" className="btn btn-primary w-100">
+                    <IconPlus className="icon me-2" />
+                    Добавить
+                  </button>
+                </div>
+              </form>
+            </div>
+          </div>
+
+          {/* QuickAdd stays for batch input */}
           <QuickAddBar
             placeholder={'example.com 65000:100'}
             help={'Вставьте строки: DOMAIN ПРОБЕЛ COMMUNITY'}
diff --git a/frontend/src/IPRangesManager.jsx b/frontend/src/IPRangesManager.jsx
index 98ff478..a350992 100644
--- a/frontend/src/IPRangesManager.jsx
+++ b/frontend/src/IPRangesManager.jsx
@@ -723,6 +723,63 @@ function IPRangesManager() {
       />
       <div className="row">
         <div className="col-lg-3">
+          {/* Classic Add New Item Card (restored) */}
+          <div className="card card-md">
+            <div className="card-header">
+              <h3 className="card-title">
+                <IconPlus className="icon me-2" />
+                Добавить новый IP-диапазон
+              </h3>
+            </div>
+            <div className="card-body">
+              <form onSubmit={(e) => { e.preventDefault(); handleAddItem(); }}>
+                <div className="mb-3">
+                  <label className="form-label">IP-диапазон</label>
+                  <input
+                    type="text"
+                    className={`form-control${newInvalid.ipRange ? ' is-invalid' : ''}`}
+                    placeholder="192.168.1.0/24"
+                    value={newItem.ipRange}
+                    onChange={(e) => setNewItem({ ...newItem, ipRange: e.target.value })}
+                  />
+                  {newInvalid.ipRange && <div className="invalid-feedback">Некорректный CIDR</div>}
+                  <div className="form-text">Формат: A.B.C.D/Маска, например 10.0.0.0/24</div>
+                </div>
+                <div className="mb-3">
+                  <label className="form-label">Community</label>
+                  <CommunityAutocompleteInput
+                    value={newItem.community}
+                    onChange={(v) => setNewItem({ ...newItem, community: v })}
+                    communities={communities}
+                    placeholder="Начните вводить номер или имя"
+                    className={`form-control${newInvalid.community ? ' is-invalid' : ''}`}
+                  />
+                  {newInvalid.community && <div className="invalid-feedback">Только цифры</div>}
+                  {(() => {
+                    const match = communities.find(c => c.value === String(newItem.community).trim());
+                    if (!match) return null;
+                    return (
+                      <div className="form-text">
+                        {match.name && (<><strong>{match.name}</strong> — </>)}
+                        {match.description || ''}
+                        {match.tags && match.tags.length > 0 && (
+                          <> (<span className="text-muted">{match.tags.join(', ')}</span>)</>
+                        )}
+                      </div>
+                    );
+                  })()}
+                </div>
+                <div className="form-footer">
+                  <button type="submit" className="btn btn-primary w-100">
+                    <IconPlus className="icon me-2" />
+                    Добавить
+                  </button>
+                </div>
+              </form>
+            </div>
+          </div>
+
+          {/* QuickAdd stays for batch input */}
           <QuickAddBar
             placeholder={'192.168.1.0/24 65000:100'}
             help={'Вставьте строки: CIDR ПРОБЕЛ COMMUNITY'}