Tunwalai ธัญวลัย
เพื่อประสบการณ์ที่ดีกว่าบนมือถือ
เปิดแอป
เข้าสู่ระบบ
หน้าแรก
นิยาย
อีบุ๊ก
การ์ตูน
ธัญลิสต์
ค้นหา
เข้าสู่ระบบ
หน้าแรก
นิยาย
อีบุ๊ก
การ์ตูน
ธัญลิสต์
ค้นหา
ปลดล็อกแอปธัญวลัย (แอนดรอยด์)
เนื่องจากเหตุผลทางเทคนิคบางประการ ทำให้ผู้ใช้งานแอปธัญวลัยบนแอนดรอยด์ต้องทำการยืนยันเพื่อปลดล็อกระบบทั้งหมดของแอปก่อน จึงจะสามารถใช้งานแอปได้เหมือนเดิม
หากท่านอยากให้แอปกลับมาเป็นเหมือนเดิม กรุณากด "ยืนยัน"
ยกเลิก
ยืนยัน
คุณได้กดยืนยันเพื่อปลดล็อกแอปธัญวลัย (แอนดรอยด์) แล้ว สามารถใช้แอปแบบปกติได้เลยนะคะ :)
เปิดแอปธัญวลัย
สำเร็จ
ไม่สำเร็จ
เดือนพราย
566
ผู้ติดตาม
0
กำลังติดตาม
ติดตามแล้ว
ติดตาม
ให้ดาว
บล็อกผู้ใช้งาน
คนเขียนฝันคนหนึ่ง ฝากเนื้อฝากตัวด้วยค่ะ
</div> <a role="button" id="collapseStoryTag" data-bs-toggle="collapse" class="collapse-story story-stats-icon" href="#paragraphArea" aria-controls="paragraphArea" style="display: flex; justify-content: center; padding-top: 16px; "> <span id="segmentCollapseText" style="display: flex; width: 100px;">แสดงเพิ่มเติม <i class="icon-tunwalai-line-down m-auto"></i></span> </a> </div> </div> </div> <div class="container container-visitor container-inner"> <div class="row row-cols-2 row-cols-md-5 g-0 mt-4 stats-group"> <div class="col text-left"> <div class="small-column-auto d-flex align-items-center"> <i class="icon-tunwalai-line-eye font-24 story-stats-icon"></i> <p class="font-20 font-med65 mb-0 lh-1">791K</p> <p class="ms-2 font-med65 story-stats-text font-20 mb-0 lh-1">เข้าชม</p> </div> </div> <div class="col text-left"> <div class="small-column-auto d-flex align-items-center pointer" id="bookmarkModal"> <i class="icon-tunwalai-line-bookmark font-24 story-stats-icon"></i> <p class="font-20 font-med65 mb-0 lh-1">3.9K</p> <p class="ms-2 font-med65 story-stats-text font-20 mb-0 lh-1">เพิ่มลงคลัง</p> </div> </div> <div class="col text-left"> <div class="small-column-auto d-flex align-items-center pointer" id="likeModal"> <i class="icon-tunwalai-line-thumb font-24 story-stats-icon"></i> <p class="font-20 font-med65 mb-0 lh-1">2.56K</p> <p class="ms-2 font-med65 story-stats-text font-20 mb-0 lh-1">ถูกใจ</p> </div> </div> <div class="col text-left"> <div class="small-column-auto d-flex align-items-center"> <i class="icon-tunwalai-line-download font-24 story-stats-icon"></i> <p class="font-20 font-med65 mb-0 lh-1">0</p> <p class="ms-2 font-med65 story-stats-text font-20 mb-0 lh-1">ดาวน์โหลด</p> </div> </div> <div class="col text-left"> <div class="small-column-auto d-flex align-items-center pointer" id="commentModal"> <i class="icon-tunwalai-line-comment font-24 story-stats-icon"></i> <p class="font-20 font-med65 mb-0 lh-1" id="stat_comment">2.86K</p> <p class="ms-2 font-med65 story-stats-text font-20 mb-0 lh-1">ความคิดเห็น</p> </div> </div> </div> </div> <div id="store-list-data"> </div> <div class="container container-inner"> <div class="library-header position-relative" id="myWorks"> <div class="justify-content-center"> <div class="row"> <div class="col-12 mt-16 d-flex"> <h2 class="sub-header sub-header--story active me-5 active"> <a href="#novellibrary" id="story-btn">นิยายทั้งหมด (<span id="total_story"></span>)</a> </h2> <h2 class="sub-header sub-header--ebook me-5"> <a href="#ebooklibrary" id="ebook-btn">อีบุ๊กทั้งหมด (<span id="total_ebook"></span>)</a> </h2> <h2 class="sub-header sub-header--comic me-5"> <a href="#comiclibrary" id="comic-btn">การ์ตูนทั้งหมด (<span id="total_comic"></span>)</a> </h2> <h2 class="sub-header sub-header--tunlist"> <a href="#tunlistlibrary" id="tunlist-btn">ธัญลิสต์ทั้งหมด (<span id="total_tunlist"></span>)</a> </h2> </div> </div> </div> </div> <div class="row row-section mt-0 pb-5 hide" id="searchData"> </div> <div class="row row-section mt-0 pb-5 d-none emptyData"> <div class="empty-state"> <p class="text-center mt-4 mt-md-5"> <img src="https://cdn-th.tunwalai.net/files/responsive/asset/tanya/tunya_writer.png" alt="No data available"> </p> <p class="text-center nodata font-24"></p> </div> </div> </div> </section> <section class="blog-comment-content"> <div class="container mb-3" style="border-radius: 8px;"> <div class="row g-0 pb-16"> <div class="d-flex col-7 mb-2"> <h2 class="page-topic mb-2 sub-header sub-header-comment active me-4 me-md-5"> <a href="#comment" title="แสดงความคิดเห็น" id="btn-comment">แสดงความคิดเห็น</a> </h2> <h2 class="page-topic sub-header sub-header-fanboard mb-2"> <a href="#fanboard" title="แฟนบอร์ด" id="btn-fanboard">แฟนบอร์ด</a> </h2> </div> <div class="col-5 d-flex align-items-center justify-content-end mb-md-0 mb-3"> </div> <div class="show-comment"> <div class="col-12 mb-4"> <style> .comment-signup { background-color: #FFF7F2; border-radius: 8px; border: solid 1px #FFF7F2; height: 175px; padding: 45px; } </style> <div class="col-12 text-center comment-signup" > <p class="font-20 f-normal-65">กรุณาเข้าสู่ระบบเพื่อแสดงความคิดเห็น</p> <button onclick="redirectLogin('')" class="btn btn-tunwalai login-button-review f-normal-65 font-24">เข้าสู่ระบบ</button> </div> <script> $(".login-button-review").click(function () { window.location.href = "/Home/CallServiceLogin?returnUrl=" + window.location.pathname; }); </script> </div> </div> <div class="show-fanboard d-none" id="fanboard"> <style> .comment-signup { background-color: #FFF7F2; border-radius: 8px; border: solid 1px #FFF7F2; height: 175px; padding: 45px; } </style> <div class="col-12 text-center comment-signup" > <p class="font-20 f-normal-65">กรุณาเข้าสู่ระบบเพื่อพิมพ์ข้อความบนแฟนบอร์ด</p> <button onclick="redirectLogin('#fanboard')" class="btn btn-tunwalai login-button-review f-normal-65 font-24">เข้าสู่ระบบ</button> </div> <script> $(".login-button-review").click(function () { window.location.href = "/Home/CallServiceLogin?returnUrl=" + window.location.pathname; }); </script> </div> </div> <div class="show-comment"> <div class="col-12 comments position-relative mt-3"> <input id="loginId" name="loginId" type="hidden" value="0" /> <input id="profileId" name="profileId" type="hidden" value="140216" /> <input id="statusAdmin" name="statusAdmin" type="hidden" value="False" /> <h2 class="page-topic position-relative md-position-absolute mb-0" style="top: -50px;" id="commentCount">ความคิดเห็นทั้งหมด (<span id="totalComment"></span>)</h2> <div id="noDataComments" style="padding-bottom: 50px;"> <div class="table-no-data align-items-center d-flex justify-content-center"><span class="table-no-data-text ">ยังไม่มีการแสดงความคิดเห็น</span></div> </div> <table style=" width: 100%; table-layout: fixed; margin-bottom: 10px; margin-top: 10px;" id="tbComment"></table> </div> <div id="commentReply"></div> </div> <div class="show-fanboard d-none"> <div class="col-12 comments position-relative mt-2"> <div class="page-topic position-relative md-position-absolute" id="fanboardCount">แฟนบอร์ดทั้งหมด (<span id="totalFanboard"></span>)</div> <div id="noDataFanboard" class="d-none"> <div class="table-no-data align-items-center d-flex justify-content-center"><span class="table-no-data-text">ไม่มีแฟนบอร์ด</span></div> </div> <div class="col-12 container-fanboard-datatable"> <table class="table mb-4 pb-1 pt-2" id="fanboardList"> <thead> <tr> <th></th> </tr> </thead> <tbody> <tr> <td class="border-0"> <div class="comment-row row col-12 g-0 "> <div class="col-auto position-relative"> <a href="/profile/172472"> <img class="img-circle" title="avatar" src="https://cdn-th.tunwalai.net/files/profile/172472/636447876572911910-member.jpg" height="32" width="32" style="margin-right:19px;" /> </a> </div> <div class="col-7 col-md-9 ps-3"> <a href="/profile/172472" class="text-truncate comment-commenter"> Padlom </a> <div class="comment-message one-line-text"> ไรท์หายไปไหนน้ออออออิ </div> <div class="comment-amout d-flex align-items-center font-20 font-med65"> <a href="/Fanboard/topic/9576?viewerOokbeeNumericId=0&profileOokbeeNumericId=6170514" title="Fan board topic" class="d-flex align-items-center" )> <i class="icon-tunwalai-line-message me-1"></i>ข้อความ (1) </a> </div> </div> <div class="col-3 col-md-2 ms-auto"> <div class="d-flex flex-row justify-content-end align-items-end mb-1 position-relative"> <span class="text-end fanboard-content-date time-ago" data-time-ago="2022-09-08T07:03:03.6370000Z">09/08/2022 07:03:03</span> </div> </div> </div> </td> </tr> </tbody> </table> </div> </div> </div> <style> .emotion-body { overflow-y:scroll; height: 400px; } .emotion-body::-webkit-scrollbar { display: none; } .emotion-body { -ms-overflow-style: none; scrollbar-width: none; } </style> <div id="dialog-modal-show-emotions" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <div class="float-end position-relative"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-info-title w-100">เลือกสติกเกอร์</div> <div class="emotion-body"> <div class="row emotion-ui"> <ul> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/1.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/11.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/1158925_4598997.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/14.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/15.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/16.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/18.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/2.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/3.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/5.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/6.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/64_1.png" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/64_19.png" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/64_20.png" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/64_28.png" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/64_35.png" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/64_38.png" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/64_6.png" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/900168017.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/907151836.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/908077191.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/909228961.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/913288247.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/919002014.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/928425071.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/931321481.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/932442791.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/933419740.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/935369370.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/937005481.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/940224679.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/940275056.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/944503837.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/946193729.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/950535617.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/951204049.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/951236191.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/952284046.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/954168845.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/958168993.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/958426314.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/9bbc76d5.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/Cartoon00021.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/Cartoon000210.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/Cartoon000211.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/Cartoon000213.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/Cartoon000214.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/Cartoon000217.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/Cartoon000219.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/Cartoon000220.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/Cartoon000221.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/Cartoon000222.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/Cartoon00023.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/Cartoon00024.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/Cartoon00025.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/Cartoon00027.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/Green-Ant00002.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/Handsom00006.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/Huahed00015.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/Kikucow00005.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/Lady00002.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/Moo00002.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/Panda00002.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/Pink Pig00002.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/Pirate00002.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/TLC_090-20080408_Thai.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/Tiger00021.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/Yellow-Head00002.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/a550924622.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/eta.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/f529a952.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/f5f49335.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/owo2z.gif" onclick='Emotions(this);' /> </li> <li> <img src="https://cdn-th.tunwalai.net/files/emotions/yv01..gif" onclick='Emotions(this);' /> </li> </ul> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> //document.getElementById('myField').value = 'spam-comment'; var emotionModal = function () { $("#dialog-modal-show-emotions").modal('show'); } $(document).ready(function () { var wbbOpt = { buttons: "bold,italic,underline,emotion", allButtons: { bold: { buttonHTML: '<i class="icon-tunwalai-line-bold m-auto wbb-toolbar" />' }, italic: { buttonHTML: '<i class="icon-tunwalai-line-italic m-auto wbb-toolbar" />' }, underline: { buttonHTML: '<i class="icon-tunwalai-line-underline m-auto wbb-toolbar" />' }, emotion: { title: "Emotion", buttonHTML: '<i class="icon-tunwalai-line-smile m-auto wbb-toolbar" />', cmd: emotionModal, transform: { '<img src="{SRC}" />': '[img]{SRC}[/img]' } } } } $("#editor").wysibb(wbbOpt); }); //var wWidth = $(window).width(); //if (wWidth > 600) { // $("#dialog-modal-show-emotions").dialog({ // width: 590, // height: 500, // modal: true, // autoOpen: false // }); //} //else if (wWidth < 330) { // $("#dialog-modal-show-emotions").dialog({ // width: 220, // height: 250, // modal: true, // autoOpen: false // }); //} //else { // $("#dialog-modal-show-emotions").dialog({ // width: wWidth * 0.8, // height: 300, // modal: true, // autoOpen: false // }); //} function Emotions(emotions) { var src = emotions.src; if (src == null) src = "#"; $("#editor").data('wbb').wbbInsertCallback("emotion", { SRC: src }); $("#dialog-modal-show-emotions").modal('hide'); } </script> <div style="display:none;" id="tempData"></div> <div style="display:none;" id="tempTunlistData"></div> <div style="display:none;" id="tempcomicData"></div> </div> </section> <div id="donateModal" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <div class="float-end position-relative"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-info-title w-100" id="modalTitle">ให้ดาวนักเขียน</div> <div class="row col-12 donate-radio g-0" > <div class="col-12 donate-writer"><img src="https://cdn-th.tunwalai.net/files/profile/140216/637356709897284642-member.jpg" class="img-circle" width="120" height="120" /></div> <div class="col-12 donate-writer one-line-text"><span class="dropdown-menu-text">เดือนพราย</span></div> <div class="col-12 donate-writer" style=" border-radius: 8px; background-color: #fff7f2; width: 420px; height: 48px; padding-top: 9px;"> <span class="dropdown-menu-text">100 </span> <img src="https://cdn-th.tunwalai.net/files/responsive/star_90x90.png" width="16" height="16" style=" margin-top: -6px; margin-left: 4px;"> <span class="dropdown-menu-text" style="margin:4px;"> = </span> <span class="dropdown-menu-text">100</span> <img src="https://cdn-th.tunwalai.net/files/responsive/tun_coin_v2.png" width="16" height="16" style=" margin-top: -4px; margin-left: 4px;"> </div> <input type="radio" id="starAmount0" name="starAmount" value="100" class="btn-check donate-radio" /> <label for="starAmount0" class="donate-box" style="width: 48% !important; margin-right: 4% !important;"> <span class="dropdown-menu-text">100</span> <img src="https://cdn-th.tunwalai.net/files/responsive/star_90x90.png" width="16" height="16" style="margin-top:-6px;"> </label> <input type="radio" id="starAmount1" name="starAmount" value="200" class="btn-check donate-radio" /> <label for="starAmount1" class="donate-box" style="width: 48% !important; margin-right: 0px !important;"> <span class="dropdown-menu-text">200</span> <img src="https://cdn-th.tunwalai.net/files/responsive/star_90x90.png" width="16" height="16" style="margin-top:-6px;"> </label> <input type="radio" id="starAmount2" name="starAmount" value="300" class="btn-check donate-radio" /> <label for="starAmount2" class="donate-box" style="width: 48% !important; margin-right: 4% !important;"> <span class="dropdown-menu-text">300</span> <img src="https://cdn-th.tunwalai.net/files/responsive/star_90x90.png" width="16" height="16" style="margin-top:-6px;"> </label> <input type="radio" id="starAmount3" name="starAmount" value="500" class="btn-check donate-radio" /> <label for="starAmount3" class="donate-box" style="width: 48% !important; margin-right: 0px !important;"> <span class="dropdown-menu-text">500</span> <img src="https://cdn-th.tunwalai.net/files/responsive/star_90x90.png" width="16" height="16" style="margin-top:-6px;"> </label> <input type="radio" id="starAmount4" name="starAmount" value="1000" class="btn-check donate-radio" /> <label for="starAmount4" class="donate-box" style="width: 48% !important; margin-right: 4% !important;"> <span class="dropdown-menu-text">1,000</span> <img src="https://cdn-th.tunwalai.net/files/responsive/star_90x90.png" width="16" height="16" style="margin-top:-6px;"> </label> <input type="radio" id="starAmount5" name="starAmount" value="2000" class="btn-check donate-radio" /> <label for="starAmount5" class="donate-box" style="width: 48% !important; margin-right: 0px !important;"> <span class="dropdown-menu-text">2,000</span> <img src="https://cdn-th.tunwalai.net/files/responsive/star_90x90.png" width="16" height="16" style="margin-top:-6px;"> </label> <input type="radio" id="starAmount6" name="starAmount" value="3000" class="btn-check donate-radio" /> <label for="starAmount6" class="donate-box" style="width: 48% !important; margin-right: 4% !important;"> <span class="dropdown-menu-text">3,000</span> <img src="https://cdn-th.tunwalai.net/files/responsive/star_90x90.png" width="16" height="16" style="margin-top:-6px;"> </label> <input type="radio" id="starAmount7" name="starAmount" value="5000" class="btn-check donate-radio" /> <label for="starAmount7" class="donate-box" style="width: 48% !important; margin-right: 0px !important;"> <span class="dropdown-menu-text">5,000</span> <img src="https://cdn-th.tunwalai.net/files/responsive/star_90x90.png" width="16" height="16" style="margin-top:-6px;"> </label> <input type="radio" id="starAmount8" name="starAmount" value="10000" class="btn-check donate-radio" /> <label for="starAmount8" class="donate-box" style="width: 48% !important; margin-right: 4% !important;"> <span class="dropdown-menu-text">10,000</span> <img src="https://cdn-th.tunwalai.net/files/responsive/star_90x90.png" width="16" height="16" style="margin-top:-6px;"> </label> <div class="mt-4"> <button type="button" id="donate-submit" class="btn see-all btn-tunwalai w-100">ตกลง</button> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function () { $('#donate-submit').prop('disabled', true); $('input[name=starAmount]:radio').change(function () { $("#donate-submit").removeAttr('disabled'); }); $('#donate-submit').click(function () { $('#donate-submit').prop('disabled', true); $('#donate-submit').text("กำลังดำเนินการ"); var amount = $("input[name=starAmount]:checked").val(); $.ajax({ type: 'POST', url: "/Profile/DonateProfileStar", data: { profileOBId: 6170514, amount: amount }, dataType: "json", success: function (respone) { if (respone.isSuccess) { AlertToastSuccess("ให้ดาวนักเขียนสำเร็จ", "ขอบคุณสำหรับการสนับสนุนนักเขียน", true); } else { if (respone.redirect) { AlertModalRedirect(respone.errorMsg, null, false, "ซื้อเหรียญ", respone.redirect); } else { AlertModal(respone.errorMsg, null, false); } } }, error: function (response) { AlertModal("ทำรายการไม่สำเร็จ", null, false); }, complete: function () { $('#donateModal').modal('hide'); $('#donate-submit').text("ตกลง"); $("#donate-submit").removeAttr('disabled'); } }); }); }); </script> <div id="deleteModal" class="modal fade" tabindex="-1" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <div class="float-end position-relative"> <button type="button" class="btn-close btn-close-fanboard" data-bs-dismiss="modal" aria-label="Close"></button> </div> <h4 class="modal-info-title w-100 mb-4 lh-1" id="modalTitleFanboard"></h4> <div class="modal-info-message text-center"> <p class="mb-4 pb-2"> <img src="https://cdn-th.tunwalai.net/files/responsive/asset/tanya/Tanya03.png" alt="Tunya" width="200" height="200" /> </p> <p class="f-normal-65 mb-4" id="modalMessageFanboard"></p> </div> <div class="d-flex flex-row"> <button type="button" class="w-100 btn btn-tunwalai-outline me-2" data-bs-dismiss="modal">ยกเลิก</button> <button type="button" id="delete-btn" class="w-100 btn btn-tunwalai ms-1">ตกลง</button> </div> </div> </div> </div> </div> <script type="text/javascript"> var deleteItem = ''; var deleteItemId = null; function AlertFanboardModal(message, title, itemToBeDeleted, itemId) { deleteItem = itemToBeDeleted; deleteItemId = itemId; if (title) { modalTitle = title; } if (message) { modalMessage = message; } $("#modalTitleFanboard").html(modalTitle); $("#modalMessageFanboard").html(modalMessage); $("#deleteModal").modal('show'); } </script> <style> .follow-data-not-found { text-align: center; } .follow-data-modal-body { overflow-y: auto; } #followList img { min-width : 48px; } </style> <div class="modal fade" id="followModal" tabindex="-1" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <div class="float-end position-relative"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-info-title w-100" id="followTitle"></div> <div class="modal-info-message"> <div class="font-24 f-bold-75"> <span id="followSubTitle"></span> (<span id="followCount"></span>) </div> <div class="follow-data-modal-body pe-3 pe-md-4"> <div id="followList"> </div> <div id="loadFollowDataMoreBtn" class="load-more" style="display: none;"> <span>โหลดเพิ่มเติม</span> </div> </div> <div class="follow-data-not-found" style="display: none;"> <img src="https://cdn-th.tunwalai.net/files/responsive/asset/tanya/Tanya03.png" style="width: 200px;" /> <div class="font-24 pt-24">ไม่พบข้อมูล</div> </div> </div> </div> </div> </div> </div> <input type="hidden" id="followModalNextCursor" value="" /> <input type="hidden" id="followerCount" value="566" /> <input type="hidden" id="followingCount" value="0" /> <input type="hidden" id="currentFollowType" /> <script> function UpdateFollowingCount(isFollow) { var fwc = $("#followingCount").val(); if (isFollow) { $("#followingCount").val(+fwc + +1); } else { $("#followingCount").val(+fwc - +1); } fwc = $("#followingCount").val(); $("#totalFollowing").text(numberFormatter(fwc)); var type = $("#currentFollowType").val(); if (type == 0) { $("#followCount").text(numberFormatter(fwc)); } } $(document).ready(function () { $("#followingBtn").click(function () { GetFollowData(0, true); }); $("#followerBtn").click(function () { GetFollowData(1, true); }); $("#loadFollowDataMoreBtn").click(function () { GetFollowData($('#currentFollowType').val(), false); }); function SetInitialDataModal(type) { var scHeight = screen.height; contentHeight = scHeight > 708 ? 508 : scHeight - 200; $(".follow-data-modal-body").css("max-height", contentHeight) $('#currentFollowType').val(type); $('#followModalNextCursor').val(""); var title = type == 0 ? "กำลังติดตาม" : "ผู้ติดตาม"; var count = type == 0 ? $("#followingCount").val() : $("#followerCount").val(); $("#followTitle").text(title); $("#followSubTitle").text(title); $("#followCount").text(numberFormatter(count)); $('#loadFollowDataMoreBtn').hide(); $(".follow-data-not-found").hide(); } function GetFollowData(type, isFirstLoad) { $('#loadFollowDataMoreBtn').hide(); var url = type == 0 ? '/Profile/LoadFollowing' : '/Profile/LoadFollower'; if (isFirstLoad) { SetInitialDataModal(type); $('#followList').empty(); } $.ajax({ url: url, type: "GET", data: { memberId: 140216, page: $('#followModalNextCursor').val(), }, success: function (data) { if (data.isSuccess) { if (data.total > 0) { $('#followList').append(data.items); if (!data.isEnd) { $('#followModalNextCursor').val(data.nextPage); $('#loadFollowDataMoreBtn').show(); } if (isFirstLoad) { $("#followModal").modal("show"); } } else { if (isFirstLoad) { $("#followModal").modal("show"); $(".follow-data-not-found").show(); } } } else { if (isFirstLoad) { AlertModal(data.errorMsg, null, false); } } }, error: function (err) { if (isFirstLoad) { AlertModal("ระบบเกิดข้อผิดพลาด กรุณาทำข้อมูลใหม่อีกครั้ง.", null, false); } } }); } }); </script> <div id="sortStoreFront"></div> <div class="modal fade" id="statsModal" tabindex="-1" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <div class="float-end position-relative"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <h4 class="modal-info-title w-100 mb-4 pb-8" id="statsModalTitle"></h4> <div class="modal-info-message text-center" id="statsModalMessage"> <div class="row mb-4"> <div class="col-6 text-start"> <span class="text-gray f-normal-65 font-20">นิยาย</span> </div> <div class="col-6 text-end"> <span class="text-black f-normal-65 font-18" id="lb_story">0</span> </div> </div> <div class="row mb-4"> <div class="col-6 text-start"> <span class="text-gray f-normal-65 font-20">การ์ตูน</span> </div> <div class="col-6 text-end"> <span class="text-black f-normal-65 font-18" id="lb_comic">0</span> </div> </div> <div class="row mb-4"> <div class="col-6 text-start"> <span class="text-gray f-normal-65 font-20">ธัญลิสต์</span> </div> <div class="col-6 text-end"> <span class="text-black f-normal-65 font-18" id="lb_tunlist">0</span> </div> </div> <div class="row row-disable d-none"> <div class="col-6 text-start"> <span class="text-gray f-normal-65 font-20">โปรไฟล์</span> </div> <div class="col-6 text-end"> <span class="text-black f-normal-65 font-18" id="lb_profile">0</span> </div> </div> <hr/> <div class="row"> <div class="col-9 col-md-8 text-start"> <span class="text-gray f-normal-65 font-20" id="AmountMessage"></span> </div> <div class="col-3 col-md-4 text-end"> <span class="text-black f-normal-65 font-18" id="lb_total">0</span> </div> </div> </div> <div class="pt-24"> <button type="button" class="w-100 btn btn-tunwalai" data-bs-dismiss="modal">ตกลง</button> </div> </div> </div> </div> </div> <style> .share-col { display: grid; align-items: center; } </style> <style> .sns-share { margin: 0 8px; cursor: pointer; } a.sns-share:hover, a.sns-share:focus { text-decoration: none; color: #000; } .sns-logo-share { width: 36px; height: 36px; } .sns-mobile-right { position: fixed; right: 0; bottom: 30px; z-index: 1; } .copy-link { border-radius: 25px; background-color: #eaeaea; color: #000; padding: 6px 12px; } </style> <script> window.fbAsyncInit = function () { FB.init({ appId: '161253984248787', xfbml: true, version: 'v2.2' }); FB.Event.subscribe( 'ad.loaded', function (placementId) { console.log('Audience Network ad loaded'); document.getElementById('ad_root').style.display = 'block'; } ); FB.Event.subscribe( 'ad.error', function (errorCode, errorMessage, placementId) { console.log('Audience Network error (' + errorCode + ') ' + errorMessage); } ); }; //For Facebook SDK. (function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) { return; } js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); function CopyUrl(shareUrl) { navigator.clipboard.writeText(shareUrl); AlertToastSuccess("คัดลอกลิงก์สำเร็จ", null, true); } function ShareOnFacebook(shareUrl) { FB.ui({ method: 'share', href: shareUrl, }, function (response) { }); } function ShareOnTwitter(shareUrl) { var link = "https://twitter.com/share?url=" + shareUrl; window.open(link, '', 'resizable=yes,scrollbars=yes'); } function ShareOnLine(shareUrl) { var link = "https://social-plugins.line.me/lineit/share?url=" + shareUrl; window.open(link, '', 'resizable=yes,scrollbars=yes'); } </script> <div id="shareLinkModal" class="modal fade"> <div class="modal-dialog"> <div class="modal-content text-center" style="max-width: 390px; margin: auto;"> <div class="modal-body"> <div class="float-end position-relative"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-info-title w-100" id="modalTitle">แชร์</div> <div class="col-12 row g-0" style="padding-top: 25px;padding-bottom: 12px;"> <div class="col share-col"> <a class="sns-share" id="shareFacebookUrl"> <img src="https://cdn-th.tunwalai.net/files/responsive/tun_award/icon/ic_facebook.png" alt="Facebook" height="32" width="32" /> <div class="med-16-black">Facebook</div> </a> </div> <div class="col share-col"> <a class="sns-share" id="shareTwitterUrl"> <img src="https://cdn-th.tunwalai.net/files/responsive/tun_award/icon/ic_twitter.png" alt="Twitter" height="32" width="32" /> <div class="med-16-black">Twitter</div> </a> </div> <div class="col share-col"> <a class="sns-share" id="shareLineUrl"> <img src="https://cdn-th.tunwalai.net/files/responsive/tun_award/icon/ic_line.png" alt="Line" height="32" width="32" /> <div class="med-16-black">LINE</div> </a> </div> <div class="col share-col"> <a class="sns-share" id="shareButtonUrl"> <i class="fas fa-link" style="width: 32px; height: 32px; background-color: #eaeaea; border-radius: 20px; line-height: 30px; "></i> <div class="med-16-black">คัดลอกลิงก์</div> </a> </div> </div> </div> </div> </div> </div> <script> function OpenShareLinkModal(shareUrl) { $("#shareFacebookUrl").bind("click", function () { ShareOnFacebook(shareUrl); }); $("#shareTwitterUrl").bind("click", function () { ShareOnTwitter(shareUrl); }); $("#shareLineUrl").bind("click", function () { ShareOnLine(shareUrl); }); $("#shareButtonUrl").bind("click", function () { CopyUrl(shareUrl); }); $("#shareLinkModal").modal("show"); } </script> <script src="/lib/jquery-datatable/datatables.min.js"></script> <script src="/lib/moment/moment-with-locales.min.js"></script> <script src="/lib/jquery-datatable/Plugins/pagination/select.js"></script> <script src="/lib/jquery-cookie/jquery.cookie.js"></script> <script> var tableComment; $('#noDataComments').hide(); $(document).ready(function () { if ('False' == 'True') { $("#unfollow").show(); $("#follow").hide(); } else { $("#unfollow").hide(); $("#follow").show(); } getStoryList(); getEbookList(true); getTunlist(true); getComicList(true); getStoreFrontData(); function getStoryList () { $.ajax({ url: '/Profile/GetNovelListItem?profileId=140216', method:'Get', success: function (data) { if (data.trim() == "") { $("#searchData").hide(); $(".emptyData").removeClass('d-none'); $(".emptyData .empty-state .nodata").html("ยังไม่มีนิยาย"); $('#total_story').text(0); } else { $("#searchData").show(); $(".emptyData").addClass('d-none'); $("#searchData").html(data); var total = $('#part_total_story').val(); if (total) { $('#total_story').text(numberWithCommas(total)); } else { $('#total_story').text(""); } } }, error: function (er) { AlertModal(er, null, false); } }); } function getEbookList (isFirstTime) { $.ajax({ url: '/Profile/GetEbookListItem?profileOBId=6170514', method:'Get', success: function (data) { if (isFirstTime) { if (data.trim() == "") { $('#total_ebook').text(0); } else { $("#tempData").html(data); var total = $('#part_total_ebook').val(); if (total) { $('#total_ebook').text(numberWithCommas(total)); } else { $('#total_ebook').text(""); } $("#tempData").empty(); } } else { if (data.trim() == "") { $("#searchData").hide(); $(".emptyData").removeClass('d-none'); $(".emptyData .empty-state .nodata").html("ยังไม่มีอีบุ๊ก"); } else { $("#searchData").show(); $(".emptyData").addClass('d-none'); $("#searchData").html(data); } } }, error: function (er) { AlertModal(er, null, false); } }); } function getTunlist (isFirstTime) { $.ajax({ url: '/Profile/GetTunlists?profileId=140216', method:'Get', success: function (data) { if(isFirstTime) { if (data.trim() == "") { $('#total_tunlist').text(0); } else { $("#tempTunlistData").html(data); var total = $('#part_total_tunlist').val(); if (total) { $('#total_tunlist').text(numberWithCommas(total)); } else { $('#total_tunlist').text(0); } $("#tempTunlistData").empty(); } } else { if (data.trim() == "") { $("#searchData").hide(); $(".emptyData").removeClass('d-none'); $(".emptyData .empty-state .nodata").html("ยังไม่มีธัญลิสต์"); $('#total_tunlist').text(0); } else { $("#searchData").show(); $(".emptyData").addClass('d-none'); $("#searchData").html(data); var total = $('#part_total_tunlist').val(); if (total) { $('#total_tunlist').text(numberWithCommas(total)); } else { $('#total_tunlist').text(0); } } } }, error: function (er) { AlertModal(er, null, false); } }); } function getComicList (isFirstTime) { $.ajax({ url: '/Profile/GetComics?profileId=140216', method:'Get', success: function (data) { if(isFirstTime) { if (data.trim() == "") { $('#total_comic').text(0); } else { $("#tempcomicData").html(data); var total = $('#part_total_comic').val(); if (total) { $('#total_comic').text(numberWithCommas(total)); } else { $('#total_comic').text(0); } $("#tempcomicData").empty(); } } else { if (data.trim() == "") { $("#searchData").hide(); $(".emptyData").removeClass('d-none'); $(".emptyData .empty-state .nodata").html("ยังไม่มีการ์ตูน"); $('#total_comic').text(0); } else { $("#searchData").show(); $(".emptyData").addClass('d-none'); $("#searchData").html(data); var total = $('#part_total_comic').val(); if (total) { $('#total_comic').text(numberWithCommas(total)); } else { $('#total_comic').text(0); } } } }, error: function (er) { AlertModal(er, null, false); } }); } function getStoreFrontData() { $.ajax({ url: "/StoreFront/GetStoreFrontByProfileId", type: "GET", data: { profileId: 140216 }, success: function (data) { if (data.isSuccess) { $('#store-list-data').append(data.html); } } }); } $("#ebook-btn").click(function () { getEbookList(); $('.sub-header--story').removeClass('active'); $('.sub-header--ebook').addClass('active'); $('.sub-header--tunlist').removeClass('active'); $('.sub-header--comic').removeClass('active'); }); $("#story-btn").click(function () { getStoryList(); $('.sub-header--ebook').removeClass('active'); $('.sub-header--story').addClass('active'); $('.sub-header--tunlist').removeClass('active'); $('.sub-header--comic').removeClass('active'); }); $("#tunlist-btn").click(function () { getTunlist(); $('.sub-header--story').removeClass('active'); $('.sub-header--ebook').removeClass('active'); $('.sub-header--tunlist').addClass('active'); $('.sub-header--comic').removeClass('active'); }); $("#comic-btn").click(function () { getComicList(); $('.sub-header--story').removeClass('active'); $('.sub-header--ebook').removeClass('active'); $('.sub-header--tunlist').removeClass('active'); $('.sub-header--comic').addClass('active'); }); $('#btn-fanboard').click(function() { $('.sub-header-comment').removeClass('active'); $('.sub-header-fanboard').addClass('active'); $('.show-comment').addClass('d-none'); $('.show-fanboard').removeClass('d-none'); }); $('#btn-comment').click(function() { $('.sub-header-comment').addClass('active'); $('.sub-header-fanboard').removeClass('active'); $('.show-comment').removeClass('d-none'); $('.show-fanboard').addClass('d-none'); }); if (window.location.hash.toLowerCase() == "#fanboard") { $('.sub-header-comment').removeClass('active'); $('.sub-header-fanboard').addClass('active'); $('.show-comment').addClass('d-none'); $('.show-fanboard').removeClass('d-none'); } else if (window.location.hash.toLowerCase() == "#novellibrary") { getStoryList(); $('.sub-header--ebook').removeClass('active'); $('.sub-header--tunlist').removeClass('active'); $('.sub-header--story').addClass('active'); $('.sub-header--comic').removeClass('active'); } else if (window.location.hash.toLowerCase() == "#ebooklibrary") { getEbookList(); $('.sub-header--story').removeClass('active'); $('.sub-header--tunlist').removeClass('active'); $('.sub-header--ebook').addClass('active'); $('.sub-header--comic').removeClass('active'); } else if (window.location.hash.toLowerCase() == "#tunlistlibrary") { getTunlist(); $('.sub-header--story').removeClass('active'); $('.sub-header--ebook').removeClass('active'); $('.sub-header--tunlist').addClass('active'); $('.sub-header--comic').removeClass('active'); } else if (window.location.hash.toLowerCase() == "#comiclibrary") { getComicList(); $('.sub-header--ebook').removeClass('active'); $('.sub-header--tunlist').removeClass('active'); $('.sub-header--story').removeClass('active'); $('.sub-header--comic').addClass('active'); } tableComment = $('#tbComment').DataTable({ processing: true, ordering: false, serverSide: true, autoWidth: false, searching: false, lengthChange: false, info: false, pagingType: 'listbox', pageLength: 20, language: { paginate: { previous: '<', next: '>' } }, dom: "<'row'<'col-md-3 col-sm-12'l><'col-sm-3'f><'col-sm-12 col-md-6'p>>" + "<'row'<'col-sm-12'tr>>" + "<'row'<'col-sm-5 col-md-5'i><'col-sm-12 col-md-7'p>>", ajax: { url: '/Profile/GetComments', type: 'GET', datatype: 'json', data: function (d) { var extendObj = { profileId: 140216, }; return $.extend(d, extendObj); }, complete: function (response) { var isNoData = true; if (response.status == 200) { $('#totalComment').html(response.responseJSON.recordsTotal); if (response.responseJSON.recordsTotal > 0) { $('#noDataComments').hide(); $('#tbComment_wrapper').show(); isNoData = false; } } if (isNoData) { $('#totalComment').html("0"); $('#noDataComments').show(); $('#tbComment_wrapper').hide(); } }, error: function (xhr) { $('#tbComment_processing').hide(); } }, initComplete: function (settings, json) { if (json.data.length == 0) { $('#noDataComments').show(); $('#tbComment_wrapper').hide(); } else { $('#noDataComments').hide(); $('#tbComment_wrapper').show(); } }, columnDefs: [ { render: function (data, type, row) { var loginIdVal = document.getElementById('loginId').value; var profileIdVal = document.getElementById('profileId').value; var statusAdmin = document.getElementById('statusAdmin').value; var commentid = row.id; var delComment = '<button value="' + commentid +'" class="del-comment ms-1 w-00 text-start f-size-md f-normal-65">ลบ</button>'; var commentNav = '<a href="#" id="commentMenu" data-bs-toggle="dropdown" aria-expanded="false"><i class="icon-tunwalai-line-kebab m-auto font-24"></i></a>'; var profileUrl = '/profile/__id__'; var html = '<div class="comment-row row col-12 g-0">'; html += '<div class="col-auto">' if (row.commenterId > 0) { html += '<a href="' + profileUrl.replace('__id__', row.commenterId) + '"><img class="img-circle" src="' + row.commenterImageUrl+ '" height="32" width="32" /></a>'; } else{ html += '<img class="img-circle delete-account-img" src="' + row.commenterImageUrl+ '" height="32" width="32" />'; } html += '</div>'; html += '<div class="col-7 col-md-9" style="padding-left: 14px;">'; html += '<div class="text-truncate comment-commenter">'; if (row.commenterId > 0) { html += '<a href="' + profileUrl.replace('__id__', row.commenterId) + '" title="' + row.commenterName + '">' + row.commenterName + '</a>'; } else { html += row.commenterName; } html += '</div>'; html += '<div class="comment-message">'; html += '<p>' + row.message + '</p>'; html += '</div>'; html += '<div class="comment-chapter">'; html += '</div>'; html += '</div>'; html += '<div class="col-3 col-md-2 ms-auto position-relative d-flex flex-column">'; html += '<div class="comment-chapter d-flex flex-column justify-content-end align-items-end mb-1">'; html += '<span class="text-end" style="white-space: nowrap;">' + moment(row.createdAt).fromNow(); + 'น.</span>'; if ( row.commenterId == loginIdVal || profileIdVal == loginIdVal || statusAdmin == 'True') { html += commentNav; html += '<ul class="dropdown-menu ps-2 pe-2 pt-3 pb-3 border-0 comment-nav" aria-labelledby="commentMenu">'; html += '<li class="d-flex ps-1 mb-1">' + delComment +'</li>'; html += '</ul>'; } html += '</div>'; html += '<div data-value="' + commentid + '" class="comment-reply-button d-flex flex-row sm-font-16 align-items-center mt-auto">'; html += '<i class="icon-tunwalai-line-arrow-left ms-auto me-1"></i>'; html += 'ตอบกลับ (' + row.replyCount + ')'; html += '</div>'; html += '</div>'; return html; }, targets: 0 } ] }); tableFanboard = $('#fanboardList').DataTable({ processing: true, ordering: false, serverSide: false, autoWidth: false, searching: false, lengthChange: false, info: false, pagingType: 'listbox', pageLength: 20, language: { paginate: { previous: '<', next: '>' } }, dom: '<"wrapper"lfptip>' }); if ( ! tableFanboard.data().count() ) { $('#noDataFanboard').removeClass('d-none'); $('#fanboardCount').addClass('d-none'); $('.container-fanboard-datatable').addClass('d-none'); $('#totalFanboard').html(tableFanboard.data().count()); } else { $('#totalFanboard').html(tableFanboard.data().count()); } $("#submitComment").click(function () { var commentName = $("#commenter-name").html(); var commentMessage = $("#editor").bbcode(); $("#comment-input-validate").hide(); $("#comment-message-validate").hide(); if (commentName === '') { $("#comment-input-validate").show(); return false; } if (commentMessage === '') { $("#comment-message-validate").show(); return false; } document.getElementById('submitComment').disabled = true; $.ajax({ type: "POST", data: { profileId: 140216, actionMemberId: 0, name: commentName, message: commentMessage }, url: "/Profile/Comment", success: function (response) { if (response.isSuccess) { $("#editor").htmlcode(""); tableComment.ajax.reload(); } else { AlertModal(response.msg); return false; } }, error: function (response) { AlertModal("error!"); }, complete: function () { document.getElementById('submitComment').disabled = false; } }); }); $('#tbComment tbody').on('click', '.comment-reply-button', function () { var commentId = $(this).attr("data-value"); $.ajax({ type: "GET", url: "/Profile/GetCommentReplies", dataType: "json", data: { commentId: commentId }, success: function (response) { if (response.isSuccess) { $("#commentReply").html(response.conmmentView); $('#commentReplyModal').modal('show'); } } }); return false; }); $('#tbComment tbody').on('click', '.del-comment', function () { var commentId = $(this).val(); if (confirm('คุณแน่ใจที่จะลบความเห็นนี้ใช่หรือไม่?')) { $.ajax({ type: 'POST', data: { profileId: 140216, commentID: commentId }, url: "/Comment/DeleteProfileComment", success: function (response) { if (response.isSuccess) { tableComment.ajax.reload(); } else { AlertModal("ทำรายการไม่สำเร็จ", null, false); return false; } } }); } }); $(document).on('show.bs.modal', '#commentReplyModal', function (e) { $('.del-comment').click(function () { var commentId = $(this).val(); $.ajax({ type: "POST", data: { commentID: commentId }, url: "/Comment/DeleteReplyComment", success: function (response) { if (response.isSuccess) { tableComment.ajax.reload(); } else { AlertModal(response.msg); return false; } } }); }); }); $(document).on('click', '#submitCommentReply', function () { var commentName = $("#commenter-name").html(); var commentMessage = $("#messageReply").bbcode(); $('#submitCommentReply').prop('disabled', true); $.ajax({ type: 'POST', url: "/Blog/ReplyComment", data: { commentId: $("#replyToCommentId").val(), name: commentName, message: commentMessage }, dataType: "json", success: function (response) { if (response.isSuccess) { $("#commentReplyModal").modal('hide'); AlertToastSuccess("ส่งความคิดเห็นสำเร็จ", "ขอบคุณสำหรับการแสดงความคิดเห็น", true); $("#messageReply").htmlcode(""); tableComment.ajax.reload(); } }, error: function (response) { AlertModal(response.message); }, complete: function () { $("#submitCommentReply").removeAttr('disabled'); } }); }); $('#unfollow').click(function () { if ('False' == 'True') { $.ajax({ type: 'POST', url: "/Profile/UnFollowAuthor", data: { authorId: '140216', }, dataType: "json", success: function (respone) { if (respone.isSuccess) { $("#unfollow").hide(); $("#follow").show(); AlertToastSuccess("ยกเลิกติดตามนักเขียนสำเร็จ", null, true); } else { AlertModal("ทำรายการไม่สำเร็จ", null, false); } }, error: function (response) { AlertModal("ทำรายการไม่สำเร็จ", null, false); } }); } else { AlertModal("กรุณาล็อคอินเข้าสู่ระบบก่อนทำรายการนี้", null, false); } }); $('#follow').click(function () { if ('False' == 'True') { $.ajax({ type: 'POST', url: "/Profile/FollowAuthor", data: { authorId: '140216', }, dataType: "json", success: function (respone) { if (respone.isSuccess) { $("#unfollow").show(); $("#follow").hide(); AlertToastSuccess("ติดตามนักเขียนสำเร็จ", null, true); } else { AlertModal("ทำรายการไม่สำเร็จ", null, false); } }, error: function (response) { AlertModal("ทำรายการไม่สำเร็จ", null, false); } }); } else { redirectLogin(''); } }); $("#paragraph a").click(function () { var showContent = 'แสดงเพิ่มเติม <i class="icon-tunwalai-line-down m-auto"></i>' var hideContent = 'แสดงน้อยลง <i class="icon-tunwalai-line-up m-auto"></i>' if ($("#segmentCollapseText").html() == showContent) { $("#segmentCollapseText").html(hideContent); } else { $('html, body').animate({ scrollTop: $("#paragraph-tab").offset().top }, 0); $("#segmentCollapseText").html(showContent); } }); $('#switch-btn').click(function () { var isChecked = $('#fanboard-switch').is(':checked'); var currentCheckedVal = !isChecked; $('#fanboard-switch').prop('checked', currentCheckedVal); if (currentCheckedVal) { $('#onLabel').text('เปิดแฟนบอร์ด'); $('.show-fanboard').removeClass('d-none'); } else { $('#onLabel').text('ปิดแฟนบอร์ด'); $('.show-fanboard').addClass('d-none'); } $.cookie("fanboardActive", currentCheckedVal, { path: "/", expire: 365 }); }); $("#fanboard-message").keyup(function () { if ($("#fanboard-message").val().trim() === "") { $('#submit-fanboard').attr("disabled", true); $('#comment-input-validate').show(); } else { $('#submit-fanboard').attr("disabled", false); $('#comment-input-validate').hide(); } }); $('#submit-fanboard').click(function() { if ($("#fanboard-message").val().trim() === "") { $('#submit-fanboard').attr("disabled", true); $('#comment-input-validate').show(); } }); $('#add-fanboard-form').submit(function () { $('#submit-fanboard').attr("disabled", true); }); $('.wysibb-text-editor').find('span').remove(); $('#commentModal').click(function() { $('#statsModal .row-disable').removeClass('d-none'); StatsModal("ยอดความคิดเห็น","ยอดความคิดเห็นทั้งหมดที่ได้รับ",'2,857','0','3','2,860','0'); }); $('#likeModal').click(function() { StatsModal("ยอดถูกใจ", "ยอดถูกใจทั้งหมดที่ได้รับ",'2,564','0','0','2,564','0'); }); $('#bookmarkModal').click(function() { StatsModal("ยอดเพิ่มลงคลัง","ยอดเพิ่มลงคลังทั้งหมดที่ได้รับ",'3,903','0','0','3,903','0'); }); $('#statsModal').on('hidden.bs.modal', function(e) { $('#statsModal .row-disable').addClass('d-none'); }); $('#btnSortStoreFront').click(function () { $('#btnSortStoreFront').prop('disabled', true); $.ajax({ type: "GET", url: "/StoreFront/GetMyStoreFrontSortLists", data: { profileId: 140216, }, dataType: "json", success: function (response) { if (response.isSuccess) { $("#btnSortStoreFront").removeAttr('disabled'); $("#sortStoreFront").html(response.sortView); $('#sortStoreFrontModal').modal('show'); } } }); return false; }); }); function block_user(blockUserFlag, profileId) { if ('False' == 'True') { var blockedProfileId = 140216; if (profileId) { blockedProfileId = profileId; } $.ajax({ type: 'POST', url: '/Fanboard/SetUserBlockStatus/' + blockUserFlag, data: { blockMemberId: blockedProfileId }, success: function (respone) { if (blockUserFlag == 1) AlertToastSuccess("บล็อกผู้ใช้งานสำเร็จ", null, true); else AlertToastSuccess("ยกเลิกการบล็อกผู้ใช้งานสำเร็จ", null, true); window.location.reload(true); }, error: function (response) { AlertModal("ทำรายการไม่สำเร็จ", null, false); } }); } else { redirectLogin(''); } } function HideFanboard(isHidden) { $.ajax({ type: 'POST', url: "/Profile/HideFanboard", data: { profileId: '140216', profileOBId: '6170514', status: isHidden }, dataType: "json", success: function (respone) { if (respone.isSuccess) { window.location.hash = "#comment"; window.location.reload(true); } else { AlertModal("ทำรายการไม่สำเร็จ", null, false); } }, error: function (response) { AlertModal("ทำรายการไม่สำเร็จ", null, false); } }); } $('.btn-delete-topic').click(function () { const topicId = $(this).attr('data-topic-id'); $("#delete-btn").attr('data-topic-id', topicId); AlertFanboardModal('ยืนยันการลบโพสต์นี้ทั้งหมดใช่หรือไม่', 'ยืนยันการลบ', 'Delete'); }); $("#delete-btn").click(function () { const topicId = $(this).attr('data-topic-id'); if (deleteItem == 'Delete') { deleteTopic(topicId); } else if (deleteItem == 'Hide') { hideFanboardTopic(topicId, true); $('.btn-hide-topic').hide(); $('.btn-show-topic').show(); } else if (deleteItem == 'Show') { hideFanboardTopic(topicId, false); $('.btn-hide-topic').show(); $('.btn-show-topic').hide(); } else if (deleteItem == 'Block') { block_user(1, topicId); $('#deleteModal').modal('hide'); } else if (deleteItem == 'UnBlock') { block_user(0, topicId); $('#deleteModal').modal('hide'); } }); $('.btn-hide-topic').click(function() { const topicId = $(this).attr('data-topic-id'); $("#delete-btn").attr('data-topic-id', topicId); AlertFanboardModal('ยืนยันการซ่อนโพสต์นี้ใช่หรือไม่', 'ยืนยันการซ่อน', 'Hide'); }); $('.btn-show-topic').click(function() { const topicId = $(this).attr('data-topic-id'); $("#delete-btn").attr('data-topic-id', topicId); AlertFanboardModal('ยืนยันการแสดงโพสต์นี้ใช่หรือไม่', 'ยืนยันการแสดง', 'Show'); }); $('.btn-block-user').click(function() { const topicId = $(this).attr('data-item-id'); $("#delete-btn").attr('data-topic-id', topicId); AlertFanboardModal('ยืนยันการบล็อกผู้ใช้งานนี้ใช่หรือไม่', 'ยืนยันการบล็อก', 'Block'); }); $('.btn-unblock-user').click(function() { const topicId = $(this).attr('data-item-id'); $("#delete-btn").attr('data-topic-id', topicId); AlertFanboardModal('ยืนยันการยกเลิกบล็อกผู้ใช้งานนี้ใช่หรือไม่', 'ยืนยันยกเลิกบล็อก', 'UnBlock'); }); function deleteTopic(topicId) { $.ajax({ url:'/fanboard/DeleteFanboardTopic', type: 'POST', data: { id: topicId }, success: function(data) { window.location.href += "fanboard"; location.reload(); }, error: function(er) { console.log(er); } }); } function hideFanboardTopic(topicId, status) { $.ajax({ url: '/fanboard/HideFanboardTopic', type: "POST", data: { id: topicId, status : status }, success: function (data) { console.log("success"); window.location.href += "fanboard"; location.reload(); }, error: function (er) { console.log(er); }, complete: function() { $('#deleteModal').modal('hide'); } }); } function redirectLogin(tab) { window.location.href = '/Home/CallServiceLogin?returnUrl=%2Fprofile%2F140216'+tab; } function StatsModal(title,message,story,tunlist,profile,total,comic) { var modalTitle = ""; var modalMessage = ""; if (title) { modalTitle = title; } if (message) { modalMessage = message; } $("#statsModalTitle", $("#statsModal")).html(modalTitle); $("#AmountMessage", $("#statsModal")).html(modalMessage); $("#lb_story").html(story); $("#lb_tunlist").html(tunlist); $("#lb_profile").html(profile); $("#lb_total").html(total); $("#lb_comic").html(comic); $("#statsModal").modal('show'); } </script> <div class="modal fade" id="informationModal" tabindex="-1" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <div class="float-end position-relative"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-info-title w-100" id="modalTitle"></div> <div class="modal-info-message text-center" id="modalMessage"></div> <div class="pt-24"> <button type="button" class="w-100 btn btn-tunwalai" data-bs-dismiss="modal">ตกลง</button> </div> </div> </div> </div> </div> <div class="modal fade" id="alertRedirectModal" tabindex="-1" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <div class="float-end position-relative"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-info-title w-100" id="modalTitle"></div> <div class="modal-info-message text-center" id="modalMessage"></div> <div class="pt-24"> <button type="button" class="w-100 btn btn-tunwalai" id="modalButton" data-bs-dismiss="modal">ตกลง</button> </div> </div> </div> </div> </div> </div> <div class="modal fade" id="alertOpenAppModal" tabindex="-1" aria-hidden="true"> <div class="modal-dialog w-100 position-fixed start-0 bottom-0 m-0 mw-100"> <div class="modal-content m-0 w-100"> <div class="modal-body p-4"> <div class="float-end position-relative"> <button type="button" class="btn-close" onclick="closeAppModal()" style="right: -12px !important;"></button> </div> <div class="modal-info-message text-center p-1"> <p class="text-center img-app"> <img src="https://cdn-th.tunwalai.net/files/responsive/asset/tanya/app-icon-md.jpg" alt="แอปพลิเคชันธัญวลัย" /> </p> <h3 class="font-28 f-bold-75">ใช้แอปพลิเคชันธัญวลัย</h3> <p class="mb-0 f-normal-65 font-20">เพื่อประสบการณ์อ่านและเขียนที่ดีกว่าบนมือถือ</p> </div> <div class="pt-2"> <button type="button" class="w-100 btn btn-tunwalai" id="btn-open-app" onclick="OpenAppOrStore()">เปิดแอปพลิเคชัน</button> </div> </div> </div> </div> </div> <style> footer.footer { background-color: #4d2411; } .main-footer { max-width: 995px; position: relative; padding: 64px 12px; } .sub-footer { background-color: #391707; text-align: center; padding: 32px 0; } .main-footer-link-main a, .main-footer-link-main h6 { color: #ffffff !important; font-size: 20px; font-family: "DBHelvethaicaMonX-65Med"; } .main-footer-link-main a:hover { color: #ffffff !important; text-decoration: none; } .main-footer-link-main a:focus { color: #ffffff !important; text-decoration: none; } .main-footer-link-sub a { color: #ffffff !important; font-size: 20px; opacity: 0.5; font-family: "DBHelvethaicaMonX-55"; } .main-footer-link-sub.multiple-line { line-height: 1; margin-bottom: 5px; } .main-footer-link-sub a:hover { } .main-footer-link-sub a:focus { text-decoration: none; } .footer-social-img { width: 20px; height: 20px; margin-right: 5px; } .sub-footer-text { max-width: 750px; text-align: left; color: #ffffff; opacity: .5; font-size: 14px; font-family: "MNPaethai-Med"; margin: 0; } .sub-footer-link { margin: auto; margin-left: 20px; } .sub-footer-link-md { text-align: left; margin-top: 10px; } .sub-footer-link-md img { margin-right: 10px; margin-top: 10px; } .click-pointer { cursor: pointer; } @media (max-width: 575px) { .sub-footer { padding: 16px; } .main-footer { padding: 16px; } } </style> <footer class="border-top footer text-muted"> <div class="main-footer m-auto"> <div class="row no-gutters"> <div class="col d-none d-md-block"> <div class="main-footer-link-main"> <h6>นักอ่าน</h6> </div> <div class="main-footer-link-sub"> <a target="_blank" href="/Search/Story" title="ค้นหานิยาย">ค้นหานิยาย</a> </div> <div class="main-footer-link-sub"> <a target="_blank" href="/Search/Ebook" title="ค้นหาอีบุ๊ก">ค้นหาอีบุ๊ก</a> </div> <div class="main-footer-link-sub"> <a target="_blank" href="/story/type/topview?period=weekly" title="จัดอันดับนิยาย">จัดอันดับนิยาย</a> </div> <div class="main-footer-link-sub"> <a target="_blank" href="/Ebook/EbookRank?type=Popular" title="จัดอันดับอีบุ๊ก">จัดอันดับอีบุ๊ก</a> </div> <div class="main-footer-link-sub"> <a target="_blank" href="/My/Recharge">เติมเหรียญ</a> </div> </div> <div class="col col-md d-none d-md-block"> <div class="main-footer-link-main"> <h6>นักเขียน</h6> </div> <div class="main-footer-link-sub"> <a target="_blank" href="/DashBoard/Register" title="ลงทะเบียนนักเขียน">ลงทะเบียนนักเขียน</a> </div> <div class="main-footer-link-sub"> <a target="_blank" href="/blog/28" title="วิธีการลงนิยาย">วิธีการลงนิยาย</a> </div> <div class="main-footer-link-sub"> <a target="_blank" href="/blog/294" title="วิธีการลงอีบุ๊ก">วิธีการลงอีบุ๊ก</a> </div> <div class="main-footer-link-sub"> <a target="_blank" href="/blog/81" title="ระบบสนับสนุน">ระบบสนับสนุน</a> </div> </div> <div class="col col-md"> <div class="main-footer-link-main"> <h6>เกี่ยวกับเรา</h6> </div> <div class="main-footer-link-sub"> <a target="_blank" href="/blog/88" title="ธัญวลัยคือ?">ธัญวลัยคือ?</a> </div> <div class="main-footer-link-sub multiple-line"> <a target="_blank" href="/privacypolicy" title="นโยบายการคุ้มครองข้อมูลส่วนบุคคล">นโยบายการคุ้มครอง<br />ข้อมูลส่วนบุคคล</a> </div> <div class="main-footer-link-sub"> <a target="_blank" href="/termcondition" title="เงื่อนไขและข้อตกลง">เงื่อนไขและข้อตกลง</a> </div> <div class="main-footer-link-sub"> <a target="_blank" href="https://cdn-th.tunwalai.net/files/license/20210630/License-6.txt" title="Third-Party Notice">Third-Party Notice</a> </div> <div class="main-footer-link-sub"> <a target="_blank" href="/tunwalai-easy" title="ดาวน์โหลด Tunwalai Easy"> ดาวน์โหลด Tunwalai Easy (สำหรับ Android) </a> </div> </div> <div class="col col-md"> <div class="main-footer-link-main"> <h6>ช่วยเหลือ</h6> </div> <div class="main-footer-link-sub"> <a target="_blank" href="/blogs" title="บทความ">บทความ</a> </div> <div class="main-footer-link-sub"> <a target="_blank" href="/blog/281" title="FAQ">FAQ</a> </div> </div> <div class="col col-md col-contact"> <div class="main-footer-link-main"> <h6>ช่องทางติดต่อ</h6> </div> <div class="main-footer-link-sub"> <img src="https://cdn-th.tunwalai.net/files/responsive/asset/logo/Logo - Facebook.png" alt="facebook" class="footer-social-img" /> <a target="_blank" href="https://www.facebook.com/webtunwalai" title="tunwalai.com" class="align-middle"> tunwalai.com</a> </div> <div class="main-footer-link-sub"> <img src="https://cdn-th.tunwalai.net/files/responsive/asset/logo/Logo - Twitter.png" alt="twitter" class="footer-social-img" /> <a target="_blank" href="https://twitter.com/webtunwalai" title="@webtunwalai" class="align-middle"> @webtunwalai</a> </div> <div class="main-footer-link-sub"> <img src="https://cdn-th.tunwalai.net/files/responsive/asset/logo/Logo - Line.png" alt="line" class="footer-social-img" /> <a target="_blank" href="https://lin.ee/844U87Z" title="@tunwalai" class="align-middle"> @tunwalai</a> </div> <div class="main-footer-link-sub"> <img src="https://cdn-th.tunwalai.net/files/responsive/asset/logo/Logo - Email.png" alt="email" class="footer-social-img" /> <a target="_blank" href="mailto:tunwalai@ookbee.com" title="tunwalai@ookbee.com" class="align-middle"> tunwalai@ookbee.com</a> </div> </div> </div> </div> <div class="sub-footer"> <div class="container d-inline-flex"> <p class="sub-footer-text"> ข้อความที่ท่านได้อ่านจากเว็บไซต์นี้เกิดจากการเขียนโดยสาธารณชนและเผยแพร่โดยอัตโนมัติ ผู้ดูแลเว็บไซต์แห่งนี้ไม่ได้เห็นด้วยและไม่ขอรับผิดชอบต่อข้อความใดๆ ทั้งสิ้น ดังนั้นผู้อ่านทุกท่านโปรดใช้วิจารณญาณในการกลั่นกรองด้วยตนเอง และหากท่านพบข้อความใดๆ ที่ขัดต่อกฎหมายและศีลธรรม กรุณาแจ้งมาที่ tunwalai@ookbee.com เพื่อทีมงานจะได้ดำเนินการในทันที ทั้งนี้ ทางเว็บไซต์ขอสงวนลิขสิทธิ์ตามพระราชบัญญัติลิขสิทธิ์ (ฉบับเพิ่มเติม) พ.ศ.2558 </p> <div class="d-none d-md-block sub-footer-link"> <a target="_blank" href="https://www.trustmarkthai.com/callbackData/popup.php?data=3d622af-34-5-99de6e6eb06f805f0175925476c33011d9c8f0" title="DBD Registered"> <img src="https://cdn-th.tunwalai.net/files/responsive/asset/logo/Logo - DBD Registered.png" alt="DBD" width="85" height="40" /> </a> </div> <div class="d-none d-md-block sub-footer-link"> <a onclick="DownloadAppByOS('IOS')" class="click-pointer" title="AppStore"> <img src="https://cdn-th.tunwalai.net/files/responsive/asset/logo/Logo-AppStore.jpg" alt="AppStore" width="120" height="40" /> </a> </div> <div class="d-none d-md-block sub-footer-link"> <a onclick="DownloadAppByOS('Android')" class="click-pointer" title="GooglePlay"> <img src="https://cdn-th.tunwalai.net/files/responsive/asset/logo/Logo-GooglePlay.jpg" alt="GooglePlay" width="120" height="40" /> </a> </div> </div> <div class="d-block d-md-none"> <div class="sub-footer-link-md"> <a target="_blank" href="https://www.trustmarkthai.com/callbackData/popup.php?data=3d622af-34-5-99de6e6eb06f805f0175925476c33011d9c8f0" title="DBD"> <img src="https://cdn-th.tunwalai.net/files/responsive/asset/logo/Logo - DBD Registered.png" alt="DBD" width="85" height="40" /> </a> </div> <div class="sub-footer-link-md"> <a onclick="DownloadAppByOS('IOS')" class="click-pointer" title="AppStore"> <img src="https://cdn-th.tunwalai.net/files/responsive/asset/logo/Logo-AppStore.jpg" alt="AppStore" width="120" height="40" /> </a> <a onclick="DownloadAppByOS('Android')" class="click-pointer" title="GooglePlay"> <img src="https://cdn-th.tunwalai.net/files/responsive/asset/logo/Logo-GooglePlay.jpg" alt="GooglePlay" width="120" height="40" /> </a> </div> </div> </div> </footer> <script type="text/javascript"> $(document).ready(function () { if (window.location.toString().indexOf("blog") < 1 ) { OpenAppTopBar(); OpenAppModal(); } }); function GetMobileOperatingSystem() { var userAgent = navigator.userAgent || navigator.vendor || window.opera; if (userAgent.match(/iPad/i) || userAgent.match(/iPhone/i) || userAgent.match(/iPod/i)) { return "IOS"; } else if (userAgent.match(/Huawei/i)) { return "Huawei"; } else if (userAgent.match(/Android/i)) { return "Android"; } else { return "Web"; } }; function DownloadAppByOS(os) { if (os == "IOS") { window.open("https://itunes.apple.com/us/app/thay-wlay/id1087664350"); } else if (os == "Android") { window.open("https://play.google.com/store/apps/details?id=com.ookbee.tunwalai.android"); } else if (os == "Huawei") { window.open("https://appgallery.cloud.huawei.com/appDetail?pkgName=com.ookbee.tunwalai.android"); } else { window.open('/blog/153'); } }; function OpenAppOrStore() { var os = GetMobileOperatingSystem(); window.location.replace("tunwalai://"); var dict = { "IOS": "https://itunes.apple.com/us/app/thay-wlay/id1087664350", "Android": "https://play.google.com/store/apps/details?id=com.ookbee.tunwalai.android", "Huawei": "https://appgallery.cloud.huawei.com/appDetail?pkgName=com.ookbee.tunwalai.android" }; setTimeout(function () { window.location.href = dict[os]; }, 200); }; function OpenAppTopBar() { var os = GetMobileOperatingSystem(); var openAppSession = sessionStorage.getItem("openApp"); if (os === "Web") { $('.navbar-app-bar').addClass('d-none'); $('#main-body').removeClass('enable-topbar'); } else { if (!openAppSession) { $('.navbar-app-bar').removeClass('d-none'); $('#main-body').addClass('enable-topbar'); } else { $('.navbar-app-bar').addClass('d-none'); $('#main-body').removeClass('enable-topbar'); } } } function OpenAppModal() { var os = GetMobileOperatingSystem(); var openAppModalSession = sessionStorage.getItem("openAppModal"); if (os === "Web") { $('#alertOpenAppModal').modal('hide'); } else { if (!openAppModalSession) { $('#alertOpenAppModal').modal('show'); } else { $('#alertOpenAppModal').modal('hide'); } } } function closeAppTopBar() { sessionStorage.setItem('openApp', 'true'); $('.navbar-app-bar').addClass('d-none'); $('#main-body').removeClass('enable-topbar'); } function closeAppModal() { sessionStorage.setItem('openAppModal', 'true'); $('#alertOpenAppModal').modal('hide'); } </script> <!-- Facebook Pixel Code --> <script> !function (f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s) }(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '303840533776873'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=303840533776873&ev=PageView&noscript=1" /> </noscript> <script type="text/javascript"> $("#main-body").css("padding-top", 64); var maxKey = 5; var key = $("#mainKeyRemain").val(); if (maxKey > key) { var secondToRefill = $("#mainRefillSecondsInterval").val(); var keycountdown = setInterval(function () { var hours = Math.floor(secondToRefill / 3600); var minutes = Math.floor(secondToRefill % 3600 / 60); var seconds = Math.floor(secondToRefill % 3600 % 60); $("#mainCountdown").html("( " + hours.toString().padStart(2, '0') + ":" + minutes.toString().padStart(2, '0') + ":" + seconds.toString().padStart(2, '0') + " )"); secondToRefill -= 1; if (secondToRefill < 0) { key = Number(key) + 1; $("#keyInfo").html(key.toString()); if (key == maxKey) { clearInterval(keycountdown); $("#mainCountdown").hide(); } secondToRefill = 1800; } }, 1000); } $(".login-button").click(function () { window.location.href = "/Home/CallServiceLogin?returnUrl=%2Fprofile%2F140216"; }); function AlertToastSuccess(title, message, showIconSucces = false) { $(".toast-icon-correct").hide(); $("#toastSuccessTitleMessage").html(""); $("#toastSuccessMessage").html(""); if (title) { $("#toastSuccessTitleMessage").html(title); } if (message) { $("#toastSuccessMessage").html(message); } if (showIconSucces) { $(".toast-icon-correct").show(); } $("#successToast").show(); setTimeout(function () { $("#successToast").hide(); }, 2000); } function AlertToastSuccessThenReload(title, message, showIconSucces = false, timeToRelaod = 2000) { AlertToastSuccess(title, message, showIconSucces); setTimeout(function () { window.location.reload(); }, timeToRelaod); } function AlertToastError(title, message, showIconError = false) { $(".toast-icon-error").hide(); $("#toastErrorTitleMessage").html(""); $("#toastErrorMessage").html(""); if (title) { $("#toastErrorTitleMessage").html(title); } if (message) { $("#toastErrorMessage").html(message); } if (showIconError) { $(".toast-icon-error").show(); } $("#errorToast").show(); setTimeout(function () { $("#errorToast").hide(); }, 2000); } function AlertModal(message, title, isSuccess) { var modalTitle = isSuccess ? "สำเร็จ" : "ไม่สำเร็จ"; var modalMessage = isSuccess ? "ทำรายการสำเร็จ" : "ทำรายการไม่สำเร็จ"; if (title) { modalTitle = title; } if (message) { modalMessage = message; } $("#modalTitle", $("#informationModal")).html(modalTitle); $("#modalMessage", $("#informationModal")).html(modalMessage); $("#informationModal").modal('show'); } function AlertModalThenReLoad(message, title, isSuccess) { AlertModal(message, title, isSuccess); $('#informationModal').on('hidden.bs.modal', function () { window.location.reload(); }); } function AlertModalRedirect(message, title, isSuccess,buttonText,urlRedirect) { var modalTitle = isSuccess ? "สำเร็จ" : "ไม่สำเร็จ"; var modalMessage = isSuccess ? "ทำรายการสำเร็จ" : "ทำรายการไม่สำเร็จ"; var modalbuttonText = "ตกลง"; if (title) { modalTitle = title; } if (message) { modalMessage = message; } if (buttonText) { modalbuttonText = buttonText; } if (urlRedirect) { urlRedirect = "location.href = '" + urlRedirect + "';" document.getElementById('modalButton').setAttribute('onclick', urlRedirect); } $("#modalTitle", $("#alertRedirectModal")).html(modalTitle); $("#modalMessage", $("#alertRedirectModal")).html(modalMessage); $("#modalButton", $("#alertRedirectModal")).text(modalbuttonText); $("#alertRedirectModal").modal('show'); } function numberWithCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } function numberWithDigit(x, digit, forceShowDigit = false) { if (x == parseInt(x) && !forceShowDigit) { return numberWithCommas(x); } else { return numberWithCommas(x.toFixed(digit)); } } function redirectUrl(url) { if (url.includes("tunwrapped")) { var userId = '0'; GtagEventEnterTunwrapped(userId); } window.location.href = url; } </script> </body> </html>
