Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Knowledge Map - AI Teaching Assistant</title> | |
| <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}"> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <!-- Import ECharts --> | |
| <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script> | |
| <!-- Import ECharts WordCloud extension --> | |
| <script src="https://cdn.jsdelivr.net/npm/echarts-wordcloud@2.1.0/dist/echarts-wordcloud.min.js"></script> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <aside class="sidebar"> | |
| <div class="sidebar-header"> | |
| <h1>AI Teaching Assistant</h1> | |
| </div> | |
| <nav class="sidebar-menu"> | |
| <ul> | |
| <li><a href="{{ url_for('home') }}"><i class="fas fa-upload"></i>Upload</a></li> | |
| <li><a href="#"><i class="fas fa-folder"></i>Folders</a></li> | |
| <li class="active"><a href="{{ url_for('knowledge_map') }}"><i class="fas fa-project-diagram"></i>Knowledge Map</a></li> | |
| <li><a href="{{ url_for('home') }}"><i class="fas fa-comment-dots"></i>Chat Assistant</a></li> | |
| <li><a href="#"><i class="fas fa-history"></i>Review</a></li> | |
| <li><a href="{{ url_for('settings') }}"><i class="fas fa-cog"></i>Settings</a></li> | |
| </ul> | |
| </nav> | |
| <div class="sidebar-footer"> | |
| <p>Version 1.0.0</p> | |
| </div> | |
| </aside> | |
| <main class="main-content"> | |
| <section class="knowledge-map-section"> | |
| <div class="knowledge-map-panel card"> | |
| <h2><i class="fas fa-project-diagram"></i> Knowledge Map</h2> | |
| <div class="map-controls"> | |
| <div class="control-group"> | |
| <label for="map-layout">Layout:</label> | |
| <select id="map-layout" class="map-control-select"> | |
| <option value="tree">Tree</option> | |
| <option value="force">Force Directed</option> | |
| <option value="radial">Radial</option> | |
| <option value="wordcloud">Word Cloud</option> | |
| </select> | |
| </div> | |
| <div class="control-group"> | |
| <label for="map-depth">Depth Level:</label> | |
| <select id="map-depth" class="map-control-select"> | |
| <option value="all">All</option> | |
| <option value="1">Level 1</option> | |
| <option value="2">Level 2</option> | |
| <option value="3">Level 3</option> | |
| </select> | |
| </div> | |
| <button id="refresh-map" class="map-control-btn"><i class="fas fa-sync-alt"></i> Refresh</button> | |
| <!-- View switching buttons will be added dynamically in JavaScript --> | |
| </div> | |
| <div id="knowledge-map-container" class="knowledge-map-container"> | |
| <!-- Knowledge map will be rendered here --> | |
| </div> | |
| <div class="map-info"> | |
| <p>Select a node to view related information</p> | |
| <div id="node-info" class="node-info"> | |
| <h3 id="node-title">No node selected</h3> | |
| <div id="node-details" class="node-details"> | |
| <p class="placeholder-text">Click on a node in the map to view details</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| </main> | |
| </div> | |
| <script src="{{ url_for('static', filename='js/knowledge-map.js') }}"></script> | |
| </body> | |
| </html> |