Integrate knowledge docs and admin updates

admin/index.html

@@ -27,6 +27,9 @@
               <button id="admin-mode-seo" class="nodedc-expanded-nav-button" type="button" data-active="false">
                 <span>SEO</span>
               </button>
+              <button id="admin-mode-knowledge" class="nodedc-expanded-nav-button" type="button" data-active="false">
+                <span>База знаний</span>
+              </button>
             </nav>
           </div>
           <div class="nodedc-expanded-toolbar-right">
@@ -113,8 +116,9 @@
               <input id="block-template" name="template" type="text" autocomplete="off" readonly />
             </label>
               <label class="field-control">
-                <span>Anchor</span>
-              <input id="block-anchor" name="anchor" type="text" autocomplete="off" />
+                <span>Target</span>
+              <input id="block-anchor" name="target" type="text" autocomplete="off" list="block-target-options" />
+              <datalist id="block-target-options"></datalist>
             </label>
           </div>
           </section>
@@ -174,6 +178,8 @@
           </details>
         </form>
 
+        <div id="knowledge-form" class="knowledge-editor hidden"></div>
+
         <pre id="status" class="status"></pre>
       </section>
     </main>
@@ -300,6 +306,39 @@
         </footer>
       </article>
     </div>
+    <div id="knowledge-button-modal" class="template-modal-layer knowledge-button-modal-layer hidden" role="dialog" aria-modal="true" aria-labelledby="knowledge-button-title">
+      <article class="template-modal knowledge-button-modal">
+        <header class="template-modal-head knowledge-button-head">
+          <div>
+            <div class="section-kicker">База знаний</div>
+            <h2 id="knowledge-button-title">Кнопка в статье</h2>
+            <p>Ссылка ведёт на лендинг или внешний адрес. Target открывает нужный блок лендинга.</p>
+          </div>
+          <button id="knowledge-button-close" class="admin-panel-close modal-close-button" type="button" aria-label="Закрыть">×</button>
+        </header>
+        <div class="knowledge-button-body">
+          <label class="field-control">
+            <span>Название</span>
+            <input id="knowledge-button-name" type="text" autocomplete="off" placeholder="Посмотреть демо" />
+          </label>
+          <label class="field-control">
+            <span>Ссылка</span>
+            <input id="knowledge-button-link" type="text" autocomplete="off" placeholder="/" />
+          </label>
+          <label class="field-control">
+            <span>Target / блок лендинга</span>
+            <input id="knowledge-button-target" type="text" autocomplete="off" list="knowledge-button-target-options" placeholder="hub-video" />
+            <datalist id="knowledge-button-target-options"></datalist>
+          </label>
+          <p class="knowledge-button-hint">Можно выбрать target из списка или ввести ID блока лендинга. Если target пустой, ссылка откроет первый экран.</p>
+          <p id="knowledge-button-error" class="knowledge-button-error" aria-live="polite"></p>
+        </div>
+        <footer class="template-modal-foot knowledge-button-foot">
+          <button id="knowledge-button-cancel" class="ghost-btn" type="button">Отмена</button>
+          <button id="knowledge-button-confirm" class="primary-btn" type="button">Добавить кнопку</button>
+        </footer>
+      </article>
+    </div>
     <script src="./admin.js" type="module"></script>
   </body>
 </html>