forked from mrlan/EnglishPal
				
			Fix bug 511
							parent
							
								
									546286f0bf
								
							
						
					
					
						commit
						c56e8d272c
					
				| 
						 | 
				
			
			@ -27,33 +27,6 @@
 | 
			
		|||
            animation: shakes 1600ms ease-in-out;
 | 
			
		||||
        }
 | 
			
		||||
 | 
			
		||||
      @keyframes shakes {
 | 
			
		||||
          10%, 90% { transform: translate3d(-1px, 0, 0); }
 | 
			
		||||
          20%, 50% { transform: translate3d(+2px, 0, 0); }
 | 
			
		||||
          30%, 70% { transform: translate3d(-4px, 0, 0); }
 | 
			
		||||
          40%, 60% { transform: translate3d(+4px, 0, 0); }
 | 
			
		||||
          50% { transform: translate3d(-4px, 0, 0); }
 | 
			
		||||
      }
 | 
			
		||||
 | 
			
		||||
      .lead{
 | 
			
		||||
          font-size: 22px;
 | 
			
		||||
          font-family: Helvetica, sans-serif;
 | 
			
		||||
          white-space: pre-wrap;
 | 
			
		||||
      }
 | 
			
		||||
 | 
			
		||||
      .arrow {
 | 
			
		||||
	  padding: 0;
 | 
			
		||||
	  font-size: 20px;
 | 
			
		||||
	  line-height: 21px;
 | 
			
		||||
	  display: inline-block;
 | 
			
		||||
      }
 | 
			
		||||
 | 
			
		||||
      .arrow:hover {
 | 
			
		||||
	  cursor: pointer;
 | 
			
		||||
      }
 | 
			
		||||
 | 
			
		||||
<<<<<<< HEAD
 | 
			
		||||
=======
 | 
			
		||||
        @keyframes shakes {
 | 
			
		||||
            10%, 90% {
 | 
			
		||||
                transform: translate3d(-1px, 0, 0);
 | 
			
		||||
| 
						 | 
				
			
			@ -89,7 +62,6 @@
 | 
			
		|||
            cursor: pointer;
 | 
			
		||||
        }
 | 
			
		||||
 | 
			
		||||
>>>>>>> 8cbc7c9 (修复快速点击下一页按钮点击频率过快时页面跳转到未知名页面)
 | 
			
		||||
    </style>
 | 
			
		||||
</head>
 | 
			
		||||
<body>
 | 
			
		||||
| 
						 | 
				
			
			@ -104,16 +76,6 @@
 | 
			
		|||
 | 
			
		||||
    </p>
 | 
			
		||||
    {% for message in get_flashed_messages() %}
 | 
			
		||||
<<<<<<< HEAD
 | 
			
		||||
    <div class="alert alert-warning alert-dismissible fade show" role="alert">
 | 
			
		||||
	{{ message }}
 | 
			
		||||
	<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
 | 
			
		||||
    </div>
 | 
			
		||||
    {% endfor %}
 | 
			
		||||
 | 
			
		||||
        <button class="arrow" id="load_next_article" onclick="load_next_article();Reader.stopRead()" title="下一篇 Next Article">⇨</button>
 | 
			
		||||
        <button class="arrow" id="load_pre_article" onclick="load_pre_article();Reader.stopRead()" style="display: none" title="上一篇 Previous Article">⇦</button>
 | 
			
		||||
=======
 | 
			
		||||
        <div class="alert alert-warning alert-dismissible fade show" role="alert">
 | 
			
		||||
            {{ message }}
 | 
			
		||||
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
 | 
			
		||||
| 
						 | 
				
			
			@ -126,23 +88,10 @@
 | 
			
		|||
    <button class="arrow" id="load_pre_article" onclick="load_pre_article();Reader.stopRead()" style="display: none"
 | 
			
		||||
            title="上一篇 Previous Article">⇦
 | 
			
		||||
    </button>
 | 
			
		||||
>>>>>>> 8cbc7c9 (修复快速点击下一页按钮点击频率过快时页面跳转到未知名页面)
 | 
			
		||||
 | 
			
		||||
    <p><b>阅读文章并回答问题</b></p>
 | 
			
		||||
    <div id="text-content">
 | 
			
		||||
        <div id="found">
 | 
			
		||||
<<<<<<< HEAD
 | 
			
		||||
            <div class="alert alert-success" role="alert">According to your word list, your level is <span class="text-decoration-underline" id="user_level">{{ today_article["user_level"] }}</span>  and we have chosen an article with a difficulty level of <span class="text-decoration-underline" id="text_level">{{ today_article["text_level"] }}</span> for you.</div>
 | 
			
		||||
                <p class="text-muted" id="date">Article added on: {{ today_article["date"] }}</p><br/>
 | 
			
		||||
            <div class="p-3 mb-2 bg-light text-dark" style="margin: 0 0.5%;"><br/>
 | 
			
		||||
            <p class="display-6" id="article_title">{{ today_article["article_title"] }}</p><br/>
 | 
			
		||||
            <p class="lead"><font id="article">{{ today_article["article_body"] }}</font></p><br/>
 | 
			
		||||
            <div>
 | 
			
		||||
                <p><small class="text-muted" id="source">{{ today_article['source'] }}</small></p><br/>
 | 
			
		||||
            </div>
 | 
			
		||||
            
 | 
			
		||||
            <p><b id="question">{{ today_article['question'] }}</b></p><br/>
 | 
			
		||||
=======
 | 
			
		||||
            <div class="alert alert-success" role="alert">According to your word list, your level is <span
 | 
			
		||||
                    class="text-decoration-underline" id="user_level">{{ today_article["user_level"] }}</span> and we
 | 
			
		||||
                have chosen an article with a difficulty level of <span class="text-decoration-underline"
 | 
			
		||||
| 
						 | 
				
			
			@ -158,7 +107,6 @@
 | 
			
		|||
                </div>
 | 
			
		||||
 | 
			
		||||
                <p><b id="question">{{ today_article['question'] }}</b></p><br/>
 | 
			
		||||
>>>>>>> 8cbc7c9 (修复快速点击下一页按钮点击频率过快时页面跳转到未知名页面)
 | 
			
		||||
                <script type="text/javascript">
 | 
			
		||||
                    function toggle_visibility(id) { {# https://css-tricks.com/snippets/javascript/showhide-element/#}
 | 
			
		||||
                        const e = document.getElementById(id);
 | 
			
		||||
| 
						 | 
				
			
			@ -197,11 +145,7 @@
 | 
			
		|||
    <form method="post" action="/{{ username }}/userpage">
 | 
			
		||||
        <textarea name="content" id="selected-words" rows="10" cols="120"></textarea><br/>
 | 
			
		||||
        <button class="btn btn-primary btn-lg" type="submit" onclick="Reader.stopRead()">把生词加入我的生词库</button>
 | 
			
		||||
<<<<<<< HEAD
 | 
			
		||||
        <button class="btn btn-primary btn-lg" type="reset">清除</button>
 | 
			
		||||
=======
 | 
			
		||||
        <button class="btn btn-primary btn-lg" type="reset" onclick="clearSelectedWords()">清除</button>
 | 
			
		||||
>>>>>>> 8cbc7c9 (修复快速点击下一页按钮点击频率过快时页面跳转到未知名页面)
 | 
			
		||||
    </form>
 | 
			
		||||
    {% if session.get['thisWord'] %}
 | 
			
		||||
        <script type="text/javascript">
 | 
			
		||||
| 
						 | 
				
			
			@ -252,14 +196,6 @@
 | 
			
		|||
{% endif %}
 | 
			
		||||
<script type="text/javascript">
 | 
			
		||||
    window.onload = function () { // 页面加载时执行
 | 
			
		||||
<<<<<<< HEAD
 | 
			
		||||
        // 刷新页面或进入页面时判断,若不是首篇文章,则上一篇按钮可见
 | 
			
		||||
        if(sessionStorage.getItem('pre_page_button')!="display" && sessionStorage.getItem('pre_page_button')){
 | 
			
		||||
            $('#load_pre_article').show();
 | 
			
		||||
        }
 | 
			
		||||
     };
 | 
			
		||||
    function load_next_article(){
 | 
			
		||||
=======
 | 
			
		||||
        const settings = {
 | 
			
		||||
            // initialize settings from localStorage
 | 
			
		||||
            highlightChecked: localStorage.getItem('highlightChecked') !== 'false', // localStorage stores strings, default to true. same below
 | 
			
		||||
| 
						 | 
				
			
			@ -310,7 +246,6 @@
 | 
			
		|||
 | 
			
		||||
    function load_next_article() {
 | 
			
		||||
        $("#load_next_article").prop("disabled", true)
 | 
			
		||||
>>>>>>> 8cbc7c9 (修复快速点击下一页按钮点击频率过快时页面跳转到未知名页面)
 | 
			
		||||
        $.ajax({
 | 
			
		||||
            url: '/get_next_article/{{username}}',
 | 
			
		||||
            dataType: 'json',
 | 
			
		||||
| 
						 | 
				
			
			@ -340,12 +275,8 @@
 | 
			
		|||
            }
 | 
			
		||||
        });
 | 
			
		||||
    }
 | 
			
		||||
<<<<<<< HEAD
 | 
			
		||||
    function update(today_article){
 | 
			
		||||
=======
 | 
			
		||||
 | 
			
		||||
    function update(today_article) {
 | 
			
		||||
>>>>>>> 8cbc7c9 (修复快速点击下一页按钮点击频率过快时页面跳转到未知名页面)
 | 
			
		||||
        $('#user_level').html(today_article['user_level']);
 | 
			
		||||
        $('#text_level').html(today_article["text_level"]);
 | 
			
		||||
        $('#date').html('Article added on: ' + today_article["date"]);
 | 
			
		||||
| 
						 | 
				
			
			@ -355,11 +286,6 @@
 | 
			
		|||
        $('#question').html(today_article["question"]);
 | 
			
		||||
        $('#answer').html(today_article["answer"]);
 | 
			
		||||
        document.querySelector('#text_level').classList.add('mark'); // highlight text difficult level for 2 seconds
 | 
			
		||||
<<<<<<< HEAD
 | 
			
		||||
        setTimeout(() => {document.querySelector('#text_level').classList.remove('mark');}, 2000);
 | 
			
		||||
        document.querySelector('#user_level').classList.add('mark'); // do the same thing for user difficulty level
 | 
			
		||||
        setTimeout(() => {document.querySelector('#user_level').classList.remove('mark');}, 2000);
 | 
			
		||||
=======
 | 
			
		||||
        setTimeout(() => {
 | 
			
		||||
            document.querySelector('#text_level').classList.remove('mark');
 | 
			
		||||
        }, 2000);
 | 
			
		||||
| 
						 | 
				
			
			@ -367,7 +293,6 @@
 | 
			
		|||
        setTimeout(() => {
 | 
			
		||||
            document.querySelector('#user_level').classList.remove('mark');
 | 
			
		||||
        }, 2000);
 | 
			
		||||
>>>>>>> 8cbc7c9 (修复快速点击下一页按钮点击频率过快时页面跳转到未知名页面)
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    <!-- 检查是否存在上一篇或下一篇,不存在则对应按钮隐藏-->
 | 
			
		||||
| 
						 | 
				
			
			@ -375,11 +300,7 @@
 | 
			
		|||
        if ((visited_articles == '') || (visited_articles['index'] <= 0)) {
 | 
			
		||||
            $('#load_pre_article').hide();
 | 
			
		||||
            sessionStorage.setItem('pre_page_button', 'display')
 | 
			
		||||
<<<<<<< HEAD
 | 
			
		||||
        } else {
 | 
			
		||||
=======
 | 
			
		||||
        } else {
 | 
			
		||||
>>>>>>> 8cbc7c9 (修复快速点击下一页按钮点击频率过快时页面跳转到未知名页面)
 | 
			
		||||
            $('#load_pre_article').show();
 | 
			
		||||
            sessionStorage.setItem('pre_page_button', 'show')
 | 
			
		||||
        }
 | 
			
		||||
| 
						 | 
				
			
			@ -410,3 +331,4 @@
 | 
			
		|||
</style>
 | 
			
		||||
 | 
			
		||||
</html>
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in New Issue