Procházet zdrojové kódy

add terms, add complete

huaisianhuang před 3 roky
rodič
revize
44a139efde

+ 3 - 22
step_question/apis/static/index2.html

@@ -15,7 +15,7 @@
   <div class="container">
     <div class="text-center">
       <img class="img-fluid" src="images/banner_top.jpg" alt="幸福空間 - 裝修市場問卷調查">
-    </div>  
+    </div>
 
     <form action="/step_questions/submit" method="post" id="msform">
       <div class="notice_card">
@@ -108,27 +108,8 @@
             <label class="mr fs-label-info" for="8e">50坪以上</label>
           </div>
           <br/>
-          <div class="terms">
-            幸福空間為了讓您能夠安心的在此平台填寫問卷資訊,特此向您說明本平台的隱私權保護政策,以保障您的權益,請您詳閱下列內容:
-          一、隱私權保護政策的適用範圍
-            隱私權保護政策內容,包括本平台如何處理在您使用網站服務時收集到的個人識別資料。
-
-          二、資料的蒐集與使用方式
-          為了在本平台上提供您最佳的互動性服務,可能會請您提供相關個人的資料,其範圍如下:
-          本平台在您使用服務信箱、問卷調查等互動性功能時,會保留您所提供的姓名、電子郵件地址、聯絡方式及使用時間等。於一般瀏覽時,伺服器會自行記錄相關行徑,包括您使用連線設備的IP位址、使用時間、使用的瀏覽器、瀏覽及點選資料記錄等,做為我們增進平台服務的參考依據,此記錄為內部應用。為提供精確的服務,我們會將收集的問卷調查內容進行統計與分析,分析結果之統計數據或說明文字呈現,僅供內部研究,但不涉及特定個人之資料。
-          三、資料之保護
-          本平台主機均設有防火牆、防毒系統等相關的各項資訊安全設備及必要的安全防護措施,加以保護平台及您的個人資料採用嚴格的保護措施。
-          如因業務需要有必要委託本平台相關單位提供服務時,本平台亦會嚴格要求其遵守保密義務,並且採取必要檢查程序以確定其將確實遵守。
-
-          四、平台對外的相關連結
-          本平台網頁提供其他網站的網路連結,您也可經由本平台所提供的連結,點選進入其他網站。但該連結網站不適用本平台的隱私權保護政策,您必須參考該連結網站中的隱私權保護政策。
-
-          五、Cookie之使用
-          為了提供您最佳的服務,本平台會在您的電腦中放置並取用我們的Cookie,若您不願接受Cookie的寫入,您可在您使用的瀏覽器功能項中設定隱私權等級為高,即可拒絕Cookie的寫入,但可能會導至平台某些功能無法正常執行 。
-
-          六、隱私權保護政策之修正
-          本網站隱私權保護政策將因應需求隨時進行修正,修正後的條款將刊登於平台上。
-
+          <div class="term-link">
+            <a href="index_terms.html" target="_blank">蒐集個人資料告知事項暨個人資料提供同意書<i class="fas fa-external-link-alt"></i></a>
           </div>
           <input id="checker2" type="checkbox" class="custom-control-input" value="" name="q9" checked>
           <label for="checker2" style="margin-bottom: .5rem;">我同意</label>

+ 1 - 1
step_question/apis/static/index_complete_line.html

@@ -26,7 +26,7 @@
         <div class="thankyou">
             <h3>再次感謝您的協助填寫</h3>
             <img src="images/checked.png" alt="" class="mb-2">
-            <p>5萬裝修折抵券已傳至您的LINE帳號,請您確認。</p>
+            <p>咖啡兌換卷快到手囉!點選【離開】後,我們將提供一組【專屬連結】進入兌換頁面。</p>
             <button class="btn-exit">離開</button>
         </div>
         </div>

+ 1 - 1
step_question/apis/static/index_complete_msg.html

@@ -26,7 +26,7 @@
         <div class="thankyou">
             <h3>再次感謝您的協助填寫</h3>
             <img src="images/checked.png" alt="" class="mb-2">
-            <p>5萬裝修折抵券已傳至您的Email信箱,請您確認。</p>
+            <p>當你點選【離開】後,我們會將5萬元裝修折抵卷寄到信箱!還請您留意收信喔。</p>
             <button class="btn-exit">離開</button>
         </div>
         </div>

+ 38 - 0
step_question/apis/static/index_terms.html

@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en" >
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>幸福空間 - 問卷調查</title>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp"
+    crossorigin="anonymous">
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
+  <link rel="stylesheet" href="./style.css">
+  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+</head>
+<body>
+    <div class="container">
+        <div class="text-center">
+          <img class="img-fluid" src="images/banner_top.jpg" alt="幸福空間 - 裝修市場問卷調查">
+        </div>  
+    </div>
+    <main>
+        <h2 class="h2">蒐集個人資料告知事項暨個人資料提供同意書</h2>
+      <div class="terms">
+        <ol class="pl-0">
+            <li>1. 幸福空間股份有限公司(以下簡稱本公司),依活動需要取得您個人資料,並依個人資料保護法及相關法令規定,蒐集、處理及利用您個人資料。</li>
+            <li>2. 需要提供以下個人資料:姓名、聯絡方式(包括但不限於電話號碼、E-MAIL)或其他得以直接或間接識別您個人之資料。 </li>
+            <li>3. 您同意本公司以您所提供的個人資料確認您的身份、與您進行聯絡,以及其他隱私權保護政策規範之使用方式。</li>
+            <li>4. 您可依個人資料保護法,就您的個人資料向本公司:
+                (1)請求查詢或閱覽、(2)製給複製本、(3)請求補充或更正、(4)請求停止蒐集、處理及利用或(5)請求刪除。但因本公司執行職務或業務所必需者,本公司得拒絕之。</li>
+            <li>5. 若您所提供之個人資料,經檢舉或本公司發現不足以確認您的身分真實性或其他個人資料冒用、盜用、資料不實等情形,本公司有權停止提供對您的服務,若有不便之處敬請見諒。 </li>
+            <li>6. 您瞭解此一同意符合個人資料保護法及相關法規之要求,具有書面同意本公司蒐集、處理及利用您個人資料之效果。</li>
+        </ol>
+        </div>
+    </main>
+    <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
+    <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js'></script>
+    <script src="./script.js"></script>
+</body>
+</html>

+ 18 - 2
step_question/apis/static/style.css

@@ -260,16 +260,32 @@ select {
 	background-color: transparent;
 }
 
+.pl-0 {
+	padding-left: 0;
+}
+
 .terms {
 	font-size: .9rem;
-	width: 90%;
+	width: 95%;
 	min-width: 250px;
-	height: 90px;
+	height: auto;
 	overflow: scroll;
 	margin-bottom: 1rem;
 	margin-left: auto;
 	margin-right: auto;
 	border: 1px solid rgb(163, 163, 163);
+	line-height: 1.5rem;
+}
+
+.term-link a {
+	text-decoration: none;
+}
+
+.h2 {
+	text-align: center;
+	font-size: 1.2rem;
+	font-weight: 500;
+	margin-top: 2rem;
 }
 
 .left_align {