From a45c11198ca42b2ce28a2a57bf45b26ab1d4477c Mon Sep 17 00:00:00 2001
From: SeanChenTaipei <sean96545@gmail.com>
Date: Tue, 14 Mar 2023 15:21:39 +0800
Subject: [PATCH] m

---
 templates/strategy_tw.html | 65 +++++++++++++++++++-------------------
 1 file changed, 33 insertions(+), 32 deletions(-)

diff --git a/templates/strategy_tw.html b/templates/strategy_tw.html
index f3b6152..2a94e3d 100644
--- a/templates/strategy_tw.html
+++ b/templates/strategy_tw.html
@@ -51,6 +51,35 @@ div.card{
                 <li><span class="fa-li"><i class="fa-solid fa-scroll"></i></span>未輸入投資組合名稱則會由系統隨機生成。</li>
             </ul>
         </div>
+        <div class="modal" id="intro" tabindex="-1" data-bs-backdrop="static">
+            <div class="modal-dialog">
+              <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="card-title text-xl font-bold pt-2">
+                        {% if session.tw == 1 %}台股{% endif %}投資組合策略建立指南</h5>
+                </div>
+                <div class="modal-body">
+                    <ol class="list-group list-group-flush list-group-numbered">
+                        <li class="list-group-item">
+                            <span class="ps-2">輸入投資組合名稱。</span>
+                        </li>
+                        <li class="list-group-item">
+                            <span class="ps-2">選擇所參加的課程或競賽。</span>
+                        </li>
+                        <li class="list-group-item"><span class="ps-2">選擇資產後按下 <span class="badge bg-secondary">加入</span>。</li>
+                        <li class="list-group-item"><span class="ps-2">按下 <button type="button" class="btn btn-outline-primary btn-sm" disabled>確認資產</button> 後查看資產價格動態圖表。</span></li>
+                        <li class="list-group-item"><span class="ps-2">刪除不加入投資組合的資產。</span></li>
+                        <li class="list-group-item"><span class="ps-2">選擇建立策略相關參數。</span></li>
+                        <li class="list-group-item"><span class="ps-2">按下 <button type="button" class="btn btn-outline-danger btn-sm" disabled>確認建立</button> 並查看回傳訊息。</span></li>
+                    </ol>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">了解 !</button>
+                </div>
+              </div>
+            </div>
+        </div>
+        
         <div class="row">
             <!-- <div class="col-lg-6 col-md-6 col-sm-12">
                 <div class="card my-2 font-bold" style="border-radius: 7px;">
@@ -236,34 +265,7 @@ div.card{
               </div>
             </div>
         </div>
-        <div class="modal" id="intro" tabindex="-1" data-bs-backdrop="static">
-            <div class="modal-dialog">
-              <div class="modal-content">
-                <div class="modal-header">
-                    <h5 class="card-title text-xl font-bold pt-2">
-                        {% if session.tw == 1 %}台股{% endif %}投資組合策略建立指南</h5>
-                </div>
-                <div class="modal-body">
-                    <ol class="list-group list-group-flush list-group-numbered">
-                        <li class="list-group-item">
-                            <span class="ps-2">輸入投資組合名稱。</span>
-                        </li>
-                        <li class="list-group-item">
-                            <span class="ps-2">選擇所參加的課程或競賽。</span>
-                        </li>
-                        <li class="list-group-item"><span class="ps-2">選擇資產後按下 <span class="badge bg-secondary">加入</span>。</li>
-                        <li class="list-group-item"><span class="ps-2">按下 <button type="button" class="btn btn-outline-primary btn-sm" disabled>確認資產</button> 後查看資產價格動態圖表。</span></li>
-                        <li class="list-group-item"><span class="ps-2">刪除不加入投資組合的資產。</span></li>
-                        <li class="list-group-item"><span class="ps-2">選擇建立策略相關參數。</span></li>
-                        <li class="list-group-item"><span class="ps-2">按下 <button type="button" class="btn btn-outline-danger btn-sm" disabled>確認建立</button> 並查看回傳訊息。</span></li>
-                    </ol>
-                </div>
-                <div class="modal-footer">
-                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">了解 !</button>
-                </div>
-              </div>
-            </div>
-        </div>
+        
     </div>
 </div>
 
@@ -271,11 +273,10 @@ div.card{
 {% block script %}
 <script src="{{ url_for('static', filename='js/addStock.js') }}"></script>
 <script type="text/javascript">
-$(function() {
-    $('#intro').modal('show'); 
-});
+    window.onload = function () {
+        $('#intro').modal('show'); 
+    };
 </script>
-
 <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
 {% endblock script %}