From a87205a1f509722dfba8410a890f3824021c977e Mon Sep 17 00:00:00 2001
From: Hui Lan <lanhui@zjnu.edu.cn>
Date: Fri, 14 Aug 2020 07:49:40 +0800
Subject: main.py: add a word to textarea by highlighting it in the text.

---
 app/main.py | 30 ++++++++++++++++++++++--------
 1 file changed, 22 insertions(+), 8 deletions(-)

(limited to 'app')

diff --git a/app/main.py b/app/main.py
index b4fbee9..d6a59d6 100644
--- a/app/main.py
+++ b/app/main.py
@@ -222,7 +222,7 @@ def mainpage():
         page += '<p><b>%s</b></p>' % (get_random_ads())
         page += '<p>粘帖1篇文章 (English only)</p>'
         page += '<form method="post" action="/">'
-        page += ' <textarea name="content" rows="10" cols="80"></textarea><br/>'
+        page += ' <textarea name="content" rows="10" cols="120"></textarea><br/>'
         page += ' <input type="submit" value="get文章中的词频"/>'
         page += ' <input type="reset" value="清除"/>'
         page += '</form>'
@@ -288,19 +288,33 @@ def userpage(username):
         return page
     
     elif request.method == 'GET': # when we load a html page
-        page = '<meta charset="UTF8">'
-        page += '<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=3.0, user-scalable=yes" />'
-        page += '<meta name="format-detection" content="telephone=no" />' # forbid treating numbers as cell numbers in smart phones
+        page = '<meta charset="UTF8">\n'
+        page += '<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=3.0, user-scalable=yes" />\n'
+        page += '<meta name="format-detection" content="telephone=no" />\n' # forbid treating numbers as cell numbers in smart phones        
         page += '<p><b>English Pal for <font color="red">%s</font></b> <a href="/logout">登出</a></p>' % (username)
         page += '<p><a href="/%s">下一篇</a></p>' % (username)
         page += '<p><b>阅读文章并回答问题</b></p>\n'
-        page += '%s'  % (get_today_article(user_freq_record))
-        page += '<p><b>收集生词吧</b></p>'
+        page += '<div id="text-content">%s</div>'  % (get_today_article(user_freq_record))
+        page += '<p><b>收集生词吧</b> （可以在正文中划词，也可以复制黏贴）</p>'
         page += '<form method="post" action="/%s">' % (username)
-        page += ' <textarea name="content" rows="10" cols="80"></textarea><br/>'
+        page += ' <textarea name="content" id="selected-words" rows="10" cols="120"></textarea><br/>'
         page += ' <input type="submit" value="get 所有词的频率"/>'
         page += ' <input type="reset" value="清除"/>'
-        page += '</form>\n'        
+        page += '</form>\n'
+        page += ''' 
+                 <script>
+                   function getWord(){ 
+                       var word = window.getSelection?window.getSelection():document.selection.createRange().text;
+                       return word;
+                   }
+                   function fillinWord(){
+                       var element = document.getElementById("selected-words");
+                       element.value = element.value + " " + getWord();
+                   }
+                   document.getElementById("text-content").addEventListener("click", fillinWord, false);
+                 </script>
+                 '''
+        
         d = load_freq_history(user_freq_record)
         if len(d) > 0:
             page += '<p><b>我的生词簿</b></p>'
-- 
cgit v1.2.1