diff --git a/app/templates/userpage_get.html b/app/templates/userpage_get.html index 650b624..eae658d 100644 --- a/app/templates/userpage_get.html +++ b/app/templates/userpage_get.html @@ -84,10 +84,18 @@

阅读文章并回答问题

+

Article added on: {{ today_article["date"] }}


+ + + +

{{ today_article["article_title"] }}


{{ today_article["article_body"] }}


@@ -334,6 +342,84 @@ $('#read_all').show(); } } + function saveArticle() { + const article = { + user_level: document.getElementById('user_level').innerText, + text_level: document.getElementById('text_level').innerText, + date: document.getElementById('date').innerText.replace('Article added on: ', ''), + article_title: document.getElementById('article_title').innerText, + article_body: document.getElementById('article').innerText, + source: document.getElementById('source').innerText, + question: document.getElementById('question').innerText, + answer: document.getElementById('answer').innerText + }; + + const articleJSON = JSON.stringify(article); + const articleTitle = article.article_title; + const savedArticlesDropdown = document.getElementById('saved_articles_dropdown'); + + var option = document.createElement('option'); + option.text = articleTitle; + option.value = articleJSON; // 存储序列化的JSON字符串 + option.title = article.article_title; + savedArticlesDropdown.appendChild(option); + localStorage.setItem(articleTitle, articleJSON); // 以文章标题为键，序列化的JSON字符串为值存储 +} + function loadSelectedArticle() { + const selectedOption = document.getElementById('saved_articles_dropdown'); + const selectedTitle = selectedOption.options[selectedOption.selectedIndex].text; + const articleJSON = localStorage.getItem(selectedTitle); + + if (articleJSON) { + const today_article = JSON.parse(articleJSON); // 解析JSON字符串为对象 + update(today_article); // 使用解析出的对象更新页面 + } +} + + window.onload = function() { + const savedArticlesDropdown = document.getElementById('saved_articles_dropdown'); + savedArticlesDropdown.addEventListener('change', loadSelectedArticle); + + // 先清空dropdown，以防有多余的选项或重新加载页面时出现重复 + savedArticlesDropdown.innerHTML = ''; + + // 获取localStorage中最后一个（最新）的键值对 + let latestKey, latestValue; + for (let i = 0; i < localStorage.length; i++) { + const key = localStorage.key(i); + const value = localStorage.getItem(key); + if (!latestKey) { // 第一次迭代时设置最新文章 + latestKey = key; + latestValue = value; + } + } + + // 首先添加最新保存的文章到下拉菜单 + + if (latestKey && latestValue) { + var latestOption = document.createElement('option'); + latestOption.text = latestKey; + latestOption.value = latestValue; + latestOption.title = latestValue; + savedArticlesDropdown.appendChild(latestOption); + } + + // 接着遍历其余文章并添加到下拉菜单 + for (let i = 0; i < localStorage.length; i++) { + const key = localStorage.key(i); + const value = localStorage.getItem(key); + // 确保不重复添加最新文章 + if (key !== latestKey && key !== 'selectedWords') { + var option = document.createElement('option'); + option.text = key; + option.value = value; + option.title = value; + savedArticlesDropdown.appendChild(option); + } + } + + savedArticlesDropdown.selectedIndex = -1; +}